:root {

    /* background */

    /* --background-color: #f9f8eb; */

    --background-color: #FAF9F5;



    /* text */

    --first-color: #736562;



    /* heading */

    --second-color: #63629B;

    /* --second-color: #685297; */

    /* --second-color: #DBD0F8; */



    /* not using */

    --third-color: #63629B;

    /* --third-color: #685297; */

    /* --third-color: #FDF69C; */



    /* hovering text */

    /* --fourth-color: #C7E5FF; */

    --fourth-color: #85C3DE;



    /* gradient */

    --background-gradient-1: #D3E4F6;

    --background-gradient-2: #C2D0F3;

    --background-gradient-3: #D4EEEF;



    --border-color: #85C3DE;

}



p {

    margin-top: 20px;

}



/* Page Background */



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

    /* .sub_theme_bg_1 {

        top: 30.5%;

        left: 0%;

        width: 54%;

    } */

}



/* editor need to move sub-theme-setting.css */

h2.index-section-text2 {

    font-size: calc(10px + 2.4vw);

}



body.page.home .page-content {

    padding-top: 0px;

}



body.page .page-content {

    padding-top: 60px;

}



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

    body.page .page-content {

        padding-top: 40px;

    }

}



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

    body.page .page-content {

        padding-top: 40px;

    }

}



/* Header */

.dropdown_department_bottom .page_wrapper {

    margin-bottom: 10px;

}



.dropdown_department_bottom .page_wrapper a:hover {

    color: var(--fourth-color);

}



/*  */

.wp-block-index-quote-block h2 {

    padding-bottom: 5%;

}



.wp-block-index-engagements-listing-block .items-list {

    display: flex;

    gap: 40px;

    margin-top: 40px;

}



.wp-block-index-engagements-listing-block .links .link-item,

.wp-block-index-engagements-listing-block .text .paragraph,

.wp-block-index-engagements-listing-block .text .label,

.wp-block-index-engagements-listing-block .thumbnail img {

    display: none;

}



.wp-block-index-engagements-listing-block .text .paragraph.active,

.wp-block-index-engagements-listing-block .text .label.active,

.wp-block-index-engagements-listing-block .thumbnail img.active {

    display: block;

}



.wp-block-index-engagements-listing-block .links .link-item.active {

    display: flex !important;

}



.wp-block-index-engagements-listing-block .thumbnail {

    width: calc(50% - 40px/2);

}



.wp-block-index-engagements-listing-block .thumbnail img {

    width: 100%;

    aspect-ratio: 645 / 392;

    object-fit: cover;

    margin-bottom: 20px;

}



.wp-block-index-engagements-listing-block .content {

    width: calc(50% - 40px/2);

    display: flex;

    flex-direction: column;

}



.wp-block-index-engagements-listing-block .tab {

    display: flex;

    flex-direction: column;

    height: 100%;

    /* justify-content: center; */

}



.wp-block-index-engagements-listing-block .tab-item-wrapper {

    padding: 40px 0;

    border-bottom: 1px solid #736562;

}



.wp-block-index-engagements-listing-block .tab-item {

    font-size: calc(10px + 0.6vw);

    line-height: 1.4em;

    color: var(--second-color);

}



.wp-block-index-engagements-listing-block .tab-item-wrapper:last-child {

    border-bottom: 0px solid #736562;

}



.wp-block-index-engagements-listing-block .tab-item.active {

    color: var(--fourth-color);

    /* font-weight: 700; */

}



.wp-block-index-engagements-listing-block .content .text {

    padding-bottom: 8%;

}



.wp-block-index-engagements-listing-block .text .label {

    font-size: calc(10px + 1.4vw);

    line-height: 1.4em;

    margin-bottom: 12px;

    font-weight: 800;

}



.wp-block-index-engagements-listing-block .links .link-item {

    flex-direction: column;

}



.wp-block-index-engagements-listing-block .link {

    font-size: calc(10px + 0.6vw);

    line-height: 1.4em;

    color: var(--second-color);

    border-bottom: 2px solid;

    border-color: var(--second-color);

    margin-bottom: 20px;

    padding-bottom: 20px;

    width: fit-content;

}



.wp-block-index-engagements-listing-block .link::after {

    content: '';

    background: url(images/arrow-right.svg);

    display: inline-block;

    width: 18px;

    height: 18px;

    margin: 0 5px 0 10px;

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

    vertical-align: middle;

    filter: brightness(0) saturate(100%) invert(28%) sepia(53%) saturate(451%) hue-rotate(165deg) brightness(89%) contrast(90%);

}



.wp-block-index-engagements-listing-block .link:hover::after {

    filter: brightness(0) saturate(100%) invert(48%) sepia(50%) saturate(752%) hue-rotate(320deg) brightness(79%) contrast(92%);

}



.wp-block-index-engagements-listing-block .link:hover {

    color: var(--fourth-color);

    border-color: var(--fourth-color);

}



.wp-block-index-stories-listing-block .heading::before {

    background: linear-gradient(180deg, rgba(226, 172, 173, 0.5) 0%, rgba(226, 172, 173, 0) 100%);

}



.slider-index-projects .navigation-wrapper {

    position: relative;

    width: 200px;

    height: 70px;

    margin-left: auto;

}



.slider-index-projects .navigation-wrapper .swiper-button-prev,

.slider-index-projects .navigation-wrapper .swiper-button-next {

    width: 58.5px;

    height: 29px;

    background-size: cover;

    margin-top: 0;

}



.slider-index-projects .navigation-wrapper .swiper-button-prev,

.slider-index-bookshelf .navigation-wrapper .swiper-button-prev {

    background-image: url(images/angle_left_yellow.svg);

}



.slider-index-projects .navigation-wrapper .swiper-button-next,

.slider-index-bookshelf .navigation-wrapper .swiper-button-next {

    background-image: url(images/angle_right_yellow.svg);

}



.wp-block-index-projects-listing-block .index-wrapper {

    display: flex;

    gap: 20px;

}



.wp-block-index-projects-listing-block .heading-wrapper p {

    margin-top: 5px;

}



.wp-block-index-projects-listing-block h2.text {

    width: 21%;

    margin-top: 0;

}



.wp-block-index-projects-listing-block .slider {

    width: calc(100% - 21% - 20px);

}



.slider-index-projects .image {

    width: calc(100%);

    overflow: hidden;

    margin-right: auto;

}



.slider-index-projects .text-wrapper {

    /* background: linear-gradient(180deg, rgba(128, 178, 214, 0) 0%, rgba(128, 178, 214, 0.3) 100%); */

    padding: 25px 0px 0px;

    box-sizing: border-box;

}



.slider-index-projects .text {

    /* width: calc(100% - 10px - 50px); */

    width: calc(100%);

    height: calc(100%);

    margin-left: auto;

    display: flex;

    flex-direction: column;

}



.slider-index-projects .text .heading {

    font-size: calc(10px + 0.7vw);

    line-height: 1.3em;

}



.slider-index-projects .text .content,

.slider-index-projects .text .heading {

    margin-bottom: 15px;

}



.slider-index-projects .text .name {

    margin-top: auto;

}



.slider-index-projects .text strong {

    font-weight: 700;

}



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



    .wp-block-index-projects-listing-block .index-wrapper,

    .wp-block-index-engagements-listing-block .items-list {

        flex-direction: column;

    }



    .wp-block-index-projects-listing-block .slider,

    .wp-block-index-projects-listing-block h2.text,

    .wp-block-index-engagements-listing-block .content,

    .wp-block-index-engagements-listing-block .thumbnail {

        width: 100%;

    }



    .wp-block-index-projects-listing-block h2.text>span {

        display: inline-block !important;

        margin-right: 5px;

    }



    .wp-block-index-engagements-listing-block .thumbnail img {

        max-width: 500px;

    }



    .slider-index-projects .navigation-wrapper {

        margin-left: 0;

        width: auto;

    }



    .wp-block-index-engagements-listing-block .link {

        margin-bottom: 10px;

        padding-bottom: 10px;

    }



    .wp-block-index-engagements-listing-block .items-list {

        gap: 20px;

    }



    .wp-block-index-projects-listing-block .index-wrapper {

        gap: 30px;

    }



    .slider-index-projects .text-wrapper {

        padding: 15px 0px 0px;

    }



    .wp-block-index-engagements-listing-block .items-list {

        margin-top: 30px;

    }



    .wp-block-index-engagements-listing-block .tab-item {

        font-size: 18px;

    }



    .slider-index-projects .text .heading {

        font-size: 18px;

        line-height: 1.3em;

    }



    .wp-block-index-engagements-listing-block .thumbnail img {

        margin-bottom: 10px;

    }

}





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



    .slider-index-projects .navigation-wrapper .swiper-button-prev,

    .slider-index-projects .navigation-wrapper .swiper-button-next {

        width: 50.5px;

        height: 26px;

    }

}



.wp-block-index-highlights-block {

    position: relative;

}



/* .wp-block-index-highlights-block::before {

    content: "";

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 50px;

    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);

} */



.wp-block-index-highlights-block h2 {

    margin-bottom: 50px;

}



.wp-block-index-highlights-block .link {

    display: block;

    padding: 40px 80px 40px 20px;

    border-bottom: 1px solid #736562;

    position: relative;

}



.wp-block-index-highlights-block .link::before {

    content: "";

    position: absolute;

    top: 0px;

    bottom: 0px;

    right: 37px;

    margin: auto;

    width: 58px;

    height: 1px;

    background-color: #9C9900;

}



.wp-block-index-highlights-block .link::after {

    content: "";

    position: absolute;

    top: 0px;

    bottom: 0px;

    right: 40px;

    margin: auto;

    width: 20px;

    height: 20px;

    border-top: 1px solid #9C9900;

    border-left: 1px solid #9C9900;

    transform: rotate(135deg);

}



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

    .wp-block-index-highlights-block .link::before {

        right: 28px;

        width: 40px;

    }



    .wp-block-index-highlights-block .link::after {

        right: 30px;

        width: 15px;

        height: 15px;

    }



    .wp-block-index-highlights-block .link {

        padding: 30px 60px 30px 18px;

    }



    .wp-block-index-engagements-listing-block .tab-item-wrapper {

        padding: 30px 0;

    }

}



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

    .wp-block-index-highlights-block .link::before {

        right: 20px;

        width: 30px;

    }



    .wp-block-index-highlights-block .link::after {

        right: 20px;

        width: 10px;

        height: 10px;

    }



    .wp-block-index-highlights-block .link {

        padding: 20px 50px 20px 15px;

    }



    .wp-block-index-engagements-listing-block .tab-item-wrapper {

        padding: 20px 0;

    }

}



/* popup */

.pum-content.popmake-content .col10 {

    width: 100%;

}



/*  */



.section_left_right_content2 .right_content::before {

    background: linear-gradient(180deg, var(--background-gradient-1) 0%, rgba(239, 211, 193, 0) 100%);

}



.roll_top_menu .menu-item .a_wrapper a {

    color: var(--second-color);

}



.text_c1 {

    color: var(--second-color) !important;

}



.mobile_title,

.filter_dropdown_wrapper .filter_dropdown a:hover,

.filter_dropdown_wrapper .filter_dropdown ul a.active,

.roll_bottom_menu .menu-item .a_wrapper a.active,

.roll_bottom_menu .menu-item .a_wrapper a:hover,

.roll_top_menu .menu-item .a_wrapper a:hover {

    color: var(--second-color);

}



.roll_bottom_menu .menu-item .a_wrapper a.active,

.roll_top_menu .menu-item .a_wrapper a.active {

    border-bottom: 2px solid var(--second-color);

}



.sticky_section.is_stuck .roll_menu {

    background-color: var(--background-color);

}



.expandable_item .expandable_title {

    color: var(--second-color);

}



.single-courses .detials_list {

    position: relative;

}



.single-courses .detials_list::before {

    content: "";

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 50px;

}



.single-courses .detials_item {

    margin-top: 30px;

    padding-top: 30px;

    border-top: 1px solid var(--background-gradient-2);

}



.single-courses .detials_list::before,

.expandable_item::before {

    background: linear-gradient(0deg, rgba(195, 217, 194, 0) 0%, var(--background-gradient-1) 100%);

}



.single-courses .detials_item_row {

    display: flex;

    align-items: flex-end;

    gap: 50px;

    margin-top: 40px;

    margin-bottom: 40px;

}



.single-courses .detials_item_row .free_text * {

    margin: 0;

}



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

    .single-courses .detials_item_row {

        margin-top: 20px;

        margin-bottom: 20px;

        flex-direction: column;

        align-items: flex-start;

        gap: 20px;

    }

}



.slider-index-students .text-wrapper {

    background: linear-gradient(180deg, rgba(128, 178, 214, 0) 0%, var(--background-gradient-1) 100%);

}



.wp-block-index-students-listing-block .index-wrapper {

    gap: 30px 0;

    max-width: 1430px;

}



.wp-block-index-students-listing-block h2.text {

    width: 18%;

}



.wp-block-index-students-listing-block .slider {

    width: calc(100% - 18%);

}



.wp-block-index-students-listing-block .slider-index-students {

    margin: 0 15px;

}



.committee_album_slider:not(.prev_btn) .swiper-slide a {

    max-width: unset;

}



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



    .wp-block-index-students-listing-block h2.text,

    .wp-block-index-students-listing-block .slider {

        width: 100%;

    }

}



/* tablepress */

table.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child, .dtrg-group)))+:where(.child)>*,

table.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child, .dtrg-group)))>*,

table.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child, .dtrg-group)))+:where(.child)>*,

table.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child, .dtrg-group)))>*,

table.tablepress>.row-hover>tr:has(+.child:hover)>*,

table.tablepress>.row-hover>tr:hover+:where(.child)>*,

table.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*,

table.tablepress>:where(thead, tfoot)>tr>* {

    /* border: 1px solid #edf2f6 !important; */

    background-color: transparent;

}



.tablepress thead>tr>* .dt-column-header .dt-column-title {

    text-align: center;

    color: var(--first-color);

}



.dt-container .dt-input {

    background: transparent;

    border: 1px solid;

    border-radius: 20px;

    padding: 5px 15px;

}



/* accordion-gallery */

.accordion-gallery {

    gap: 5px;

    margin-top: 40px;

}



.accordion-gallery .gallery_detail_box {

    width: calc(33.33% - 10px/3);

}



.accordion-gallery .gallery_detail_box .col_spacing {

    margin: 0;

}



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

    .accordion-gallery .gallery_detail_box {

        width: 100%;

    }

}



/* wp-block-lazyblock-spacing-block */

.wp-block-lazyblock-spacing-block {

    margin-top: 100px;

}



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

    .wp-block-lazyblock-spacing-block {

        margin-top: 40px;

    }

}



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

    .wp-block-lazyblock-spacing-block {

        margin-top: 20px;

    }

}



/*  */

.filter_checkbox input[type="checkbox"]+label::after,

.filter_checkbox input[type="radio"]+label::after,

.filter_checkbox input[type="checkbox"]:checked+label::after,

.filter_checkbox input[type="radio"]:checked+label::after {

    background-color: var(--second-color);

}



.filter_menu_wrapper {

    position: relative;

    z-index: 4;

}



.filter_dropdown_wrapper .filter_dropdown {

    background-color: var(--background-color);

}



.wp-block-lazyblock-courses-lisiting-block .filter_dropdown_wrapper .filter_dropdown {

    right: 0;

    text-align: right;

}



.wp-block-lazyblock-courses-lisiting-block .filter_dropdown_wrapper .filter_dropdown::before {

    background: unset;

    /* background: linear-gradient(180deg, rgba(128, 178, 214, 0) 0%, #FFFFFF 100%); */

    /* background: linear-gradient(180deg, rgba(128, 178, 214, 0) 0%, var(--background-gradient-3) 100%); */

}



.wp-block-lazyblock-courses-lisiting-block .section_expandable_list {

    margin-top: 0px;

}



.wp-block-lazyblock-courses-lisiting-block .filter_course_type_name {

    margin-top: 20px;

    margin-bottom: 40px;

}



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

    .wp-block-lazyblock-courses-lisiting-block .filter_menu_content {

        flex-direction: column;

    }



    .wp-block-lazyblock-courses-lisiting-block .filter_course_type_name {

        margin-top: 0px;

        margin-bottom: 0px;

    }

}



.courses-block .expandable_item .expandable_title .icon {

    right: 10px;

}



.expandable_item .expandable_title .icon::after,

.expandable_item .expandable_title .icon::before {

    background-color: var(--fourth-color);

}



/* wp-block-lazyblock-heading-and-content-block has slideshow */

.wp-block-lazyblock-heading-and-content-block .slideshow {

    padding: 0 15px;

}



.wp-block-lazyblock-heading-and-content-block .slideshow .committee_album_slider img,

.wp-block-lazyblock-heading-and-content-block .slideshow .committee_album_slider .swiper-slide a {

    width: 100%;

    max-width: unset;

}



.wp-block-lazyblock-heading-and-content-block .xl_col_wrapper .row {

    margin-left: 0;

    margin-right: 0;

}



.free_text a.arrow-link::after,

.arrow-link::after {

    filter: brightness(0) saturate(100%) invert(41%) sepia(18%) saturate(1297%) hue-rotate(218deg) brightness(83%) contrast(98%);

}



.free_text a.arrow-link:hover::after,

.arrow-link:hover::after {

    filter: brightness(0) saturate(100%) invert(75%) sepia(46%) saturate(327%) hue-rotate(160deg) brightness(92%) contrast(88%);

}



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

    .single-event .news_gallery_detail_section .col3 {

        width: 50%;

    }



    .wp-block-lazyblock-courses-lisiting-block .expandable_item .no_expandable_title {

        flex-direction: column;

    }

}



.wp-block-index-projects-listing-block .slider-index-projects .image img {

    width: 100%;

}





.single-creative-writing .photo {

    margin-top: 40px;

}



.single-creative-writing .photo img {

    width: 100%

}





@media only screen and (max-width: 1024px) and (min-width: 769px) {

    .wp-block-lazyblock-pts-tutors-listing-block .news_box.col3 {

        width: 33.33%;

    }



}



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

    .wp-block-lazyblock-pts-tutors-listing-block .news_box.col3 {

        width: 50%;

    }



}



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

    .wp-block-lazyblock-pts-tutors-listing-block .news_box.col3 {

        width: 100%;

    }

}



.sub_theme_col_content .dropdown_department_logo {

    width: 285px;

}



.home_top_section .logo img {

    width: 200%;

}



.arts-sub-theme .footer_department_logo {

    width: 200px;

}



.wp-block-lazyblock-index-projects-listing-block a img:hover {

    opacity: 0.5;

}



.wp-block-lazyblock-index-projects-listing-block .text a:hover {

    color: var(--fourth-color);

}



table.table-line thead tr,

.list_item_row.list_item_header_row .list_item_col {

    border: none;

}



.sticky_section.is_stuck.has_background .roll_menu {

    background-color: var(--background-color);

}



.sticky_section.is_stuck .roll_menu {

    /* background-color: var(--background-color); */

    transition: background-color 250ms ease;

    background-color: transparent;

    /* background-color: var(--background-gradient-1); */

    box-shadow: 0px 10px 10px rgb(233 233 233 / 50%);

    position: relative;

}



.sticky_section.is_stuck .roll_menu::before {

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    margin: auto;

    background: linear-gradient(360deg, var(--background-gradient-1) 0%, rgba(255, 255, 255, 0) 100%);

}



.roll_top_menu::before {

    /* background: linear-gradient(0deg, var(--background-color) 0%, rgba(255, 255, 255, 0) 100%); */

    display: none;

}



.sticky_section.is_stuck .roll_menu {

    box-shadow: unset;

}



.sticky_section.is_stuck .roll_menu::before {

    display: none;

}



.section_content.filter_menu_section {

    padding-top: 10px;

}



.wp-block-lazyblock-index-what-our-students-say-block .text-wrapper .content {

    display: -webkit-box;

    -webkit-line-clamp: 6;

    -webkit-box-orient: vertical;

    overflow: hidden;

    cursor: pointer;

}



.wp-block-lazyblock-index-what-our-students-say-block .text-wrapper .content:not(.expanded):hover {

    opacity: 0.8;

}



.wp-block-lazyblock-index-what-our-students-say-block .text-wrapper .content.expanded {

    -webkit-line-clamp: unset;

    overflow: visible;

}



.roll_bottom_menu .menu-item .a_wrapper a,

.roll_bottom_menu .menu-item .a_wrapper span {

    padding-bottom: 5px;

    margin-bottom: 10px;

}



.roll_bottom_menu .menu-item .a_wrapper span {

    cursor: auto;

}





.wp-block-index-bookshelf-listing-block .round_btn_wrapper {

    margin-top: 20px;

    padding-top: 20px;

    border-top: 1px solid var(--border-color);

    display: flex;

}



.wp-block-index-bookshelf-listing-block .slider-index-bookshelf a.bookshelf-item:hover .round_btn_wrapper .round_btn {

    color: #FFFFFF;

    background-color: var(--fourth-color);

}



.wp-block-index-bookshelf-listing-block .round_btn_wrapper .round_btn {

    color: var(--fourth-color);

    border-color: var(--border-color);

    margin: 0 auto;

    background-color: white;

}



.wp-block-index-bookshelf-listing-block .slider-index-bookshelf .title {

    padding-top: 10px;

    margin-top: auto;

}



.wp-block-index-bookshelf-listing-block .bookshelf-wrapper {

    display: flex;

    gap: 30px;

    width: 100%;

    flex-wrap: wrap;

}



.wp-block-index-bookshelf-listing-block .item {

    max-width: calc(25% - 30px*3/4);

    height: inherit;

    width: 100%;

}



.wp-block-index-bookshelf-listing-block .item>a {

    display: flex;

    flex-direction: column;

    height: 100%;

}



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

    .wp-block-index-bookshelf-listing-block .item {

        max-width: calc(50% - 30px/2);

    }

}



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

    .wp-block-index-bookshelf-listing-block .item {

        max-width: calc(50% - 30px/2);

    }

}



.home_promotion_box .title {

    width: auto;

    height: 650px;

    left: 0;

    right: 0;

}



.home_promotion_box_inwrapper,

.home_promotion_box_wrapper .section_center_content,

.home_promotion_box {

    height: 700px;

}





@media screen and (min-width: 2000px) {

    .home_promotion_box .title {

        height: 700px;

    }



    .home_promotion_box_inwrapper,

    .home_promotion_box_wrapper .section_center_content,

    .home_promotion_box {

        height: 750px;

    }

}



.home_promotion_box .free_text.description a,

.home_promotion_box .free_text.description {

    font-size: calc(10px + 0.8vw);

    line-height: 1.5;

}



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

    .home_promotion_box .big_num {

        width: 40px;

    }



}



.expandable_item:has(.no_expandable_title)::before {

    display: none;

}



.filter_dropdown_wrapper .filter_dropdown ul a {

    font-size: 16px;

    text-align: left;

    padding: 8px 15px;

}



.wp-block-lazyblock-accordion-block {

    padding-top: 60px;

}





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

    .wp-block-lazyblock-accordion-block {

        padding-top: 20px;

    }



    .expandable_item .no_expandable_title {

        padding: 20px 0px;

    }

}



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

    .wp-block-lazyblock-accordion-block {

        padding-top: 0px;

    }



    .expandable_item .no_expandable_title {

        padding: 15px 0px;

    }



    .filter_dropdown_wrapper .filter_dropdown ul a {

        font-size: 14px;

        padding: 5px 10px;

    }



    .wp-block-lazyblock-courses-lisiting-block .filter_dropdown_wrapper .filter_dropdown {

        left: 0;

        right: unset;

    }

}



.single-courses .coordinator .free_text a {

    font-family: "richmond-text";

}



.footer2_t1 ul {

    flex-wrap: wrap;

    gap: 10px 40px;

}



.no_expandable_title a.link {

    min-width: fit-content;

    padding: 0 0 0 10px;

}



.photo_wrapper.center-position {

    display: flex;

    justify-content: center;

}



.gallery_detail_box .photo {

    padding-bottom: 10px;

}



.gallery_detail_box .photo img {

    position: unset;

}



.gallery_date {

    margin-top: 20px;

}



.expandable_item::before {

    /* display: none; */

    opacity: 0;

}



.expandable_item .hidden_content,

.expandable_item.active .hidden_content,

.expandable_item .expandable_title {

    padding-right: 45px;

    padding-left: 15px;

}



.expandable_item .expandable_title .icon {

    right: 15px;

}



.expandable_item .expandable_title::before {

    content: "";

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 50px;

    background: linear-gradient(0deg, rgba(195, 217, 194, 0) 0%, var(--background-gradient-1) 100%);

}



.expandable_item.active .expandable_title {

    padding-top: 60px;

    padding-bottom: 30px;

}



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



    .expandable_item .section_center_content {

        padding-left: 0;

        padding-right: 0;

    }



    .expandable_item .expandable_title {

        padding-top: 50px;

    }



    .expandable_item.active .expandable_title {

        padding-top: 50px;

        padding-bottom: 20px;

    }



}



.free_text table.tablepress {

    min-width: 768px;

}



.free_text table.tablepress,

.free_text table.tablepress th,

.free_text table.tablepress td {

    background: transparent;

    border: none !important;

}



.free_text table.tablepress th,

.free_text table.tablepress td {

    padding: 10px 15px;

}



.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child, .dtrg-group)))+:where(.child)>*,

.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child, .dtrg-group)))>*,

.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child, .dtrg-group)))+:where(.child)>*,

.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child, .dtrg-group)))>*,

.free_text table.tablepress th .dt-column-title,

.free_text table.tablepress th,

.tablepress>.row-hover>tr:has(+.child:hover)>*,

.tablepress>.row-hover>tr:hover+:where(.child)>*,

.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>* {

    color: #736562 !important;

}



.free_text table.tablepress th .dt-column-title,

.free_text table.tablepress th {

    font-family: "area-normal", "Chiron Sung HK WS", serif;

    font-weight: 600;

    text-align: left;

}



.free_text table.tablepress tbody tr {

    border-bottom: 1px solid #5aba80;

}



.wp-block-lazyblock-heading-block {

    margin-top: 40px;

}



.roll_menu_inwrapper {

    overflow: unset;

}



.expandable_item.accordion-bk-orange .expandable_title::before {

    background: linear-gradient(0deg, rgba(195, 217, 194, 0) 0%, #f2c283 100%);

}



.expandable_item.accordion-bk-orange .expandable_title .icon::after,

.expandable_item.accordion-bk-orange .expandable_title .icon::before {

    background-color: #f2c283;

}



.expandable_item.accordion-bk-blue .expandable_title::before {

    background: linear-gradient(0deg, rgba(195, 217, 194, 0) 0%, #77bccf 100%);

}



.expandable_item.accordion-bk-blue .expandable_title .icon::after,

.expandable_item.accordion-bk-blue .expandable_title .icon::before {

    background-color: #77bccf;

}



.expandable_item.accordion-bk-dark-green .expandable_title::before {

    background: linear-gradient(0deg, rgba(195, 217, 194, 0) 0%, #94dfac 100%);

}



.expandable_item.accordion-bk-dark-green .expandable_title .icon::after,

.expandable_item.accordion-bk-dark-green .expandable_title .icon::before {

    background-color: #94dfac;

}



.expandable_item.accordion-bk-red .expandable_title::before {

    background: linear-gradient(0deg, rgba(195, 217, 194, 0) 0%, #f5727b 100%);

}



.expandable_item.accordion-bk-red .expandable_title .icon::after,

.expandable_item.accordion-bk-red .expandable_title .icon::before {

    background-color: #f5727b;

}



/* 29/5/26 */

body.page .page-content {

    padding-top: 20px;

}



.top_photo_banner_section {

    padding-top: 30px;

    padding-bottom: 30px;

}



.news_box_section .news_box .title,

.news_box_section .news_box .date_wrapper {

    color: #63629B;

}



.free_text a.arrow-link,

.arrow-link {

    text-decoration: underline;

    border-bottom: none;

}



.sub_theme_bg_1.homepage {

    top: 25%;

}



.sub_theme_bg_2.homepage {

    top: 15%;

    right: -70px;

}



.home_promotion_box .free_text.description a,

.home_promotion_box .free_text.description {

    font-size: 16px;

    line-height: 1.2;

}



.home_promotion_box_inwrapper,

.home_promotion_box_wrapper .section_center_content,

.home_promotion_box {

    height: 640px;

}



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



    .home_promotion_box_inwrapper,

    .home_promotion_box_wrapper .section_center_content,

    .home_promotion_box {

        height: 480px;

    }

}



.wp-block-lazyblock-index-fancy-block .home_highlight_section .text {

    margin-top: 20px;

    width: 100%;

    padding-left: 20px;

    padding-right: 20px;

    border-left: 1px solid var(--border-color);

    box-sizing: border-box;

}



.wp-block-lazyblock-index-fancy-block .home_highlight_section .round_btn {

    margin-top: 20px;

    border: none;

    background-color: #fff;

    color: var(--fourth-color);

    border: 1px solid var(--border-color);

}



.wp-block-lazyblock-index-fancy-block .home_highlight_section .home_highlight_slider:hover .round_btn {

    background-color: var(--fourth-color);

    color: #fff;

}



.arts-sub-theme .footer_department_logo_wrapper table.contact-us,

.arts-sub-theme .dropdown .footer_info table.contact-us {

    min-width: 420px;

}



.expandable_item .no_expandable_title {

    padding: 20px 0px;

}



@media screen and (min-width: 769px) {

    .filter_detail_flex_item.item_1_width {

        max-width: 12%;

    }



    .filter_detail_flex_item.item_2_width {

        max-width: 68%;

    }



    .filter_detail_flex_item.item_3_width {

        max-width: 20%;

    }

}



@media screen and (min-width: 1025px) {

    .blank-menu-item {

        visibility: hidden;

    }

}



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

    .blank-menu-item {

        display: none;

    }

}





.logout_link {

    text-align: right;

    display: block;

    margin-bottom: -60px;

    position: relative;

    z-index: 20;

}



.logout_link a {

    color: var(--second-color);

}



.logout_link a:hover {

    opacity: 0.8;

}



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

    .logout_link {

        margin-bottom: -30px;

    }

}



.expandable_item .expandable_title::before {

    height: 20px;

}



.wp-block-lazyblock-people-listing-block .list_item_row .list_item_col.email,

.wp-block-lazyblock-staff-listing-block .list_item_row .list_item_col.email,

.wp-block-lazyblock-people-listing-block .list_item_row .list_item_col.contact,

.wp-block-lazyblock-staff-listing-block .list_item_row .list_item_col.contact,

.list_item_col,

table.table-line tbody tr {

    border-color: var(--border-color);

}



.filter_detail_flex_head .filter_detail_flex_item {

    color: var(--second-color);

}



.wp-block-lazyblock-people-listing-block h5 {

    color: var(--second-color);

    font-size: 16px;

    font-weight: 600;

    font-family: "area-normal", "Chiron Sung HK WS", serif;

}





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

    .wp-block-lazyblock-people-listing-block h5 {

        font-size: calc(10px);

    }

}



.slider-index-students .navigation-wrapper .swiper-button-next,

.slider-index-bookshelf .navigation-wrapper .swiper-button-next,

.slider-index-students .navigation-wrapper .swiper-button-prev,

.slider-index-bookshelf .navigation-wrapper .swiper-button-prev {

    filter: brightness(0) saturate(100%) invert(39%) sepia(54%) saturate(414%) hue-rotate(202deg) brightness(90%) contrast(87%);

}



/* font standard */

.wp-block-index-news-and-events-listing-block .slider-index-news-events-2 .swiper-slide .content .title {

    font-size: 16px;

}



.free_text a.arrow-link,

.link.arrow-link {

    font-size: 16px;

}



main .text7,

main .text6,

main h6,

.text-standard {

    font-size: 16px;

    line-height: 1.5;

}



.student_list_item>.text>.email {

    font-size: 14px;

}



.student_list_item>.text {

    padding-left: 15px;

    padding-right: 15px;

}



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



    .student_list_item>.text {

        padding-left: 10px;

        padding-right: 10px;

    }

}



.dropdown_department_top .text{

    margin-top: 5px;

}