/*  .banner-text-slider, .banner-image-slider{*/
/*    visibility: hidden;*/
/*}*/

/*.banner-text-slider.slick-initialized, .banner-image-slider.slick-initialized{*/
/*    visibility: visible;*/
/*}*/
.banner-slider{
    visibility: hidden;
    opacity: 0;
    /*transform: translateY(150px);*/
    transition: opacity 1600ms ease-out;
    height: 0;
}

.banner-slider:has(.slick-initialized){
    visibility: visible;
    opacity: 1;
    /*transform: translateY(0px);*/
    height: auto;
}


.hero-banner:has(.slick-initialized) .hide-me {
    visibility:hidden;
    opacity:0;
    display: none;
}

.card.placeholder {
    border-radius: 2rem;
    width: 100%;
    height: 150px;
}

@media (min-width: 778px) {
    .card.placeholder {
        border-radius: 0 20rem 20rem 0;
        height: 450px;
    }
}


.countdown-banner{
    padding: 20px 0 17px;
    overflow: hidden;
    clear: both;
    background: #21372c;
    
}
@media(min-width:300px){
	.countdown-banner {
    padding-top: 120px;
 }
}
@media (min-width: 992px) {
	.countdown-banner {
	overflow: hidden;
	margin-top: -2rem;
	margin-bottom: 2rem;
	padding-top: 2rem;
	}
}

.countdown-info{
    align-items: center;
    margin-top: 15px;
}
.center-item{
    align-items: center;
    margin:auto;
    text-align: center;
}

.elections-link {
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-content: center;
    height: 70px;
    
}

.countdown-description{
    color: var(--unionwhite);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    font-size: 3.5em;
    text-align: center;
    flex-basis: auto;
    width: 100%;
    transition: 0.3s;
    padding: 15px;
    margin: 10px;
}

.countdown-title{
    background-color: var(--uniongreen);
    border-radius: 10px;
    border: 5px solid var(--uniongreen);
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 900;
    font-size: 2em;
    text-align: center;
    flex-basis: auto;
    width: 80%;
    transition: 0.3s;

}
@media (min-width:992px){.countdown-title{
font-size: 2.4em
}}
.countdown-title:hover {
    background-color: transparent;
    color: var(--uniongreen);
}

.countdown-title:hover ~ .countdown-description{
    color: var(--unionwhite);
}

.countdown-title:before{
    content: "\2022";
    margin-right: 1%;
}
.countdown-title:after{
    content: "\2022";
    margin-right: 1%;
}
.countdown-date{
    color:var(--unionwhite);
    text-transform: uppercase;
    font-size: 1.5em;
    padding: 10px;
    margin: 10px;
    text-align: center;
    flex-basis: auto;
    width: 100%;
}


/*-----------------------------------------------*/
.msl-time-countdown {
    text-align: center;
}

    .msl-time-countdown .heading-count h2 {
        font-size: 40px;
        color: #212121;
        text-transform: uppercase;
        line-height: 48px;
    }

    .msl-time-countdown .countdown-timer .heading-count h4 {
        font-size: 24px;
        font-weight: 300;
        color: #fff;
        margin-top: 30px;
    }

        .msl-time-countdown .countdown-timer .heading-count h4 span {
            background: #212121;
            padding: 7px 15px;
            border-radius: 4px;
        }

    .msl-time-countdown .countdown-timer .heading-count p {
        font-size: 14px;
        color: #212121;
        line-height: 30px;
    }

    .msl-time-countdown .time-count div {
        text-align: center;
    }

    .msl-time-countdown .time-entry {
        display: inline-block;
        min-width: 120px;
        margin: 15px;
        height: 110px;
        padding: 20px;
        box-shadow: 1px 10px 20px rgba(0, 0, 0, 0.2);
        border-radius: 4px;
        background: #fff;
        text-align: center;
        font-weight: 400;
        color: var(--uniongreen);
        font-size: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 22px;
    }

        .msl-time-countdown .time-entry span {
            font-size: 45px;
            line-height: 45px;
            font-weight: 700;
            display: block;
            color: #21372c;
            margin-bottom: 10px;
        }

        .msl-time-countdown .time-entry:first-child {
            border-left: none;
        }

    .msl-time-countdown .time-countdown {
        margin: 15px 0px 30px 0;
    }
    
    
.social-section .scrollarea .thumbnail-wrapper {
    margin-inline: 10px;
    border-radius: 2rem;
    overflow: hidden;
}