/* ==========================================================================
     Project:     TWD Landing Page - EDU
     Date:        08/26/2021 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

/* ==========================================================================
     Typograpy
========================================================================== */

body {font-family: "Open Sans", sans-serif;line-height:1.5}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: "Montserrat", sans-serif; font-weight:700;line-height:1.2}

/* ==========================================================================
     Main Layout
========================================================================== */ 

body {background: url(/img/bg-body.png)}

/* Skip */
.skip {position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:#3875b7; width:auto;height:auto;overflow:visible;padding:10px;color:#fff;font-weight:500;font-size:.875rem;z-index:9999;text-decoration:underline}
     .skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: #fff; background:#3875b7}

/* Header */
header { z-index: 2; background: #fff; width: 100%; box-shadow: 0px 0px 5px rgb(0,0,0,.5)}
     header .quicklinks-wrapper {background: url(/img/bg-quicklinks.jpg) center center; background-size:cover; height: 40px; font-size: .875rem; color: #fff}
     header .quicklinks a {color: #fff; text-decoration: none;}
     header .quicklinks li:not(:last-child) a {background: rgba(255,255,255,.25); border-radius: 50%; width: 25px; height: 25px; line-height: 25px; display:block; text-align:center;font-size: .8125rem}

/* Main */
main {position:  relative; z-index: 0;overflow:hidden;background:#fff}

/* Homepage */
.intro-wrapper {background: url(/img/bg-intro.jpg) center bottom no-repeat; background-size: cover; color: #fff;}

.contact-wrapper {}
     .contact-wrapper form {background: rgba(20,86,41,.85); color: #fff}

.services-wrapper {}
     .services-wrapper .offer-wrapper {background: url(/img/bg-offer.jpg) center center no-repeat; background-size: cover;}
     .services-wrapper .nav-tabs {border:none}
     .services-wrapper .nav-item {margin: 0px;width: 33.333%}
     .services-wrapper .nav-link {border:none;background:none;text-decoration:none; color: #7F7F7F; line-height: 1.4;}
     .services-wrapper .nav-link.active { color: #212529;}
     .services-wrapper .nav-link .img-wrapper {background: #ACACAC;padding:15px;transition: transform 250ms ease}
     .services-wrapper .nav-link:not(.active):hover .img-wrapper, .services-wrapper .nav-link:not(.active):focus .img-wrapper {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9)}
     .services-wrapper .nav-link.active .img-wrapper {background: #3875b7}
     .services-wrapper .nav-link img {width: 75%}

.testimonials-wrapper {}
     .testimonials-wrapper .slick-controls button {background: #A5A5A5; color: #ffff; }

.portfolio-wrapper {background: url(/img/bg-portfolio.jpg) center center no-repeat; background-size: cover}
     .portfolio-wrapper .slick-controls button {background:none; color: #ffff; font-size: 1.4rem}

/* Footer */
footer {position:  relative; z-index: 0;}
     footer p:not(.mb-0) {color: #fff; opacity:.5}
     footer a {text-decoration:none; color: #fff}
     footer a:hover, footer a:focus {text-decoration: underline; color: #fff}

/* ==========================================================================
     Components
========================================================================== */ 

/* Grid */
.container-fluid {max-width: 1200px;}
main container-fluid {max-width: 900px}

/* Links */
a {color: #3875b7;text-decoration: underline;}
a:hover { text-decoration: none;color: #3875b7}

/* Images */
img {max-width: 100%; height: auto}

/* Text */
.text-blue {color: #3875b7}

/* Forms */
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

/* Buttons */
.btn-white-border, .btn-blue, .btn-green {text-decoration:none;  padding: 8px 30px; transition:all  150ms ease; position: relative;text-align:center; border:none;font-family: "Montserrat", sans-serif; font-weight:700; text-transform: uppercase; font-size: .8125rem; background:none; color: #fff}
     .btn-white-border {background:none;  border: 1px solid #fff;}
     .btn-white-border:hover, .btn-white-border:focus {color: #fff; background:none !important;border: 1px solid #fff !important;}

     .btn-blue {background: #3875b7}
     .btn-blue:hover, .btn-blue:focus {color: #fff}

.btn-green {
     background-color: #164e26;
}

.btn-green:hover {
     filter: brightness(85%);
}

/* Animations - AOS */
[data-aos=fade-up] { transform:translate3d(0,50px,0)}
[data-aos=fade-down] { transform:translate3d(0,-25px,0)}

/* Placeholders */
.form-control::placeholder {color: #212529;opacity: 1;}
.form-control:-ms-input-placeholder {color: #212529;}
.form-control::-ms-input-placeholder {color: #212529;}

/* Forms */
.custom-select {color: #212529;}

/* Slideshow */
.slick-controls {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);width: 100%;z-index:9999}
     .slick-controls button {border-radius: 50%; line-height: 30px; height: 30px; width: 30px; border:none; position: absolute;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; justify-content:center}
     .slick-prev {left: 0px;}
     .slick-next {right: 0px;}

/* ==========================================================================
     Media Queries
========================================================================== */

/* Min Width */
@media (min-width: 0px) {	
     /* Header */
     header {height: 95px; position: fixed; top: 0px; left: 0px}
     header .mainmenu-wrapper {height: 55px}
     header .logo img {width: 150px}

     /* Intro */
     .intro-wrapper {height: 400px; margin-top: 95px}

     /* Services */
     .services-wrapper .nav-link {font-size: 0.6875rem; line-height: 1.2}
     .services-wrapper .nav-link .img-wrapper { height: 60px; width: 60px; border-radius: 60px; }
}

@media (min-width: 480px) {    
     /* Services */
     .services-wrapper .nav-link {font-size: 1rem;line-height: 1.4}
}

@media (min-width: 768px) {	
     /* Grid */
     .container-fluid {padding-left: 50px; padding-right: 50px;}
     /* Header */
     header {height: 130px; position: relative;}
     header .mainmenu-wrapper {height: 90px}
     header .logo img {width: 250px}

     .fixed-header header {position:fixed; -webkit-animation: fixed-header 500ms ease-out; animation: fixed-header 500ms ease-out;}
     .fixed-header .headermenu .mainmenu > li.active > a::after {top: calc(100% - 2px)}

     @-webkit-keyframes fixed-header {
          0% { transform: translateY(-170px); }
          100% { transform: translateY(0px); }
      }
      @keyframes fixed-header {
          0% { transform: translateY(-170px); }
          100% { transform: translateY(0px); }
      }

      header .quicklinks li:last-child a {font-size: 1.5rem}
      header .quicklinks li:last-child span {font-size: 1rem;vertical-align: top; padding-top: 13px;}
      
      /* Intro */
      .intro-wrapper { height: 550px;margin-top: 0px}

      /* Contact */
      .contact-wrapper form {margin: -550px auto 0px auto;max-width: 400px;}

      /* Services */
      .services-wrapper .nav-tabs {max-width: 950px; margin-left: auto;margin-right:auto}
      .services-wrapper .nav-link .img-wrapper { height: 120px; width: 120px; border-radius: 120px; }
}

@media (min-width: 992px) {	

}

@media (min-width: 1200px) {	

}