body{
    font-family: 'Raleway', sans-serif;
}

.btn{
    border-radius:0 !important;
}

.btn-success{
    border-color:#779d3e;
    background-color:#779d3e;
}

.btn-success:hover{
    background-color:hsl(84, 47%, 39%);
    border-color:hsl(84, 47%, 39%);
}

.vimeo-wrapper {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    opacity:.75;
 }
 .vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }

 #main_nav ul li{
     margin-right:2rem;
 }

 #main_nav ul li,
 #main_nav ul li a{
     color:#FFFFFF;
     font-size:1.25rem;
     font-weight:normal;
     text-decoration:none;
 }

 #main_nav ul li a{
     padding-bottom:10px;
     position:relative;
 }

 #main_nav ul li a:hover::before,
 #main_nav ul li.current a::before{
    border-bottom:3px solid #97ca4c;
    content:" ";
    position:absolute;
    bottom:-5px;
    left:0;
    width:100%;
}

#hp__hero{
    background-color:#000000;
    height:100vh;
    position:relative;
    overflow:hidden;
}

#hp__hero-content{
    height:100%;
    position:relative;
    z-index:10;
}

    #hp__hero-content img.img-fluid{
        max-width:125px;
    }

.hp__copy{
    height:100%;
    display:flex;
    flex-direction:column;
    flex:1;
    justify-content: center;
}

    .hp__copy h1{
        color:#FFFFFF;
        font-size:5rem;
    }

#about_s2do h2{
    font-size:3.5rem;
    margin-bottom:0;
    margin-top:2rem;
    letter-spacing:5px;
}

#about_s2do h3{
    font-size:1.5rem;
    font-weight:lighter;
    letter-spacing:5px;
    opacity:.8;
}

#s2do_video{
    background-color:#1a1919;
}

#s2do_video h5{
    color:rgba(255,255,255,0.77);
    font-size:1rem;
    letter-spacing:4px;
    margin-bottom:1rem;
    text-transform:uppercase;
}
    #s2do_video h2{
        color:rgba(255,255,255,0.77);
        font-size:4rem;
        font-weight:bold;
    }

    #s2do_video p,
    #s2do_video h3{
        color:rgba(255,255,255,0.77);
    }

.green-border-bottom{
    position:relative;
    font-size:80%;
    text-transform:uppercase;
    letter-spacing:3px;
}
.green-border-bottom::after{
    border-bottom:3px solid #97ca4c;
    margin-bottom:1rem;
    padding-bottom:1rem;
    position:absolute;
    left:0;
    bottom:-2rem;;
    content:"";
    width:50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.green-border-bottom-left{
    position:relative;
    font-size:80%;
    text-transform:uppercase;
    letter-spacing:3px;
}

.green-border-bottom-left::after{
    border-bottom:3px solid #97ca4c;
    margin-bottom:1rem;
    padding-bottom:1rem;
    position:absolute;
    left:0px;
    bottom:-1.75rem;;
    content:"";
    width:50%;
}

.white-border-bottom-left{
    position:relative;
    font-size:80%;
    text-transform:uppercase;
    letter-spacing:3px;
}

.white-border-bottom-left::after{
    border-bottom:3px solid #FFFFFF;
    margin-bottom:1rem;
    padding-bottom:1rem;
    position:absolute;
    left:0px;
    bottom:-1.75rem;;
    content:"";
    width:50%;
}

.rotated-callout{
    transform: rotate(-90deg);
    position:absolute;
    left:-20px;
    top:0;
    font-size:3rem;
    font-weight:bold;
    text-transform:uppercase;
}


.height-100{
    height:100vh;
    position:relative;
    overflow:hidden;
}

.height-75{
    min-height:75vh;
    position:relative;
    overflow:hidden;
}

.height-65{
    min-height:700px;
    position:relative;
    overflow:hidden;
}

.height-60{
    min-height:60vh;
    position:relative;
    overflow:hidden;
}

img.full-width{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.slick-track img.full-width{
    height:700px;
}

.hp__our-work-left-33,
.hp__our-work-right-33{
    background-color:#92da48;
    position:absolute;
    top:0;
    z-index:10;
    height:100%;
    width:33%;
}

.hp__our-work-left-33,
.hp__our-work-left-67{
    left:0;
}

.hp__our-work-right-33,
.hp__our-work-right-67{
    right:0;
}

.hp__our-work-left-33 .inner,
.hp__our-work-right-33 .inner{
    padding:2rem;
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content:center;
}

.hp__our-work-right-67,
.hp__our-work-left-67{
    position:absolute;
    top:0;
    width:67%;
    height:100%;
}

.green-border-50{
    border:50px solid #97ca4c;
}

.remove-black-bars{
    position:relative;
    top:-20%;
}

    .remove-black-bars::before{
        background-color:#1a1919;
        position:absolute;
        left:0;
        top:0;
        z-index:10;
        height:20%;
        width:100%;
        content:"";
    }

    .remove-black-bars::after{
        background-color:#1a1919;
        position:absolute;
        left:0;
        bottom:0;
        z-index:10;
        height:20%;
        width:100%;
        content:"";
    }

    #contact_s2do,
    .green-gradient-bg{
        background-color: #6d9235;
        background-image: linear-gradient(to left top, #6d9235, #78a431, #83b62a, #8fc820, #9bda0a);
    }

    #zform-1{
        background-color:#FFFFFF;
        border-radius:0;
        padding:3rem;
        box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
    }

    #contact_s2do label{
        
    }

    #contact_s2do .form-group{
        margin-bottom:2rem;
    }

    #contact_s2do input.form-control{
        background-color: transparent;
        border-left: none;
        border-top: none;
        border-right: none;
        border-radius: 0;
        border-color: rgba(0,0,0,.15);
    }

    #contact_s2do input.form-control:focus{
        color: #212529;
        background-color: rgba(0,0,0,0.05);
        border-color: #86b7fe;
        outline: 0;
        box-shadow: none;
    }

    #contact_s2do select,
    #contact_s2do textarea{
        margin-top:5px;
    }


#main_footer{
    background-color:#1a1919;
    color:#FFFFFF;
    margin-top: -200px;
    padding-bottom:5rem;
    padding-top:5rem;
}

    #main_footer small{
        opacity:.5;
    }

/* Slick Overrides */
.slick-dotted.slick-slider{
    margin-bottom:0;
}

.slick-dots{
    bottom:25px;
}

.slick-next{
    right:25px;
}

.slick-prev{
    left:25px;
    z-index:100;
}

.slick-prev:before, .slick-next:before{
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
    font-size:30px;
}

.slick-prev:before {
    content: "\f104" !important;
}
.slick-next:before {
    content: "\f105" !important;
}

#s2do_definition{
    /* background-image:url(../images/CM-S2DO_noise_gradient_v2.jpg);
    background-size:cover;
    background-repeat:no-repeat; */
}

#s2do_definition h2,
#s2do_definition p{
    color:#1d2700;
}

#s2do_definition h2 strong{
    font-size:150%;
}

#s2do_definition h2 small{
    display:block;
    opacity:.8;
}

#s2do_photography .btn{
    background-color:white;
    border-color:white;
    color:#1d2602;
}

#mobile_header{
    background-color:#8BC43F;
    padding:.5rem;
    position: relative;
    z-index: 100;
}

#four_oh_four{
    background-image:url('../images/404_image_1.jpg');
    background-size:cover;
    background-position:left top;
    height:100vh;
}

    #four_oh_four .container,
    #four_oh_four .flex-row{
        height:100%;
    }
    
    #four_oh_four .flex-row{
        color:#FFFFFF;
    }
    
    #four_oh_four h1{
        font-size:13rem;
    }
    
    #four_oh_four h3{
        font-weight:lighter;
        margin-bottom:1.5rem;
    }
    
.logo-holder{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    text-align:right;
}

    .logo-holder img{
        display:inline-block;
        margin-top:15px;
        margin-right:15px;
    }
    
#my-form-status{
    margin-top:1rem;
    text-align:center;
}

@media (max-width:1079px){
    .hp__our-work-left-33,
    .hp__our-work-right-67{
        display:block;
        float:none;
        position:relative;
        width:100%;
    }
}

@media(min-width:768px) and (max-width:1079px){

    .hp__our-work-left-33 .inner{
        padding-left:2rem !important;
    }

}

@media (max-width:767px){

    #mobile_header img{
        max-height:20px;
    }

    #hp__hero{
        height:300px;
    }
    
    #hp__hero-content{
        text-align:center;
    }
    .vimeo-wrapper{
        opacity:1;
    }
    .vimeo-wrapper iframe {
        width: 550px;
        height: 300px;
        min-height: 375px;
        min-width: 0;
    }

    #hp__hero-content img.img-fluid{
        max-width:75px;
        display:inline-block;
        text-align:center;
        opacity:0;
    }

    #main_nav_holder{
        white-space: nowrap;
    }

        #main_nav{
            overflow-x:auto;
        }

    #s2do_photography{
        height:auto;
    }

    #about_s2do h2{
        font-size:3rem;
    }

    #about_s2do h3{
        font-size:1rem;
        letter-spacing:0;
        margin-bottom:1rem;
    }

    #s2do_definition{
        margin:-40px .5rem 1rem;
        padding:0 1rem 2rem !important;
        position:relative;
        z-index:50;
    }

    #s2do_definition .lead,
    #s2do_photography .lead,
    #s2do_video .lead,
    #s2do_digital .lead,
    #contact_s2do .lead{
        font-size:1rem !important;
    }

    #s2do_photography{
        margin:0;
    }

    .slick-track img.full-width{
        height:40vh;
    }

    #s2do_digital{
        margin:0 !important;
        min-height:100px;
        padding:1rem 0 !important;
    }

    #contact_s2do{
        padding-top:1.5rem !important;
    }

    #zform-1{
        padding:1.5rem;
    }

    #main_footer{
        padding-top:15rem;
    }

    .slick-dots {
        bottom: 10px;
    }

    .slick-arrow{
        opacity:0 !important;
    }

    #four_oh_four .row.flex-row::before {
        position: absolute;
        width: 100%;
        height: 100vh;
        content: "";
        background-color: rgba(0,0,0,0.50);
        z-index:50;
    }
    
    #four_oh_four .row .col-md-7{
        position:relative;
        z-index:100;
    }

    #about_s2do p{
        font-size:13px;
    }

}