/***hero event block css start here***/

/**fonts**/
@font-face {
    font-family: GothamSSm-Light;
    src: url(../fonts/VB_Fonts/GothamSSm-Light.otf);
}
@font-face {
    font-family: GothamSSm-Book;
    src: url(../fonts/VB_Fonts/GothamSSm-Book.otf);
}

@font-face {
    font-family: GothamSSm-Medium;
    src: url(../fonts/VB_Fonts/GothamSSm-Medium.otf);
}

@font-face {
    font-family: GothamSSm-BookItalic;
    src: url(../fonts/VB_Fonts/GothamSSm-BookItalic.otf);
}
/**end fonts**/

/**event card style starts here**/

.section-title {
    margin-bottom: 20px
}

/**three column styles goes here**/
.event-card-bg{background-size:cover;width:100%;}
.event-card-bg:before{content: "";display: block;padding-top: 75%}

/**event-card-content starts here**/
.event-card-block .col-xs-12{margin-bottom:20px}
.event-card-block { margin-bottom: 30px;}
.event-card-content{background:#fed430;width:65%;min-height:135px;position: absolute;right: 25px; bottom: -11px;padding: 12px}
.event-card-content h3{font-size: 19px;font-family:gotham_ssmmedium, sans-serif;color:#000; text-decoration: none}
.event-card-content h3 a{font-size: 19px;font-family:gotham_ssmmedium, sans-serif;color:#000; text-decoration: none}
.event-card-content h3 a:hover {text-decoration: none}
.event-card-content h3 { margin-top: 0px;}
.event-card-content p{color:#010100;font-size: 19px;font-family:gotham_ssmlight, sans-serif;}

/**black theme css starts here**/
.charcoal-theme .event-card-content{background:#2e2d2c;}
.charcoal-theme .event-card-content h3{ color:#fed430;}
.charcoal-theme .event-card-content h3 a{color:#fed430;}
.charcoal-theme .event-card-content p{color:#fed430;}
/**black theme css end here   **/
/**three column css end here**/

/**four column css starts here**/
.event-card-four-column .event-card-bg:before{content: "";display: block;padding-top: 100%}
/**event-card-content starts here**/
.event-card-four-column .event-card-content{width:79%;min-height:108px;}
.event-card-four-column .event-card-content h3{font-size: 18px;}
.event-card-four-column .event-card-content p{font-size: 16px;}




/**four column css end here   **/


/**event-card-content end here   **/


/**large devices starts here**/
@media(min-width: 768px){
 .event-card-four-column .event-card-content h3{font-size: 18px;}
}


/**large devices end**/
/**event card styles end here  **/