.event-grid {
    color: #FFF;
    padding: 50px 0;
    background: #d5e5f6;
    background: #7da7d2;
    background: #336da8;
    background: #124c86;
}    


.eventcal h1 {
    font-size: 30px;
    font-style: normal;
    margin: 0 0 20px 0;
}

.eventcal sup {
    top: -0.5em;
    font-size: small;
}
.eventcal .row {
    padding: 40px 0;

}

.eventcal .line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

h4.event-date {
    font-size: .875rem;
    font-weight: 600;
    color: #d3410c;
    font-family: 'Archivo', sans-serif;
    margin-bottom: .25rem;
}

.eventcal h2.event-title {
    margin: 0;
    padding: 0;
    letter-spacing: .25px;
    text-rendering: optimizeLegibility;
    font-size: 1.45rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;                
}


.event-text {
    font-size: 1rem;
    color: #6f768e;
    line-height: 1.25rem;
    margin-top: .25rem;
    margin-bottom: 1.25rem;
}

.youtube-text {
    color: #9C27B0 !important;    
}


.action .button:last-child {
    float: right;
}            


.btn-small {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 0;
    color: #777;
    background: #eeeeee;
    border-color: #eeeeee;
    transition: background-color 0.5s ease;
}            

.btn-small:hover {
    color: #FFF;
    text-decoration: none;
    background: #5e93c9;
}


.dropdown-menu.share-menu a.dropdown-item {
    padding: .25rem .5rem;
}            

.dropdown-menu.share-menu a.dropdown-item i {
    width: 25px;
    text-align: center;
}


.social-facebook, .social-twitter, .social-envelope {
    color:#5e93c9;
}
.social-instagram, .social-pinterest {
    color:#9b002a;
}


.eventcal .card {
    margin-bottom: 2rem;
}



.eventcal .row {
    /*  padding: 30px 20px 10px 20px; */
}


.thumb-text-holder {
    position: absolute;
    bottom: 138px;
    width: 100%;
    z-index: 3;
    padding: 0 20px;
    text-align: left;
}
.eventcal-category {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-weight: 700;
    color: #0098d0; }
.eventcal-category--label {
    font-size: 10px;
    background-color: #2D95E3;
    padding: 5px 10px;
    z-index: 2;
    color: #fff;
    margin-bottom: 0;
    display: inline-block; }
.eventcal-category--label:hover, .eventcal-category--label:focus {
    color: #fff;
    opacity: 0.90; }
.eventcal-category--align-in-corner {
    position: absolute;
    left: 16px;
    bottom: 16px; }
.eventcal-category--violet {
    background-color: #3E3EDD; }
.eventcal-category--purple {
    background-color: #9C27B0; }
.eventcal-category--blue {
    background-color: #0000a0; }
.eventcal-category--cyan {
    background-color: #00BCD4; }
.eventcal-category--green {
    background-color: #19C22A; }
.eventcal-category--orange {
    background-color: #E65100; }
.eventcal-category--red {
    background-color: #F44336; }
.eventcal-category--pink {
    background-color: #dc647f; }

.easeload {
    opacity: 0;
    -webkit-transition: all 2s ease; 
    -moz-transition: all 2s ease; 
    -ms-transition: all 2s ease; 
    -o-transition: all 2s ease; 
}


#calHero {
    position: relative;
    z-index: 100;                
    background-image: url(/assets/images/banners/calendar_banner_01.jpg);
    background-position: center;
    background-size: cover;
}   

#calHero img {
    padding: 82px 5%;
}



@media screen and (max-width: 1200px) {            

}

@media screen and (max-width: 990px) {            

}

@media screen and (max-width: 768px) {            

    #calHero img {
        padding: 40px 0;
    }


    .eventcal .card {
        margin-bottom: 2rem;
    }

    .eventcal .row {
        padding: 30px 20px;
    }

}

@media screen and (max-width: 572px) {            

    .eventcal .row {
        padding: 20px 0;
    }


}