/* Up Coming */
.news-event .upcoming .title{ font-size: 36px; line-height: 36px; margin: 0 0 30px; text-transform: uppercase; }
.news-event .upcoming .description{ width: 100%; float: left; margin: 30px 0 0; }
.news-event .upcoming .description p{ font-size: 24px; width: 100%; float: left; }
.news-event .upcoming .description p:last-child{ margin: 0 !important; } 

/* Listing */
.news-event .list{ margin: 0 0 30px; }
.news-event .list .thumbnail{ position: relative; }
.news-event .list .description{ padding: 20px 0 0; }
.news-event .list .description h3{ 
    font-size: 22px; 
    font-family: var(--fContent);
    line-height: 30px; 
    text-align: center;
    padding: 0 30px;
}
.news-event .list .description h3 a{
    color: rgba(var(--rgbSecondary), 1.0);
}


/* Detail */
.news-event .news-event-detail{ 
    float: left; 
    width: calc(100% - 400px); 
    padding: 80px 40px 80px 0; 
}
.news-event .overview h1{ font-size: 34px; line-height: 40px; margin: 0 0 30px; }
.news-event .published{ padding: 20px 0 40px; }
.news-event .published .share{ float: right; padding: 0px !important; }
.news-event .published .share span{ display: none !important; }
.news-event .published .calender{
    float: left;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 28px;
    background-image: url(../images/icon-calendar.svg);
    background-position: 0 3px;
    background-repeat: no-repeat;
    background-size: 20px;
}
.news-event .galleries{ padding: 40px 0; }
.news-event .galleries .row{ margin-left: -6px !important; margin-right: -6px !important; }
.news-event .galleries .gallery-list{ position: relative; padding: 6px !important; }
.news-event .galleries .gallery-list img{ opacity: 1; position: relative; z-index: 1; }
.news-event .galleries .gallery-list:hover::before{ background-size: 30px; }
.news-event .galleries .gallery-list:hover img{ opacity: 0.3; }
.news-event .galleries .gallery-list::before{
    content: '';
    top: 6px;
    left: 6px;
    bottom: 6px;
    right: 6px;
    z-index: 0;
    position: absolute;
    background-color: rgba(var(--rgbPrimary), 1.0);
    background-image: url(../images/icon-search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}


/* Related */
.news-event .related{ width: 400px; float: left; padding: 80px 0 80px 40px; }
.news-event .related h3{ text-transform: uppercase; margin: 0 0 20px 10px; }
.news-event .related .list{ margin: 0 0 20px; }
.news-event .related .list .thumbnail{ position: relative; }
.news-event .related .list h4{
    left: 18px;
    bottom: 15px;
    position: absolute;
    margin: 0 90px 0 0 !important;
    font-size: 20px !important;
    color: rgba(var(--rgbWhite), 1.0) !important;
}


.news-event .galleries .gallery-list img,
.news-event .galleries .gallery-list::before,
.news-event .galleries .gallery-list:hover img,
.news-event .galleries .gallery-list:hover::before{
    -moz-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}