/* Slider Styles adapted from eldoradopirateship.com */



.slider-wrapper {

    position: relative;

    width: 100%;

    height: 100vh;

    min-height: 600px;

    background-color: #222;

}



.main-slider {

    height: 100%;

}



.flickity-viewport {

    height: 100% !important;

    transition: height 0.2s;

}



.banner {

    width: 100%;

    height: 100%;

    position: relative;

    overflow: hidden;

}



.banner-bg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.bg-fill {

    width: 100%;

    height: 100%;

    background-size: cover !important;

    background-position: center center !important;

    transition: transform 10s ease-out;

}



.is-selected .bg-fill {

    transform: scale(1.1);

}



.overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.3);

    z-index: 1;

}



.banner-layers {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 2;

    text-align: center;

    color: white;

    width: 100%;

    max-width: 1140px;

    padding: 0 15px;

}



.text-box {

    animation: fadeInUp 1s ease-out;

}



.alt-font {

    font-family: 'Dancing Script', 'Brush Script MT', cursive;

    font-size: 2.5rem;

    color: #fceabb;

    /* Gold-ish accent */

    margin-bottom: 0.5rem;

    display: block;

}



.text-box h2 {

    font-size: 4rem;

    font-weight: 700;

    margin: 0;

    line-height: 1.1;

    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

}



.text-box h3 {

    font-size: 1.5rem;

    font-weight: 400;

    margin-top: 1rem;

    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translate3d(0, 40px, 0);

    }



    to {

        opacity: 1;

        transform: translate3d(0, 0, 0);

    }

}



/* Responsive Text */

@media (max-width: 768px) {

    .text-box h2 {

        font-size: 2.5rem;

    }



    .text-box h3 {

        font-size: 1rem;

    }



    .alt-font {

        font-size: 1.8rem;

    }

}