@charset "UTF-8";
/* Logged out Homepage Styling */

body {
    background:#3fb0fd;
}
#container__2020 {
    background:none;
}
.container {
    max-width:none;
}

/* Page Background */

.hp-bg-out {
    z-index:-1;
    position:absolute;
    width:100%;
    bottom:0;
    left:0;
    height:600px;
    background-image:url('../common/loggedout/images/bg-short.png');
    background-repeat:repeat-x;
    background-size:auto 100%;
    background-position:center bottom;
}
.hp-gradient-blue {
    background: rgb(63,176,253);
    background: -moz-linear-gradient(0deg, rgba(63,176,253,1) 0%, rgba(63,176,253,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(63,176,253,1) 0%, rgba(63,176,253,0) 100%);
    background: linear-gradient(0deg, rgba(63,176,253,1) 0%, rgba(63,176,253,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3fb0fd",endColorstr="#3fb0fd",GradientType=1);
    width:100%;
    z-index:2;
    height:50px;
    position:absolute;
    left:0;
    bottom:0;
}


/* Main Carousel */

.hp-news-carousel {
    height:600px;
    width:100%;
    position:relative;
    background-color: #3fb0fd;
    margin-bottom:70px;
    -webkit-transition: background-color 0.25s;
    -ms-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

.hp-cloud-left, .hp-cloud-right {
    position:absolute;
    background-image:url('../common/loggedout/images/cloud.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    z-index:3;
    top:calc(100% - 100px);
    width:440px;
    height:160px;
}
.hp-cloud-left {
    left:-130px;
}
.hp-cloud-right {
    right:-130px;
}
.hp-news-carousel-slick {
    width:100%;
    height:100%;
}
.hp-news-carousel .slick-dots {
    position: absolute;
    bottom: 0px;
    z-index:4;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type:none;
    list-style: none;
    text-align: center;
}
.hp-news-carousel .slick-dots li {
    display:inline-block;
}
.hp-news-carousel .slick-dots li button {
    cursor: pointer;
    color: transparent;
    outline:none;
    background:unset;
    border-radius:50%;
    border: 2px solid #fff;
    width:25px;
    height:25px;
    margin:10px;
}
.hp-news-carousel .slick-dots li.slick-active button {
    background-color:#fff;
}

.hp-news-carousel-img {
    width:100%;
    height:600px;
    background-size:auto 100%;
    background-repeat:no-repeat;
    background-position:center;
}
.hp-news-carousel-item {
    width:auto;
    height:auto;
    margin:auto;
}

/* Featured News Section */
.hp-feature-section, .hp-brandnews-section {
    width:90%;
    margin:10px auto;
    max-width:1000px;
}
.hp-feature-section h2, .hp-brandnews-section h2 {
    color:#fff;
    font-family: "Cafeteria", 'Arial Bold', sans-serif;
    letter-spacing:0.5pt;
    margin:10px auto;
    font-size:30pt;
    text-shadow: -3px 3px 2px rgba(0,0,0,0.35);
}

.hp-feature-article h3, .hp-brandnews-content h4 {
    color:#000;
    font-family: "Palanquin", 'Arial Bold', sans-serif;
    font-size:16pt;
    margin:5px auto;
}
.hp-feature-article p, .hp-brandnews-content p {
    color:#000;
    font-family: "MuseoSansRounded500", 'Arial', sans-serif;
    font-size:12pt;
    margin:5px auto;
}

.hp-feature-article, .hp-brandnews-article {
    border-radius:10px;
    background-color:rgba(255,255,255,0.75);
    margin:10px auto;
    padding:5px;
    box-sizing:border-box;
    width:100%;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.35);
}
.hp-feature-img {
    width:100%;
    height:0;
    padding-bottom:56.25%;
    border-radius:8px;
    overflow:hidden;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    /*background-color:#949494;*/
}

.hp-feature-date {
    color:#616161;
    font-family: "Palanquin", 'Arial Bold', sans-serif;
    font-size:12pt;
    float:left;
}
.hp-feature-link {
    color:#6f88e6;
    font-family: "Palanquin", 'Arial Bold', sans-serif;
    font-size:14pt;
    text-decoration:none;
    float:right;
}

.hp-feature-grid {
    display:grid;
}
.hp-feature-content, .hp-brandnews-content {
    padding:0 10px;
    box-sizing:border-box;
}

/* Site Billboards Carousel */

.hp-billboard-carousel-img {
    width:100%;
    height:0;
    padding-bottom:45.45%;
    margin:10px auto;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    outline:none;
    border-radius:10px;
    overflow:hidden;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.4);
}
.hp-billboard-carousel-item {
    /*width:auto;*/
    
    height:auto;
    margin:auto;
    outline:none;
}

/* Brand News Section */
.hp-brandnews-article {
    display:grid;
    grid-template-columns:40% auto;
    grid-gap:10px;
}
.hp-brandnews-img {
    height:100%;
    width:100%;
    min-height:175px;
    border-radius:8px;
    overflow:hidden;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#949494;
}
.hp-brandnews-content p {
    min-height:90px;
}

/* Unique Footer Styling */
.footer__2020, .footer-pattern__2020 {
    background-image:url(../common/loggedout/images/bg-footer.png) !important;
    background-size:300px 300px !important;
    background-position:center !important;
    border:none !important;
}
.footer-copyright__2020, .footer-link__2020, .footer__2020 a {
    color:#fff !important;
}

.footer-twitter-icon__2020 {
    background-image:url(../common/loggedout/images/social-twitter.svg) !important;
}
.footer-facebook-icon__2020 {
    background-image:url(../common/loggedout/images/social-facebook.svg) !important;
}
.footer-instagram-icon__2020 {
    background-image:url(../common/loggedout/images/social-instagram.svg) !important;
}
.footer-youtube-icon__2020 {
    background-image:url(../common/loggedout/images/social-youtube.svg) !important;
}

/* Media Queries */
@media screen and (min-width:680px) {
    .hp-feature-grid {
        grid-template-columns:60% auto;
        grid-gap:20px;
    }
    .hp-billboard-carousel-item {
        width:100% !important;
    }
}
@media screen and (max-width:679px) {
    .hp-feature-grid {
        grid-template-columns:auto;
        grid-gap:10px;
    }
    .hp-brandnews-article {
        grid-template-columns:auto;
    }
    .hp-feature-section h2, .hp-brandnews-section h2 {
        font-size:25pt;
    }
    .hp-billboard-carousel-slick {
        max-width: 90vw;
    }
    /* the slides */
    .slick-slide {
        margin: 0 10px;
    }
    /* the parent */
    .slick-list {
        margin: 0 -10px;
    }
}

@media screen and (max-width:800px) {
    .hp-cloud-left, .hp-cloud-right {
        width:30%;
        height:0;
        padding-bottom:11%;
        top:calc(100% - 6vw);
    }
    .hp-cloud-left {
        left:-10%;
    }
    .hp-cloud-right {
        right:-10%;
    }
    .hp-news-carousel {
        height:0;
        /*padding-bottom:56%;*/
        padding-bottom:75%;
        margin-bottom:6vw;
    }
    .hp-news-carousel-img {
        height:0;
        /*padding-bottom:56%;*/
        padding-bottom:75%;
    }
    .hp-bg-out {
        height:40%;
    }
}