/*
Theme Name: Stockhorn
*/
*{box-sizing: border-box;}
html,body{margin:0;padding:0;font-family: Montserrat, Arial, Helvetica, sans-serif;color:#848B9D;}
a{text-decoration:none;}

h1,h2,h3,h4{font: normal normal 600 28px/42px Overpass;}
h3{font-size:24px;}
h4{font-size:20px;}

.middler{display:flex;align-items:center;}
.container{max-width:1420px;margin:0 auto;padding:0 140px;width:100%;}

.row{display:flex;}
.row-36{margin:0 -16px;}
.row-36 div[class*="col-"]{padding:0 16px;}

.col-12{width:100%;}
.col-6{width:50%;display:block;}
.col-4{width:33.333333%;}

button{border:none;padding:0;margin:0;background:none;cursor:pointer;}
button:focus{outline:none;}

.btn{cursor:pointer;display:inline-block;color:black;text-decoration:none;padding:12px 26px;background: #BCEDE2 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00000029; font: normal normal normal 18px/28px Overpass;
    letter-spacing: 0.9px;}
.btn-white{background-color:white;color:black;}
.btn:hover{background-color: #b7e6dc;}
.btn-white:hover{background-color: black; color:white;}
.btn-white.active{background-color:#83DBC7;color:white;}
label.btn input{display:none;}

header{background: rgba(255, 255, 255, 0.85);position:fixed;top:0;left:0;right:0;z-index:100;}
header .container{display:flex;justify-content: space-between;align-items: center;height:88px;padding:10px 140px;}
.header-logo{width:140px;position:relative;z-index:10;top:3px;}
.header-logo img{height:50px;}
.header-menu{}
.header-menu .menu{list-style: none;margin:0;padding:0;}
.header-menu .menu li{list-style: none;}
.header-menu-item, .header-menu .menu-item{
    font: normal normal normal 14px/22px Overpass;
    letter-spacing: 0.7px;
    color: #A7A7A7;
    text-transform: uppercase;
    margin-left:40px;
    display:inline-block;
}
.header-menu .menu-item a{color: inherit;text-decoration:none;}

.section-title{text-align: center;
    font: normal normal 400 22px/34px Overpass;
    letter-spacing: 1.1px;
    color: #83DBC7;
    text-transform: uppercase;margin-bottom:60px;}

.section-hero{height:100vh;background-repeat: no-repeat;background-position: center center;background-size:cover;display:flex;justify-items: center;align-items: center;position:relative;margin-bottom:40px;}
.section-hero-title{font-family:Hind;font-size: 29px; padding:4px 0; letter-spacing: 0px;color: #000000;font-weight:600;}
.section-hero-description{font-family:Hind;font-size:18px;letter-spacing: 0px;color: #000000;text-shadow: 0px 3px 6px #FFFFFF29;margin:20px 0 58px 0;max-width:900px;}
.section-hero-more{height:42px;width:48px;position:absolute;background:#BCEDE2 url("/wp-content/themes/stockhorn/assets/caret-down.svg") no-repeat center center;bottom:0;}

.section-reach{margin-bottom:40px;}
.section-reach-map{max-width:1420px;margin: 0 auto 55px ;}
.section-reach-map img{max-width:100%;}
.section-reach-locations{display:flex;justify-content:center;flex-wrap: wrap;margin:0 -8px;}
.section-reach-location{border: 1px solid #848B9D;padding:5px 16px;text-align: left;
    margin:0 8px;
    font: normal normal 300 17px/27px Overpass;
    margin-bottom:18px;
    letter-spacing: 0.85px;
    color: #848B9D;
    text-transform: uppercase;
}
.section-tiles{}
.section-tiles-item{height:420px;background: white url("/wp-content/themes/stockhorn/assets/bg_2.jpg") no-repeat center center;background-blend-mode:multiply;background-size:cover;display:flex;align-items: center;}
.section-tiles-item:nth-of-type(2n){background-color:#BCEDE2}
.section-tiles-item:nth-of-type(2n+1){background-color: rgba(188, 237, 226, 0.54);background-image:url("/wp-content/themes/stockhorn/assets/bg_3.jpg");}
.section-tiles-item:hover{filter:invert(1) saturate(0.2)}
.section-tiles-item-body{max-width:680px;margin:0 0 0 auto;padding:0 140px;flex:1;font: normal normal 300 26px/40px Overpass; letter-spacing: 1.5px;color: #000000;text-transform: uppercase;}
.section-tiles-item:nth-child(2n) .section-tiles-item-body{margin: 0 auto 0 0;}

.section-content{padding:150px 0 200px;color:black;min-height:100vh;/*770px*/;display:flex;align-items: center;font: normal normal normal 18px/28px Overpass;background-repeat: no-repeat;background-position: center center;background-size:cover;}
.section-content h2{color:black;text-align:left;margin-bottom:0; font: normal normal 600 28px/42px Overpass;text-transform: none;}
p a{color:black;text-decoration: underline;}

.section-content-overlay{background-blend-mode:multiply;background-color: rgba(188, 237, 226, 0.51);}

.section-team{color: #848B9D;margin-top:-120px;}
.section-team .container{display:flex;justify-content: space-between}
.section-team-member{margin-right:26px;padding:48px 30px;background:white;position:relative;}

.accent{position:relative;}
.accent:before{
    content:' ';
    display:block;
    margin-top:-42px;
    height:42px;width:48px;position:absolute;top:0;left:0;background:#BCEDE2 url("/wp-content/themes/stockhorn/assets/caret-down.svg") no-repeat center center;
}
.accent.container:before{left:140px;}

.section-team-member-name{font: normal normal 300 26px/44px Overpass;font-width:300;text-transform: uppercase;}
.section-team-member-info{font: normal normal normal 18px/26px Overpass;letter-spacing: -0.04px;color: #848B9D;margin-top:3em;}

.section-companies{background:white;padding-bottom:80px;}
.section-companies .row{display:block;}
.section-companies .container{padding-top:70px;padding-bottom:70px;}
.section-companies:after{content:' ';display:block;clear:both;}
.section-companies-item{height:200px;display:flex;align-items: center;color:#848b9d;width:33.333%;float:left;position:relative;}
.section-companies-item-description{position:absolute;display:none;text-align:left;white-space: nowrap;margin-top:0px;font-size:0.95em;font-style:italic;color:#999;}
.section-companies-item:nth-child(3n+2){justify-content:center;}
.section-companies-item:nth-child(3n+3){justify-content:flex-end;}

.section-companies-item-logo{background-size: 100%;background-repeat:  no-repeat;background-position: center center;height:120px;width:250px;}
.section-companies-item-logohover{display:none;}
.section-companies-item a{position:relative;}
.section-companies-item a:hover .section-companies-item-logo{display:none;}
.section-companies-item a:hover .section-companies-item-logohover{display:block;}
.section-companies-item a:hover .section-companies-item-description{display:block;animation:slideFadeIn 0.5s;}

@keyframes slideFadeIn {
    0% {opacity:0;margin-top:-10px;}
    100% {opacity:1;margin-top:0px;}
}

.section-posts{padding:120px 0;}
.section-posts-item{}

.entry-card{height:360px;display:block;position:relative;background: no-repeat center center;}
.entry-card-title{position:absolute;bottom:0;left:0;background:white;padding:12px 40px 12px 0;font: normal normal normal 18px/24px Montserrat;letter-spacing: 0px;color:black;}
.entry-card-more{position:absolute;bottom:0;right:48px;}

section h2{font: normal normal 600 22px/34px Overpass;text-transform: uppercase; color: #BCEDE2;margin-bottom:40px;}

footer{background:#000000;padding:92px 0;color:white;}
footer a{color:white;}
.footer-title{font:bold 16px/19px Montserrat;letter-spacing: 0px;color: #BCEDE2;margin-bottom:22px;font-weight:700;}
.footer-section{font: normal 16px/22px Montserrat;letter-spacing: 0px;margin-bottom:22px;}
.footer-section-cta{font: normal normal bold 16px/19px Montserrat;letter-spacing: 0px;color: #BCEDE2;}
.footer-section-address{}

.hoverzoom{background-size:cover;}
/*
.hoverzoom{transition: background-size 0.4s;}
.hoverzoom:hover{background-size:160%;}
*/

.header-menu-mobile{display:none;}
.header-menu-mobile-trigger{width:45px;height:52px;background:url("/wp-content/themes/stockhorn/assets/menu.svg") no-repeat center center;position:relative;z-index:9;}
.header-menu-mobile-dropdown{display:none;padding:160px 40px 160px;width:100%;position:absolute;top:0;left:0;background:white;}
.header-menu-mobile.active .header-menu-mobile-dropdown{display:block;}

.header-menu-mobile .menu{list-style: none;margin:0;padding:0;}
.header-menu-mobile .menu li{list-style: none;font: normal normal 600 18px/34px Overpass;text-transform: uppercase;letter-spacing: 1.1px;color: #BCEDE2;margin-bottom:40px;}
.header-menu-mobile .menu li a{color: #848B9D;}



.section-contact p{max-width:100%;}
.section-contact-form{margin-top:2em;}
.section-contact-form input:focus,
.section-contact-form textarea:focus{outline:none;}
.section-contact-form input::placeholder,
.section-contact-form textarea::placeholder{color: #B3B8C4;}
.section-contact-form input,
.section-contact-form textarea{
    background: #F5F8FFCC 0% 0% no-repeat padding-box;
    border: 1px solid #E3E7F0;
    height:46px;
    line-height:46px;
    padding:9px 20px;font: normal normal normal 18px/28px Overpass;
    letter-spacing: 0px;
    width:100%;

}
.section-contact-form textarea{resize: none;height:212px;}
.section-contact-form-actions{text-align:right;}
.section-contact-form-actions .btn{margin-left:15px;margin-bottom:15px;}
.section-contact-form-actions-file span{padding-left:32px;}
.section-contact-form-actions-file span:before{position:absolute;content:' ';margin-left:-33px;height:28px;width:24px;background:url("/wp-content/themes/stockhorn/assets/pages/contact/upload.svg") center center no-repeat; background-size:24px 24px;}
.section-contact-form-actions-file:hover span:before{background-image:url("/wp-content/themes/stockhorn/assets/pages/contact/upload-white.svg");}
.section-contact-form-actions-file.active span:before{display:none;}
.section-contact-form-actions-file.active span{padding-left:0;}

.section-contact-form .row{margin:0 -7px;}
.section-contact-form .col-6,
.section-contact-form .col-12{margin:0 7px 15px;}

@media only screen and (max-width: 980px) {
    header .container{padding: 0 36px;}
    .container{padding:0 36px;}
    .section-team-member.accent:before{left:36px;}
    .section-tiles-item-body{font-size:20px;text-align:center;padding: 0;}
    .accent.container:before {
        left: 36px;
    }
    .accent:before{
        margin-top:-28px;
        height:28px;width:32px;

        background-size: 60%;
    }
    .section-companies-item{width:100%;max-width:none;text-align:center;justify-content: center;}
    .section-companies-item img{max-width:270px;}
    .section-companies-item{margin-left:50px;}
}
@media only screen and (max-width: 1300px) {
    .section-companies-item{width:100%;justify-content:center;margin-left:0;}
    .section-companies-item:nth-child(3n+2){justify-content:center;}
    .section-companies-item:nth-child(3n+3){justify-content:center;}
    .section-companies-item-description{display:none !important;}
}
@media only screen and (max-width: 750px) {
    html,body{font-size:16pt;}
    .row{flex-wrap: wrap}
    .col-4,.col-6{width:100%;}
    .btn{padding:10px;font-size:16px;line-height:25px;}
    header .container{height:66px}
    .header-menu{display:none;}
    .header-menu-mobile{display:block;}

    .section-tiles-item{width:50%;height:260px;}
    .hoverzoom,.hoverzoom:hover{background-size:cover;}

    .section-content{min-height:100vh;background-size:cover;font-size: 16px;line-height:23px;min-height:666px;}
    .section-content h2{font-size:25px;line-height:32px;}
    .section-hero-title{font-size:25px;line-height:32px;}
    .section-hero-description{font-size:16px;line-height:23px;}
    .section-hero-accent{bottom:0;}

    .section-reach-location{padding:3px 10px;font-size:12px;line-height:18px;}
    .section-team .container{padding:0;}

    .section-companies-item{height:140px;}
    .section-companies-item-logo{background-size:75%;}

    .section-team-member{margin:0;border-top:1px solid #BCEDE2}
    .section-team-member-name{font-size:18px;}
    .section-team-member-info{font-size:16px; line-height:26px;margin-top:2em;}
    .section-companies-item img{max-width:210px;}

    .section-contact-form-actions{margin-top:1em;}
    .section-contact-form-actions .btn{width:100%;display:block;text-align:center;margin-left:0;}
    .section-contact{padding-top:80px;}
    .section-contact-form .col-6, .section-contact-form .col-12 {
        margin-bottom: 10px;
    }
    footer{padding:20px 0 60px;}
    .footer-title{font:bold 10pt/14pt Montserrat;font-weight:700;margin-bottom:12px;}
    .footer-section{margin-bottom:30px; font: normal 10pt/14pt Montserrat;}

    .footer-section-address{display:flex;flex-wrap:wrap;}
    .footer-section-address .footer-section{width:50%;}
}

@media only screen and (max-width: 430px) {
    .footer-section-address .footer-section{width:100%;}
}