/* components/header */
.menu-item.selected {
    color: #F0AB00 !important;
}
.content-section {
    padding-top: 50px; padding-bottom: 50px;
}
.content-section.is-primary {
    background-image: linear-gradient(to right, #f0f0f0 0%, #ffffff 50%, #f0f0f0 100%);
}
.content-section.is-secondary {
    background-image: repeating-linear-gradient(45deg, #e8e8e8 0, #f3f3f3 100px, #fafafa 200px);
}
.hidden-anchor {
    position: relative;
    top: -80px;
    display: block;
    height: 0;
    overflow: hidden;
}

/* components/banner */
.banner-block .swiper-pagination-bullet {
    width: 9px; height: 9px; background-color: #ccc;
}
.banner-block .swiper-pagination-bullet-active {
    background-color: #f0ab00;
}

/* components/common/topic-title */
.topic-block-label {
    width: 16px; height: 16px; background-image: linear-gradient(#E0C42B 0%, #4CB3C0 64%, #1B81B2 100%); transform: rotate(45deg); margin: 6px 16px 4px 4px;
}
.topic-subtitle-text {
    font-size: 16px; color: #000000; height: 24px; line-height: 24px;
}

.popup-card-head {
    font-size: 18px; font-weight: bold; margin-bottom: 10px; text-align: left;
}
.popup-card-body {
    font-size: 14px;  text-align: left; line-height: 1.2;
}
.popup-card-foot {
    font-size: 14px; color: #666666; text-align: left; margin: 10px 0 0;
}

/* components/common/agenda-item */
.agenda-block {
    padding: 80px 20px 20px; background-color: white; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.14);
    background-repeat: no-repeat; background-size:  224px 135px; background-position: bottom right;
    height: calc(100% - 4px);
}
.agenda-block-label {
    position: absolute; top: 26px; left: 0; height: 40px; padding: 12px 20px;
    background-image: linear-gradient(270deg, #E0C42B 0%, #4CB3C0 64%, #1B81B2 100%); border-radius: 0 100px 100px 0; font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 16px;
}
.agenda-block-button {
    position: absolute; top: 31px; right: 20px; height: 30px; padding: 8px 24px; border: 1px solid #008FD3; border-radius: 20px; font-size: 12px; font-weight: bold; color: white; background-color: #008FD3; line-height: 12px;
}
.agenda-block-button:hover {
    color: white;
}
.agenda-item {
    border-bottom: 1px solid #EBEBEB; padding: 20px 0;
}
.agenda-item-time {
    width: 120px;
}
.agenda-item-title {
    font-size: 16px; line-height: 24px; font-weight: bold; color: #333333; margin-bottom: 6px;
}
.agenda-item-speaker {
    font-size: 14px; line-height: 18px; color: #999999;
}

.navbar-title {
    font-size: 18px; line-height: 27px;
}
.navbar-subtitle {
    font-size: 12px; line-height: 18px;
}

.hot-topic-card .animated-wrapper {
    padding-top: 40px; height: 144px; overflow: hidden;
    transition: all .5s ease-in-out;
}
.hot-topic-card:hover .animated-wrapper {
    padding-top: 0;
}
.hot-topic-content {
    background-color: white; height: 104px;
}
.hot-topic-desc {
    font-size: 12px; color: #666666; line-height: 20px; height: 40px; max-height: 40px;
    -webkit-line-clamp: 2;
}
.hot-topic-card:hover .hot-topic-desc {
    height: 80px; max-height: 80px;
    -webkit-line-clamp: 4;
}

.slide-navigation-next, .slide-navigation-prev {
    cursor: pointer;
}

.speaker-item .after {
    image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */

    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}