/* Home Page Slider */

#home-slide-show-container {
    z-index: 0;    
    /* margin-top: -6rem; */
    margin-bottom: 2rem;
    /*clip-path: polygon(100% 0, 100% 85%, 30% 100%, 0 85%, 0 0);*/
}

    @media (min-width:992px) {
        .home-page-slide-show .photo {
            flex-wrap: wrap;
            align-items: center !important;
        }
        /* .home-page-slide-show .banner-text {
            align-self: initial !important;
            background: initial !important;
        } */
        /* .home-page-slide-show .banner-text {
            background: rgb(242,242,242, .7);
            color: #000;
        }
        ul.dropdown-menu ul {
            list-style-type: none !important;
        } */
    }

button.slick-prev-custom, 
button.slick-next-custom {
    position: absolute;
    top: 40%;
    display: block;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    border: none;
    outline: none;
    background: rgb(255, 255, 255, 0.35);
    z-index: 1;
    transition: ease-in-out 0.5s;
}
button.slick-next-custom {
    right: 0;
}
button.slick-arrow {
    z-index:2;    
    color: #000000;
}
button .home-page-slide-show-arrow {
    padding: 1.25rem 1.5rem;    
    font-size: 1.5em;
}
button.slick-arrow.short-screen { 
    margin-top: 5%; 
    }
    
    
    @media screen and (max-width: 1200px) {
        button.slick-prev-custom, 
        button.slick-next-custom {
            top: 27%;
        }
    }
    @media screen and (max-width: 576px) {
        button .home-page-slide-show-arrow {
            padding: 0.75rem;
            font-size: .75em;
        }
    }


#home-body .valley-polygon {
    /*display: none;*/
}

    @media screen and (max-width: 576px) {
        #home-body .valley-polygon {
            /*display: none !important;*/
        }
    }


#home-body .photo {
    background-size: cover;
    background-repeat: no-repeat;  
    height: 100vh;
    }
    
    @media screen and (max-width: 991px) {
        #home-body .photo.image-left { 
            background-position-x: 80%;
        }
    }
     @media screen and (max-width: 991px) {
        #home-body .photo.image-right { 
            background-position: top left;
        }
    }
    @media (min-width: 1200px) {
        #home-body .photo {
            margin-top: -3rem;
        }
    }
    
#home-body .banner-text { 
    /*margin-top: auto;*/
    width: 50%;
    } 


    @media screen and (max-width: 1200px) {
        #home-body .banner-text { 
            clip-path: polygon(35% 8%, 100% 0, 100% 100%, 0 100%, 0 0);
            background: rgb(242,242,242, .9) !important;
        }
    } 
    @media screen and (max-width: 576px) {
        #home-body .banner-text { 
            margin-top: auto;
            padding: 15% 8% 5% 8% !important;
            /*height: 50vh;*/
        }
    }
    @media screen and (min-width: 577px) and (max-width: 991px) {
        #home-body .banner-text { 
            margin-top: auto;          
            padding: 10% 8% 5% 8% !important;
            /*height: 50vh;*/
        }
    }
    @media screen and (min-width: 992px) and (max-width: 1200px) {
        #home-body .banner-text { 
            margin-top: auto;        
            padding: 8% 4% !important;
            /*height: 50vh;*/
        }
    }    
    @media screen and (min-width: 1201px) {    
        #home-body .banner-text { 
            width: 60%;
            margin-left: 40px;
        }    
    }
    

/* pre-title */
#home-body .banner-text h6 { 
    font-size: 1.25rem;
    font-weight: 500;
    }
/* show title */
#home-body .banner-text h2 {
    font-size: 3.375rem;
    font-weight: 100;
    }
/* subtitle */
#home-body .banner-text h3 {
    margin-bottom: 1.5rem !important;
    font-size: 2rem;
    font-weight: 100; 
    }
/* date */
#home-body .banner-text h5 {
    font-size: 1.25rem;
    font-weight: 500;  
    line-height: 2rem;
    }
    
    @media (max-width: 576px) {
        #home-body .banner-text h6 { 
            font-size: 0.75rem;
            }
        /* show title */
        #home-body .banner-text h2 {
            margin-bottom: 5px !important;
            font-size: 1.875rem;  
            }
        /* subtitle */
        #home-body .banner-text h3 {
            margin-bottom: 1rem !important;
            font-size: 1.25rem;
            }
        /* date */
        #home-body .banner-text h5 {
            font-size: 1rem;
            }
    } 
    
    @media screen and (min-width: 578px) and (max-width: 768px) {
        #home-body .banner-text h6 { 
            font-size: 1rem;
            }
        /* show title */
        #home-body .banner-text h2 {
            margin-bottom: 5px !important;
            font-size: 3rem;   
            }
        /* subtitle */
        #home-body .banner-text h3 {
            margin-bottom: 1rem !important;
            font-size: 1.5rem;
            }
        /* date */
        #home-body .banner-text h5 {
            font-size: 1.25rem;
            } 
    }


.banner-text-box.short-screen { 
    margin-top: 20%; 
    }
.banner-text-box.short-screen { 
    width: auto !important; 
    }

/*  hide search bar in hero area */
#home-event-search-container { 
    display: none;
    }

    #home-event-search-container.short-screen { 
        margin-top: 0 !important;
        }

    @media (min-width: 1200px) {
        #home-event-search-container {
            background: rgb(255,255,255, .6);
            margin-top: -275px;
            z-index: 1;
            display: none;
        }
    }
/*End Home Page Slider */



/* Home Styles */
#home-body h2.home-section-heading {
    display: inline-block;
    margin-bottom: 0;
    font-family: produkt, serif;
    font-size: 1.875rem;
    font-weight: 400;    
    }


/*Upcoming Events Slider*/
#upcoming-events-container .slick-track {
    display: flex;
    }
#upcoming-events-container .slick-slide {
    flex: 1;
    height: unset;
    margin: 0 0.25rem 1.5rem 0.25rem;    
    background-color: #1f1f1f;
    border-radius: 0;  
    }
#upcoming-events-container button.slick-arrow {
    width: 30px;
    color: #000000;
    opacity: 0.25;
    }
.upcoming-events-slick-carousel .slick-prev-custom,
.upcoming-events-slick-carousel .slick-next-custom {
    background: transparent;
}    
.upcoming-events-slick-carousel button.slick-prev-custom {
    left: -45px;
}
.upcoming-events-slick-carousel button.slick-next-custom {
    right: -45px;
}

    @media screen and (max-width: 991px) {
        button .upcoming-events-slide-show-arrow {
            font-size: 1.5rem;
        }
        .upcoming-events-slick-carousel button.slick-prev-custom {
            left: -35px;
        }
        .upcoming-events-slick-carousel button.slick-next-custom {
            right: -35px;
        }
    }
    
    @media(min-width: 1200px) {
        /*.upcoming-events-slick-carousel button.slick-prev-custom {
            left: -2rem;
        }
    
        .upcoming-events-slick-carousel button.slick-next-custom {
            right: -2rem;
        }*/
    }


#upcoming-events-container .event-listing-container {
    /*display: table-cell;    */
    position: relative;
    height: 100%;    
    background: none;    
    border: none;    
    transition: opacity .5s,transform .5s;
    transition-delay: 225ms;
    }
#upcoming-events-container .event-listing-container .card-img-top {
    border-radius: 0;
    }
#upcoming-events-container .event-listing-container .event-info {
    position: relative;    
    z-index: 2;    
    padding: 15px;
    background-color: #1f1f1f !important;
    border-radius: 0;    
    color: #fff;
    transition: margin .25s;
    }
#upcoming-events-container .event-listing-container:hover .event-info {
    margin-top: -59px;
    }
#upcoming-events-container h3.card-title {
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}
#upcoming-events-container h3.card-title a {
    color:#fff; 
    text-decoration: none;
    }
#upcoming-events-container p.card-text {
    margin-bottom: auto;
    font-size: 1rem;
    font-weight: 300;
    }
#upcoming-events-container p.card-text a {
    color: #fff;
    text-decoration: none;
}
#upcoming-events-container p.card-text.date {
     margin-top: 1rem;
     line-height: 1rem;
    }
    
#upcoming-events-container .event-listing-container .btn-container {
    margin-top: 1.5rem;
    height: 0;
    overflow: hidden;
    text-align: center;
    transition: height .25s;
    }
#upcoming-events-container .event-listing-container .btn-container .btn {
    padding: 0.375rem 0.5rem;
    line-height: 2.25rem;
    }
    
    @media screen and (min-width: 320px) and (max-width: 576px) {
        #upcoming-events-container .event-listing-container .btn-container .btn {
            width: unset;
            margin-top: 0;
        }
    }
    
#upcoming-events-container .event-listing-container:hover .btn-container {
    height: 59px;
    }

/*Hover effect on the upcoming event cards*/
/*.card-body-content {
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    right: 1rem;
    left: 1rem;
    overflow: hidden;
}
.card-body.upcoming-event-buttons {
    opacity: .1;
    bottom: -600px;
    left: -400px;
    left: 0;
    transition: all 1.8s;
    background: #fff;
    width: 0 !important;
}
.card-body.button-trigger:hover > .card-body.upcoming-event-buttons,
.card-img-top.button-trigger:hover + .card-body > .card-body.upcoming-event-buttons {
    display: block;
    left: 0;
    bottom: 0;
    opacity: 1;
    background: #000;
    width: 100% !important;
    transition: background 2s, bottom 1s, opacity 1s, width 1s;
}*/


/*.aspect-16to9 {
    height: auto;
    width: 100%;
}
.p-16to9 {
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
    transition: .5s;
}
    @media(min-width: 768px) {
        .p-16to9 {
            padding-bottom: 85%;
        }
    }
    @media(min-width: 1400px) {
        .p-16to9 {
            padding-bottom: 50%;
        }
    }*/

/*End Upcoming Events Slider*/


/*Areas of Interest / Explore */

    @media screen and (min-width: 320px) and (max-width: 576px) {
        #home-body #grid-items-container h2.home-section-heading {
            margin-left: -15px;
        }
    }

#grid-items-container a:hover {
    color: #fff;
    opacity: 0.85;
}
.card.areas-of-interest .card-img {
    border-radius: 0;
    transition: all .9s ease;
}
.card.areas-of-interest a:hover img.card-img {
    transform: scale(1.025);
}
#grid-items-container h3.card-title {
    font-family: produkt, serif;
    font-size: 1.875rem;
    font-weight: 400;
    text-shadow: 3px 3px 10px #000000;  
}
#grid-items-container p.card-text {
    font-size: 1rem;    
    line-height: normal;
    text-shadow: 3px 3px 10px #000000;  
}
    
    @media screen and (min-width: 320px) and (max-width: 399px) {
        #grid-items-container p.card-text {
            display: none;
        }
    }
    


/*End Areas of Interest*/



/* Content Blocks */

.large-homepage-box {
    bottom: -6.5rem;
    z-index: 1;
}
    @media screen and (min-width: 576px) {
        .large-homepage-box {
            /*bottom: -13rem;*/
        }
    }
    @media screen and (min-width:768px) {
        .large-homepage-box {
            bottom: -10rem;
        }
    }

.large-box-content-container {
    margin-bottom: 10rem !important; 
    padding-bottom: 20rem !important;
    }
    
    @media screen and (min-width: 300px) and (max-width: 586px) {
        .large-box-content-container {
            margin-bottom: 10rem !important; 
            padding-bottom: 15rem !important;
            }
        }
    
    
.large-box-content h4 {
    font-size: 1rem;
    font-weight: 600;    
}
.large-box-content h3 {
    font-family: produkt, serif;    
    margin-bottom: 25px;    
    font-size: 1.875rem;
    font-weight: 400;
}
.large-box-content p {
    font-size: 1rem;
    line-height: 1.5rem;
}
.large-box-content p:last-of-type {
    margin-bottom: 25px;
}
    @media screen and (max-width: 450px) {
        .large-box-content p:last-of-type {
            margin-bottom: 0;
        }
    }

    @media screen and (min-width: 577px) and (max-width: 768px) {
        .large-homepage-box img { 
            width: 75%;
        }
    }
    


/* Social Media Opt-in */

    @media screen and (min-width: 320px) and (max-width: 575px) {
        #home-body .social-media-bar {
            margin-top: -3rem;
        }
        #home-body .social-media-bar h2.home-section-heading {
            margin-left: -15px;
        }
        #home-body .social-media-bar p {
            margin-left: -15px;
        }        
    }

/* Sponsors */
.sponsor-grid .grid-section .row .col-lg-4 p:last-child{
    margin-bottom: 0 !important;
}

.sponsor-grid .grid-section img {
    padding-bottom: 0 !important;
}

/* Photo Credits */
#home-body .photo-credits {
    display: none;
}

/*Home Page Static (New RTE Version)*/
/* hide/show the video text with slideshow on mobile/desktop */
#home-slide-show-container .hero-video-text-container {
    display: none;
}
#home-slide-show-container .banner-text h2,
#home-slide-show-container .banner-text h3,
#home-slide-show-container .banner-text h5,
#home-slide-show-container .banner-text h6 {
    color: #000;
}
#home-slide-show-container span.btn-dark {
    background-color: unset;    
}
#home-slide-show-container span.btn-orange a,
#home-slide-show-container span.btn-dark a,
#home-slide-show-container span.btn-light-dark-border a {
    width: 100%;
}

@media screen and (min-width: 768px) {
    #home-slide-show-container span.btn-orange a,
    #home-slide-show-container span.btn-dark a,
    #home-slide-show-container span.btn-light-dark-border a {
        width: unset;
    }
}
@media screen and (min-width: 992px) {
    #home-slide-show-container .hero-video-text-container {
        display: block;
    }
    #home-slide-show-container .hero-video-text-container h2 {
        margin-bottom: 5px !important;
        font-size: 3.375rem;
        font-weight: 100;
    }
    #home-slide-show-container .hero-video-text-container h3 {
        margin-bottom: 1.5rem !important;
        font-size: 2rem;
        font-weight: 100;
    }
    #home-slide-show-container .hero-video-text-container h5 {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 2rem;
    }
    #home-slide-show-container .hero-video-text-container h6 {
        font-size: 1.25rem;
        font-weight: 500;
    }
    #home-slide-show-container .hero-video-text-container h2,
    #home-slide-show-container .hero-video-text-container h3,
    #home-slide-show-container .hero-video-text-container h5,
    #home-slide-show-container .hero-video-text-container h6 {
        color: #fff;
    }
}


/*Home Page Video*/
#hero-video-container,
#home-slide-show-container {
    margin-top: 6rem;
    background-color: #eee;
    margin-bottom: 2rem;
}
#home-slide-show-container {
        margin-top: -3.5rem;
}

@media screen and (min-width: 800px) {
    #hero-video-container {
        margin-top: 0;
    }
    #home-slide-show-container {
        margin-top: -5.75rem;
    }
    .video-text-positioning {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #home-slide-show-container .video-text-positioning {
        height: 60%;
    }

        /*.hero-video-text-container.bottom,*/
        .video-text-positioning.bottom {
            align-items: end;
        }

            .video-text-positioning.bottom .hero-video-text-container {
                margin-bottom: 5rem !important;
            }

        /*.hero-video-text-container.top,*/
        .video-text-positioning.top {
            align-items: start;
        }

        /*.hero-video-text-container.middle,*/
        .video-text-positioning.middle {
            align-items: center;
        }
}

.hero-video-homepage {
    width: 100%;
    height: auto;
    margin-top: -6rem;
}

    .hero-video-text-container {
        margin-bottom: 3rem;
    }

        .hero-video-text-container p {
            margin-bottom: 0.5rem;
            line-height: normal;
        }

        .hero-video-text-container.left {
            text-align: left;
        }

        .hero-video-text-container.center {
            text-align: center;
        }

        .hero-video-text-container.right {
            text-align: right;
        }

        .hero-video-text-container .btn-dark,
        .hero-video-text-container .btn-orange,
        .hero-video-text-container .btn-light {
            margin: 2rem 0.5rem;
            background-color: inherit;
        }

            .hero-video-text-container .btn-dark:hover,
            .hero-video-text-container .btn-orange:hover,
            .hero-video-text-container .btn-light:hover {
                background-color: inherit;
            }

            .hero-video-text-container .btn-dark a {
                border: 2px solid #fff;
                background-color: #000;
            }

            .hero-video-text-container .btn-orange:hover a,
            .hero-video-text-container .btn-light-dark-border:hover a {
                border-color: #fff !important;
            }

            .hero-video-text-container .btn-dark:hover a {
                color: #000 !important;
            }


    @media screen and (max-width: 650px) {
        .hero-video-text-container span a {
            width: 100%;
            margin: inherit;
        }

        .hero-video-text-container .btn-dark,
        .hero-video-text-container .btn-orange,
        .hero-video-text-container .btn-light {
            margin: inherit;
        }
    }

    @media screen and (max-width: 800px) {
        .hero-video-text-container.left,
        .hero-video-text-container.center,
        .hero-video-text-container.right {
            text-align: center;
        }

        .hero-video-text-container p {
            text-align: center !important;
        }
    }

    @media (max-width: 992px) {
        .hero-video-text-container {
            display: none;
        }
    }

    @media screen and (min-width: 800px) {
        #hero-video-container {
        background-color: inherit;
    }

    .hero-video-homepage {
        height: 55vh;
        object-fit: cover;
    }

    .hero-video-text-container {
        position: absolute;
    }

        .hero-video-text-container p {
            color: #fff;
            text-shadow: 4px 4px 14px black;
        }

        .hero-video-text-container .btn-dark,
        .hero-video-text-container .btn-orange,
        .hero-video-text-container .btn-light,
        .hero-video-text-container .btn-light-dark-border {
            display: inline-block;
            margin: 2rem 0.5rem 0 0;
        }

        .hero-video-text-container.right .btn-dark,
        .hero-video-text-container.right .btn-orange,
        .hero-video-text-container.right .btn-light,
        .hero-video-text-container.right .btn-light-dark-border {
            display: inline-block;
            margin: 2rem 0 0 0.5rem;
        }
}

    @media screen and (min-width: 1200px) {
        .hero-video-homepage {
            height: 75vh;
            object-fit: cover;
        }
    }

@media screen and (min-width: 1440px) {
    .video-text-positioning.bottom .hero-video-text-container {
        margin-bottom: 5rem !important;
    }
}