/*
Theme Name:     Stratus - Child Theme
Theme URI:      http://themovation.com/stratus
Template:       stratusx
Author:         Themovation
Author URI:     http://themovation.com
Version:        3.0
Text Domain:    stratus
Domain Path:    /languages/
*/


/* = Theme customization starts here
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

html, body {
	font-family: 'Lato', sans-serif;
}
select#input_3_9 {
    border: 2px solid #000;
    height: 40px;
    position: relative;
    top: 12px;
}
@media(max-width: 640px) {
	select#input_3_9 {
		top: 5px;
	}
}
.btn-orange {
    background: #EF8122 !important;
    border: 0;
}

/* ACF CTA Block */
.cta-block {
    position: relative;
    background: #252b2d;
    margin-top: 39px;
    margin-bottom: 122px;
}
.cta-block-row {
    display: flex;
    justify-content: space-between;   
}
.cta-block .lc {
    padding: 47px 0 64px 72px;
}
.cta-block .lc-logo {
    max-width: 136px;
    margin-bottom: 20px;
}
.cta-block .lc-headline h2 {
    color: white;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 4px;
}
.cta-block .lc-text {
    font-size: 22px !important;
    line-height: 32px;
    color: white;
    margin-bottom: 32px;
    max-width: 445px;
}
.cta-block .lc-button .btn {
    width: 100%;
    max-width: 232px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
.cta-block .image-overlay {
    position: absolute;
    max-width: 380px;
    right: 20px;
    bottom: -100px;
}
.cta-block .rc-image {
    max-width: 247px;
}
@media(max-width: 767px) {
    .cta-block-row {
        display: block;
        text-align: center;
    }
    .cta-block .lc {
        padding: 45px 15px;
    }
    .cta-block .lc-logo {
        margin: auto;
    }

    .cta-block .lc-text {
        max-width: 100%;
    }
    .cta-block .rc-image {
        display: none;
    }
    .cta-block .image-overlay {
        position: absolute;
        max-width: 260px;
        right: 10px;
        bottom: -83px;
    }
}






/***************************** NEW HEADER **********************************/

header {

padding-top:12px;
padding-bottom:12px;
background-color:#f5f5f5 !important;
box-sizing:border-box;

}

#logo img, .headhesive--clone #logo img {

width:140px !important;
height:38px !important;
max-height:38px !important;

}


.headhesive--clone.dark-header {

background-color:#f5f5f5 !important;

}


header .container {

box-sizing:border-box;
width:100% !important;
max-width:1300px !important;

}


nav li {

margin-left:25px !important;
padding-top:15px !important;
padding-bottom:13px !important;

}


.navbar-nav .dropdown-menu li {

margin-left:0px;
padding-top:0px !important;
padding-bottom:0px !important;

}


.navbar-nav .dropdown-menu {

background-color:#f5f5f5 !important;

}


header.dark-header .navbar-nav > li > a, header.dark-header .navbar-nav > li > a:hover  {

color:#0d263d !important;
font-size:16px !important;
font-weight:500 !important;
font-family: "Inter" !important;
margin:0px !important;

}


.headhesive--clone.dark-header .navbar-nav > li > a, .headhesive--clone.dark-header .navbar-nav > li > a:hover  {

color:#0d263d !important;
font-size:16px !important;
font-weight:500 !important;
font-family: "Inter" !important;
margin:0px !important;

}


.navbar .navbar-nav .dropdown-menu li a {

color:#0d263d !important;
font-size:16px !important;
font-weight:500 !important;
font-family: "Inter" !important;
margin:0px !important;
padding-left:0px !important;

}


.navbar .navbar-nav .dropdown-menu li a:hover {

color:#0d263d !important;
text-decoration:underline;

}



#logo {

margin-top:0px !important;
margin-bottom:0px !important;

}


#menu-main-menu {

margin-top:0px !important;

}


.menu-item-24615 {

background-color:#f58200 !important;
border-radius:9px !important;
padding-left:17px !important; 
padding-right:20px !important;
padding-top:10px !important;
padding-bottom:7px !important;
margin-left:0px !important;

}


.navbar .navbar-nav > li.menu-item-24615 > a, .navbar .navbar-nav > li.menu-item-24615 > a:hover {

text-transform:uppercase; 
font-weight:700 !important;
font-size:14px !important;
color:#f5f5f5 !important; 
background-color:transparent !important;

}


.navbar .navbar-nav > li.menu-item-24615 > a:after, .navbar .navbar-nav > li.menu-item-24615 > a:hover:after {

content:'' !important;
height:28px !important;
width:28px !important;
display:inline-block;
background-color:transparent !important;
background-image:url("../png/arrow-right-3.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:relative;
vertical-align:middle;
top:-1px;
margin-right:-8px;

}


.navbar .navbar-nav > li > a {

padding:0px !important;

}


.navbar .navbar-nav > li > a:after {

width:0px !important;

}


.mobicon {

position:absolute;
top:15px;
right:20px;
cursor:pointer;
display:inline-block;

}


.mobicon img {

width:20px;
height:auto;

}


#mobclose {

position:absolute;
top:13px;
right:20px;
cursor:pointer;

}

#mobclose img {

width:35px;
height:auto;

}


#mobnav {

position:fixed;
top:0px;
left:100%;
bottom:0px;
width:100%;
background-color:#f5f5f5;
z-index:2222222222;
box-sizing:border-box;

}


#mobnav #logo {

padding-top:15px;
padding-left:20px;

}


#mobnav .menu {

height:100%;
overflow-y:auto;
padding-bottom:60px;

}


#mobnav ul {

padding-left:0px;
padding-top:80px;

}


#mobnav li {

padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
list-style:none;
margin:0px !important;

}


#mobnav li a {

font-size:16px;
color:#0D263D;
font-weight:500;
display:block;

}


#mobnav .dropdown-menu {

padding-top:10px;
padding-left:10px;
position:relative;
top:0px;
background-color:transparent;
box-shadow:none;
float:none;
border:0px;

}


#mobnav .dropdown-menu li {

padding-left:0px !important;
padding-right:0px !important;
padding-top:8px !important;
padding-bottom:8px !important;

}


#mobnav .dropdown-menu li a {padding:0px !important;}


#mobnav .menu-item-24615 {

display:inline-block;
margin-left:20px !important;
margin-top:20px !important;

}


#mobnav .menu-item-24615 a {

text-transform:uppercase; 
font-weight:700 !important;
font-size:14px !important;
color:#f5f5f5 !important; 
background-color:transparent !important;

}


#mobnav .menu-item-24615 > a:after, #mobnav .menu-item-24615 > a:hover:after {

content:'' !important;
height:28px !important;
width:28px !important;
display:inline-block;
background-color:transparent !important;
background-image:url("../png/arrow-right-3.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:relative;
vertical-align:middle;
top:-1px;
margin-right:-8px;

}



@media screen and (max-width:1050px) {

#menu-main-menu {display:none !important;}

}


@media screen and (min-width:1051px) {

.mobicon {display:none;}
#mobnav {display:none;}

}



@media screen and (max-width:1150px) {

nav li {margin-left:15px !important;}

}





/***************************** NEW FOOTER **********************************/

#custom_html-3 {list-style:none !important;;}


.footer {

background-color:#0d263d;
padding-top:200px;
padding-bottom:240px;
text-align:center;

}


.footer .container {

text-align:left;
padding-left:80px;
padding-right:20px;
width:100% !important;
max-width:1300px !important;

}


.footercol {

display:inline-block;
vertical-align:top;
margin-right:80px;
margin-bottom:40px;

}


.footer_heading {

font-size:21px !important;
font-weight:500 !important;
display:block;
margin-bottom:20px;
color:#f58200;

}


.footer_item {

display:block;
margin-bottom:15px;
color:#f5f5f5 !important;

}


.ficon {

width:14px;
height:auto;
margin-right:8px;
position:relative;
top:-1px;

}


.socicon {

display:inline-block;
margin-right:24px;

}


.socicon img {

height:24px;
width:auto;

}



@media screen and (max-width:600px) {

.footercol {margin-right:40px;}
.footer .container {padding-left:40px; padding-right:40px;}
.socicon {margin-right:20px !important; margin-bottom:20px !important;}

}



@media screen and (max-width:900px) {

.footer {padding-top:40px; padding-bottom:80px;}

}


@media screen and (max-width:400px) {

.footercol {margin-right:0px !important;}

}