@font-face {
 font-family: quicksand; src: url('../media/fonts/Quicksand-Regular.ttf'); }

@font-face {
  font-family: quicksand-Bold;
  src: url('../media/fonts/Quicksand-Bold.ttf');
}

@font-face {
  font-family: quicksand-Light;
  src: url('../media/fonts/Quicksand-Light.ttf');
}


body {
	font-family: "quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.eric-background {
  background-color: #99A374;
  background: linear-gradient( #607D8B, #b2b46a);
}


/*footer*/
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    /*background: -webkit-linear-gradient(top right, #eaedef 70%, #abb9bf);*/
    /*background-color:#d5dcdf;*/
    background-color:#fff;
    color: white;
    text-align: center;
    max-height:80px;
}


/*containers*/
/*.main-content {
  padding-top: 70px !important
  padding-top: calc(74px);
  padding-bottom: 6rem;
}*/
.header-section {
  padding-top:80px;
  padding-bottom: 3rem;
  background-color:white;
}
.page-section {
  padding-top:  80px;
  padding-bottom: 3rem;
  background-color:white;
}
/*.page-section {
  padding: 6rem 0;
  padding-top:7rem;
}*/
.page-section-heading {
  margin-top: 30px;
  font-size: 2.25rem;
  line-height: 2rem;
}

.eric-home {
  padding-top:  5rem;
}



/*menu*/
.navbar-eric {
  height:80px;
  /*overflow:hidden;*/
}
.navbar-eric .nav-link {
  color: #ACAC3C /*#8a9192*/;
  font-size:1.1em;
  font-weight:500;
}
.navbar-eric .nav-link:hover, .navbar-eric .nav-link:focus {
  color: #2D2B4F;
}

.smallnav .nav-link {
   color:white;
   font-weight:400;
}

.smallnav .nav-link:hover,.smallnav .nav-link:focus {
   color:white;
}

.smallnav .nav-item {
   margin:3px 0px 3px 0px;
   padding:3px 5px 3px 5px;
}
.smallnav .nav-item:hover {
   background-color:#4a6986;
}

.logout-btn {
  color: #ACAC3C;
  border: 2px solid #ACAC3C;
  padding: 0.25rem 1rem !important;
  margin:10px;
}

.logout-btn:hover {
  color: #424060;
  background-color: #ACAC3C;
  border-color: #ACAC3C;
}

/*headers*/
.title-header {
  font-size:6em;
  font-weight:1000;
  background: -webkit-linear-gradient(top right, #E57F84, #2F5061);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home-title {
   font-size:1.5em;
   padding:10px;
   font-family:quicksand-Bold;
   background: linear-gradient(to right, #ACAC3C,#2D2B4F); 
   -webkit-text-fill-color: transparent; 
   -webkit-background-clip: text;
}
.eric-header {
  text-align:center ;
  font-family:quicksand-Bold !important; 
  font-size:5em !important;
  color:#48447c !important;
}

.app-header{
  text-align:center ;
  font-family:quicksand-Bold !important; 
  font-size:2em !important;
  color:#48447c !important;
}

.eric-home-header {
  margin-top: 30px;
}
.eric-page-header {
  margin-top: 30px;
}
.eric-project-title {
  font-family:quicksand-Bold;
  background: linear-gradient(to right, #ACAC3C,#2D2B4F); 
  -webkit-text-fill-color: transparent; 
  -webkit-background-clip: text;
}


/*colors*/
.bg-primary-light {
    background-color: #C0BFCA !important;
    color: black !important;
}
.bg-primary-dark {
  background-color: #a0585c;
  color:white;
}
.bg-secondary-light {
  background-color: #DBE1E4;
}
.bg-secondary-dark {
  background-color: #2F5061;
  color:white;
}
.bg-info-light {
  background-color: #dedde7 !important;
  color: black !important;
}
.bg-info-dark {
  background-color: #00676b;
  color:white;
}
.bg-success-light {
    background-color: #cdcd8a !important;
    color: black !important;
}
.bg-warning-light {
    background-color: #F3D5A3 !important;
    color: black !important;
}
.bg-danger-light {
    background-color: #dda9a1 !important;
    color: black !important;
}


a {
  color: #918EB0; /*#48447C;*/
  text-decoration: underline;
}
a:hover {
  color: #24223e;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

.eric-link {
  color:#ACAC3C;
  text-decoration:none !important;
}
.eric-link:focus,
.eric-link:hover {
  text-decoration:underline !important;
  color: #48447C !important;;
}

.eric-primary-link {
  color:#48447c;
  text-decoration:none !important;
}
.eric-primary-link:focus,
.eric-primary-link:hover {
  text-decoration:underline !important;
  color: #2b294b !important;;
}

.eric-more-link {
  color:#6964aa;
  text-decoration:none !important;
}
.eric-more-link:focus,
.eric-more-link:hover {
  text-decoration:none !important;
  color: #2b294b !important;
}




.eric-light-link {
  color:#fff;
  text-decoration:underline !important;
}
.eric-light-link:focus,
.eric-light-link:hover {
  text-decoration:underline !important;
  color:#dad9e4  /*#7e7ca3*/ !important;
}


.eric-note {
  color:#dad9e4;
}
.eric-comment {
  color:#9C9BA3;
}
.eric-light-info {
  color:#dad9e4;
}


.info-link {
  color:#ACAC3C;
  text-decoration:none !important;
}
.info-link:focus,
.info-link:hover {
  text-decoration:underline !important;
  color:#ACAC3C;
}



.services-icon {
  color:white;
  text-decoration:none !important;
}
.services-icon:focus,
.services-icon:hover {
  text-decoration:none !important;
  /*border: 1px solid #ACAC3C !important;
  border-radius: 30px;*/
  color:#ACAC3C;
}





/*login*/
.login-content {
   min-height: 63vh;
   background: linear-gradient( #607D8B, #b2b46a);
}

.login-window {
  background-color:white;
}
.icon {
    width: 80px;
    height: 80px;
    background:  -webkit-linear-gradient(top right, #E57F84, #8296a0); /*#2F5061 !important; /*#E57F84;*/
    border-radius: 50%;
    font-size: 30px;
    margin: 0 auto;
    margin-bottom: 10px; 
}
.eric-login-header {
  text-align:center;
}
.eric-login-form-container {
  background:#fff;
  padding-top:120px;
  margin-top:120px;
  padding-bottom:10px;
  border-radius: 15px;
  /*box-shadow: 5px 8px #a5a3bf;  */
  max-height:800px;
  max-width:30rem;margin-top:3rem;padding-top:1rem;
}
.eric-login-form-container h4 {
  color:#393663 !important;
  font-weight:900;
}
.eric-login-form-container .form-label {
  color:#393663 !important;
  font-weight:600;
  font-size:1.1em;
}

.login-btn {
  /*height:40px;*/
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.index_border { 
  border: 2px solid;
  /*border-radius: 5px;*/
  padding: 10px;
  border-image: linear-gradient(95deg, #F4EAE6, #E57F84) 10;
  box-shadow: 4px 4px 8px #F4EAE6;
}



/*scale*/
@media (max-height: 800px) {
  .navbar-eric {
      height:60px !important;
  }
  .navbar-eric .nav-link, .navbar-eric .navbar-brand ,  .navbar-eric .nav {
    padding-top:2px !important;
    padding-bottom:2px !important;
    margin-top:2px !important;
    margin-bottom:2px !important;
  }

  .navbar-nav {
     padding-top:20px;
  }
  .logout-btn {
    margin-top:0px;
  }
  .navbar-brand img {width:80px;}

  .index-content {
      margin-top:10px;
  }
 .login-content {
    padding-bottom:40px;
    height: 80vh;
  }
  .footer {
    height:30px;
    position: relative;
  }
  .footer .logos {
    display:none;
  }
}

@media (max-height: 600px) {
  .index-nav {
      display:none;
  }
  .index-content {
      margin-top:30px;
      margin-bottom:0px;
  }
  .login-content {
    padding-bottom:20px;
    height: 90vh;
  }
  .footer {
      display:none;
  }

  .navbar-eric {
      display:none;
  }
  .header-section {
      margin-top:0px;
  }
  .home-nav-btns {
    display:none;
  }
}

@media (min-height: 601px) {
  .smallnav {
      display:none;
  }
}



@media (max-width: 1500px) {
  .navbar-nav {
      padding-top:30px;
  }
  .logout-btn {
    margin-top:0px;
  }
  #ERICCLLDB_logo {
      font-size:0.6em !important;
  }
}

@media (max-width: 1350px) {
  .navbar-nav {
     padding-top:20px;
     font-size:0.8em;
  }
  .logout-btn {
    font-size:0.8em;
  }
  .nav-item {
     margin: 2px 5px 2px 5px ;
  }
}


@media (max-width: 992px) {
  .navbar-nav {
    background-color:#48447c;
  }
  .navbar-eric .nav-item {
    margin:2px 0px 2px 0px;
  }
  .navbar-eric .nav-link {
    color:white;
    padding:5px 15px 5px 15px !important;
  }
  .navbar-eric .nav-link:hover, .navbar-eric .nav-link:focus {
    background-color:#dad9e4;
  }

  .navbar-eric .dropdown-toggle{
    color:white;
  }

  .navbar-eric .dropdown-item {
      font-size:0.8em;
  }
  .navbar-eric .dropdown-item:hover, .navbar-eric .dropdown-item:fccus {
      background-color:#6c6996 !important;
  }
  .user-info {
    display:none;
  }

  .logout-btn {
    font-size:1em;
    margin-top:20px;
  }

  .footer .logos {
    display:none;
  }

  .footer .blockquote-footer {
     margin-top:1px !important;
     padding-top:1px !important;
  }
}