/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.header-inner #logo a > img, .dark #header .header-inner #logo a [class*="logo-"], .dark #header #header-wrap #logo a > img, .dark #header #header-wrap #logo a [class*="logo-"], #header.dark .header-inner #logo a > img, #header.dark .header-inner #logo a [class*="logo-"], #header.dark #header-wrap #logo a > img, #header.dark #header-wrap #logo a [class*="logo-"] {
    float: left;
    padding-top: -1em;
}

#header .header-inner #logo a, #header #header-wrap #logo a {
    font-size: .7em;
    letter-spacing: 0.1em;
    padding-left: 0em;
}

#header .header-inner #logo a span, #header #header-wrap #logo a span {
    font-size: .6em;
    letter-spacing: 0.1em;
    padding-left: 0em;
    color: yellowgreen;
    font-weight: 300;
}

#mainMenu nav > ul > li > a {
    font-size: 15px;
}

#mainMenu nav > ul > li > a:hover {
    color: #90BC57 !important;
}

.inspiro-slider .slide .slide-captions h1 { 
    font-size: 4em; 
    line-height: 1.2em;
}
.inspiro-slider .slide .slide-captions h1 span { 
    font-size: 1.2em;
    line-height: 1.2em;
}

.inspiro-slider .slide .slide-captions h2 { 
    font-size: 2em; 
    line-height: 1.2em;
}

.bg-overlay {
    background: rgba(0, 0, 0, 0.59);
    opacity: .3;
}

h1, h2, h3, h4, .text-green {
    color: #90BC57;
}

h2, .h2, h3, .h3 {
    font-size: 2.35em;
    line-height: 1.3em;
}

h4, .h4 {
    font-size: 1.7em;
    line-height: 1.5em;
    font-weight: 500;
}

p {
    font-size: 1.2rem;
}

.display-6 {
    font-weight: 400;
    font-size: 2.7em;
}

.bg-navy {
    background-color: #243B5A !important;
    color: #fff;
}

.bg-navy .widget-title {
    color: #90BC57;
    font-size: 1.8em !important;
}

.bg-navy p, .bg-navy ul li, .bg-navy a {
    color: #fff !important;
}

.bg-navy a:hover {
    color: #90BC57 !important;
}

.bg-light {
    background-color: #F8FBF4 !important;
}

.bg-light .widget-title {
    color: #90BC57;
    font-size: 1.8em !important;
}

.bg-green {
    background-color: #94C256;
    color: #fff;
}

.bg-green h2, .bg-green h3, .bg-green p {
    color: #fff;
}

.bg-green .testimonial .testimonial-item > p, .bg-green .testimonial .testimonial-item > quote {
    color: #3c4043 !important;
}

.bg-green .testimonial .testimonial-item > span {
    color: #90BC57 !important;
}

.testimonial .testimonial-item.text-light p, .testimonial .testimonial-item.text-light span {
    color: #fff !important;
}

a.btn-primary:hover {
    color: #fff !important;
}

.icon-box .icon a, .icon-box .icon i {
    color: #90BC57;
}

.icon-box p {
    margin: 0 0 20px 83px;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
}

#section-services .svg-inline--fa {
    font-size: 3em;
}

.image-hover-zoom {
    position: relative;
    overflow: hidden;
    cursor: zoom-in;
}

.image-square {
  width: 300px;
  height: 300px;
  object-fit: cover;
  object-position: center; /* Adjusts which part of the image is visible */
}  

.team-members.team-members-card .team-member {
    border: 1px solid #ececec;
    border-radius: 4px;
}

.team-members .team-member, .team-members.team-members-card .team-member .team-desc{ 
    background-color: #F8FBF4;
}

.team-members .team-member .team-desc p {
    padding: 15px;
}

.team-members .team-member .team-desc > h3 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 0;
}

.list-left {
    text-align: left;
}

address {
    font-size: 1.2em;
}

.links p a {
    color: #000;
}

#footer a.btn:hover {
    border: thin solid #94C256;
}

#scrollTop:before {
    background-color: #94C256;
    opacity: 1;
}


/* ---- MIXITUP FILTER ---- */

#sitemap .mix {
    opacity: 0;
    display: none;
}

.nav-pills {
    display: flex;
    justify-content: left;

}

.nav-pills>li a {
    color: #000;
    padding: 10px;
    
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #141414;
    border-radius: 0 0 0 0;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
}


/* JOTFORM */

#form {
	height: 830px;
    /* gve 580px space for invisible captcha */
	overflow: hidden;
	padding-top: 0em;
}

@media (max-width: 440px) {

	#form {
		height: 765px;
        /* gve 580px space for invisible captcha */
		margin-top: 2em;
	}

}

 /* Responsive fix for menu (up from 992.98px) */
@media (max-width: 1200px) { #mainMenu-trigger { position: relative; opacity: 1; visibility: visible; }
  /*Main Menu*/
  #mainMenu.menu-center nav { margin: 0px; }
  #mainMenu:not(.menu-overlay) { max-height: 0; clear: both; display: block; width: 100%; opacity: 1; overflow: hidden; -webkit-transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86); transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86); }
  #mainMenu:not(.menu-overlay) > .container { text-align: left !important; width: 100%; max-width: 100%; }
  #mainMenu:not(.menu-overlay) nav { line-height: 40px; float: none; width: 100%; padding-bottom: 20px; -webkit-transition: .7s ease; transition: .7s ease; opacity: 0; -webkit-transform: translateY(-18px); -ms-transform: translateY(-18px); transform: translateY(-18px); }
  #mainMenu:not(.menu-overlay) nav > ul { float: none; width: 100%; }
  #mainMenu:not(.menu-overlay) nav > ul > li { padding: 0; margin: 0; clear: both; float: none; display: block; border: 0; }
  #mainMenu:not(.menu-overlay) nav > ul > li > a { display: block; padding: 12px 0; font-size: 14px; border: 0; border-radius: 0; }
  #mainMenu:not(.menu-overlay) nav > ul > li > a:after { display: none; }
  #mainMenu:not(.menu-overlay) nav > ul > li > a .menu-sub-title { display: none !important; }
  #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before { right: 14px; display: block; }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-arrow { display: inline; }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu { background-image: none !important; max-height: 0; overflow: hidden; opacity: 0; -webkit-transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); position: static; clear: both; float: none; box-shadow: none; border: 0 !important; min-width: 100%; margin: 0; border-radius: 0px; padding: 0 16px; }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a, #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span, #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a { line-height: 16px; font-size: 14px; padding: 12px 0; display: block; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item { position: relative; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content { padding: 0 0 0 15px; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title { padding-top: 12px; padding-bottom: 12px; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > a, #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > span, #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a { padding: 10px 0px 10px 0px; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:first-child > a { padding-top: 12px; }
  #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:last-child > a { padding-bottom: 12px; }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu { position: relative; }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu:before { right: 0; top: 0; font-size: 16px; }
  #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu { border: 0 none; background-color: transparent; display: block; }
  #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu { position: relative; }
  #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu:before { right: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-size: 16px; }
  #mainMenu:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu { visibility: visible; opacity: 1; max-height: 3000px; }
  #mainMenu:not(.menu-overlay) nav > ul [class*="col-lg"] { width: 100%; max-width: 100%; min-width: 100%; -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; padding: 0; margin: 0; }
  #mainMenu:not(.menu-overlay).menu-animate nav { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li { line-height: unset !important; }
  #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li .dropdown-submenu:before { top: 0; }
  #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a, #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:hover > a, #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:focus > a { background-color: unset !important; }
  #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus { background-color: unset; }
  #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current > a, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover > a, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus > a { color: unset !important; }
  #mainMenu:not(.menu-overlay).menu-left nav { margin-left: 0; }
  .mainMenu-open #header #mainMenu { width: calc(100% + 14px); display: block; opacity: 1; overflow-y: scroll; }
  .mainMenu-open #header .header-inner, .mainMenu-open #header #header-wrap { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); background-color: #fff !important; }
  .mainMenu-open.dark #header .header-inner, .mainMenu-open.dark #header #header-wrap, .mainMenu-open #header:not(.submenu-light).dark .header-inner, .mainMenu-open #header:not(.submenu-light).dark #header-wrap { background-color: #243B5A !important; }
  .mainMenu-open #dotsMenu { z-index: -1; }
  #dotsMenu { right: 20px; }
  #dotsMenu:before { background: none; } 
}

@media (max-width: 480px) {
    
    .inspiro-slider .slide .slide-captions h1 {
        font-size: 2em;
        line-height: 1em;
    }

    .inspiro-slider .slide .slide-captions h1 span {
        font-size: 1em;
        line-height: 1.2em;
    }
    
    .mobile-hidden {
        display: none;
        opacity: 0;
    }
    
    h3, .h3 {
        font-size: 2.4em;
        line-height: 1.5em;
        font-weight: 500;
    }

}