/*custom styles by Ryan*/
/*hero holder overrides*/
@media screen and (min-width: 992px) {
    section.heroholder {
        width:unset;
    }

    footer.site {
        padding: 5em 1em;
    }
}

ul.heroslider {
    width:100%;
}

/*complz fix*/
.cmplz-btn {
    bottom:0px !important;
}

/*notice banner fix*/
#notice-container {
    position: absolute !important;
}

body.has-notice header.site.headerfixed {
    top: 0px !important;
}

@media screen and (max-width:768px) {
    body.has-notice header.site {
        top:70px;
    }

    header.site.headerfixed .brand {
        width: 60px;
        height: 60px;
        background-size: 60px;
    }

    header.site button {
        margin-bottom:0px;
    }

    #stickypane {
        bottom:unset  !important;
    }
}


/*fonts and consistent styles*/
body main.main {
    padding-top: 0px !important;
}

body main.main > section:first-of-type {
    padding-top:50px !important;
}

@media screen and (min-width:1200px) {
    section.tbi.style-block.gut-align-left figcaption {
        padding: 4em 2em 4em 8em;
    }

    section.tbi.style-block figure {
        height:auto !important;
        min-height:unset !important;
    }

    section.tbi.style-block.gut-align-right figcaption {
        padding: 4em 8em 4em 2em;
    }
}

@media screen and (min-width:991px) {
     main h2, main>h2 {
        font-size: 3.5rem !important;
    }
}

/*hero slider mobile experience*/
ul.heroslider .mobile-image {
    display:none;
}

@media screen and (max-width:768px) {
    ul.heroslider li.slide, ul.heroslider .slick-list, ul.heroslider {
        height: 100vh;
    }

    ul.heroslider .mobile-image {
        display:block;
        height:100%;
        width:100%;
        position:absolute;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
}

/*contact page override*/
body main.main > h1:first-of-type {
    margin-top: 0px;
    padding-top: 25px;
}


@media screen and (max-width:768px) {
    body.page-template-template-stay-local main.main, body.page-id-54 main.main, body.page-template-template-days-out main.main {
        padding-top:30px !important;
    }
}