body.timeline {

}
.bt-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 601px) {
    .news-item {
        padding-left: 15px;
        padding-right: 15px;
        color: #ffffff;
        margin-top: 50px;
    }
    nav .button-collapse i {
        margin-top: 10px;
    }
    .owl-caption h3 {
        font-size: 2.2rem;
    }
}
@media (max-width: 600px) {
    .news-item {
        padding-left: 55px !important;
        padding-right: 55px;
        color: #ffffff;
        margin-top: 120px;
    }
    .row .col.padding-bottom-only {
        padding: 0px 0px 2px 2px !important;
        line-height: 0;
    }
    .owl-item > div {
        padding-left: 0px;
    }
    nav .button-collapse i {
        margin-top: 0px Important;
    }
    .nav-wrapper a#logo-container {
        margin-left: -50px;
    }
    .owl-caption h3 {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .bt-container {
        width: 95%;
    }
}
@media (min-width: 992px) {
    .bt-container {
        width: 90%;
    }
    .row .col.padding-bottom {
        padding: 0px 0px 0px 0px;
        line-height: 0;
    }
    .sb-search-input {
        width: 50% !important;
    }
    nav.top {
        height: 100px;
        margin-top: 80px;
        margin-bottom: 20px;
    }
    ul.news-list li.news-list-item {
        width: 70%;
        color: #8904b1;
    }
    ul.news-list li.news-list-item:hover {
        background-color: #8904b1;
        color: #ffffff;
        width: 70%;
    }
    .short-cuts > div.row > div.col {
        padding-left: 2px;
        padding-bottom: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }
}
@media (max-width: 992px) {
    .row .col.padding-bottom {
        padding: 0px 0px 0px 0px;
        line-height: 0;
    }
    nav .brand-logo {
        /*    left: 40%; */
    }
    .sb-search-input {
        width: 85% !important;
    }
    .center-align-med-and-under {
        text-align: center;
    }
    nav.top {
        height: 70px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .margin-10 {
        margin-top: 10px;
    }
    ul.news-list li.news-list-item {
        width: 100%;
        color: #8904b1;
    }
    ul.news-list li.news-list-item:hover {
        background-color: #8904b1;
        color: #ffffff;
        width: 100%;
    }
    .short-cuts > div.row > div.col:nth-child(odd) {
        padding-left: 0px;
        padding-bottom: 0px;
        padding-right: 2px;
        padding-top: 0px;
    }
    .short-cuts > div.row > div.col:nth-child(even) {
        padding-left: 1px;
        padding-bottom: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }
    .short-cuts > div.row > div.col:nth-child(1) {
        padding-top: 3px;
    }
    .short-cuts > div.row > div.col:nth-child(2) {
        padding-top: 3px;
    }
}
@media (min-width: 1200px) {
    .bt-container {
        width: 90%;
    }
}
@media (max-width: 600px) {
    .col.photo {
        text-align: center;
    }
}
main.home {
    margin-top: 3px;
}
main.basic-page {
    margin-top: 0px;
}
main.basic-page.timeline {
    background-color: #c62828;
}
table {
    border: 1px solid #fff;
}
table,
th,
td {
    border: 1px solid;
    padding-left: 20px;
    padding-right: 20px;
}
table.courses,
table.courses th,
table.courses td {
    border: 1px solid #dddddd;
    padding-left: 20px;
    padding-right: 20px;
}
table.courses {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}
table.recording,
table.recording th,
table.recording td {
    border: 0px solid;
}
strong {
    font-weight: 700;
}
h6.page-title {
    font-size: 1.1428rem;
    font-weight: 700;
}
h6.parent-title {
    font-size: 21px;
    font-weight: 700;
}
p.img-center-align {
    text-align: center;
}
.row .col.bordered {
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row .col.bordered-left {
    border-left: 1px solid #ffffff;
    line-height: 0px;
}
.row .col.bordered-top {
    border-top: 1px solid #ffffff;
    line-height: 0px;
}
.row .col.bordered-bottom {
    border-bottom: 1px solid #ffffff;
    line-height: 0px;
}
.row .col.padding-left-bottom {
    padding: 0px 0px 2px 2px;
    line-height: 0;
}
.row.half-margin {
    margin-bottom: 10px;
}
.no-margin {
    margin: 0px;
}
.row.no-margin-bottom {
    margin-bottom: 0px;
    line-height: 1;
}
.row.no-margin-left-right {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.row .col.no-line-height {
    line-height: 0;
}
.row .col.padding-right-3 {
    padding: 0px 3px 0px 0px;
}
.row .col.padding-left-3 {
    padding: 0px 0px 0px 3px;
}
.row .col.padding-top-3 {
    padding-top: 3px 0px 0px 0px;
}
.row .col.padding-bottom-3 {
    padding-bottom: 0px 0px 3px 0px;
}
nav {
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.16);
}
nav.second {
    height: 64px;
    line-height: 64px;
}
nav .brand-logo {
    color: #000;
}
nav a {
    color: #000;
}
nav .button-collapse {
    float: left;
    position: relative;
    z-index: 1;
    height: 56px;
    margin: 0px 0px;
}
nav#desktop-menu.fixed-nav {
    z-index: 99;
    position: fixed;
    top: -64px;
    transition: all 0.5s ease;
    transform: translateY(0);
    -webkit-transform: translateY(64px);
}
nav#desktop-menu ul a {
    font-size: 1.2rem;
    letter-spacing: 0.5px;
}
nav#desktop-menu ul a.dropdown-button i.right {
    margin-left: 5px;
}
nav#desktop-menu ul a {
    color: #ffffff;
    -webkit-transition: background-color: 0.5s;
    -moz-transition: background-color: 0.5s;
    transition: background-color 0.5s;
    padding: 0 13px;
}
nav#desktop-menu ul a:hover {
    background-color: #C1272D;
    color: #ffffff;
}
nav#desktop-menu ul li.active {
    background-color: #C1272D;
    color: #ffffff;
}
nav#desktop-menu ul.middle {
    display: inline-block;
    float: none;
}
nav .button-collapse i {
    font-size: 3.571rem;
    height: 80px;
    line-height: 80px;
}
nav .lang-switch {
    float: right;
    color: #000;
    position: absolute;
    right: 15px;
    top: -80px;
}
nav .lang-switch a.social {
    margin-right: 5px;
}
nav .search input {
    color: #000000;
    font-family: FontAwesome;
}
nav .search .input-field input:focus,
nav .input-field input[type="text"]:valid,
nav .input-field input[type="password"]:valid,
nav .input-field input[type="email"]:valid,
nav .input-field input[type="url"]:valid,
nav .input-field input[type="date"]:valid {
    border: 1px solid #000000;
    box-shadow: none;
    padding: 5px;
    border-radius: 5px;
}
.nav-wrapper.timeline {
    background-color: #c62828;
}
section.margin-top-20 {
    margin-top: 28px;
}
.col.page-title {
    min-height: 60px;
}
.col.page-title h5 {
    margin: 0 0 0 0;
}
.col.content {
    font-size: 1.066rem;
}
.col.content p a {
    font-size: 1.2rem;
    color: #d32f2f;
    font-weight: 700;
}
.col.content p a:hover {
    text-decoration: underline;
}
.col.content ul li {
    list-style-type: initial;
    margin-left: 25px;
}
.card.round {
    border-radius: 10px;
}
.card.staff .card-content {
    min-height: 130px;
}
.card.staff .card-image {
    min-width: 98px;
}
#professor img.round,
.card-image img.round {
    border-radius: 10px 0px 0px 10px;
}
.col.style-list-type ul {
    margin: 10px;
}
.col.style-list-type div {
    margin-bottom: 10px;
}
.col.style-list-type ul li {
    list-style-type: initial;
    margin-top: 0px;
}
#professor ol {
    padding: 0px;
}
#professor .col.photo {
    padding-left: 0px;
}
#professor .row.round {
    border-radius: 10px;
}
#professor img.round {
    border-radius: 10px;
}
.department {
    box-shadow: 0 0 0 0;
}
nav.breadcrumb-wrapper {
    background-color: white;
    margin-top: 20px;
    line-height: 20px;
}
nav.breadcrumb-wrapper .col {
    padding: 0;
}
nav.breadcrumb-wrapper a.breadcrumb {
    color: black;
    font-size: 12px;
}
nav.breadcrumb-wrapper .breadcrumb::before {
    content: '\2215';
    color: rgba(0, 0, 0, 0.7);
    vertical-align: baseline;
    font-size: 12px;
}
nav.breadcrumb-wrapper .timeline a.breadcrumb {
    color: #ffffff;;
}
nav.breadcrumb-wrapper .timeline a.breadcrumb:before {
    color: #ffffff;;
}
.card.newsletter .card-title {
    font-size: 16px;
    font-weight: 300;
}
.card.newsletter .card-content .card-title {
    line-height: 0px;
}
span.meeting-datetcb {
    margin-left: 165px;
}
footer.page-footer {
    margin-bottom: 15px;
    background-color: #ffffff;
}
footer.page-footer.timeline {
    padding-top: 0px;
}
footer.page-footer .footer-copyright {
    background-color: #ffffff;
    color: #585858;
}
.material-scrolltop {
    display: block;
    position: fixed;
    width: 0;
    height: 0;
    bottom: 23px;
    right: 23px;
    padding: 0;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 2px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    cursor: hand;
    border-radius: 50%;
    background: #d50000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
}
.material-scrolltop:hover {
    background-color: #d50000;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}
.material-scrolltop::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 0;
    border-radius: 100%;
    background: #d50000;
}
.material-scrolltop:active::before {
    width: 120%;
    padding-top: 120%;
    -webkit-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.material-scrolltop.reveal {
    width: 56px;
    height: 56px;
}
.material-scrolltop span {
    display: block;
    font-size: 25px;
    color: #fff;
}
.material-scrolltop,
.material-scrolltop::before {
    background-image: url(/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/images/top-arrow.svg);
    background-position: center 50%;
    background-repeat: no-repeat;
}
ul.news-list li.news-list-item a {
    display: block;
    padding: 10px;
    border-bottom: 1px dotted #8904b1;
    ;
}
ul.news-list li.news-list-item a:hover {
    color: #ffffff;
    font-weight: 700;
}
.card-content.faculty {
    text-align: center;
}
.card-panel.faculty {
    padding: 0px 0px 10px 0px;
}
.card-panel.active {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card-title.faculty-title {
    display: block;
    padding: 10px;
    margin-bottom: 10px;
}
.card.horizontal {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
img.course-logo {
    margin-left: 10px;
}
img.align_left {
    float: left;
    margin-right: 10px;
}
img.align_right {
    float: right;
    margin-left: 10px;
}

/* navigation button in 2nd level page start */

.nav-button-wrapper {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    justify-content: space-around;
    line-height: 30px;
}
.nav-button {
    margin: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    flex: 1 0 auto;
    height: auto;
    display: block;
    position: relative;
    margin: 0px 5px 10px 5px;
}
.nav-button:hover {
    background-color: #880e4f !important;
}
.nav-button:before {
    content: '';
    float: left;
    padding-top: 100%;
}
.nav-button > h6 {
    position: absolute;
    bottom: 5px;
    width: 100%;
}
.course-nav-button {
    margin: 5px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    flex: 1 0 auto;
    height: auto;
    display: block;
    position: relative;
    margin: 0px 5px 10px 5px;
}
.course-nav-button:hover {
    background-color: #880e4f !important;
}
.course-nav-button:before {
    content: '';
    float: left;
    padding-top: 50%;
}
.course-nav-button > h6 {
    position: absolute;
    bottom: 50%;
    width: 100%;
}
.course-nav-button > p {
    position: absolute;
    margin-top: 30%;
    width: 100%;
}

/* navigation button in 2nd level page end */


/* search bar start */


/* Search icon by IcoMoon, made with http://icomoon.io/app/ */

@font-face {
    font-family: 'icomoon';
    src: url('/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/fonts/icomoon/icomoon.eot');
    src: url('/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/fonts/icomoon/icomoon.eot#iefix') format('embedded-opentype'), url('/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/fonts/icomoon/icomoon.woff') format('woff'), url('/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/fonts/icomoon/icomoon.ttf') format('truetype'), url('/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/fonts/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.sb-search {
    position: absolute;
    right: 15px;
    margin-top: 10px;
    width: 0%;
    min-width: 60px;
    height: 60px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}
.sb-search-input {
    position: absolute !important;
    top: 5px !important;
    right: 0 !important;
    border: none !important;
    outline: none !important;
    background: #F2F2F2 !important;
    /*	width: 100% !important; */
    height: 50px !important;
    margin: 0 !important;
    z-index: 10 !important;
    padding: 15px 30px 15px 20px !important;
    font-family: inherit !important;
    font-size: 20px !important;
    color: #000000 !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}
.sb-search-input::-webkit-input-placeholder {
    color: #A4A4A4 !important;
}
.sb-search-input:-moz-placeholder {
    color: #A4A4A4 !important;
}
.sb-search-input::-moz-placeholder {
    color: #A4A4A4 !important;
}
.sb-search-input:-ms-input-placeholder {
    color: #A4A4A4 !important;
}
.sb-icon-search,
.sb-search-submit {
    width: 50px !important;
    height: 50px !important;
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: 5px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 50px !important;
    text-align: center !important;
    cursor: pointer !important;
}
.sb-search-submit {
    background: #fff !important;
    /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 8 */
    filter: alpha(opacity=0);
    /* IE 5-7 */
    opacity: 0 !important;
    color: transparent !important;
    border: none !important;
    outline: none !important;
    z-index: -1 !important;
}
.sb-icon-search {
    color: #fff;
    background: #5e35b1;
    z-index: 90;
    font-size: 20px;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
    content: "\e000";
}

/* Open state */

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 97.5%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #da6d0d;
    color: #fff;
    z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90 !important;
}

/* search bar end */


/*  Hover Effect Start */

.view-eighth .mask {
    background-color: rgba(128, 254, 0, 0.7);
    bottom: -200px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0.5s;
    -moz-transition: all 0.3s ease-out 0.5s;
    -o-transition: all 0.3s ease-out 0.5s;
    -ms-transition: all 0.3s ease-out 0.5s;
    transition: all 0.3s ease-out 0.5s;
}
.view-eighth h2 {
    /*   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s; */
}
.view-eighth p {
    color: #333;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out 0.2s;
    -moz-transition: all 0.2s ease-in-out 0.2s;
    -o-transition: all 0.2s ease-in-out 0.2s;
    -ms-transition: all 0.2s ease-in-out 0.2s;
    transition: all 0.2s ease-in-out 0.2s;
}
.view-eighth a.info {
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 0.2s ease-in-out 0.3s;
    -moz-transition: all 0.2s ease-in-out 0.3s;
    -o-transition: all 0.2s ease-in-out 0.3s;
    -ms-transition: all 0.2s ease-in-out 0.3s;
    transition: all 0.2s ease-in-out 0.3s;
}
.view-eighth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    bottom: 0px;
    height: 100px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    /*   -webkit-animation: bounceY 0.9s linear;
   -moz-animation: bounceY 0.9s linear;
   -ms-animation: bounceY 0.9s linear;
   animation: bounceY 0.9s linear; */
}
.view-eighth:hover h2 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.view-eighth:hover p {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.view-eighth:hover a.info {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
@keyframes bounceY {
    0% {
        transform: translateY(-205px);
    }
    40% {
        transform: translateY(-100px);
    }
    65% {
        transform: translateY(-52px);
    }
    82% {
        transform: translateY(-25px);
    }
    92% {
        transform: translateY(-12px);
    }
    55%,
    75%,
    87%,
    97%,
    100% {
        transform: translateY(0px);
    }
}
@-moz-keyframes bounceY {
    0% {
        -moz-transform: translateY(-205px);
    }
    40% {
        -moz-transform: translateY(-100px);
    }
    65% {
        -moz-transform: translateY(-52px);
    }
    82% {
        -moz-transform: translateY(-25px);
    }
    92% {
        -moz-transform: translateY(-12px);
    }
    55%,
    75%,
    87%,
    97%,
    100% {
        -moz-transform: translateY(0px);
    }
}
@-webkit-keyframes bounceY {
    0% {
        -webkit-transform: translateY(-205px);
    }
    40% {
        -webkit-transform: translateY(-100px);
    }
    65% {
        -webkit-transform: translateY(-52px);
    }
    82% {
        -webkit-transform: translateY(-25px);
    }
    92% {
        -webkit-transform: translateY(-12px);
    }
    55%,
    75%,
    87%,
    97%,
    100% {
        -webkit-transform: translateY(0px);
    }
}
.view {
    width: 100%;
    height: 100%;
    margin: 0px;
    float: left;
    border: 0px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}
.view .mask,
.view .content {
    width: 100%;
    height: 0px;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    left: 0;
}
.view img {
    display: block;
    position: relative;
}
.view h2 {
    text-transform: uppercase;
    color: #000;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    /*   background: rgba(0, 0, 0, 0.8); */
    margin: 20px 0 0 0;
}
.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}
.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
}
.view a.info: hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}

/*  Hover Effect Stop*/


/* carousel latest news */

.latest-news {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}
.latest-news .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.latest-news .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.latest-news .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.latest-news .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.latest-news .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.latest-news .owl-nav.disabled,
.latest-news .owl-dots.disabled {
    display: none;
}
.latest-news .owl-nav .owl-prev,
.latest-news .owl-nav .owl-next,
.latest-news .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.latest-news.owl-loaded {
    display: block;
}
.latest-news.owl-loading {
    opacity: 0;
    display: block;
}
.latest-news.owl-hidden {
    opacity: 0;
}
.latest-news.owl-refresh .owl-item {
    display: none;
}
.latest-news.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.latest-news.owl-grab {
    cursor: move;
    cursor: grab;
}
.latest-news.owl-rtl {
    direction: rtl;
}
.latest-news.owl-rtl .owl-item {
    float: right;
}
.owl-item .item {
    position: relative;
    z-index: 100;
}
.owl-item .item .owl-caption {
    position: absolute;
    z-index: 999;
    bottom: 10px;
    left: 0px;
    color: #ffffff;
    background-color: #c62828;
    padding: 10px;
    opacity: 0.8;
}
.owl-item .item .owl-caption h3 {
    margin: 0px;
}
.owl-item .item .owl-caption a {
    color: #ffffff;
    border-bottom: 1px dotted #ffffff;
}

/* No Js */

.no-js .latest-news {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */

.latest-news .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}
.latest-news .owl-animated-in {
    z-index: 0;
}
.latest-news .owl-animated-out {
    z-index: 1;
}
.latest-news .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */

.latest-news .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}
.latest-news .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */

.latest-news .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.latest-news .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}
.latest-news .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.latest-news .owl-video-playing .owl-video-tn,
.latest-news .owl-video-playing .owl-video-play-icon {
    display: none;
}
.latest-news .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}
.latest-news .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.latest-news.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 25px;
}

/* owl carousel latest news end */


/* Push menu start */

.menu-trigger {
    position: relative;
    padding-left: 60px;
    font-size: 0.9em;
}
.menu-trigger:before {
    position: absolute;
    top: 2px;
    left: 0;
    width: 40px;
    height: 6px;
    background: #fff;
    box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff;
    content: '';
}
.mp-pusher {
    position: relative;
    left: 0;
    height: 100%;
}
.mp-menu {
    position: absolute;
    /* we can't use fixed here :( */
    top: 0;
    left: 0;
    z-index: 1000;
    width: 300px;
    height: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}
.mp-level {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #630460;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    z-index: 10;
}

/* overlays for pusher and for level that gets covered */

.mp-pusher::after,
.mp-level::after,
.mp-level::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    content: '';
    opacity: 0;
}
.mp-pusher::after,
.mp-level::after {
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
    transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}
.mp-level::after {
    z-index: -1;
}
.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.mp-level.mp-level-overlay {
    cursor: pointer;
}
.mp-level.mp-level-overlay.mp-level::before {
    width: 100%;
    height: 100%;
    background: transparent;
    opacity: 1;
}
.mp-pusher,
.mp-level {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    min-height: 100vh;
}

/* overlap */

.mp-overlap .mp-level.mp-level-open {
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}

/* First level */

.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
    box-shadow: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/* cover */

.mp-cover .mp-level.mp-level-open {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

/* content style */

.mp-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.mp-menu h2 {
    margin: 0;
    padding: 1em;
    color: rgba(0, 0, 0, 0.4);
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 2em;
}
.mp-menu.mp-overlap h2::before {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 8px;
    font-size: 75%;
    line-height: 1.8;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
    transition: opacity 0.3s, transform 0.1s 0.3s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}
.mp-menu.mp-cover h2 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1em;
    color: #ffffff;
}
.mp-overlap .mp-level.mp-level-overlay > h2::before {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
}
nav#mp-menu ul li {
    padding: 0;
    float: none;
}
.mp-menu ul li > a {
    display: block;
    padding: 0em 1em 0em 1.8em;
    outline: none;
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
    font-size: 1.4em;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
    color: #ffffff;
}
.mp-menu ul li > a.social {
    display: inline;
}
.mp-menu ul li::before {
    position: absolute;
    left: 10px;
    z-index: -1;
    color: rgba(0, 0, 0, 0.2);
    line-height: 4.2;
}
.mp-menu ul li::after {
    position: absolute;
    right: 10px;
    z-index: -1;
    color: rgba(0, 0, 0, 0.2);
    line-height: 4.2;
}
.mp-menu ul li a > span.arrow {
    position: absolute;
    font-size: 24px;
    right: 10px;
}
.mp-level > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2);
}
.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
    background: rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}
.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0);
}
.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
    box-shadow: inset 0 -1px rgba(0, 0, 0, 0), inset 0 1px rgba(0, 0, 0, 0);
}

/* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */

.mp-back {
    background: rgba(0, 0, 0, 0.1);
    outline: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    display: block;
    font-size: 0.8em;
    padding: 0 1em 0 1em;
    position: relative;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    line-height: 20px;
    padding-left: 25px;
}
.mp-back::after {
    position: absolute;
    right: 10px;
    font-size: 1.3em;
    color: rgba(0, 0, 0, 0.3);
}
.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
    background: transparent;
    box-shadow: none;
    color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */


/* We'll show the first level only */

.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
    padding-left: 300px;
}
.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
    display: none;
}
.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
    display: block;
}
@font-face {
    font-family: 'linecons';
    src: url('/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/fonts/linecons/linecons.eot');
    src: url('/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/fonts/linecons/linecons.eot#iefix') format('embedded-opentype'), url('/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/fonts/linecons/linecons.woff') format('woff'), url('/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/fonts/linecons/linecons.ttf') format('truetype'), url('/20201208171155oe_/http://www.fed.cuhk.edu.hk/cled/site/templates/fonts/linecons/linecons.svg#linecons') format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon:before {
    font-family: 'linecons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    margin-right: 0.6em;
    -webkit-font-smoothing: antialiased;
}
.icon-female:before {
    content: "\f182";
}
.icon-male:before {
    content: "\f183";
}
.icon-arrow-left:before {
    content: "\e032";
}
.icon-arrow-left-2:before {
    content: "\e034";
}
.icon-arrow-left-3:before {
    content: "\e036";
}
.icon-arrow-left-4:before {
    content: "\e038";
}
.icon-arrow-right:before {
    content: "\e035";
}
.icon-arrow-right-2:before {
    content: "\e037";
}
.icon-arrow-right-3:before {
    content: "\e039";
}
.icon-arrow-right-4:before {
    content: "\e033";
}
.icon-phone:before {
    content: "\e000";
}
.icon-news:before {
    content: "\e001";
}
.icon-photo:before {
    content: "\e002";
}
.icon-shop:before {
    content: "\e003";
}
.icon-wallet:before {
    content: "\e004";
}
.icon-t-shirt:before {
    content: "\e005";
}
.icon-heart:before {
    content: "\e006";
}
.icon-cloud:before {
    content: "\e007";
}
.icon-display:before {
    content: "\e008";
}
.icon-diamond:before {
    content: "\e009";
}
.icon-banknote:before {
    content: "\e00a";
}
.icon-data:before {
    content: "\e00b";
}
.icon-music:before {
    content: "\e00c";
}
.icon-location:before {
    content: "\e00d";
}
.icon-star:before {
    content: "\e00e";
}
.icon-tv:before {
    content: "\e00f";
}
.icon-eye:before {
    content: "\e010";
}
.icon-megaphone:before {
    content: "\e011";
}
.icon-study:before {
    content: "\e012";
}
.icon-bubble:before {
    content: "\e013";
}
.icon-sound:before {
    content: "\e014";
}
.icon-video:before {
    content: "\e015";
}
.icon-stack:before {
    content: "\e016";
}
.icon-lab:before {
    content: "\e017";
}
.icon-food:before {
    content: "\e018";
}
.icon-cup:before {
    content: "\e019";
}
.icon-trash:before {
    content: "\e01a";
}
.icon-user:before {
    content: "\e01b";
}
.icon-key:before {
    content: "\e01c";
}
.icon-fire:before {
    content: "\e01d";
}
.icon-clip:before {
    content: "\e01e";
}
.icon-mail:before {
    content: "\e01f";
}
.icon-search:before {
    content: "\e020";
}
.icon-settings:before {
    content: "\e021";
}
.icon-like:before {
    content: "\e022";
}
.icon-calendar:before {
    content: "\e023";
}
.icon-camera:before {
    content: "\e024";
}
.icon-tag:before {
    content: "\e025";
}
.icon-note:before {
    content: "\e026";
}
.icon-clock:before {
    content: "\e027";
}
.icon-lock:before {
    content: "\e028";
}
.icon-vynil:before {
    content: "\e029";
}
.icon-truck:before {
    content: "\e02a";
}
.icon-paperplane:before {
    content: "\e02b";
}
.icon-bulb:before {
    content: "\e02c";
}
.icon-pen:before {
    content: "\e02d";
}
.icon-params:before {
    content: "\e02e";
}
.icon-world:before {
    content: "\e02f";
}

/* push menu end */

.language {
    float: right;
}
.language a {
    margin-left: 10px;
}
a#translateLink {
    display: none;
}
.sharethis-canvas {
    margin-top: 20px;
}
.owl-carousel div h2,
.owl-carousel div .tagline {
    position: absolute;
    color: #FFF;
    font-size: 12px;
    display: block;
}
.tabs .indicator {
    display: none;
}
li.tab a {
    border-bottom: 1px solid #D8D8D8;
    color: #d32f2f;
    font-weight: 700;
    font-size: 18px;
}
li.tab a.active {
    color: #d32f2f;
    font-weight: 700;
    font-size: 18px;
    border-right: 2px solid #D8D8D8;
    border-left: 2px solid #D8D8D8;
    border-top: 2px solid #D8D8D8;
    border-bottom: 0px solid #D8D8D8;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
li.tab a:hover {
    color: #d32f2f;
}
.tabs .tab a {
    color: #757575;
    font-weight: 700;
    font-size: 18px;
}
.tab-content {
    border-left: 2px solid #D8D8D8;
    border-bottom: 2px solid #D8D8D8;
    border-right: 2px solid #D8D8D8;
}
.tab-content ul li {
    list-style-type: initial;
    margin-left: 30px;
}

/* Pretty Photo Start */

ul.gallery {
    text-align: center;
}
ul.gallery li {
    display: inline;
}
ul.gallery li img {
    border-radius: 10px;
}

/* Pretty Photo End */

.subject-list-wrapper {
    padding-left: 15px;
		font-size: 1.333rem;
		font-weight: 700;
}
.subject-list-wrapper.less-padding-left {
    padding-left: 5px;
}
li.subject-list-item {
    list-style-type: none !important;
}
li.subject-list-item .collapsible-header {
    padding: 0px;
}
li.subject-list-item .collapsible-header > div {
    padding: 0 1rem;
}
li.subject-list-item .collapsible-header > div.subject-title-header {
    border: 1px solid #ddd;
}
li.subject-list-item .collapsible-header > div.subject-title-header > span::after {
    font-family: "Material Icons";
    float: right;
    display: inline-block;
    content: "\E313";
    font-size: 18px;
}
li.subject-list-item.active .collapsible-header > div.subject-title-header > span::after {
    font-family: "Material Icons";
    float: right;
    display: inline-block;
    content: "\E5CE";
    font-size: 18px;
}
.subjectList .sub-cat-title {
    background-color: #b71c1c;
}
.collapsible-body.subjectList p {
    padding: 0.8rem 2rem 0.8rem 2rem;
}
.subjectList .sub-cat-title p.sub-cat-title-text {
    color: #ffd740;
}
td[class^="subject-cat-link-"]:hover {
    background-color: #ffe57f;
    color: #000000;
}
td[class^="subject-cat-link-"] a.triggar-link {
    color: #000000;
}
.tl-slide {
    background-color: #c62828;
}
.tl-storyslider {
    top: 0px !important;
}
.tl-timemarker {
    background-color: #d50000;
    color: #000000;
}
.tl-timemarker:hover {
    background-color: #ffd180;
    color: #000000;
}
.tl-timemarker.tl-timemarker-with-end .tl-timemarker-content-container.tl-timemarker-content-container-long {
    /* background-color: #d50000; */
    color: #000000;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-timespan {
    background-color: #d50000;
    color: #000000;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-line-left, .tl-timemarker.tl-timemarker-active .tl-timemarker-line-right {
    border-color: #ffffff;
} {
  border-color: #ffffff;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-line-left:after {
  background-color: #ffc400;
}
.tl-timemarker .tl-timemarker-content-container:hover {
    background-color: #ffd180;
}
.tl-timemarker:hover .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
    color: #000000;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline {
    color: #000000;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container {
    background-color: #ffc400;
    color: #000000;
    z-index: 9;
    border-color: rgba(51, 51, 51, .5);
    box-shadow: 1px 1px 3px rgba(145, 145, 145, .5);
}
.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-description, .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-icon, .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-title, .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-description, .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-icon, .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-title {
    opacity: 0.6;
    color: #ffffff;
    text-shadow: 0 0 0;
}
.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-description:hover, .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-icon:hover, .tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-title:hover, .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-description:hover, .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-icon:hover, .tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-title:hover {
    opacity: 1;
    color: #ffffff;
    text-shadow: 0 0 0;
}
.tl-slidenav-next .tl-slidenav-title, .tl-slidenav-previous .tl-slidenav-title {
    font-size: 14px;
    line-height: 16px;
}
.tl-timenav {
    background-color: #c62828;
    border-top: 0px;
}
.drive-viewer-image-container .drive-viewer-close-enabled {
    background-color: #c62828 !important;
}
.tl-slidenav-title {
    color: #ffffff;
}
.tl-timeaxis-background {
    background-color: #c62828;
}
.tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-major .tl-timeaxis-tick .tl-timeaxis-tick-text, .tl-timeaxis .tl-timeaxis-content-container .tl-timeaxis-minor .tl-timeaxis-tick .tl-timeaxis-tick-text {
     color: #FFFFFf;
}
.tl-text-content p, .tl-text-content p a {
    color: #EDEEB6;
}
.tl-text-content p a:hover {
    color: #FFFFFF;
}
/* Masonry start*/

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
}

.item {
    display: inline-block;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.item span.expand-text, .item span.expanded-text {
    cursor: pointer;
}

.item .card-panel.active {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.masonry .item card-panel{
    background-color: #e0e0e0;
}
.masonry .item .card-panel:hover {
    background-color: #ffe57f !important;
}
.masonry .item .card-panel.active {
    background-color: #ffe57f !important;
}

@media only screen and (min-width: 601px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

.masonry .item .excerpt p {
    font-weight: 700;
    color: #c62828;
}

/* Masonry end*/

/* pagination start */

.pagination li.active {
    background-color: #ffe57f;
}
.pagination li:hover {
    background-color: #ffe57f;
}

/* pagination end */

/* collapsible start */

.intro-and-aim .collapsible li:hover {
    background-color: #ffe57f;
}
.intro-and-aim .collapsible li.active {
    background-color: #ffe57f;
}
.intro-and-aim .collapsible-header {
    background-color: transparent;
}
.intro-and-aim .collapsible-body {
    padding: 15px;
}

.intro-and-aim .collapsible-body ul li {
    list-style-type: initial;
    margin-left: 40px;
}

/* collapsible start */