    page-id-248307 header.et-l.et-l--header,
    .parent-pageid-248683 header.et-l.et-l--header,
    .parent-pageid-249031 header.et-l.et-l--header,
    .parent-pageid-249283 header.et-l.et-l--header,
    .parent-pageid-248307 header.et-l.et-l--header,
    .parent-pageid-249435 header.et-l.et-l--header,
    .parent-pageid-249777 header.et-l.et-l--header {
        position: relative!important;
    }
    
    .page-id-248307 div#et-main-area div#main-content,
    .parent-pageid-248683 div#et-main-area div#main-content,
    .parent-pageid-249031 div#et-main-area div#main-content,
    .parent-pageid-249283 div#et-main-area div#main-content,
    .parent-pageid-248307 div#et-main-area div#main-content,
    .parent-pageid-249435 div#et-main-area div#main-content,
    .parent-pageid-249777 div#et-main-area div#main-content {
        margin-top: -120px;
    }
    
    .parent-pageid-248307 div#et-main-area,
    .parent-pageid-248683 div#et-main-area,
    .parent-pageid-249031 div#et-main-area,
    .parent-pageid-249283 div#et-main-area,
    .parent-pageid-249777 div#et-main-area {
        margin-top: -140px;
    }
    
    div#sayt-menu .mobile_nav.opened span.mobile_menu_bar {
        margin-bottom: 0.5rem;
    }
    
    div#main-content .sayt-homepage-banner {
        display: block!important;
    }
    
    ul#menu-sayt ul.sub-menu {
        border-top: 0!important;
        background-color: #65288D!important;
        /* margin-top: 10px; */
        padding: 0;
    }
    
    .sayt-desktop-quick-link a#sayt-quick-link-contact-us {
        padding-right: 0!important;
    }
    
    .sayt-desktop-quick-link .et_pb_column {
        /* padding-right: 0!important; */
    }
    
    body:has(#menu-sayt) header .et_pb_column_0_tb_header.et_pb_column_4_4,
    body:has(#menu-sayt) .sayt-desktop-quick-link .et_pb_column {
        padding-right: 0 !important;
    }
    
    @media (max-width: 980px) {
        /* #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
    top: 200px;
}
.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay {
    right: 180px;
    display: block;
    position: absolute;
    top: 250px;
}*/
        .homepage-four-card-section {
            padding: 40px 0 0 0!important;
        }
        div#main-content .homepage-four-card-section .homepage-four-card-row {
            width: 90%!important;
            padding-top: 0;
        }
        div#main-content .homepage-four-card-section .homepage-four-card-row div#sayt-blurb {
            margin-bottom: 0;
        }
        div#main-content .homepage-four-card-section .homepage-four-card-row:last-child {
            display: flex;
            flex-direction: column-reverse;
        }
    }
    
    .sayt-desktop-quick-link .zeno_font_resizer_container p.zeno_font_resizer span {
        flex-direction: row!important;
    }
    
    .sayt-desktop-quick-link .zeno_font_resizer_container p.zeno_font_resizer span a:first-child {
        margin-right: 5px!important;
        margin-left: 1rem!important;
    }
    
    .sayt-desktop-quick-link .zeno_font_resizer_container p.zeno_font_resizer span a:last-child {
        margin-right: 0!important;
        margin-left: 10px!important;
    }
    
    ul#menu-sayt ul.sub-menu li {
        background-color: #65288D!important;
        padding: 1rem;
    }
    
    ul#menu-sayt ul.sub-menu li a {
        color: #fff!important;
        padding: 0;
        line-height: 1em;
    }
    /* Compact banner only on small screens. Desktop banner size holds until 767px. */
    
    @media (max-width: 767px) {
        .sayt-banner {
            margin-top: 110px!important;
            padding: 4rem 0!important;
            background-position: center top!important;
        }
        div#main-content .sayt-banner .sayt-banner-title h1,
        .sayt-banner .sayt-banner-title h1 {
            font-size: 40px!important;
        }
        div#main-content .sayt-homepage-banner {
            margin-top: 0!important;
        }
    }
    
    @media (min-width: 768px) {
        .sayt-banner {
            margin-top: 149px!important;
            padding: 8rem 0 6rem!important;
            background-position: center top!important;
            background-size: cover!important;
        }
        .sayt-banner .sayt-banner-title h1 {
            font-size: 60px!important;
        }
    }
    
    .sayt-people-list {
        /* display: flex; */
        width: 100%;
    }
    
    .sayt-people-list article {
        display: inline-grid;
        /* column-gap: 100px; */
        /* gap: 0px 0px; */
        background-color: #fff;
        padding-bottom: 30px;
        margin-bottom: 0px;
    }
    
    @media (max-width: 639px) {
        .sayt-people-list article {
            width: 48%;
            margin-right: 1%;
        }
    }
    
    @media (min-width: 640px) and (max-width: 980px) {
        .sayt-people-list article {
            width: 48%;
            margin-right: 1%;
        }
    }
    
    @media (min-width: 981px) {
        .sayt-people-list article {
            width: 23%;
            margin-right: 4.6%;
        }
    }
    
    .sayt-people-list article img {
        margin-left: unset!important;
    }
    
    div#sayt-secretariat article {
        padding: 30px 0;
    }
    
    .sayt-people-list article a.entry-featured-image-url {
        width: 100%;
    }
    
    .sayt-people-list article h2.entry-title {
        padding: 0px 30px 10px 30px;
    }
    
    .sayt-people-list article .post-content {
        padding: 0px 30px 0px 30px;
    }
    
    .sayt-people-list article:not(.category-sayt-people-secretariat) {
        min-height: 500px;
        /* min-height: 650px; */
    }
    
    div#sayt-members article:nth-child(-n+4) {
        margin-bottom: 14px!important;
        flex-basis: 23%;
    }
    /*** Mobile Header ***/
    
    .sayt-mobile-header {
        padding: 0!important;
    }
    
    .sayt-mobile-header .sayt-mobile-header-menu {
        padding: 5px 0;
    }
    
    .sayt-mobile-header .sayt-mobile-header-menu span.mobile_menu_bar::before {
        color: #fff!important;
        /* font-weight: 700; */
        opacity: 1;
        font-size: 30px;
    }
    
    .sayt-mobile-header-logo {
        /* display: flex; */
        width: 100%;
    }
    
    .sayt-mobile-header-logo .et_pb_column {
        width: 100%;
    }
    
    .sayt-mobile-header-logo {
        display: flex;
        width: 100%;
        padding: 10px;
    }
    
    .sayt-mobile-header-logo .et_pb_column {
        display: block!important;
        /* margin-right: 30px; */
        padding-right: 10px;
        margin-bottom: 0!important;
        align-self: center;
    }
    
    .sayt-mobile-header-logo .et_pb_column img {
        /* height: 100px!important; */
        /* object-fit: cover; */
        /* width: 100%; */
    }
    
    .div#sayt-menu ul.et_mobile_menu {
        top: 118%!important;
    }
    
    .sayt-mobile-header-logo .et_pb_column:not(:first-child) {
        padding-left: 10px;
    }
    
    .sayt-mobile-header-logo .et_pb_column:not(:last-child) {
        /* padding-right: 10px; */
        border-right: 1px solid #000;
    }
    
    div#sayt-menu ul.et_mobile_menu {
        background-color: #65278c!important;
        top: 110%!important;
        padding: 0%!important;
        width: 100%!important;
        margin: 0;
    }
    
    div#et-boc div#sayt-menu ul.et_mobile_menu li ul {
        background-color: #fff!important;
        padding: 0.5rem!important;
    }
    
    div#et-boc div#sayt-menu ul.et_mobile_menu li ul li a {
        color: #65268b!important;
    }
    
    div#et-boc div#sayt-menu ul.et_mobile_menu li ul li a {
        padding: 1% 3%!important;
    }
    
    div#et-boc div#sayt-menu ul.et_mobile_menu li a {
        font-weight: 500;
    }
    
    div#et-boc div#sayt-menu ul.et_mobile_menu li {
        width: 100%;
    }
    
    div#et-boc div#sayt-menu ul.et_mobile_menu li.menu-item-has-children>a::after {
        content: "3" !important;
        font-family: ETmodules !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        display: inline-block !important;
        margin-left: 0.6rem;
        line-height: 1 !important;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }
    
    div#et-boc div#sayt-menu ul.et_mobile_menu li.dt-open>a::after,
    div#et-boc div#sayt-menu ul.et_mobile_menu li.visible>a::after {
        content: "2" !important;
        font-family: ETmodules !important;
    }
    
    div#et-boc div#sayt-menu ul.et_mobile_menu li ul li a::after {
        display: none!important;
    }
    
    div#et-boc div#sayt-menu ul.et_mobile_menu li a.mobile-toggle::after {
        display: none;
    }
    
    div#footer-links p:first-child {
        padding-left: 0px!important;
    }
    
    .sayt-desktop-header .et_pb_row {
        padding: 1rem 0;
    }
    
    @media (min-width: 1280px) and (max-width: 1699px) {
        .page-id-248307 div#main-content .et_pb_row,
        .parent-pageid-248683 div#main-content .et_pb_row {
            max-width: 95%!important;
        }
        .sayt-footer-menu {
            padding: 10px 30px!important;
        }
    }
    
    @media (min-width: 1024px) and (max-width: 1599px) {
        ul#menu-sayt li {
            padding: 5px;
        }
    }
    
    .sayt-footer-menu .et_pb_text_inner p+p:last-child>a:only-child {
        font-weight: bold!important;
    }
    
    strong.footer_tel a::before {
        content: '';
        background-image: url(/wp-content/uploads/phone.png);
        display: inline-block;
        width: 30px;
        height: 15px;
        background-repeat: no-repeat;
        background-position: left;
        margin-bottom: -3px;
    }
    
    strong.footer_fax::before {
        content: '';
        background-image: url(/wp-content/uploads/printer-fill.png);
        display: inline-block;
        width: 30px;
        height: 15px;
        background-repeat: no-repeat;
        background-position: left;
        margin-bottom: -3px;
    }
    
    strong.footer_email a::before {
        content: '';
        background-image: url(/wp-content/uploads/email.png);
        display: inline-block;
        width: 30px;
        height: 15px;
        background-repeat: no-repeat;
        background-position: left;
        margin-bottom: -3px;
    }
    /** 

.sayt-people-list article:not(.category-sayt-people-secretariat) {
    min-height: 520px;
}

.sayt-people-list article img {
    margin-left: unset!important;
    height: 350px;
    object-fit: cover;
    object-position: center;
}

**/
    
    .sayt-people-list article h2.entry-title {
        padding: 15px 10px 10px 10px!important;
    }
    
    .sayt-people-list article .post-content {
        padding: 5px!important;
    }
    
    .sayt-people-list article:not(.category-sayt-people-secretariat) {
        min-height: 360px;
        /* height: 400px; */
    }
    
    @media (min-width: 640px) and (max-width: 980px) {
        .sayt-people-list article:not(.category-sayt-people-secretariat) {
            min-height: 500px;
            /* height: 400px; */
        }
    }
    /** Safari header ***/
    /* @supports (-webkit-hyphens:none){
.page.et_mobile_device.et_mobile_device_not_ipad div#page-container {
    margin-top: -120px!important;
}
.page.et_mobile_device.et_mobile_device_not_ipad div#page-container {
    padding-top: unset!important;
}
} */
    
    .fbc.fbc-page .fbc-wrap ol.fbc-items li:first-child i.fa.fa-home {
        display: none;
    }
    /*** SAYT Courses ***/
    
    table.sayt-courseTable thead {
        background-color: #65278c;
        /* color: #fff; */
        border: 1px solid #65268b;
    }
    
    table.sayt-courseTable thead tr th {
        color: #fff;
        font-family: 'Lato';
        font-size: 16px;
        padding: 5px 25px;
    }
    
    table.sayt-courseTable tbody tr.pagination {
        border: 1px solid #65268b;
        display: table-row;
    }
    
    table.sayt-courseTable tbody tr.pagination td {
        padding: 5px 25px;
        line-height: 20px;
        border-top: 1px solid #65268b;
    }
    
    table.sayt-courseTable thead tr th:first-child {
        width: 10%;
    }
    
    table.sayt-courseTable thead tr th:nth-child(2) {
        width: 60%;
    }
    
    table.sayt-courseTable thead tr th:nth-child(3) {
        width: 20%;
    }
    
    table.sayt-courseTable thead tr th:last-child {
        width: 10%;
        text-align: center;
    }
    
    table.sayt-courseTable tbody tr.pagination td button {
        background-color: #fa9f6d;
        border: 0;
        color: #fff;
        padding: 0.5rem 1rem;
        display: block;
        margin: 0 auto;
    }
    
    .course-searchBar ul {
        padding: 0;
    }
    
    .course-searchBar ul input.sf-input-text {
        height: 35px;
        border: 1px solid #6D1E71;
        padding: 0.5rem 0.8rem;
        font-size: 14px;
    }
    
    .course-searchBar ul li.sf-field-taxonomy-coCat,
    .course-searchBar ul li.sf-field-taxonomy-coSubArea {
        height: 35px!important;
    }
    
    .course-searchBar select.sf-input-select {
        min-width: 300px!important;
        height: 35px;
        border: 1px solid #65268b;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    table.sayt-courseTable tbody tr.pagination td button a {
        color: #fff;
        font-weight: 600;
    }
    
    .course-searchBar ul li.sf-field-reset::after {
        /* content: '\f2f9';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #65278c;
    font-size: 16px; */
    }
    
    .course-searchBar ul li.sf-field-reset {
        position: relative!important;
        /* background-color: #f7882f!important; */
        padding: 1rem!important;
        right: 0;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        border: 1px solid #65278c;
        height: 35px!important;
    }
    
    .course-searchBar ul li.sf-field-submit {
        height: 35px!important;
    }
    
    .course-searchBar ul li.sf-field-submit input[type="submit"] {
        background-color: transparent!important;
        border: 1px solid #65278c;
        font-size: 16px;
        color: #000;
        padding: 0px!important;
        height: 35px;
        width: 100px;
    }
    
    div#sgpb-popup-dialog-main-div {
        padding: 0!important;
        border-radius: 0!important;
        box-shadow: none!important;
    }
    
    div#sgpb-popup-dialog-main-div .orangeTop {
        background-color: #e87e44;
        color: #fff;
        font-size: 25px;
        /* padding: 3.5rem 3rem 1rem 3rem; */
        padding: 1rem 3rem 1rem 3rem;
        line-height: 1.5em;
        font-weight: 500;
    }
    
    div#sgpb-popup-dialog-main-div .purpleTop {
        background-color: #65278c;
        color: #fff;
        font-size: 25px;
        /* padding: 3.5rem 3rem 1rem 3rem; */
        padding: 1rem 3rem 1rem 3rem;
        line-height: 1.5em;
        font-weight: 500;
    }
    
    .buttonBottom .bbSpecial button a.purpleButton {
        padding: 0.5rem 1rem;
        border: 1px solid #65278c;
        background-color: #65278c;
        color: #fff;
        font-weight: 600;
        font-family: 'Lato';
    }
    
    div#sgpb-popup-dialog-main-div table tr td {
        /* padding: 1rem!important; */
        vertical-align: top;
    }
    
    div#sgpb-popup-dialog-main-div .orangeThemes table tr td:first-child {
        color: #e77d47;
        font-size: 18px;
        padding: 1rem 3rem;
        width: 16%;
        font-family: 'Lato';
    }
    
    div#sgpb-popup-dialog-main-div .orangeThemes table tr td:last-child {
        color: #000;
        font-size: 18px;
        padding: 1rem 3rem;
        width: 84%;
        font-family: 'Lato';
    }
    
    div#sgpb-popup-dialog-main-div .purpleThemes table tr td:first-child {
        color: #65268b;
        font-size: 18px;
        padding: 1rem 3rem;
        width: 16%;
        font-family: 'Lato';
    }
    
    div#sgpb-popup-dialog-main-div .purpleThemes table tr td:last-child {
        color: #000;
        font-size: 18px;
        padding: 1rem 3rem;
        width: 84%;
        font-family: 'Lato';
    }
    /* @media (max-width: 2559px){
img.sgpb-popup-close-button-6 {
    top: 10px!important;
    filter: brightness(0) invert(1);
    right: 21%!important;
}

div#sgpb-popup-dialog-main-div {
    width: 80%!important;
    display: block;
    height: 700px;
}
}

@media (min-width: 2550px){
img.sgpb-popup-close-button-6 {
    top: 15px!important;
    filter: brightness(0) invert(1);
    right: 1%!important;
}
} */
    
    @media (max-width: 2099px) {
        img.sgpb-popup-close-button-6 {
            top: 10px!important;
            filter: brightness(0) invert(1);
            /* right: 21%!important; */
            right: 1%!important;
        }
        div#sgpb-popup-dialog-main-div {
            /* width: 80%!important; */
            width: 100%!important;
            display: block;
            height: 700px;
        }
    }
    
    @media (max-width: 2099px) {
        .sgpb-popup-dialog-main-div-theme-wrapper-6 {
            width: 75%;
        }
    }
    
    @media (min-width: 2100px) {
        img.sgpb-popup-close-button-6 {
            top: 15px!important;
            filter: brightness(0) invert(1);
            right: 1%!important;
        }
    }
    
    .sgpb-content.sg-popup-content.sgpb-content.sg-popup-content div::-webkit-scrollbar {
        width: .3em;
    }
    
    .sgpb-content.sg-popup-content.sgpb-content.sg-popup-content div::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }
    
    .page-id-249478 div#sgpb-popup-dialog-main-div div::-webkit-scrollbar-thumb {
        background-color: #FA9F6D;
        outline: 1px solid #FA9F6D;
    }
    
    .buttonBottom {
        float: right;
        margin: 1rem!important;
    }
    
    .buttonBottom .bbSpecial {
        display: flex;
        margin-bottom: 1rem;
    }
    
    .buttonBottom .bbSpecial button:not(:last-child) {
        margin-right: 1rem;
    }
    
    .buttonBottom .bbSpecial button {
        padding: 0;
        border: 0;
    }
    
    .buttonBottom .bbSpecial button a.orangeButton {
        padding: .5rem 1rem;
        border: 1px solid #e77d47;
        background-color: #e77d47;
        color: #fff;
        font-weight: 600;
        font-family: 'Lato';
    }
    
    .buttonBottom .bbSpecial button a.orange-whiteButton {
        padding: 0.5rem 1rem;
        border: 1px solid #e77d47;
        background-color: #fff;
        color: #e77d47;
        font-weight: 600;
        font-family: 'Lato';
    }
    
    .buttonBottom .bbSpecial button a.purple-whiteButton {
        padding: 0.5rem 1rem;
        border: 1px solid #65278c;
        background-color: #fff;
        color: #65278c;
        font-weight: 600;
        font-family: 'Lato';
    }
    /*** Purple Accordion ***/
    
    .purple_Accordion_row .purple_Accordion h5.et_pb_toggle_title {
        background-color: #65278c!important;
    }
    
    .purple_Accordion_row .purple_Accordion .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title {
        color: #fff!important;
    }
    
    .purple_Accordion_row .purple_Accordion .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title {
        color: #fff!important;
    }
    
    .purple_Accordion_row .purple_Accordion .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_content.clearfix {
        background-color: #fff;
    }
    
    .purple_Accordion_row .purple_Accordion .et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title::before {
        content: '\f078';
        font-family: fontAwesome!important;
        color: #fff;
        right: 20px;
    }
    
    .purple_Accordion_row .purple_Accordion .et_pb_toggle.et_pb_toggle_open h5.et_pb_toggle_title::before {
        content: '\f077';
        font-family: fontAwesome!important;
        color: #fff;
        right: 20px;
        display: block;
    }
    /*** Purple Table ***/
    
    table.purple_Table tr.result {
        background-color: #65278c!important;
        width: 100%;
    }
    
    table.purple_Table tr.result td:first-child {
        width: 30%;
    }
    
    table.purple_Table tr.result td:last-child {
        width: 70%;
    }
    
    table.purple_Table tr.result td {
        border-top: 0!important;
        font-size: 20px;
        padding: 1rem 24px;
    }
    
    table.purple_Table tr:nth-child(even) {
        background-color: #f2f2f2;
    }
    
    table.purple_Table {
        border: 0!important;
    }
    /*** Other important notes ***/
    
    .others_important_notes .et_pb_blurb_container {
        display: flex;
        /* vertical-align: middle; */
        position: relative;
    }
    
    .others_important_notes .et_pb_blurb_container h2.et_pb_module_header {
        margin-right: 1rem;
        display: block;
        position: relative;
        font-size: 60px;
    }
    
    .others_important_notes .et_pb_blurb_container .et_pb_blurb_description {
        display: block;
        vertical-align: middle;
        position: relative;
        margin: auto 0;
    }
    /*** Timeline ***/
    
    .cool-timeline-wrapper h2.timeline-main-title.center-block {
        display: none;
    }
    
    .cool-timeline.white-timeline .timeline-post.odd .timeline-content .content-title,
    .cool-timeline.white-timeline .timeline-post.even .timeline-content .content-title {
        font-size: 20px!important;
    }
    
    .bwg-title1,
    .bwg-title2,
    .bwg-title3,
    .bwg-title4,
    .bwg-title5,
    .bwg-title6,
    .bwg-title7,
    .bwg-title8,
    .bwg-title9,
    .bwg-title10,
    .bwg-title11,
    .bwg-title12,
    .bwg-title13,
    .bwg-title14,
    .bwg-title15,
    .bwg-title16 {
        display: none;
    }
    
    .cool-timeline .bwg_back {
        color: #000!important;
        display: contents!important;
    }
    
    div#clt-2024+div#story-240558 .meta-details {
        display: none;
    }
    
    .cool-timeline-wrapper .bwg-item {
        margin-bottom: 0rem!important;
    }
    
    .cool-timeline.white-timeline .timeline-year {
        display: none;
    }
    
    .cool-timeline .timeline-post .meta-details {
        display: none;
    }
    
    .cool-timeline .timeline-post .timeline-content h2.content-title {
        display: none;
    }
    
    .cool-timeline .timeline-post .timeline-content .ctl_info {
        border: 2px solid #65278c;
    }
    
    @media (min-width: 861px) {
        .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
        .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full,
        .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
        .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
            background-color: #65278c!important;
            margin: 0px 0 0 -10px!important;
        }
    }
    
    @media (max-width: 860px) {
        .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
        .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full,
        .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
        .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
            background-color: #65278c!important;
            margin: 0px 0 0 5px!important;
        }
    }
    
    .cool-timeline.white-timeline:before,
    .cool-timeline.white-timeline.one-sided:before {
        background-color: #65278c!important;
        background-image: -webkit-linear-gradient(top, #65278c 0%, #65278c 8%, #65278c 92%, #65278c 100%)!important;
        width: 2px!important;
        top: 40px!important;
        height: 90%!important;
    }
    
    .AP-purpleTitle {
        color: #65278c;
        font-weight: 700;
        font-family: 'Lato';
    }
    
    .content-details {
        font-family: 'Lato'!important;
    }
    
    .AP-button-Customize .lr-button {
        display: flex;
    }
    
    .AP-button-Customize .lr-button .purple-button {
        /* background-color: #65278c; */
        color: #fff;
        padding: 1rem;
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    .AP-button-Customize .lr-button .purple-button:not(:last-child) {
        margin-right: 1rem;
    }
    
    .AP-button-Customize .lr-button .purple-button a {
        color: #fff;
        align-self: center;
        vertical-align: middle;
    }
    
    .AP-button-Customize:not(:first-child) {
        margin-top: 1rem;
    }
    
    @media (min-width:981px) {
        .cool-timeline .timeline-post.even .timeline-content::before {
            content: '-------------------';
            position: absolute;
            top: -2px;
            display: block;
            letter-spacing: 2px;
            border: 0!important;
            left: -130px!important;
        }
        .cool-timeline .timeline-post.even {
            margin-left: 60%!important;
        }
        .cool-timeline .timeline-post.odd {
            padding-right: 52%;
            width: 100%;
            margin-left: -100px;
        }
        .cool-timeline .timeline-post.odd .timeline-content::before {
            content: '-------------------';
            position: absolute;
            top: -2px;
            display: block!important;
            letter-spacing: 2px;
            border: 0!important;
            right: -130px!important;
        }
    }
    /*** Autumn Course 2023 ***/
    /* .applyNow_button {
    background-color: #E87E44;
    color: #fff;
    padding: 1rem;
    margin-top: 1rem;
} */
    
    .applyNow_button {
        background-color: #E87E44;
        color: #fff;
        /* padding: 1rem; */
        margin-top: 1rem;
        width: 100%;
        height: 60px;
    }
    
    .applyNow_button .btn_an {
        font-size: 18px;
        width: 100%;
        height: 100%;
    }
    
    .btn_an a {
        color: #fff;
        width: 100%;
        display: block;
        position: relative;
    }
    
    .btn_an a {
        display: block;
        height: 100%;
        width: 100%;
        text-decoration: none;
        padding-top: 1rem;
    }
    
    .autumn-course-button .autumn-course_leftright {
        display: flex;
        justify-content: center;
    }
    
    .autumn-course-button .autumn-course_leftright .course-details-webVersion {
        margin-right: 1rem;
    }
    
    .autumn-course-button .autumn-course_leftright .course-details-webVersion,
    .autumn-course-button .autumn-course_leftright .course-details-downloadVersion {
        background-color: #e77d47;
        display: flex;
        flex-direction: column;
        padding: 1.5rem 2rem;
        color: #fff;
        text-align: center;
        width: 100%;
        margin-top: 1rem;
        cursor: pointer;
    }
    
    .autumn-course-button .autumn-course_leftright .course-details-webVersion p,
    .autumn-course-button .autumn-course_leftright .course-details-downloadVersion p {
        padding-bottom: 0;
        font-weight: 600;
    }
    
    .autumn-course-button .autumn-course_leftright .course-details-webVersion p span,
    .autumn-course-button .autumn-course_leftright .course-details-downloadVersion p span {
        font-weight: 500;
    }
    
    .autumn-course-button .autumn-course_leftright .course-details-webVersion::after {
        content: url(/wp-content/uploads/website.png);
        margin-top: 1rem;
    }
    
    .autumn-course-button .autumn-course_leftright .course-details-downloadVersion::after {
        content: url(/wp-content/uploads/download_duotone.png);
        margin-top: 1rem;
    }
    /*** Summer Courses 2023 ***/
    /*** Autumn Course 2023 ***/
    
    .summer_Apply-applyNow_button {
        background-color: #057BC4;
        color: #fff;
        padding: 1rem;
        margin-top: 1rem;
    }
    
    .summer_Apply-applyNow_button .btn_an {
        font-size: 18px;
    }
    
    .btn_an a {
        color: #fff;
        width: 100%;
        display: block;
        position: relative;
    }
    
    .summer-course-button .summer-course_leftright {
        display: flex;
        justify-content: center;
    }
    
    .summer-course-button .summer-course_leftright .course-details-webVersion {
        margin-right: 1rem;
    }
    
    .summer-course-button .summer-course_leftright .course-details-webVersion,
    .summer-course-button .summer-course_leftright .course-details-downloadVersion {
        background-color: #057BC4;
        display: flex;
        flex-direction: column;
        padding: 1.5rem 2rem;
        color: #fff;
        text-align: center;
        width: 100%;
        margin-top: 1rem;
        cursor: pointer;
    }
    
    .summer-course-button .summer-course_leftright .course-details-webVersion p,
    .summer-course-button .summer-course_leftright .course-details-downloadVersion p {
        padding-bottom: 0;
        font-weight: 600;
    }
    
    .summer-course-button .summer-course_leftright .course-details-webVersion p span,
    .summer-course-button .summer-course_leftright .course-details-downloadVersion p span {
        font-weight: 500;
    }
    
    .summer-course-button .summer-course_leftright .course-details-webVersion::after {
        content: url(/wp-content/uploads/website.png);
        margin-top: 1rem;
    }
    
    .summer-course-button .summer-course_leftright .course-details-downloadVersion::after {
        content: url(/wp-content/uploads/download_duotone.png);
        margin-top: 1rem;
    }
    /*** Autumn Couses Table ***/
    
    table#autumn-course_Table {}
    
    table#autumn-course_Table thead {
        background-color: #E87E44;
        border: 1px solid #E87E44;
    }
    
    table#autumn-course_Table thead tr {}
    
    table#autumn-course_Table thead tr th:first-child {
        width: 10%;
    }
    
    table#autumn-course_Table thead tr th:nth-child(2) {
        width: 30%;
    }
    
    table#autumn-course_Table thead tr th:nth-child(3) {
        width: 15%;
    }
    
    table#autumn-course_Table thead tr th:nth-child(4) {
        width: 13%;
    }
    
    table#autumn-course_Table thead tr th:nth-child(5) {
        width: 10%;
    }
    
    table#autumn-course_Table thead tr th:nth-child(6) {
        width: 12%;
    }
    
    table#autumn-course_Table thead tr th:last-child {
        width: 10%;
    }
    
    table#autumn-course_Table tr.pagination {
        border: 1px solid #e77d47;
    }
    
    table#autumn-course_Table tr.pagination td {
        padding: 5px 25px;
        line-height: 20px;
        border-top: 1px solid #e77d47;
    }
    
    .autumn_courseSearchBar.course-searchBar {}
    
    .autumn_courseSearchBar.course-searchBar ul input.sf-input-text {
        border: 1px solid #e77d47;
    }
    
    .autumn_courseSearchBar.course-searchBar ul select.sf-input-select {
        border: 1px solid #e77d47;
    }
    
    .autumn_courseSearchBar.course-searchBar ul input[type="submit"] {
        border: 1px solid #e77d47!important;
    }
    
    .autumn_courseSearchBar.course-searchBar ul li.sf-field-reset {
        border: 1px solid #e77d47;
    }
    
    .autumn_courseSearchBar.course-searchBar ul li.sf-field-reset::after {
        /* color: #e77d47; */
    }
    
    table#autumn-course_Table tr.pagination td:last-child {
        vertical-align: middle;
    }
    
    table#autumn-course_Table tr.pagination td {
        vertical-align: top;
    }
    /*** Order List / Unorder list ***/
    
    .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ol {
        list-style-position: outside;
        padding-left: 40px;
    }
    
    .page-id-248687 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description ul {
        padding-left: 40px;
    }
    /*** Orange timeline ***/
    
    .AP-orangeTitle {
        color: #e87c4a;
        font-weight: 700;
        font-family: 'Lato';
        font-size: 18px;
    }
    
    div#orangeTimeline .ctl_info.event-description.full,
    div#orangeTimeline .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
    div#orangeTimeline .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full,
    div#orangeTimeline .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
    div#orangeTimeline .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
        border: 2px solid #e67c4a;
    }
    
    @media (min-width: 861px) {
        div#orangeTimeline .timeline-icon.icon-dot-full.aos-init.aos-animate,
        div#orangeTimeline .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
        div#orangeTimeline .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full,
        div#orangeTimeline .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
        div#orangeTimeline .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
            background-color: #e67c4a!important;
            margin: 0px 0 0 -10px!important;
        }
    }
    
    @media (max-width: 860px) {
        div#orangeTimeline .timeline-icon.icon-dot-full.aos-init.aos-animate,
        div#orangeTimeline .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
        div#orangeTimeline .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full,
        div#orangeTimeline .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
        div#orangeTimeline .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
            background-color: #e67c4a!important;
            margin: 0px 0 0 5px!important;
        }
    }
    
    @media (min-width: 981px) {
        div#orangeTimeline .cool-timeline .timeline-post.even .timeline-content::before {
            content: '-------------------';
            position: absolute;
            top: -2px;
            display: block;
            letter-spacing: 2px;
            border: 0!important;
            left: -130px!important;
            color: #e67c4a;
        }
    }
    
    div#orangeTimeline .cool-timeline.white-timeline:before,
    div#orangeTimeline .cool-timeline.white-timeline.one-sided:before {
        background-color: #e67c4a!important;
        background-image: -webkit-linear-gradient(top, #e67c4a 0%, #e67c4a 8%, #e67c4a 92%, #e67c4a 100%)!important;
        width: 2px!important;
        top: 40px!important;
        height: 82%!important;
    }
    
    @media (min-width: 981px) {
        div#orangeTimeline .cool-timeline .timeline-post.odd .timeline-content::before {
            content: '-------------------';
            position: absolute;
            top: -2px;
            display: block!important;
            letter-spacing: 2px;
            border: 0!important;
            right: -130px!important;
            color: #e67c4a;
        }
    }
    
    div#orangeTimeline .cool-timeline-wrapper {
        margin: 0rem auto;
    }
    
    div#purpleTimeline .cool-timeline-wrapper {
        margin: 0rem auto;
    }
    /*** One Click Accessbility ***/
    
    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg {
        display: none;
    }
    
    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a::before {
        background-image: url(/wp-content/uploads/accesability.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 52px;
        height: 52px;
        display: block;
        content: '';
    }
    
    .page-id-248307 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
    .parent-pageid-248683 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
    .parent-pageid-249031 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
    .parent-pageid-249283 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
    .parent-pageid-248307 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
    .parent-pageid-249435 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
    .parent-pageid-249777 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
    .parent-pageid-249457 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
    .single-news_and_events #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
        padding: 0;
    }
    /* News header pads Online Application at 0.5rem. SAYT pages use 0.3rem. */
    
    body.single-news_and_events .sayt-apply.et_pb_blurb {
        padding-top: 0.3rem !important;
        padding-right: 0.3rem !important;
        padding-bottom: 0.3rem !important;
        padding-left: 0.3rem !important;
    }
    /*** News and Events ***/
    
    .page-id-249677 .de-mega-menu-container {
        /* display: none!important; */
        opacity: 0;
        visibility: hidden;
    }
    
    .page-id-249677 .de-mega-menu-container {
        /* display: none!important; */
        opacity: 0;
        visibility: hidden;
    }
    
    .page-id-248687 .et_pb_blog_1 .et_pb_post .post-content {
        width: 100%;
    }
    
    .page-id-249677 .et_pb_ajax_pagination_container {
        display: grid;
        gap: 2.5rem 2.5rem!important;
    }
    
    @media (min-width: 981px) {
        .page-id-249677 .et_pb_ajax_pagination_container {
            grid-template-columns: repeat(4, 1fr)!important;
        }
    }
    
    @media (min-width: 981px) {
        .page-id-249677 .et_pb_ajax_pagination_container article a img {
            /* height: 450px; */
            height: 380px;
            width: 100%;
            object-fit: cover;
            margin-left: 0!important;
            /* min-height: 400px; */
        }
    }
    
    @media (max-width: 980px) {
        .page-id-249677 .et_pb_ajax_pagination_container article a img {
            height: 400px;
            width: 100%;
            object-fit: cover;
            margin-left: 0!important;
            /* min-height: 400px; */
        }
        #sayt-members>.et_pb_ajax_pagination_container {
            gap: 3%;
        }
        div#sayt-members article:nth-child(-n+4) {
            margin-bottom: 0 !important;
            margin-right: 0 !important;
        }
        div#et-boc div#sayt-menu ul.et_mobile_menu li.menu-item-has-children>a::after {
            font-size: 21px!important;
        }
    }
    
    .et_pb_ajax_pagination_container article {
        margin-bottom: 0!important;
    }
    
    .page-id-249677 .et_pb_ajax_pagination_container article a {
        width: 100%!important;
        margin-bottom: 0!important;
        padding-right: 0;
    }
    
    .page-id-249677 .et_pb_ajax_pagination_container article h2.entry-title {
        font-size: 20px;
        position: absolute;
        bottom: 10px;
        color: #fff;
        padding: 1rem;
        line-height: 1.25em;
        /* font-weight: 700; */
        font-family: 'Lato';
    }
    
    .page-id-249677 .et_pb_ajax_pagination_container article h2.entry-title {
        overflow: hidden;
        width: 95%;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 70px;
    }
    
    .page-id-249677 .et_pb_ajax_pagination_container article h2.entry-title+p.post-meta {
        position: absolute;
        bottom: 50px;
        padding: 1rem;
        color: #fff;
        font-size: 18px;
    }
    
    .page-id-249677 .et_pb_ajax_pagination_container article h2.entry-title a {
        padding-right: 0!important;
    }
    
    .page-id-249677 .et_pb_ajax_pagination_container article a.entry-featured-image-url::before {
        content: '';
        position: absolute;
        background-image: linear-gradient(to bottom, #ffffff00 50%, #65288D);
        display: block;
        height: 100%;
        width: 100%;
        bottom: 0;
    }
    /*** Breadcrumb **/
    
    @media only screen and (max-width: 980px) {
        /* div#main-content .sayt-banner +.et_pb_section.et_pb_section_13 .et_pb_row.et_pb_row_13 {
    width: 100%!important;
} */
    }
    
    @media (min-width: 981px) {
        /* .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_13 {
    max-width: 100%!important;
    padding: 2.5%;
} */
    }
    
    @media (max-width: 768px) {
        .fbc-page .fbc-wrap .fbc-items {
            padding: 0 0px!important;
        }
    }
    /***  page size ***/
    
    @media (min-width: 1280px) and (max-width: 1660px) {
        /* .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_14, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_15, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_14, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_16, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_17, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_18, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_19, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_10, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_21, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_22, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_23, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_24, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_25, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_26, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_27, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_28, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_29, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_30, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_31, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_32, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_33, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_34, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_35, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_36, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_37, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_38, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_39, .sayt-banner + .et_pb_section_13 .et_pb_row.et_pb_row_40 {
    padding: 2%;
} */
    }
    
    @media (max-width: 767px) {
        .others_important_notes .et_pb_module.et_pb_blurb:not(:last-child) {
            margin-bottom: 3rem!important;
        }
    }
    
    .autumn_courseSearchBar.course-searchBar div#search-bar {
        /* margin-bottom: 1rem!important; */
    }
    
    .autumn_courseSearchBar.course-searchBar div#search-bar li.sf-field-search {
        height: 35px!important;
        /* max-height: 35px!important; */
    }
    
    .autumn_courseSearchBar.course-searchBar div#search-bar li.sf-field-search input.sf-input-text {
        height: 35px!important;
        padding: 0.5rem 0.8rem!important;
        border: 1px solid #f7882f!important;
    }
    
    .autumn_courseSearchBar.course-searchBar div#search-bar select.sf-input-select {
        height: 35px!important;
        border: 1px solid #f7882f!important;
    }
    
    .autumn_courseSearchBar.course-searchBar div#search-bar li.sf-field-search label {
        height: 35px!important;
    }
    
    .autumn_courseSearchBar.course-searchBar div#search-bar li.sf-field-reset {
        background-color: #f7882f!important;
    }
    
    .course-searchBar div#search-bar li.sf-field-search {
        height: 35px!important;
        /* max-height: 35px!important; */
    }
    
    .course-searchBar div#search-bar li.sf-field-search input.sf-input-text {
        height: 35px!important;
        padding: 0.5rem 0.8rem!important;
        border: 1px solid #65278c!important;
    }
    
    .course-searchBar div#search-bar select.sf-input-select {
        height: 35px!important;
        border: 1px solid #65278c!important;
    }
    
    .course-searchBar div#search-bar li.sf-field-search label {
        height: 35px!important;
    }
    
    .course-searchBar div#search-bar {
        margin-bottom: 2rem!important;
    }
    
    @media (max-width: 880px) {
        .autumn_courseSearchBar form#search-filter-form-249477 div#search-bar {
            margin-bottom: 2rem!important;
        }
        .autumn_courseSearchBar div#search-bar .searchandfilter li:not(:last-child),
        .autumn_courseSearchBar.course-searchBar div#search-bar .searchandfilter li:not(:nth-child(2)) {
            margin-bottom: 0!important;
        }
        .autumn_courseSearchBar div#search-bar li.sf-field-reset {
            margin-top: -20px!important;
            height: 35px!important;
        }
        .course-searchBar div#search-bar {
            margin-bottom: 2rem!important;
        }
        .course-searchBar div#search-bar li.sf-field-search {
            margin-bottom: 0!important;
        }
        .course-searchBar div#search-bar .searchandfilter li:nth-child(4) {
            margin-bottom: 0!important;
        }
        .course-searchBar div#search-bar li.sf-field-reset {
            margin-top: -20px!important;
            height: 35px!important;
        }
        .course-searchBar table#myTable,
        .course-searchBar table#autumn-course_Table {
            /* display: block;
    overflow-x: auto; */
        }
    }
    
    .course-searchBar form#search-filter-form-249036 div#search-bar li.sf-field-reset {
        background-color: #65268b!important;
    }
    
    .course-searchBar div#search-bar li.sf-field-reset {
        background-color: #65268b!important;
    }
    
    .autumn_courseSearchBar div#search-filter-results-249477 .grid-x.grid-margin-x.table-calendar,
    .course-searchBar div#search-filter-results-249036 .grid-x.grid-margin-x.table-calendar {
        width: 100%;
    }
    
    @media (max-width: 639px) {
        div#search-filter-results-248619 .grid-x.grid-margin-x .cell.medium-3 {
            margin-bottom: 2rem;
        }
    }
    
    .orangeThemes table tr td a {
        color: #65278c;
        font-weight: bold;
    }
    
    .purpleThemes table tr td a {
        color: #65278c;
        font-weight: bold;
    }
    
    .autumn-course-button .autumn-course_leftright .course-details-webVersion:hover,
    .autumn-course-button .autumn-course_leftright .course-details-downloadVersion:hover {
        box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.7);
        transition: box-shadow 300ms ease 0ms;
    }
    
    .summer-course-button .summer-course_leftright .course-details-webVersion:hover,
    .summer-course-button .summer-course_leftright .course-details-downloadVersion:hover {
        box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.7);
        transition: box-shadow 300ms ease 0ms;
    }
    
    table#autumn-course_Table tbody tr.pagination td button {
        background-color: #65278c;
    }
    
    table.sayt-courseTable thead tr th:nth-child(4) {
        width: 10%;
        /* text-align: center; */
    }
    
    table.sayt-courseTable tbody tr td:nth-child(4) {
        /*  text-align: center; */
    }
    
    table.sayt-courseTable thead tr th:nth-child(3) {
        /* text-align: center; */
    }
    
    table.sayt-courseTable tbody tr td:nth-child(3) {
        /* text-align: center; */
    }
    /*** Blue timeline ***/
    
    .AP-blueTitle {
        color: #057bc4;
        font-weight: 700;
        font-family: 'Lato';
        font-size: 18px;
    }
    
    div#blueTimeline .ctl_info.event-description.full,
    div#blueTimeline .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
    div#blueTimeline .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full,
    div#blueTimeline .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
    div#blueTimeline .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
        border: 2px solid #057bc4;
    }
    
    @media (min-width: 861px) {
        div#blueTimeline .timeline-icon.icon-dot-full.aos-init.aos-animate,
        div#blueTimeline .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
        div#blueTimeline .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full,
        div#blueTimeline .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
        div#blueTimeline .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
            background-color: #057bc4!important;
            margin: 0px 0 0 -10px!important;
        }
    }
    
    @media (max-width: 860px) {
        div#blueTimeline .timeline-icon.icon-dot-full.aos-init.aos-animate,
        div#blueTimeline .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
        div#blueTimeline .cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full,
        div#blueTimeline .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
        div#blueTimeline .cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
            background-color: #057bc4!important;
            margin: 0px 0 0 5px!important;
        }
    }
    
    @media (min-width: 981px) {
        div#blueTimeline .cool-timeline .timeline-post.even .timeline-content::before {
            content: '-------------------';
            position: absolute;
            top: -2px;
            display: block;
            letter-spacing: 2px;
            border: 0!important;
            left: -130px!important;
            color: #057bc4;
        }
    }
    
    div#blueTimeline .cool-timeline.white-timeline:before,
    div#blueTimeline .cool-timeline.white-timeline.one-sided:before {
        background-color: #057bc4!important;
        background-image: -webkit-linear-gradient(top, #057bc4 0%, #057bc4 8%, #057bc4 92%, #057bc4 100%)!important;
        width: 2px!important;
        top: 40px!important;
        height: 81%!important;
    }
    
    @media (min-width: 981px) {
        div#blueTimeline .cool-timeline .timeline-post.odd .timeline-content::before {
            content: '-------------------';
            position: absolute;
            top: -2px;
            display: block!important;
            letter-spacing: 2px;
            border: 0!important;
            right: -130px!important;
            color: #057bc4;
        }
    }
    
    div#blueTimeline .cool-timeline-wrapper {
        margin: 0rem auto;
    }
    
    div#blueTimeline .cool-timeline-wrapper {
        margin: 0rem auto;
    }
    
    div#blueTimeline .AP-orangeTitle {
        font-size: unset;
    }
    /*** Summer Couses Table ***/
    
    table#summer-course_Table {}
    
    table#summer-course_Table thead {
        background-color: #057BC4;
        border: 1px solid #057BC4;
    }
    
    table#summer-course_Table thead tr {}
    
    table#summer-course_Table thead tr th:first-child {
        /* width: 10%; */
        width: 0%;
    }
    
    table#summer-course_Table thead tr th:nth-child(2) {
        width: 30%;
    }
    
    table#summer-course_Table thead tr th:nth-child(3) {
        width: 15%;
    }
    
    table#summer-course_Table thead tr th:nth-child(4) {
        width: 16%;
    }
    
    table#summer-course_Table thead tr th:nth-child(5) {
        width: 10%;
    }
    
    table#summer-course_Table thead tr th:nth-child(6) {
        width: 12%;
    }
    
    table#summer-course_Table thead tr th:last-child {
        width: 10%;
    }
    
    table#summer-course_Table tr.pagination {
        border: 1px solid #057BC4;
    }
    
    table#summer-course_Table tr.pagination td {
        padding: 5px 25px;
        line-height: 20px;
        border-top: 1px solid #057BC4;
    }
    
    .summer_courseSearchBar.course-searchBar {}
    
    .summer_courseSearchBar.course-searchBar ul input.sf-input-text {
        border: 1px solid #057BC4;
    }
    
    .summer_courseSearchBar.course-searchBar ul select.sf-input-select {
        border: 1px solid #057BC4;
    }
    
    .summer_courseSearchBar.course-searchBar ul input[type="submit"] {
        /* border: 1px solid #057BC4!important; */
    }
    
    .summer_courseSearchBar.course-searchBar ul li.sf-field-reset {
        /* border: 1px solid #057BC4; */
    }
    
    .summer_courseSearchBar.course-searchBar ul li.sf-field-reset::after {
        /* color:#057BC4; */
    }
    
    table#summer-course_Table tr.pagination td:last-child {
        vertical-align: middle;
    }
    
    table#summer-course_Table tr.pagination td {
        vertical-align: top;
    }
    /*** Blue Themes ***/
    
    div#sgpb-popup-dialog-main-div .blueTop {
        background-color: #057BC4;
        color: #fff;
        font-size: 25px;
        /* padding: 3.5rem 3rem 1rem 3rem; */
        padding: 1rem 3rem 1rem 3rem;
        line-height: 1.5em;
        font-weight: 500;
    }
    
    div#sgpb-popup-dialog-main-div .blueThemes table tr td:first-child {
        color: #057BC4;
        font-size: 18px;
        padding: 1rem 3rem;
        width: 16%;
        font-family: 'Lato';
    }
    
    div#sgpb-popup-dialog-main-div .blueThemes table tr td:last-child {
        color: #000;
        font-size: 18px;
        padding: 1rem 3rem;
        width: 84%;
        font-family: 'Lato';
    }
    
    .buttonBottom .bbSpecial button a.blueButton {
        padding: 0.5rem 1rem;
        border: 1px solid #057BC4;
        background-color: #057BC4;
        color: #fff;
        font-weight: 600;
        font-family: 'Lato';
    }
    
    .buttonBottom .bbSpecial button a.blue-whiteButton {
        padding: 0.5rem 1rem;
        border: 1px solid #057BC4;
        background-color: #fff;
        color: #057BC4;
        font-weight: 600;
        font-family: 'Lato';
    }
    
    div#sgpb-popup-dialog-main-div .blueThemes table tr td:last-child a {
        color: #fa9f6d;
        text-decoration: underline;
    }
    
    div#search-filter-results-249477 thead,
    div#search-filter-results-250453 thead,
    div#search-filter-results-249036 thead {
        display: table-header-group!important;
    }
    
    div#search-filter-results-249477 table.sayt-courseTable tbody tr td:nth-child(3),
    div#search-filter-results-249477 table.sayt-courseTable tbody tr td:nth-child(4),
    div#search-filter-results-249477 table.sayt-courseTable tbody tr td:nth-child(5) {
        text-align: left!important;
    }
    
    .sayt-followus a.addtoany_share img {
        width: 50px!important;
        height: 50px!important;
        /* margin: 0 auto; */
        /* display: flex; */
        /* justify-content: center; */
    }
    
    .sayt-followus .a2a_kit.a2a_kit_size_32.addtoany_list::after {
        content: 'Follow us';
        display: block;
        opacity: 1;
        font-weight: 700;
        color: #fff;
        position: relative;
        font-size: 12px;
        font-family: 'Lato';
        text-align: center;
        padding: 5px;
    }
    
    .sayt-followus .a2a_kit.a2a_kit_size_32.addtoany_list {
        line-height: 15px!important;
    }
    
    .sayt-followus .addtoany_list a {
        display: flex;
        margin: 0 auto;
        justify-content: center;
    }
    /*** Width 1280px to 1660px ***/
    
    @media (min-width: 1280px) and (max-width: 1660px) {
        .flexy_breadcrumb_section+.et_pb_section {
            width: 95%!important;
            margin-left: auto;
            margin-right: auto;
        }
        .flexy_breadcrumb_section .flexy_breadcrumb_row {
            width: 95%!important;
        }
    }
    
    @media (max-width: 1919px) {
        .sayt-followus {
            bottom: 250px!important;
        }
    }
    
    @media (max-width: 880px) {
        .page-id-249022 .search-filter-results,
        .page-id-249478 .search-filter-results,
        .page-id-250434 .search-filter-results {
            display: block;
            overflow-x: auto;
        }
        .course-searchBar table#myTable,
        .course-searchBar table#autumn-course_Table,
        .course-searchBar table#summer-course_Table {
            width: 200%;
        }
        .course-searchBar table#myTable,
        .course-searchBar table#autumn-course_Table,
        .course-searchBar table#summer-course_Table {
            margin-top: 1rem!important;
        }
        div#search-filter-results-249477 .grid-x.grid-margin-x.table-calendar .cell.medium-12,
        div#search-filter-results-250453 .grid-x.grid-margin-x.table-calendar .cell.medium-12 {
            width: 200%!important;
        }
    }
    
    .sgpb-main-html-content-wrapper {
        /* font-size: 14px!important; */
        font-family: 'Lato';
    }
    
    .sgpb-main-html-content-wrapper table tr td {
        font-size: 16px!important;
    }
    /*** Purple Popup ***/
    
    .purpleThemes .buttonBottom {
        display: none;
    }
    
    table.sayt-courseTable tbody tr.pagination td button {
        background-color: #65268b;
    }
    
    .page-id-249022 div#sgpb-popup-dialog-main-div div::-webkit-scrollbar-thumb {
        background-color: #65268b!important;
        outline: 1px solid #65268b!important;
    }
    /*** Orange Popup ***/
    
    table#autumn-course_Table tbody tr.pagination td button {
        background-color: #e77d47!important;
    }
    /*** Blue Popup ***/
    
    .page-id-250434 div#sgpb-popup-dialog-main-div div::-webkit-scrollbar-thumb {
        background-color: #127bc3!important;
        outline: 1px solid #127bc3!important;
    }
    
    table#summer-course_Table button {
        background-color: #127bc3!important;
    }
    
    .single-news_and_events .de-mega-menu-container {
        display: none!important;
    }
    
    .single-news_and_events .sayt-banner {
        margin-top: 120px;
    }
    
    .single-news_and_events .sayt-desktop-quick-link {
        margin-top: -120px;
    }
    
    @media (max-width: 1599px) {
        ul#menu-sayt a {
            font-size: 17px;
        }
        ul#menu-sayt a ul.sub-menu {
            font-size: 17px;
        }
    }
    /*** SAYT front page modify ***/
    
    body:has(#menu-sayt) div#backtotop {
        display: block !important;
        position: fixed !important;
        right: 18px !important;
        bottom: 24px !important;
        left: auto !important;
        z-index: 100000 !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    
    body:has(#menu-sayt) .sayt-backtotop-fallback button {
        width: 50px;
        height: 50px;
        border: 0;
        border-radius: 50%;
        background: #65288d;
        cursor: pointer;
        position: relative;
    }
    
    body:has(#menu-sayt) .sayt-backtotop-fallback button::before {
        content: "";
        position: absolute;
        left: 18px;
        top: 20px;
        width: 14px;
        height: 14px;
        border-top: 3px solid #fff;
        border-left: 3px solid #fff;
        transform: rotate(45deg);
    }
    
    .single-news_and_events .et_pb_gutters1 .et_pb_column_2_5,
    .single-news_and_events .et_pb_gutters1.et_pb_row .et_pb_column_2_5 {
        padding-right: 5%!important;
    }
    
    @media (min-width: 981px) and (max-width: 1439px) {
        body:has(#menu-sayt) div#backtotop {
            bottom: 24px !important;
            right: 18px !important;
        }
        #sticky-social-icons-container {
            top: 350px!important;
        }
        div#sticky-social-icons-container .fab:before {
            font-size: 30px !important;
        }
        div#sticky-social-icons-container i.fab.fa-instagram:after,
        div#sticky-social-icons-container i.fab.fa-facebook-f:after {
            font-size: 10px!important;
            line-height: 6!important;
        }
        div#sticky-social-icons-container i.fab.fa-facebook-f:before,
        div#sticky-social-icons-container i.fab.fa-instagram:before {
            line-height: 5rem !important;
        }
    }
    /*** SAYT Course offered ***/
    
    div#search-filter-results-249036 table.sayt-courseTable thead tr th:first-child {
        width: 10%!important;
    }
    
    div#search-filter-results-249036 table.sayt-courseTable thead tr th:nth-child(2) {
        width: 10%!important;
    }
    
    div#search-filter-results-249036 table.sayt-courseTable thead tr th:nth-child(3) {
        width: 60%!important;
    }
    
    div#search-filter-results-249036 table.sayt-courseTable thead tr th:nth-child(4) {
        width: 10%!important;
    }
    
    div#search-filter-results-249036 table.sayt-courseTable thead tr th:nth-child(5) {
        width: 10%!important;
    }
    
    div#search-filter-results-249036 table.sayt-courseTable thead tr th:nth-child(6) {
        width: 10%!important;
    }
    
    div#search-filter-results-249036 table.sayt-courseTable thead tr th:nth-child(7) {
        width: 10%!important;
    }
    
    div#search-filter-results-249036 table.sayt-courseTable thead tr th:last-child {
        width: 10%!important;
    }
    
    table.sayt-courseTable tbody tr.pagination td {
        vertical-align: top;
    }
    
    table.sayt-courseTable tbody tr.pagination td:nth-child(6) {
        vertical-align: middle;
    }
    
    @supports (-webkit-hyphens:none) {
        @media (min-width: 1800px) and (max-width: 2159px) {
            .et_pb_module.et_pb_blurb.et_pb_blurb_0_tb_header.sayt-apply.et_clickable.et_pb_text_align_center.et_pb_blurb_position_top.et_pb_bg_layout_light {
                top: calc(40% + 0px) !important;
            }
            #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
                top: calc(40% + 15px) !important;
            }
        }
    }
    
    @media (min-width: 1800px) and (max-width: 2159px) {
        .et_pb_module.et_pb_blurb.et_pb_blurb_0_tb_header.sayt-apply.et_clickable.et_pb_text_align_center.et_pb_blurb_position_top.et_pb_bg_layout_light {
            top: calc(36% + 0px) !important;
        }
        #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
            top: calc(36% + 45px) !important;
        }
    }
    
    @media (min-width: 0px) and (max-width: 991px) {
        div#sgpb-popup-dialog-main-div .blueTop+table tbody tr,
        div#sgpb-popup-dialog-main-div .orangeTop+table tbody tr,
        div#sgpb-popup-dialog-main-div .purpleTop+table tbody tr {
            display: grid;
            width: 100%;
        }
        div#sgpb-popup-dialog-main-div .blueTop+table tbody tr td,
        div#sgpb-popup-dialog-main-div .orangeTop+table tbody tr td,
        div#sgpb-popup-dialog-main-div .purpleTop+table tbody tr td {
            width: 100%!important;
        }
    }
    /**** Homepage ne slider ***/
    
    .sayt-ne-slider .swiper-button-prev:after,
    .sayt-ne-slider .swiper-button-next:after {
        color: #fff !important;
    }
    /*** Social Media Sticky Mobile ***/
    /* @media (max-width: 980px){
div#sticky-social-icons-container {
    background: #a248a3;
    border-radius: 15px;
}

div#sticky-social-icons-container:before {content: 'Social Media';color: #fff;padding: 1rem;display: block;width: 80px;font-family: 'Lato';font-weight: 600;line-height: 1.5;}

#sticky-social-icons-container li, #sticky-social-icons-container ul {
    opacity: 0;
    display: none;
}

div#sticky-social-icons-container:hover > ul, div#sticky-social-icons-container:active > ul, div#sticky-social-icons-container:hover > ul li, div#sticky-social-icons-container:active > ul li {
    display: block!important;
    opacity: 1!important;
}

div#sticky-social-icons-container:hover:before {
    display: none;
}

div#sticky-social-icons-container:hover {
    background: transparent;
}

div#sticky-social-icons-container:hover ~ ul, div#sticky-social-icons-container:active ~ ul {
    display: block !important;
    opacity: 1 !important;
}
}***/
    
    .et_pb_menu .et-menu>li {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    
    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)!important;
    }
    
    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a::before {
        background-size: 52px;
        width: 80px;
        height: 80px;
        border-radius: 15px 15px 15px 15px!important;
        background-color: #fff;
        opacity: 0.8;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    }
    
    .et_pb_row_7,
    body #page-container .et-db #et-boc .et-l .et_pb_row_7.et_pb_row,
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_7.et_pb_row,
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_7.et_pb_row,
    .et_pb_row_8,
    body #page-container .et-db #et-boc .et-l .et_pb_row_8.et_pb_row,
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_8.et_pb_row,
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_8.et_pb_row,
    .et_pb_row_9,
    body #page-container .et-db #et-boc .et-l .et_pb_row_9.et_pb_row,
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_9.et_pb_row,
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_9.et_pb_row,
    .et_pb_row_10,
    body #page-container .et-db #et-boc .et-l .et_pb_row_10.et_pb_row,
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_10.et_pb_row,
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_10.et_pb_row,
    .et_pb_row_11,
    body #page-container .et-db #et-boc .et-l .et_pb_row_11.et_pb_row,
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_11.et_pb_row,
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_11.et_pb_row,
    .et_pb_row_12,
    body #page-container .et-db #et-boc .et-l .et_pb_row_12.et_pb_row,
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_12.et_pb_row,
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_12.et_pb_row,
    .et_pb_row_13,
    body #page-container .et-db #et-boc .et-l .et_pb_row_13.et_pb_row,
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_13.et_pb_row,
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_13.et_pb_row,
    .et_pb_row_14,
    body #page-container .et-db #et-boc .et-l .et_pb_row_14.et_pb_row,
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_14.et_pb_row,
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_14.et_pb_row,
    .et_pb_row_15,
    body #page-container .et-db #et-boc .et-l .et_pb_row_15.et_pb_row,
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_15.et_pb_row,
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_15.et_pb_row,
    .et_pb_row_16,
    body #page-container .et-db #et-boc .et-l .et_pb_row_16.et_pb_row,
    body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_16.et_pb_row,
    body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_16.et_pb_row {
        width: 96%!important;
        max-width: 1620px;
    }
    
    div.et_pb_section.et_pb_section_12 {
        margin-top: 0!important;
    }
    
    #pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle a::before {
        border-radius: 15px 0px 0px 15px!important;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    }
    
    .et_pb_blurb_0_tb_header.et_pb_blurb {
        background-color: rgba(162, 73, 164, 0.8)!important;
    }
    
    .et_pb_blurb_0_tb_header.et_pb_blurb:hover {
        background-color: rgba(162, 73, 164)!important;
    }
    
    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
        background-color: rgba(255, 255, 255, 0)!important;
    }
    
    #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover::before {
        opacity: 1;
    }
    
    @media (max-width: 991px) {
        .sayt-apply {
            width: 60px !important;
            height: 60px;
        }
        .et_pb_module.et_pb_blurb.et_pb_blurb_0_tb_header.sayt-apply.et_clickable.et_pb_text_align_center.et_pb_blurb_position_top.et_pb_bg_layout_light {
            top: calc(35% + 0px) !important;
        }
        #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
            top: calc(35% + 35px) !important;
        }
        #sticky-social-icons-container li a,
        #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a::before {
            width: 60px!important;
            height: 60px!important;
        }
        .sayt-apply .et_pb_main_blurb_image {
            max-width: 40%!important;
        }
        .et_pb_module.et_pb_blurb.et_pb_blurb_0_tb_header.sayt-apply h4.et_pb_module_header {
            font-size: 11px!important;
        }
        .et_pb_module.et_pb_blurb.et_pb_blurb_0_tb_header.sayt-apply h4.et_pb_module_header span {
            font-size: 8px;
            line-height: 0;
        }
    }
    
    .sayt-news-events {
        position: relative;
    }
    
    .sayt-news-events:after {
        display: none;
        pointer-events: none;
    }
    
    .sayt-neb {
        position: static;
        background-color: #65288D;
    }
    
    .sayt-nebs a {
        display: block !important;
        position: absolute;
        inset: 0;
        z-index: 4;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0 !important;
        background: transparent !important;
        color: transparent !important;
        font-size: 0 !important;
        border-radius: 0;
    }
    
    .sayt-neb h3 {
        padding-bottom: 0;
    }
    
    .sayt-neimg {
        overflow: hidden;
    }
    
    .sayt-neimg img {
        transition: transform 0.35s ease;
    }
    
    .sayt-neb {
        transition: background-color 0.25s ease;
    }
    
    .sayt-news-events:hover {
        cursor: pointer;
    }
    
    .sayt-news-events:hover .sayt-neimg img {
        transform: scale(1.06);
    }
    
    .sayt-news-events:hover .sayt-neb {
        background-color: #7a35a3;
    }
    
    img.et_pb_animation_top.et-animated {
        margin: auto;
    }
    /* ===== SAYT revision pass ===== */
    /* Fixed SAYT header sits at the top of the viewport. */
    
    body.page-id-248307 header.et-l--header,
    body.parent-pageid-248683 header.et-l--header,
    body.parent-pageid-249031 header.et-l--header,
    body.parent-pageid-249283 header.et-l--header,
    body.parent-pageid-249435 header.et-l--header,
    body.parent-pageid-249457 header.et-l--header,
    body.parent-pageid-249777 header.et-l--header,
    body.parent-pageid-248307 header.et-l--header,
    body.single-news_and_events header.et-l--header {
        top: 0 !important;
    }
    /* Keep the banner below the header so the top of the photo is visible. */
    
    .page-id-248307 div#et-main-area div#main-content,
    .parent-pageid-248683 div#et-main-area div#main-content,
    .parent-pageid-249031 div#et-main-area div#main-content,
    .parent-pageid-249283 div#et-main-area div#main-content,
    .parent-pageid-249435 div#et-main-area div#main-content,
    .parent-pageid-249777 div#et-main-area div#main-content,
    .parent-pageid-248307 div#et-main-area,
    .parent-pageid-248683 div#et-main-area,
    .parent-pageid-249031 div#et-main-area,
    .parent-pageid-249283 div#et-main-area,
    .parent-pageid-249777 div#et-main-area {
        margin-top: 0 !important;
    }
    
    .sayt-banner,
    div#main-content .sayt-homepage-banner {
        background-position: center top !important;
    }
    
    #menu-sayt li a:after {
        bottom: 0;
    }
    /* Desktop menu from 981px. The hamburger menu is used below 980px. */
    
    @media (max-width: 980px) {
        body:has(#menu-sayt) .sayt-desktop-quick-link,
        body:has(#menu-sayt) .sayt-desktop-header {
            display: none !important;
        }
        body:has(#menu-sayt) .sayt-mobile-header {
            display: block !important;
        }
        .single-news_and_events .et_pb_gutters1 .et_pb_column_2_5,
        .single-news_and_events .et_pb_gutters1.et_pb_row .et_pb_column_2_5 {
            padding-right: 0!important;
        }
    }
    
    @media (min-width: 981px) {
        body:has(#menu-sayt) .sayt-desktop-header .et_pb_row {
            flex-wrap: nowrap !important;
            align-items: center !important;
        }
        body:has(#menu-sayt) .sayt-desktop-header .et_pb_column--with-menu {
            margin-left: auto !important;
            width: auto !important;
            flex: 0 0 auto !important;
        }
        #sayt-menu .et_pb_menu__menu,
        #sayt-menu .et-menu-nav,
        #sayt-menu ul#menu-sayt {
            display: flex !important;
            flex-wrap: nowrap !important;
            justify-content: flex-end !important;
            width: 100%;
            opacity: 1 !important;
            visibility: visible !important;
        }
        #sayt-menu .et_mobile_nav_menu,
        #sayt-menu .mobile_nav {
            display: none !important;
        }
        #menu-sayt>li {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }
        #menu-sayt>li>a {
            white-space: nowrap !important;
        }
        .sayt-desktop-quick-link .et_pb_column {
            display: flex !important;
            justify-content: flex-end !important;
            align-items: center !important;
        }
    }
    
    @media (min-width: 768px) and (max-width: 1500px) {
        ul#menu-sayt>li>a {
            padding-bottom: 0;
        }
        #menu-sayt>li {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }
        .sayt-desktop-header .et_pb_column_1_6 {
            width: 16% !important;
        }
        .sayt-desktop-header .et_pb_column--with-menu {
            width: auto !important;
            flex: 1 1 auto !important;
        }
    }
    
    @media (max-width: 980px) {
        #sayt-menu .et_pb_menu__menu {
            display: none !important;
        }
        #sayt-menu .et_mobile_nav_menu {
            display: flex !important;
            justify-content: flex-end !important;
            margin-left: auto !important;
            width: auto !important;
        }
        body:has(#menu-sayt) header.et-l--header .et_pb_row {
            width: 90% !important;
        }
        body:has(#menu-sayt) .sayt-mobile-header-menu {
            display: flex !important;
            justify-content: flex-end !important;
        }
    }
    /* Shrink header logos below 1300px so the main menu stays inside the header. */
    
    @media (min-width: 981px) and (max-width: 1300px) {
        body:has(#menu-sayt) .sayt-desktop-header .et_pb_column_1_6 {
            width: auto !important;
            max-width: none !important;
            flex: 0 0 auto !important;
        }
        body:has(#menu-sayt) #sayt img {
            height: clamp(32px, calc(24px + (100vw - 981px) * 0.035), 40px) !important;
            max-height: none !important;
        }
        ul#menu-sayt>li>a {
            font-size: 14px !important;
        }
        #menu-sayt>li {
            padding-left: 3px !important;
            padding-right: 3px !important;
        }
        #menu-sayt {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    }
    /* News captions share one height. */
    
    .sayt-neb {
        min-height: 96px;
        box-sizing: border-box;
        justify-content: flex-start;
    }
    
    .sayt-neb h3 {
        margin-bottom: 0;
    }
    /* Footer: drop the empty link box, separate the logo, loosen useful links. */
    
    .sayt-footer-menu a:empty,
    .et-l--footer a:empty {
        display: none !important;
    }
    
    .sayt-footer-menu {
        margin-top: 0 !important;
        padding-top: 4rem !important;
    }
    
    body:has(#menu-sayt) footer.et-l--footer .et_pb_column_2_tb_footer {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 16px !important;
        overflow: visible !important;
    }
    
    body:has(#menu-sayt) footer.et-l--footer .et_pb_column_2_tb_footer .et_pb_image,
    body:has(#menu-sayt) footer.et-l--footer .et_pb_column_2_tb_footer .et_pb_image_wrap {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
    
    body:has(#menu-sayt) footer.et-l--footer .et_pb_column_2_tb_footer img {
        height: clamp(36px, 8vw, 60px) !important;
        width: auto !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain !important;
    }
    
    @media (max-width: 980px) {
        .et-l--footer .et_pb_section_1_tb_footer .et_pb_row {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
        }
        .et-l--footer .et_pb_section_1_tb_footer .et_pb_text,
        .et-l--footer .et_pb_section_1_tb_footer h2,
        .et-l--footer .et_pb_section_1_tb_footer .et_pb_button_module_wrapper {
            width: 100% !important;
            max-width: 640px;
            text-align: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .et-l--footer .et_pb_section_1_tb_footer h2 {
            font-size: clamp(15px, 3.4vw, 20px) !important;
            line-height: 1.4 !important;
        }
        .et-l--footer .et_pb_section_1_tb_footer .et_pb_button {
            float: none !important;
        }
        .sayt-footer-menu .et_pb_text_inner p {
            margin-bottom: 0.85rem !important;
            line-height: 1.55 !important;
        }
        .sayt-footer-menu {
            margin-top: 0 !important;
            padding-top: 2.5rem !important;
        }
        .flexy_breadcrumb_section .flexy_breadcrumb_row,
        .flexy_breadcrumb_section+.et_pb_section>.et_pb_row,
        .sayt-background .wrapper,
        .sayt-courses.wrapper {
            width: 96% !important;
            max-width: 1620px !important;
            margin-left: auto !important;
            margin-right: auto !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
    }
    /* Publications covers: slightly smaller, more space, clear of Subscribe. */
    
    .page-id-249752 .et_pb_blurb_1 .et_pb_main_blurb_image img,
    .page-id-249752 .et_pb_blurb_2 .et_pb_main_blurb_image img {
        width: 82% !important;
        max-width: 420px;
        height: auto !important;
        margin-left: auto;
        margin-right: auto;
    }
    
    .page-id-249752 .et_pb_section_8 .et_pb_column {
        padding-left: 18px;
        padding-right: 18px;
    }
    
    .page-id-249752 .et_pb_section_8 {
        margin-bottom: 3.5rem !important;
        padding-bottom: 2rem !important;
    }
    
    @media (max-width: 980px) {
        .page-id-249752 .et_pb_section_8 .et_pb_column {
            margin-bottom: 2.5rem !important;
        }
        .page-id-249752 .et_pb_blurb_1,
        .page-id-249752 .et_pb_blurb_2 {
            margin-bottom: 1.5rem !important;
        }
        .page-id-249752 .et_pb_section_8 {
            margin-bottom: 4.5rem !important;
        }
    }
    /* People: larger names, equal cards, content aligned to the top. */
    
    .sayt-people-list {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }
    
    .sayt-people-list article {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        vertical-align: top;
        margin: 0;
    }
    
    .sayt-people-list article h2.entry-title,
    .sayt-people-list article h2.entry-title a {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }
    
    @media (max-width: 499px) {
        .sayt-people-list article h2.entry-title,
        .sayt-people-list article h2.entry-title a {
            font-size: 16px !important;
        }
    }
    /* Summer uses blue text. Summer and autumn button labels are centered.
       Footer Subscribe Now is excluded so it matches the SAYT homepage button. */
    
    .page-id-249457 #main-content .et_pb_button,
    .page-id-250434 #main-content .et_pb_button {
        color: #057BC4 !important;
        border-color: #057BC4 !important;
    }
    
    .page-id-249457 .et_pb_button_0.et_pb_bg_layout_dark,
    .page-id-250434 .et_pb_button_0.et_pb_bg_layout_dark {
        background-color: #057BC4 !important;
        color: #fff !important;
    }
    
    body.page-id-249457 .sayt-desktop-quick-link .zeno_font_resizer a,
    body.page-id-250434 .sayt-desktop-quick-link .zeno_font_resizer a,
    body.page-id-249457 .zeno_font_resizer_container a,
    body.page-id-250434 .zeno_font_resizer_container a {
        color: #ffffff !important;
    }
    
    .page-id-249457 .et_pb_text a,
    .page-id-249457 .et_pb_blurb a,
    .page-id-250434 .et_pb_text a,
    .page-id-249457 .AP-orangeTitle,
    .page-id-250434 .AP-orangeTitle,
    .page-id-249457 .timeline-main-title,
    .page-id-250434 .timeline-main-title {
        color: #057BC4 !important;
    }
    
    .page-id-249457 #main-content .et_pb_button,
    .page-id-249435 #main-content .et_pb_button,
    .page-id-250434 #main-content .et_pb_button,
    .page-id-249478 #main-content .et_pb_button {
        text-align: center !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        padding-left: 1.25em !important;
        padding-right: 1.25em !important;
    }
    
    .page-id-249457 #main-content .et_pb_button:after,
    .page-id-249435 #main-content .et_pb_button:after,
    .page-id-250434 #main-content .et_pb_button:after,
    .page-id-249478 #main-content .et_pb_button:after {
        position: static !important;
        margin-left: 0 !important;
        opacity: 0;
        width: 0;
        content: none !important;
    }
    
    .btn_an a,
    .applyNow_button .btn_an a,
    .summer_Apply-applyNow_button .btn_an a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-top: 0 !important;
        height: 100%;
    }
    
    @media (max-width: 980px) {
        .page-id-249457 .et_pb_section .et_pb_row .et_pb_column,
        .page-id-249435 .et_pb_section .et_pb_row .et_pb_column,
        .page-id-250434 .et_pb_section .et_pb_row .et_pb_column,
        .page-id-249478 .et_pb_section .et_pb_row .et_pb_column {
            width: 100% !important;
            margin-right: 0 !important;
        }
        .page-id-249457 #main-content .et_pb_button_module_wrapper,
        .page-id-249435 #main-content .et_pb_button_module_wrapper,
        .page-id-250434 #main-content .et_pb_button_module_wrapper,
        .page-id-249478 #main-content .et_pb_button_module_wrapper,
        body.page-id-249457 .et-l--post .et_pb_button_module_wrapper,
        body.page-id-250434 .et-l--post .et_pb_button_module_wrapper {
            display: block !important;
            width: 100% !important;
            float: none !important;
            text-align: center !important;
            margin-bottom: 0.75rem;
        }
        .page-id-249457 #main-content .et_pb_button,
        .page-id-250434 #main-content .et_pb_button,
        body.page-id-249457 .et-l--post .et_pb_button,
        body.page-id-250434 .et-l--post .et_pb_button,
        .page-id-249457 .applyNow_button,
        .page-id-249457 .summer_Apply-applyNow_button,
        .page-id-250434 .applyNow_button,
        .page-id-250434 .summer_Apply-applyNow_button {
            float: none !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .summer-course_leftright,
        .autumn-course_leftright {
            flex-direction: column !important;
        }
        .summer-course-button .summer-course_leftright .course-details-webVersion,
        .autumn-course-button .autumn-course_leftright .course-details-webVersion {
            margin-right: 0 !important;
            margin-bottom: 1rem;
        }
    }
    
    body.single-news_and_events #et-main-area {
        margin-top: 120px !important;
    }
    
    /* Review fix: news posts without body text used to hide the "News & Events"
       banner and breadcrumb; all news detail pages now show them consistently. */
    
    body.single-news_and_events .main-container {
        padding-top: 28px;
        padding-bottom: 56px;
        background: #fff;
    }
    
    body.single-news_and_events h1.entry-title,
    body.single-news_and_events .main-container .sayt-banner-title h1 {
        max-width: 1040px;
        margin: 8px auto 32px !important;
        font-size: 30px !important;
        line-height: 1.3 !important;
        font-weight: 600 !important;
        color: #6a5a92 !important;
        text-align: center;
    }
    
    body.single-news_and_events:has(.sayt-news-fallback) .et_post_meta_wrapper .post-meta,
    body.single-news_and_events article.et_pb_post:has(.sayt-news-fallback)>.entry-content+.et_post_meta_wrapper {
        display: none !important;
    }
    
    body.single-news_and_events:has(.sayt-news-fallback) .main-container .et_pb_row_3_tb_body {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 36px;
        width: min(1040px, 92%) !important;
        max-width: 1040px !important;
        margin: 0 auto 12px !important;
    }
    
    body.single-news_and_events:has(.sayt-news-fallback) .main-container .et_pb_row_3_tb_body>.et_pb_column_2_5 {
        width: 34% !important;
        max-width: 34% !important;
        margin: 0 !important;
        flex: 0 0 34%;
    }
    
    body.single-news_and_events:has(.sayt-news-fallback) .main-container .et_pb_row_3_tb_body>.et_pb_column_3_5 {
        width: calc(66% - 36px) !important;
        max-width: calc(66% - 36px) !important;
        margin: 0 !important;
        flex: 0 0 calc(66% - 36px);
    }
    
    body.single-news_and_events .main-container .et_pb_image,
    body.single-news_and_events .main-container .et_pb_image .et_pb_image_wrap,
    body.single-news_and_events .main-container .et_pb_image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        display: block;
    }
    
    body.single-news_and_events article.et_pb_post:has(.sayt-news-fallback) {
        display: grid;
        grid-template-columns: minmax(0, 0.56fr) minmax(0, 1fr);
        column-gap: 36px;
        align-items: start;
        max-width: 1040px;
        margin: 36px auto 64px;
        padding: 8px 24px 24px;
        background: transparent !important;
    }
    
    body.single-news_and_events article.et_pb_post:has(.sayt-news-fallback)>.et_post_meta_wrapper:first-child {
        display: contents;
    }
    
    body.single-news_and_events article.et_pb_post h1.entry-title {
        grid-column: 1 / -1;
    }
    
    body.single-news_and_events article.et_pb_post .et_post_meta_wrapper img {
        grid-column: 1;
        width: 100%;
        height: auto;
        align-self: start;
    }
    
    body.single-news_and_events article.et_pb_post .entry-content {
        grid-column: 2;
        align-self: start;
    }
    
    @media (max-width: 980px) {
        body.single-news_and_events:has(.sayt-news-fallback) .main-container .et_pb_row_3_tb_body {
            flex-direction: column !important;
            align-items: center !important;
            gap: 28px;
        }
        body.single-news_and_events:has(.sayt-news-fallback) .main-container .et_pb_row_3_tb_body>.et_pb_column_2_5,
        body.single-news_and_events:has(.sayt-news-fallback) .main-container .et_pb_row_3_tb_body>.et_pb_column_3_5 {
            width: min(560px, 100%) !important;
            max-width: min(560px, 100%) !important;
            flex: none;
        }
        body.single-news_and_events article.et_pb_post:has(.sayt-news-fallback) {
            grid-template-columns: 1fr;
            row-gap: 28px;
        }
        body.single-news_and_events article.et_pb_post:has(.sayt-news-fallback) h1.entry-title,
        body.single-news_and_events article.et_pb_post:has(.sayt-news-fallback) .et_post_meta_wrapper img,
        body.single-news_and_events article.et_pb_post:has(.sayt-news-fallback) .entry-content {
            grid-column: 1;
        }
    }
    
    @media (max-width: 600px) {
        body.single-news_and_events h1.entry-title,
        body.single-news_and_events .main-container .sayt-banner-title h1 {
            font-size: 24px !important;
        }
    }
    
    /* SAYT review v3: a post with an empty body showed the poster twice
       (theme-builder featured image + fallback). Hide the theme-builder
       image column and let the fallback poster + button take the row. */
    body.single-news_and_events:has(.sayt-news-fallback) .main-container .et_pb_row_3_tb_body>.et_pb_column_2_5 {
        display: none !important;
    }
    body.single-news_and_events:has(.sayt-news-fallback) .main-container .et_pb_row_3_tb_body>.et_pb_column_3_5 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100%;
    }
    .sayt-news-fallback img {
        width: auto !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .sayt-news-fallback {
        max-width: 760px;
        margin: 0 auto;
        padding: 0;
        text-align: center;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
    }
    
    .sayt-news-fallback img {
        width: 100%;
        height: auto;
        margin: 0 0 22px;
        border-radius: 0;
        display: block;
    }
    
    .sayt-news-fallback p {
        margin: 0;
        text-align: center;
    }
    
    .sayt-news-fallback .et_pb_button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        position: relative;
        margin: 0 auto;
        padding: 10px 42px 10px 20px !important;
        background: #65288d !important;
        border: 0 !important;
        border-radius: 6px !important;
        color: #fff !important;
        font-size: 16px !important;
        font-weight: 500;
        line-height: 1.2 !important;
        letter-spacing: 0;
    }
    
    .sayt-news-fallback .et_pb_button:after {
        content: "5" !important;
        right: 16px !important;
        left: auto !important;
        margin-left: 0 !important;
        color: #fff !important;
        font-size: 16px !important;
        line-height: 1 !important;
        opacity: 1 !important;
    }
    
    .sayt-news-fallback .et_pb_button:hover {
        background: #7a35a3 !important;
        border: 0 !important;
        color: #fff !important;
        padding: 10px 42px 10px 20px !important;
    }
    
    .sayt-news-fallback .et_pb_button:hover:after {
        color: #fff !important;
    }
    /* ===== SAYT comment pass: alignment, footer, sticky header ===== */
    /* Font resizer sits on the right edge of the menu column. */
    
    .sayt-desktop-quick-link .et_pb_column {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        gap: 12px;
    }
    
    .sayt-desktop-quick-link .et_pb_column>.et_pb_module,
    .sayt-desktop-quick-link .et_pb_social_media_follow,
    .sayt-desktop-quick-link .sayt-search {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .sayt-desktop-quick-link .zeno_font_resizer_container {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: auto !important;
    }
    
    .sayt-desktop-quick-link .et_pb_text:has(.zeno_font_resizer_container) {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: auto !important;
        flex: 0 0 auto !important;
    }
    /* Header stays in the document flow, then sticks while scrolling,
   so it does not sit on top of #nsci-slider at the start of the page. */
    
    body.page-id-248307 header.et-l.et-l--header,
    body.parent-pageid-248683 header.et-l.et-l--header,
    body.parent-pageid-249031 header.et-l.et-l--header,
    body.parent-pageid-249283 header.et-l.et-l--header,
    body.parent-pageid-249435 header.et-l.et-l--header,
    body.parent-pageid-249457 header.et-l.et-l--header,
    body.parent-pageid-249777 header.et-l.et-l--header,
    body.parent-pageid-248307 header.et-l.et-l--header,
    body.single-news_and_events header.et-l.et-l--header,
    body.page-id-242594 header.et-l.et-l--header {
        position: sticky !important;
        top: 0 !important;
        z-index: 1001 !important;
        width: 100%;
    }
    
    div#main-content .sayt-banner,
    div#main-content .sayt-homepage-banner {
        margin-top: 0 !important;
    }
    
    #nsci-slider {
        scroll-margin-top: 160px;
    }
    /* External-link mark before the last footer link. */
    
    .sayt-footer-menu .et_pb_text_inner p+p:last-child>a:only-child::before,
    footer.et-l.et-l--footer p+p:last-child>a:only-child::before {
        display: none !important;
        content: none !important;
    }
    
    footer.et-l.et-l--footer .et_pb_text_inner h2 {
        padding-bottom: 0 !important;
    }
    
    @media (max-width: 600px) {
        .et-l--footer .et_pb_section_1_tb_footer {
            padding-top: 16px !important;
            padding-bottom: 16px !important;
        }
        .et-l--footer .et_pb_section_1_tb_footer .et_pb_row,
        .et-l--footer .et_pb_section_1_tb_footer .et_pb_text,
        .et-l--footer .et_pb_section_1_tb_footer h2,
        .et-l--footer .et_pb_section_1_tb_footer .et_pb_button_module_wrapper {
            width: 100% !important;
            max-width: 280px !important;
        }
        .et-l--footer .et_pb_section_1_tb_footer h2 {
            font-size: 13px !important;
            line-height: 1.35 !important;
        }
        .et-l--footer .et_pb_section_1_tb_footer .et_pb_button {
            font-size: 12px !important;
            padding: 8px 14px !important;
        }
    }
    /* Equal space between footer columns; logo stays inside column 1. */
    
    @media (min-width: 981px) {
        footer.et-l.et-l--footer .footer-menu-inner-section {
            display: flex !important;
            flex-wrap: nowrap !important;
            align-items: flex-start !important;
            /*  column-gap: 32px !important;*/
            justify-content: flex-start !important;
        }
        footer.et-l.et-l--footer .footer-menu-inner-section>.et_pb_column:first-child {
            margin-right: -32px !important;
        }
        footer.et-l.et-l--footer .et_pb_column_2_tb_footer {
            width: auto !important;
            max-width: none !important;
            margin-right: 0 !important;
            flex: 0 0 auto !important;
            overflow: visible !important;
        }
        footer.et-l.et-l--footer .et_pb_column_3_tb_footer {
            width: calc(48% - 21px) !important;
            max-width: calc(48% - 21px) !important;
            margin-right: 0 !important;
            flex: 0 0 calc(48% - 21px) !important;
        }
        footer.et-l.et-l--footer .et_pb_column_4_tb_footer {
            width: calc(30% - 21px) !important;
            max-width: calc(30% - 21px) !important;
            margin-right: 0 !important;
            flex: 0 0 calc(30% - 21px) !important;
        }
        footer.et-l.et-l--footer .et_pb_column_3_tb_footer,
        footer.et-l.et-l--footer .et_pb_column_4_tb_footer {
            flex: 1 1 0 !important;
            width: auto !important;
            max-width: none !important;
        }
    }
    /* One wrapper width for header, footer, breadcrumb, and page content. */
    
    body:has(#menu-sayt) header.et-l--header .et_pb_row,
    body:has(#menu-sayt) footer.et-l--footer .et_pb_row,
    body:has(#menu-sayt) .flexy_breadcrumb_section .flexy_breadcrumb_row,
    body:has(#menu-sayt) .flexy_breadcrumb_section+.et_pb_section>.et_pb_row,
    body:has(#menu-sayt) .sayt-courses.wrapper,
    body:has(#menu-sayt) .sayt-background .wrapper,
    body:has(#menu-sayt) #main-content .et_pb_row:not(#nsci-slider),
    body:has(#menu-sayt) .et_pb_post_content .et_pb_row {
        width: 96% !important;
        max-width: 1620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    body.single-news_and_events:has(#menu-sayt):has(.sayt-news-fallback) #main-content .main-container .et_pb_row_3_tb_body:not(#nsci-slider) {
        width: min(1040px, 92%) !important;
        max-width: 1040px !important;
    }
    
    body:has(#menu-sayt) .flexy_breadcrumb_section+.et_pb_section {
        width: 100% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    body:has(#menu-sayt) header.et-l--header .et_pb_section,
    body:has(#menu-sayt) footer.et-l--footer .et_pb_section,
    body:has(#menu-sayt) .et-l--post .et_pb_section:not(.sayt-banner):not(.sayt-homepage-banner) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    @media (max-width: 980px) {
        body:has(#menu-sayt) div#main-content .homepage-four-card-section .homepage-four-card-row,
        body:has(#menu-sayt) .homepage-four-card-row {
            width: 100% !important;
            max-width: 1620px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }
    /* People cards: Chair, Members, and Secretariat share one card design. */
    
    body.page-id-248707 #sayt-chairman.sayt-people-list,
    body.page-id-248707 #sayt-members.sayt-people-list,
    body.page-id-248707 #sayt-secretariat.sayt-people-list {
        display: block !important;
        width: 100%;
    }
    
    body.page-id-248707 #sayt-chairman.sayt-people-list .et_pb_ajax_pagination_container,
    body.page-id-248707 #sayt-members.sayt-people-list .et_pb_ajax_pagination_container,
    body.page-id-248707 #sayt-secretariat.sayt-people-list .et_pb_ajax_pagination_container {
        display: flex !important;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 72px;
        width: 100% !important;
    }
    
    body.page-id-248707 #sayt-chairman.sayt-people-list article,
    body.page-id-248707 #sayt-members.sayt-people-list article,
    body.page-id-248707 #sayt-secretariat.sayt-people-list article {
        width: calc((100% - 216px) / 4) !important;
        flex: 0 0 calc((100% - 216px) / 4) !important;
        margin: 0 !important;
        padding: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        box-sizing: border-box;
        text-align: center !important;
        align-items: center !important;
        background-color: #fff;
        overflow: hidden;
    }
    
    body.page-id-248707 #sayt-chairman article a.entry-featured-image-url,
    body.page-id-248707 #sayt-members article a.entry-featured-image-url,
    body.page-id-248707 #sayt-secretariat article a.entry-featured-image-url {
        display: block !important;
        width: 100% !important;
        aspect-ratio: 4 / 5 !important;
        overflow: hidden;
        margin: 0 !important;
    }
    
    body.page-id-248707 #sayt-chairman article img,
    body.page-id-248707 #sayt-members article img,
    body.page-id-248707 #sayt-secretariat article img {
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        aspect-ratio: 4 / 5 !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
        display: block !important;
    }
    
    body.page-id-248707 .sayt-people-card-body {
        width: 100%;
        box-sizing: border-box;
        padding: 16px 18px 22px;
    }
    
    body.page-id-248707 #sayt-chairman article h2.entry-title,
    body.page-id-248707 #sayt-chairman article h2.entry-title a,
    body.page-id-248707 #sayt-chairman article .post-content,
    body.page-id-248707 #sayt-members article h2.entry-title,
    body.page-id-248707 #sayt-members article h2.entry-title a,
    body.page-id-248707 #sayt-members article .post-content,
    body.page-id-248707 #sayt-secretariat article h2.entry-title,
    body.page-id-248707 #sayt-secretariat article h2.entry-title a,
    body.page-id-248707 #sayt-secretariat article .post-content {
        text-align: center !important;
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .et_pb_section:has(+ .et_pb_section #sayt-secretariat) {
        margin-bottom: 0 !important;
        padding-bottom: 8px !important;
    }
    
    .et_pb_section:has(#sayt-secretariat),
    #sayt-secretariat {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    
    div#sayt-secretariat article {
        padding-top: 0 !important;
    }
    
    body:has(#menu-sayt) .sayt-footer-menu,
    body:has(#menu-sayt) footer.et-l--footer .et_pb_section_1_tb_footer {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    
    @media (max-width: 980px) {
        body.page-id-248707 #sayt-chairman.sayt-people-list article,
        body.page-id-248707 #sayt-members.sayt-people-list article,
        body.page-id-248707 #sayt-secretariat.sayt-people-list article {
            width: calc(50% - 36px) !important;
            flex-basis: calc(50% - 36px) !important;
        }
    }
    
    @media (max-width: 767px) {
        body.page-id-248707 #sayt-chairman.sayt-people-list article,
        body.page-id-248707 #sayt-members.sayt-people-list article,
        body.page-id-248707 #sayt-secretariat.sayt-people-list article {
            width: 100% !important;
            flex-basis: 100% !important;
        }
        .et_pb_column_13,
        .et_pb_column_14,
        .et_pb_column_15,
        .et_pb_column_16 {
            padding-bottom: 0;
        }
        .et_pb_row .et_pb_column.et_pb_column_1_4,
        .et_pb_row .et_pb_column.et_pb_column_1_5,
        .et_pb_row .et_pb_column.et_pb_column_1_6 {
            width: 100%;
            margin: 0 !important;
        }
    }
    /* SAYT review v4: "Application Procedures" timeline between 1201px and
       ~1360px. The two-sided layout above hangs the left posts 100px outside
       the 1024px .cool-timeline-wrapper and lets the right posts run ~100px
       past it (fine on wide screens where the row is 1600px), so on a
       1236–1335px window the posts stuck out of the Divi row on both sides
       (left ones almost touching the window edge, right ones further out than
       the left). Shrink the wrapper so that the overhang always stays inside
       the row: both sides then line up with the rest of the page content. */
    @media (min-width: 1201px) {
        .cool-timeline-wrapper {
            max-width: min(1024px, calc(100% - 202px)) !important;
        }
    }

    /* Summer application procedures: one column on tablet, centered online application. */
    
    @media (max-width: 1200px) {
        .page-id-249457 .cool-timeline .timeline-post.even,
        .page-id-249457 .cool-timeline .timeline-post.odd,
        .page-id-249435 .cool-timeline .timeline-post.even,
        .page-id-249435 .cool-timeline .timeline-post.odd,
        .page-id-250434 .cool-timeline .timeline-post.even,
        .page-id-250434 .cool-timeline .timeline-post.odd {
            width: auto !important;
            max-width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            padding-right: 0 !important;
            padding-left: 48px !important;
            float: none !important;
            clear: both !important;
        }
        .page-id-249457 .cool-timeline .timeline-post .timeline-content,
        .page-id-249435 .cool-timeline .timeline-post .timeline-content,
        .page-id-250434 .cool-timeline .timeline-post .timeline-content {
            width: auto !important;
            max-width: 100% !important;
            margin-left: 0 !important;
        }
        .page-id-249457 .cool-timeline .timeline-content::before,
        .page-id-249435 .cool-timeline .timeline-content::before,
        .page-id-250434 .cool-timeline .timeline-content::before {
            content: none !important;
            display: none !important;
        }
        .page-id-249457 .cool-timeline::before,
        .page-id-249435 .cool-timeline::before,
        .page-id-250434 .cool-timeline::before {
            left: 16px !important;
            margin-left: 0 !important;
        }
        body.page-id-249457 div#blueTimeline .timeline-icon.icon-dot-full.aos-init.aos-animate,
        body.page-id-249457 div#blueTimeline .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
        body.page-id-249457 div#blueTimeline .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
        body.page-id-249435 div#orangeTimeline .timeline-icon.icon-dot-full.aos-init.aos-animate,
        body.page-id-249435 div#orangeTimeline .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
        body.page-id-249435 div#orangeTimeline .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
        body.page-id-250434 .cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
        body.page-id-250434 .cool-timeline.white-timeline .timeline-post.odd .icon-dot-full {
            left: 0 !important;
            right: auto !important;
            margin: 0 0 0 5px !important;
        }
        .page-id-249457 .cool-timeline .timeline-post .timeline-meta,
        .page-id-249435 .cool-timeline .timeline-post .timeline-meta,
        .page-id-250434 .cool-timeline .timeline-post .timeline-meta {
            left: 0 !important;
            right: 0 !important;
            margin: 0 0 5px !important;
            position: relative !important;
            text-align: left !important;
            width: auto !important;
        }
    }
    
    @media (max-width: 980px) {
        .page-id-249457 .et_pb_section_8 .course-searchBar,
        .page-id-249457 .et_pb_section_8 .course-searchBar .et_pb_column,
        .page-id-249457 .et_pb_section_8 .course-searchBar .et_pb_blurb,
        .page-id-249457 .et_pb_section_8 .course-searchBar .et_pb_blurb_content,
        .page-id-249457 .et_pb_section_8 .course-searchBar .et_pb_blurb_container,
        .page-id-249457 .et_pb_section_8 .course-searchBar h4,
        .page-id-249457 .et_pb_section_8 .course-searchBar p,
        .page-id-249435 .et_pb_section_8 .course-searchBar,
        .page-id-249435 .et_pb_section_8 .course-searchBar .et_pb_column,
        .page-id-249435 .et_pb_section_8 .course-searchBar .et_pb_blurb,
        .page-id-249435 .et_pb_section_8 .course-searchBar .et_pb_blurb_content,
        .page-id-249435 .et_pb_section_8 .course-searchBar .et_pb_blurb_container,
        .page-id-249435 .et_pb_section_8 .course-searchBar h4,
        .page-id-249435 .et_pb_section_8 .course-searchBar p,
        .page-id-250434 .et_pb_section_8 .course-searchBar,
        .page-id-250434 .et_pb_section_8 .course-searchBar .et_pb_column,
        .page-id-250434 .et_pb_section_8 .course-searchBar .et_pb_blurb,
        .page-id-250434 .et_pb_section_8 .course-searchBar .et_pb_blurb_content,
        .page-id-250434 .et_pb_section_8 .course-searchBar .et_pb_blurb_container,
        .page-id-250434 .et_pb_section_8 .course-searchBar h4,
        .page-id-250434 .et_pb_section_8 .course-searchBar p {
            text-align: center !important;
        }
        .page-id-249457 .et_pb_section_8 .course-searchBar,
        .page-id-249435 .et_pb_section_8 .course-searchBar,
        .page-id-250434 .et_pb_section_8 .course-searchBar {
            padding-left: 28px !important;
            padding-right: 28px !important;
            box-sizing: border-box;
        }
    }
    
    @media (max-width: 600px) {
        body:has(#menu-sayt) footer.et-l.et-l--footer .et_pb_section_1_tb_footer h2,
        body:has(#menu-sayt) footer.et-l.et-l--footer .et_pb_section_1_tb_footer .et_pb_text_inner h2 {
            font-size: 13px !important;
            line-height: 1.35 !important;
        }
    }
    /* Footer top padding matches the bottom padding. */
    
    body:has(#menu-sayt) .sayt-footer-menu,
    body:has(#menu-sayt) footer.et-l--footer .et_pb_section_1_tb_footer {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    /* Homepage slider fills its frame at every width, below the header. */
    
    body.page-id-248307 .sayt-homepage-banner {
        aspect-ratio: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        overflow: hidden !important;
        position: relative !important;
        z-index: 1;
    }
    
    body.page-id-248307:has(#menu-sayt) #main-content .et_pb_row:not(#nsci-slider):has(.sayt-homepage-banner),
    body.page-id-248307:has(#menu-sayt) #main-content .et_pb_column:has(.sayt-homepage-banner) {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    body.page-id-248307 .sayt-homepage-banner>.et_pb_row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: auto !important;
    }
    
    body.page-id-248307 #nsci-slider,
    body.page-id-248307 .n2-section-smartslider,
    body.page-id-248307 .n2-ss-slider,
    body.page-id-248307 .n2-ss-slide {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        /* aspect-ratio: 1200 / 447 !important; */
        margin-left: 0 !important;
        left: 0 !important;
        position: relative !important;
        overflow: hidden !important;
    }
    
    body.page-id-248307 .n2-ss-slider [class*="n2-ss-slider-"],
    body.page-id-248307 .n2-ss-slide-backgrounds {
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
    }
    
    body.page-id-248307 .n2-ss-slide-background,
    body.page-id-248307 .n2-ss-slide-background>div,
    body.page-id-248307 .n2-ss-slide-background img,
    body.page-id-248307 .n2-ss-slide-background-image,
    body.page-id-248307 .n2-ss-slide-background-image img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
    
    body.page-id-248307 header.et-l--header {
        z-index: 20;
    }
    
    body.page-id-248707 .sayt-people-wrap,
    .page-id-248687 .et_pb_section_9.et_pb_with_background,
    .page-id-248687 .et_pb_section_11.et_pb_with_background,
    .page-id-248687 .et_pb_section_13.et_pb_with_background,
    .page-id-248687 .et_pb_section_15.et_pb_with_background {
        background-image: url("https://sci-cms.moltodigital.com/wp-content/uploads/section-bg.jpg") !important;
        background-size: cover !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
    }
    
    #sayt-members>.et_pb_ajax_pagination_container {
        display: flex;
        flex-wrap: wrap;
        gap: 2%;
    }
    
    #sayt-secretariat>.et_pb_ajax_pagination_container {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    
    .et_pb_blog_0 .et_pb_post .entry-title,
    .et_pb_blog_0 .not-found-title,
    .et_pb_blog_1 .et_pb_post .entry-title,
    .et_pb_blog_1 .not-found-title,
    .et_pb_blog_2 .et_pb_post .entry-title,
    .et_pb_blog_2 .not-found-title {
        padding: 25px 10px;
        width: 100%;
    }
    
    .et_pb_post .entry-featured-image-url {
        margin-bottom: 0!important;
    }
    /* Child-page banner sits against the menu. */
    
    body:has(#menu-sayt) .sayt-banner {
        margin-top: 0 !important;
    }
    
    body.page-id-248707 .et_pb_post_content .et_pb_row,
    body.page-id-248707 .sayt-people-section .et_pb_row {
        width: 96% !important;
        max-width: 1620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    body.page-id-248707 .sayt-people-wrap {
        width: 96% !important;
        max-width: 1620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
    
    body.page-id-248707 .sayt-people-wrap>.et_pb_section,
    body.page-id-248707 .sayt-people-wrap .et_pb_row {
        width: 100% !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    /* People card bands are full-width grey. Category headings stay white. */
    
    body.page-id-248707 .sayt-people-wrap>.et_pb_section.sayt-people-section {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-top: 40px !important;
        padding-bottom: 48px !important;
        box-sizing: border-box;
    }
    
    body.page-id-248707 .sayt-people-wrap .sayt-people-section>.et_pb_row {
        width: 96% !important;
        max-width: 1620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    /* Course list wrapper matches the header row. */
    
    body:has(#menu-sayt) .sayt-courses.wrapper {
        width: 96% !important;
        max-width: 1620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }
    
    @media (max-width: 980px) {
        body:has(#menu-sayt) .sayt-courses.wrapper {
            width: 90% !important;
        }
    }
    /* Subscribe button arrow sits inside the button, not on the edge. */
    
    body:has(#menu-sayt) footer .et_pb_button {
        padding-right: 48px !important;
        padding-left: 20px !important;
    }
    
    body:has(#menu-sayt) footer .et_pb_button:after {
        right: 16px !important;
        margin-left: 0 !important;
    }
    /* Footer logos: divider between the pair, centered on tablet. */
    
    body:has(#menu-sayt) footer.et-l--footer .et_pb_column:has(.et_pb_image+.et_pb_image) {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
    }
    
    body:has(#menu-sayt) footer.et-l--footer .et_pb_column:has(.et_pb_image+.et_pb_image) .et_pb_image:first-of-type {
        border-right: 1px solid #c5c5c5;
        padding-right: 16px !important;
        margin-right: 16px !important;
    }
    
    @media (max-width: 980px) {
        body:has(#menu-sayt) footer.et-l--footer .et_pb_column:has(.et_pb_image+.et_pb_image),
        body:has(#menu-sayt) footer.et-l--footer .et_pb_column_0_tb_footer,
        body:has(#menu-sayt) footer.et-l--footer .et_pb_column_2_tb_footer {
            width: 100% !important;
        }
        footer.et-l.et-l--footer .footer-menu-inner-section .footer-menu-inner-section-column:nth-child(2) .privacy-and-policy {
            padding-right: 0!important;
        }
        footer.et-l.et-l--footer .footer-menu-inner-section .footer-menu-inner-section-column:nth-child(2) .privacy-and-policy {
            padding-left: 0 !important;
            padding-right: 0 !important;
            margin-top: 10px!important;
            text-align: left;
        }
    }
    /* Homepage news cards: two columns on tablet, one on mobile. */
    
    @media (max-width: 1199px) {
        body.page-id-248307 .sayt-ne-slider,
        body.page-id-248307 .sayt-ne-slider .swiper-wrapper {
            height: auto !important;
            transform: none !important;
            width: 100% !important;
        }
        body.page-id-248307 .sayt-ne-slider {
            overflow: visible !important;
        }
        body.page-id-248307 .sayt-ne-slider .swiper-wrapper {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 24px !important;
        }
        body.page-id-248307 .sayt-ne-slider .swiper-slide {
            width: calc(50% - 12px) !important;
            margin: 0 !important;
            height: auto !important;
        }
        body.page-id-248307 .sayt-ne-slider .cell,
        body.page-id-248307 .sayt-ne-slider .medium-3 {
            width: 100% !important;
            max-width: none !important;
        }
        body.page-id-248307 .sayt-neimg {
            height: auto !important;
            aspect-ratio: 16 / 10;
        }
        body.page-id-248307 .sayt-neimg img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover !important;
        }
        body.page-id-248307 .sayt-ne-slider .swiper-button-prev,
        body.page-id-248307 .sayt-ne-slider .swiper-button-next {
            display: none !important;
        }
    }
    
    @media (max-width: 767px) {
        body.page-id-248307 .sayt-ne-slider .swiper-slide {
            width: 100% !important;
        }
        body:has(#menu-sayt) footer.et-l--footer .et_pb_section_1_tb_footer {
            padding-top: 20px!important;
        }
    }
    
    @media (max-width: 980px) {
        body:has(#menu-sayt) header.et-l--header .et_pb_row {
            width: 100% !important;
        }
        body:has(#menu-sayt) header.et-l--header .sayt-mobile-header-logo {
            width: 90% !important;
        }
        body:has(#menu-sayt) footer.et-l--footer .et_pb_row,
        body:has(#menu-sayt) .flexy_breadcrumb_section .flexy_breadcrumb_row,
        body:has(#menu-sayt) .sayt-courses.wrapper,
        body:has(#menu-sayt) .sayt-background .wrapper,
        body:has(#menu-sayt) #main-content .et_pb_row:not(#nsci-slider):not(:has(#nsci-slider)):not(:has(.sayt-homepage-banner)),
        body:has(#menu-sayt) .et_pb_post_content .et_pb_row,
        body.page-id-248707 .sayt-people-wrap,
        body.page-id-248707 .sayt-people-wrap .sayt-people-section>.et_pb_row {
            width: 90% !important;
            max-width: 1620px !important;
            padding: 0 !important;
        }
        body:has(#menu-sayt) .flexy_breadcrumb_section {
            padding: 10px 0;
        }
        body:has(#menu-sayt) footer.et-l--footer .et_pb_section.et_pb_section_1_tb_footer {
            padding-top: 22px !important;
        }
        body #page-container .et_pb_section .et_pb_button_0_tb_footer {
            font-size: 16px!important;
        }
    }
    /* Desktop: heading left, button right, both vertically centred. */
    
    @media (min-width: 981px) {
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer>.et_pb_row {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: space-between !important;
        }
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_column_3_4 {
            width: auto !important;
            max-width: none !important;
            flex: 1 1 auto !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_column_1_4 {
            width: auto !important;
            max-width: none !important;
            flex: 0 0 auto !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer h2,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_text,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_text_inner {
            text-align: left !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_button_module_wrapper {
            text-align: right !important;
            margin-left: auto !important;
            margin-right: 0 !important;
        }
    }
    
    @media (max-width: 980px) {
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer>.et_pb_row {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 16px !important;
        }
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_column_3_4,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_column_1_4 {
            width: 100% !important;
            max-width: none !important;
            flex: 0 1 auto !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer h2,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_text,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_text_inner,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_button_module_wrapper {
            text-align: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }
    
    @media (min-width: 981px) {
        body.page-id-248307 #main-content .et_pb_row:not(#nsci-slider):not(:has(#nsci-slider)):not(:has(.sayt-homepage-banner)),
        body.page-id-248307 #main-content .homepage-four-card-row {
            width: 96% !important;
            max-width: 1620px !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
    }
    
    @media (max-width: 600px) {
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_row,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_text,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer h2,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_button_module_wrapper {
            width: 100% !important;
            max-width: none !important;
        }
    }
    /* Slider stays in the flow at every width and starts below the header. */
    
    body.page-id-248307 #et-main-area,
    body.page-id-248307 #main-content {
        margin-top: 0 !important;
    }
    
    body.page-id-248307 .sayt-banner,
    body.page-id-248307 .sayt-homepage-banner {
        margin-top: 0 !important;
    }
    
    body.page-id-248307 .sayt-homepage-banner,
    body.page-id-248307 #nsci-slider,
    body.page-id-248307 .n2-ss-slider,
    body.page-id-248307 .n2-ss-slide {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .sayt-background {
        padding-top: 40px !important;
    }
    
    .sayt-news-events-page {
        width: 96% !important;
        max-width: 1620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box;
    }
    
    @media (max-width: 1499px) {
        body:has(#menu-sayt) .et_pb_menu__wrap .mobile_menu_bar {
            -webkit-transform: translateY(23%);
            transform: translateY(23%);
        }
        .sayt-news-events-page {
            width: 90% !important;
        }
    }
    
    @media (max-width: 1200px) {
        body.page-id-248707 #sayt-chairman.sayt-people-list .et_pb_ajax_pagination_container,
        body.page-id-248707 #sayt-members.sayt-people-list .et_pb_ajax_pagination_container,
        body.page-id-248707 #sayt-secretariat.sayt-people-list .et_pb_ajax_pagination_container {
            gap: 24px !important;
        }
        body.page-id-248707 #sayt-chairman.sayt-people-list article,
        body.page-id-248707 #sayt-members.sayt-people-list article,
        body.page-id-248707 #sayt-secretariat.sayt-people-list article {
            width: calc((100% - 72px) / 4) !important;
            flex-basis: calc((100% - 72px) / 4) !important;
        }
    }
    
    @media (max-width: 980px) {
        body.page-id-248707 #sayt-chairman.sayt-people-list article,
        body.page-id-248707 #sayt-members.sayt-people-list article,
        body.page-id-248707 #sayt-secretariat.sayt-people-list article {
            width: calc(50% - 12px) !important;
            flex-basis: calc(50% - 12px) !important;
        }
    }
    
    @media (max-width: 767px) {
        body.page-id-248707 #sayt-chairman.sayt-people-list article,
        body.page-id-248707 #sayt-members.sayt-people-list article,
        body.page-id-248707 #sayt-secretariat.sayt-people-list article {
            width: 100% !important;
            flex-basis: 100% !important;
        }
        #sayt img,
        .sayt-mobile-header-logo img {
            height: 40px!important;
        }
    }
    
    @media (max-width: 1499px) {
        body:has(#menu-sayt) header.et-l--header .et_pb_row {
            width: 90% !important;
        }
    }
    
    @media (max-width: 980px) {
        body:has(#menu-sayt) header.et-l--header .et_pb_row {
            width: 100% !important;
            padding-left: 5%;
            padding-right: calc(5% - 13px);
        }
    }
    /* Introduction members and secretariat: 4 cards per line, cards aligned left. */
    
    body.page-id-248687 .et_pb_row:has(#sayt-members),
    body.page-id-248687 .et_pb_column:has(#sayt-members),
    body.page-id-248687 .et_pb_row:has(#sayt-secretariat),
    body.page-id-248687 .et_pb_column:has(#sayt-secretariat) {
        width: 100% !important;
        max-width: none !important;
    }
    
    body.page-id-248687 #sayt-members.sayt-people-list,
    body.page-id-248687 #sayt-secretariat.sayt-people-list {
        display: block !important;
        width: 96% !important;
        max-width: 1620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    body.page-id-248687 #sayt-members>.et_pb_ajax_pagination_container,
    body.page-id-248687 #sayt-secretariat>.et_pb_ajax_pagination_container {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        width: 100% !important;
    }
    
    body.page-id-248687 #sayt-members>.et_pb_ajax_pagination_container {
        gap: 32px !important;
    }
    
    body.page-id-248687 #sayt-secretariat>.et_pb_ajax_pagination_container {
        gap: 2% !important;
    }
    
    body.page-id-248687 #sayt-members>.et_pb_ajax_pagination_container>div,
    body.page-id-248687 #sayt-secretariat>.et_pb_ajax_pagination_container>div {
        display: none !important;
    }
    
    body.page-id-248687 #sayt-members article {
        width: calc((100% - 96px) / 4) !important;
        flex: 0 0 calc((100% - 96px) / 4) !important;
        max-width: calc((100% - 96px) / 4) !important;
        margin: 0 !important;
        box-sizing: border-box;
    }
    
    body.page-id-248687 #sayt-secretariat article {
        width: calc((100% - 6%) / 4) !important;
        flex: 0 0 calc((100% - 6%) / 4) !important;
        max-width: calc((100% - 6%) / 4) !important;
        margin: 0 !important;
        box-sizing: border-box;
    }
    
    body.page-id-248687 #sayt-secretariat article .entry-featured-image-url,
    body.page-id-248687 #sayt-secretariat article img {
        display: none !important;
    }
    
    @media (max-width: 980px) {
        body.page-id-248687 #sayt-members article {
            width: calc((100% - 32px) / 2) !important;
            flex: 0 0 calc((100% - 32px) / 2) !important;
            max-width: calc((100% - 32px) / 2) !important;
        }
        body.page-id-248687 #sayt-secretariat>.et_pb_ajax_pagination_container {
            gap: 2% !important;
        }
        body.page-id-248687 #sayt-secretariat article {
            width: calc((100% - 2%) / 2) !important;
            flex: 0 0 calc((100% - 2%) / 2) !important;
            max-width: calc((100% - 2%) / 2) !important;
        }
    }
    
    @media (max-width: 1500px) and (min-width: 981px) {
        body.page-id-248687 .et_pb_row:has(#sayt-members),
        body.page-id-248687 .et_pb_row:has(#sayt-secretariat) {
            width: 90% !important;
            max-width: none !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        body.page-id-248687 .et_pb_column:has(#sayt-members),
        body.page-id-248687 .et_pb_column:has(#sayt-secretariat) {
            width: 100% !important;
            max-width: none !important;
        }
        body.page-id-248687 #sayt-members.sayt-people-list,
        body.page-id-248687 #sayt-secretariat.sayt-people-list {
            width: 100% !important;
            max-width: none !important;
        }
        body.page-id-248687 #sayt-members>.et_pb_ajax_pagination_container,
        body.page-id-248687 #sayt-secretariat>.et_pb_ajax_pagination_container {
            display: grid !important;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            justify-content: start !important;
            align-items: stretch !important;
        }
        body.page-id-248687 #sayt-members>.et_pb_ajax_pagination_container {
            gap: 32px !important;
        }
        body.page-id-248687 #sayt-secretariat>.et_pb_ajax_pagination_container {
            gap: 2% !important;
        }
        body.page-id-248687 #member-section article,
        body.page-id-248687 #sayt-members article,
        body.page-id-248687 #secretariat-section article,
        body.page-id-248687 #sayt-secretariat article {
            width: 100% !important;
            flex: none !important;
            max-width: none !important;
            margin: 0 !important;
        }
    }
    
    @media (min-width: 1501px) {
        .et_pb_row_7,
        body #page-container .et-db #et-boc .et-l .et_pb_row_7.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_7.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_7.et_pb_row,
        .et_pb_row_8,
        body #page-container .et-db #et-boc .et-l .et_pb_row_8.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_8.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_8.et_pb_row,
        .et_pb_row_9,
        body #page-container .et-db #et-boc .et-l .et_pb_row_9.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_9.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_9.et_pb_row,
        .et_pb_row_10,
        body #page-container .et-db #et-boc .et-l .et_pb_row_10.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_10.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_10.et_pb_row,
        .et_pb_row_11,
        body #page-container .et-db #et-boc .et-l .et_pb_row_11.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_11.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_11.et_pb_row,
        .et_pb_row_12,
        body #page-container .et-db #et-boc .et-l .et_pb_row_12.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_12.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_12.et_pb_row,
        .et_pb_row_13,
        body #page-container .et-db #et-boc .et-l .et_pb_row_13.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_13.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_13.et_pb_row,
        .et_pb_row_14,
        body #page-container .et-db #et-boc .et-l .et_pb_row_14.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_14.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_14.et_pb_row,
        .et_pb_row_15,
        body #page-container .et-db #et-boc .et-l .et_pb_row_15.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_15.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_15.et_pb_row,
        .et_pb_row_16,
        body #page-container .et-db #et-boc .et-l .et_pb_row_16.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_16.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_16.et_pb_row .sayt-people-list article a.entry-featured-image-url {
            width: 96%!important;
            max-width: 1620px!important;
        }
    }
    /* Dropdown arrows sit on the same line as the menu label. */
    
    #menu-sayt>li.menu-item-has-children>a:after {
        top: 50% !important;
        bottom: auto !important;
        height: auto !important;
        line-height: 1 !important;
        margin-top: 0 !important;
        transform: translateY(calc(-50% - 3px));
        right: 5px;
    }
    
    #menu-sayt>li:not(.menu-item-has-children)>a {
        padding-right: 8px !important;
    }
    
    #sayt-menu ul.et_mobile_menu li.menu-item-has-children>a {
        position: relative;
    }
    
    #sayt-menu ul.et_mobile_menu li.menu-item-has-children>a::after {
        content: "3" !important;
        font-family: ETmodules !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        display: inline-block !important;
        line-height: 1 !important;
        position: absolute !important;
        right: 16px !important;
        top: 50% !important;
        bottom: auto !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        border: 0 !important;
        background: none !important;
        transform: translateY(-50%);
    }
    /* Drop the extra green toggle arrow. The label arrow above is the one to keep. */
    
    div#et-boc #sayt-menu ul.et_mobile_menu li.menu-item-has-children>a.mobile-toggle::after {
        display: none !important;
        content: none !important;
        background: none !important;
    }
    
    #sayt-menu ul.et_mobile_menu li.dt-open>a::after,
    #sayt-menu ul.et_mobile_menu li.visible>a::after {
        content: "2" !important;
        font-family: ETmodules !important;
    }
    
    body:has(#menu-sayt) footer .et_pb_button {
        transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    }
    
    body:has(#menu-sayt) footer .et_pb_button:hover {
        background-color: #ef905a !important;
        border-color: #ef905a !important;
        color: #fff !important;
        transform: translateY(-2px);
    }
    
    body.page-id-249677 .flexy_breadcrumb_section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    body.page-id-249677 .flexy_breadcrumb_section .flexy_breadcrumb_row,
    body.page-id-249677 .sayt-news-events-page {
        width: 96% !important;
        max-width: 1620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }
    
    @media (max-width: 1500px) {
        body.page-id-248307 #main-content .et_pb_row:not(#nsci-slider):not(:has(#nsci-slider)):not(:has(.sayt-homepage-banner)),
        body.page-id-248307 #main-content .homepage-four-card-row,
        body.page-id-249677 .flexy_breadcrumb_section .flexy_breadcrumb_row,
        body.page-id-249677 .sayt-news-events-page {
            width: 90% !important;
            max-width: none !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        body:has(#menu-sayt) footer.et-l--footer .et_pb_row,
        body:has(#menu-sayt) .flexy_breadcrumb_section .flexy_breadcrumb_row,
        body:has(#menu-sayt) .flexy_breadcrumb_section+.et_pb_section>.et_pb_row,
        body:has(#menu-sayt) .sayt-courses.wrapper,
        body:has(#menu-sayt) .sayt-background .wrapper,
        body:has(#menu-sayt) #main-content .et_pb_row:not(#nsci-slider),
        body:has(#menu-sayt) .et_pb_post_content .et_pb_row,
        .et_pb_row_7,
        body #page-container .et-db #et-boc .et-l .et_pb_row_7.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_7.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_7.et_pb_row,
        .et_pb_row_8,
        body #page-container .et-db #et-boc .et-l .et_pb_row_8.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_8.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_8.et_pb_row,
        .et_pb_row_9,
        body #page-container .et-db #et-boc .et-l .et_pb_row_9.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_9.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_9.et_pb_row,
        .et_pb_row_10,
        body #page-container .et-db #et-boc .et-l .et_pb_row_10.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_10.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_10.et_pb_row,
        .et_pb_row_11,
        body #page-container .et-db #et-boc .et-l .et_pb_row_11.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_11.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_11.et_pb_row,
        .et_pb_row_12,
        body #page-container .et-db #et-boc .et-l .et_pb_row_12.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_12.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_12.et_pb_row,
        .et_pb_row_13,
        body #page-container .et-db #et-boc .et-l .et_pb_row_13.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_13.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_13.et_pb_row,
        .et_pb_row_14,
        body #page-container .et-db #et-boc .et-l .et_pb_row_14.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_14.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_14.et_pb_row,
        .et_pb_row_15,
        body #page-container .et-db #et-boc .et-l .et_pb_row_15.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_15.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_15.et_pb_row,
        .et_pb_row_16,
        body #page-container .et-db #et-boc .et-l .et_pb_row_16.et_pb_row,
        body.et_pb_pagebuilder_layout.single #page-container #et-boc .et-l .et_pb_row_16.et_pb_row,
        body.et_pb_pagebuilder_layout.single.et_full_width_page #page-container #et-boc .et-l .et_pb_row_16.et_pb_row {
            width: 90%!important;
        }
        #menu-sayt>li.menu-item-has-children>a:after {
            transform: translateY(-50%);
        }
    }
    
    @media (max-width: 1300px) {
        #menu-sayt>li.menu-item-has-children>a:after {
            transform: translateY(-50%);
        }
        body.page-id-249677 .flexy_breadcrumb_section .flexy_breadcrumb_row,
        body.page-id-249677 .sayt-news-events-page {
            width: 90% !important;
        }
    }
    
    @media (max-width: 767px) {
        body.page-id-248307 .homepage-four-card-section {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        body.page-id-248307 .homepage-four-card-row {
            display: flex !important;
            flex-direction: column !important;
            width: 90% !important;
            max-width: none !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        body.page-id-248307 .homepage-four-card-row>.et_pb_column {
            width: 100% !important;
            max-width: 100% !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
    }
    
    @media (max-width: 980px) and (min-width: 601px) {
        body:has(#menu-sayt) footer.et-l--footer .et_pb_section.et_pb_section_1_tb_footer {
            padding-left: 28px !important;
            padding-right: 28px !important;
        }
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer h2,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_text,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_button_module_wrapper {
            max-width: none !important;
        }
        body:has(#menu-sayt) footer .et_pb_section.et_pb_section_2_tb_footer.sayt-footer-menu {
            padding-top: 40px !important;
        }
    }
    
    @media (max-width: 980px) {
        body:has(#menu-sayt) #footer-links p,
        body:has(#menu-sayt) footer .et_pb_text_5_tb_footer p {
            padding-top: 0 !important;
            padding-bottom: 4px !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer h2,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer .et_pb_text_inner h2,
        body:has(#menu-sayt) footer .et_pb_section_1_tb_footer h2 span {
            font-size: 16px !important;
            line-height: 1.35 !important;
            white-space: nowrap;
        }
        body #page-container .et_pb_section .et_pb_button_0_tb_footer {
            font-size: 16px;
            padding: 10px 38px 10px 20px !important;
        }
    }
    
    .sayt-courses .sayt-accordion:last-of-type {
        margin-bottom: 64px !important;
    }
    
    body:has(#menu-sayt) .sayt-background {
        padding-bottom: 48px !important;
    }
    
    .sayt-course-table thead,
    .sayt-course-table thead tr,
    .sayt-course-table thead th {
        background: #fff !important;
        background-color: #fff !important;
    }
    
    body.page-id-285578 .sayt-course-table thead,
    body.page-id-285578 .sayt-course-table thead tr,
    body.page-id-285578 .sayt-course-table thead th {
        background: #dddddd !important;
        background-color: #dddddd !important;
    }
    
    .page-id-249752 .et-l--footer {
        margin-top: -60px;
    }
    /* Review fix: floating "Online Application" button and the accessibility
       toggle were touching. Divi centres the blurb on its `top` value
       (translateY(-50%)), so the toggle must sit at least half the button
       height (99px desktop / 60px mobile) plus a gap below the same `top`.
       Breakpoints mirror the existing rules in main.css / sayt.css above. */
    body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
        top: calc(45% + 56px) !important;
    }
    @supports (-webkit-hyphens: none) {
        @media (min-width: 1800px) and (max-width: 2159px) {
            body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
                top: calc(40% + 56px) !important;
            }
        }
    }
    @media (min-width: 1800px) and (max-width: 2159px) {
        body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
            top: calc(36% + 56px) !important;
        }
    }
    @media (min-width: 2160px) and (max-width: 2399px) {
        body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
            top: calc(35% + 56px) !important;
        }
    }
    @media (min-width: 2400px) and (max-width: 2799px) {
        body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
            top: calc(32% + 56px) !important;
        }
    }
    @media (min-width: 2800px) and (max-width: 3199px) {
        body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
            top: calc(26% + 56px) !important;
        }
    }
    @media (min-width: 3200px) and (max-width: 3599px) {
        body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
            top: calc(23% + 56px) !important;
        }
    }
    @media (min-width: 3600px) and (max-width: 3999px) {
        body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
            top: calc(21% + 56px) !important;
        }
    }
    @media (max-width: 991px) {
        body #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
            top: calc(35% + 46px) !important;
        }
    }

    /* Review fix: the "Online Application" icon used Divi's slide-in image
       animation, so it only appeared a moment after the page loaded. */
    body .sayt-apply .et_pb_main_blurb_image img.et-waypoint,
    body .sayt-apply .et_pb_main_blurb_image img.et-waypoint.et-animated {
        opacity: 1 !important;
        animation: none !important;
        transform: none !important;
    }

    /* Review fix v2: "Online Application" is a square like the accessibility
       toggle (80x80 desktop, 60x60 below 992px). The blurb content used to add
       a 20px bottom margin, which made the button ~100px tall. */
    body .et_pb_module.et_pb_blurb.sayt-apply {
        width: 80px !important;
        height: 80px !important;
        padding: 6px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        box-sizing: border-box !important;
    }
    body .sayt-apply .et_pb_blurb_content {
        margin: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    body .sayt-apply .et_pb_main_blurb_image {
        width: 30px !important;
        max-width: 30px !important;
        margin: 0 0 4px !important;
        line-height: 0 !important;
    }
    body .sayt-apply .et_pb_main_blurb_image img {
        width: 30px !important;
        height: 30px !important;
    }
    body .sayt-apply h4.et_pb_module_header {
        font-size: 11px !important;
        line-height: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    @media (max-width: 991px) {
        body .et_pb_module.et_pb_blurb.sayt-apply {
            width: 60px !important;
            height: 60px !important;
            padding: 4px !important;
        }
        body .sayt-apply .et_pb_main_blurb_image,
        body .sayt-apply .et_pb_main_blurb_image img {
            width: 22px !important;
            max-width: 22px !important;
            height: auto !important;
        }
        body .sayt-apply .et_pb_main_blurb_image {
            margin-bottom: 3px !important;
        }
        body .sayt-apply h4.et_pb_module_header {
            font-size: 8px !important;
            line-height: 9px !important;
        }
        body .sayt-apply h4.et_pb_module_header span {
            font-size: 8px !important;
            line-height: 9px !important;
        }
    }

    /* Review fix v2: homepage banner on phones. custom.css (old main-site
       slider) forces "#nsci-slider .n2-ss-slider { height: 280px }" below 768px,
       which cropped the left/right of the 1200x450 slides. Let the slider keep
       its own aspect ratio so the whole image is visible. */
    body.page-id-248307 #nsci-slider .n2-ss-slider {
        height: auto !important;
        min-height: 0 !important;
    }

    /* Review fix v2: keep the banner's space while the slideshow loads, so the
       four cards never jump to the top of the page. The slider is 1200x450
       fullwidth (aspect ratio 0.375). v3 showed a CSS spinner in the
       placeholder; the client does not want any loading icon on the banner
       (v3 + v4 "Banner有個loading icon"), so the placeholder is now a plain
       light panel – no spinner. */
    body.page-id-248307 #nsci-slider:not(:has(#n2-ss-8 .n2-ss-slide-active)) {
        position: relative;
        min-height: calc(100vw * 450 / 1200);
        background: #f4eff8;
    }

    /* Review fix v2: news detail pages had a 120px white gap between the logo
       and the "News & Events" banner on phones/tablets. The desktop header pulls
       its quick-link bar up by 120px and #et-main-area pushes the content back
       down by 120px; below 980px the quick-link bar is hidden, so only the
       120px push remained. */
    @media (max-width: 980px) {
        body.single-news_and_events #et-main-area {
            margin-top: 0 !important;
        }
    }

    /* ==================================================================
       SAYT review v3
       ================================================================== */

    /* v3: Course search bar (Summer / Autumn web version). The legacy rules
       floated the fields, forced fixed heights and pulled the reset button up
       with a negative margin, so between ~880px and ~1100px the fields
       overlapped each other. Lay the form out with flexbox instead. */
    .course-searchBar form.searchandfilter > ul {
        display: flex !important;
        flex-wrap: wrap;
        gap: 12px;
        align-items: stretch;
        margin: 0 0 1.5rem !important;
        padding: 0 !important;
    }
    .course-searchBar form.searchandfilter > ul > li {
        float: none !important;
        display: block !important;
        position: static !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
    .course-searchBar form.searchandfilter > ul > li label {
        display: block;
        width: 100%;
        height: auto !important;
        margin: 0;
    }
    .course-searchBar form.searchandfilter li.sf-field-search {
        flex: 1 1 220px;
    }
    .course-searchBar form.searchandfilter li.sf-field-taxonomy-scCat,
    .course-searchBar form.searchandfilter li.sf-field-taxonomy-scSubArea,
    .course-searchBar form.searchandfilter li.sf-field-taxonomy-acCat,
    .course-searchBar form.searchandfilter li.sf-field-taxonomy-acSubArea,
    .course-searchBar form.searchandfilter li.sf-field-taxonomy-coCat,
    .course-searchBar form.searchandfilter li.sf-field-taxonomy-coSubArea {
        flex: 1 1 240px;
    }
    .course-searchBar form.searchandfilter li.sf-field-submit {
        flex: 0 0 auto;
    }
    .course-searchBar form.searchandfilter li.sf-field-reset,
    .course-searchBar div#search-bar li.sf-field-reset {
        flex: 0 0 40px;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 40px !important;
        height: 40px !important;
        right: auto !important;
        border: 0 !important;
    }
    .course-searchBar form.searchandfilter input.sf-input-text,
    .course-searchBar form.searchandfilter select.sf-input-select,
    .course-searchBar form.searchandfilter input[type="submit"],
    .course-searchBar div#search-bar li.sf-field-search input.sf-input-text,
    .course-searchBar div#search-bar select.sf-input-select {
        position: static !important; /* main CSS makes them absolute below 980px */
        box-sizing: border-box;
        width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        margin: 0 !important;
        font-size: 15px;
    }
    .course-searchBar form.searchandfilter input[type="submit"] {
        width: 120px !important;
        padding: 0 !important;
    }
    .course-searchBar div#search-bar li.sf-field-search,
    .course-searchBar div#search-bar li.sf-field-search label {
        height: auto !important;
    }
    /* v3 (second round): every control the same height (the legacy
       "div#search-bar" rules above still forced the text field and the
       selects to 35px while Submit / Reset are 40px); the selected option
       no longer runs under the arrow (room reserved for the 36px SVG arrow
       that the new-header stylesheet paints at the right edge); Submit gets
       the same treatment as the Reset button next to it – filled, white
       text, no border. These selectors repeat the id so they beat the
       legacy ones. */
    .course-searchBar.course-searchBar div#search-bar li.sf-field-search input.sf-input-text,
    .course-searchBar.course-searchBar div#search-bar select.sf-input-select,
    .course-searchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"],
    .course-searchBar.course-searchBar div#search-bar li.sf-field-reset {
        height: 42px !important;
        min-height: 42px !important;
        line-height: 40px !important;
        border-radius: 3px !important;
        font-size: 15px !important;
    }
    .course-searchBar.course-searchBar div#search-bar li.sf-field-search input.sf-input-text {
        padding: 0 14px !important;
    }
    .course-searchBar.course-searchBar div#search-bar select.sf-input-select {
        padding: 0 44px 0 14px !important;
        background-position: right 4px center !important;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .course-searchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"],
    .course-searchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"]:hover,
    .course-searchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"]:focus {
        background-color: #65278c !important; /* Summer: purple, like Reset */
        border: 0 !important;
        color: #fff !important;
        font-weight: 600;
        cursor: pointer;
        transition: background-color 0.2s;
    }
    .course-searchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"]:hover {
        background-color: #4f1d6e !important;
    }
    .autumn_courseSearchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"],
    .autumn_courseSearchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"]:focus {
        background-color: #f7882f !important; /* Autumn: orange, like Reset */
    }
    .autumn_courseSearchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"]:hover {
        background-color: #e0731c !important;
    }
    .course-searchBar.course-searchBar div#search-bar li.sf-field-reset {
        width: 42px !important;
        flex-basis: 42px;
    }
    /* v4: (a) the select arrow painted by the new-header stylesheet is a
       36x55.8 SVG in a 42px box, so the chevron sat a little above the
       text and it was purple (#5c33ad) while the option text is #2e1a4c.
       Draw our own 14x8 chevron, vertically centred, in the text colour.
       (b) The Summer web-version bar is blue like its table (#057bc4) –
       borders, Submit and Reset – instead of the site purple. Autumn keeps
       the orange rules above. */
    .course-searchBar.course-searchBar div#search-bar select.sf-input-select {
        color: #2e1a4c !important;
        background-color: #fff !important;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%232e1a4c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right 14px center !important;
        background-size: 14px 8px !important;
        -webkit-appearance: none;
        appearance: none;
    }
    .summer_courseSearchBar.course-searchBar div#search-bar li.sf-field-search input.sf-input-text,
    .summer_courseSearchBar.course-searchBar div#search-bar select.sf-input-select {
        border: 1px solid #057bc4 !important;
    }
    .summer_courseSearchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"],
    .summer_courseSearchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"]:focus,
    .summer_courseSearchBar.course-searchBar div#search-bar li.sf-field-reset {
        background-color: #057bc4 !important;
    }
    .summer_courseSearchBar.course-searchBar div#search-bar li.sf-field-submit input[type="submit"]:hover,
    .summer_courseSearchBar.course-searchBar div#search-bar li.sf-field-reset:hover {
        background-color: #0466a3 !important;
    }
    @media (max-width: 767px) {
        .course-searchBar form.searchandfilter li.sf-field-search,
        .course-searchBar form.searchandfilter li[class*="sf-field-taxonomy-"] {
            flex: 1 1 100%;
        }
        .course-searchBar form.searchandfilter li.sf-field-submit {
            flex: 1 1 200px;
        }
        .course-searchBar form.searchandfilter li.sf-field-submit input[type="submit"] {
            width: 100% !important;
        }
    }

    /* v3: the course tables are ~2500px wide on small screens. Keep them in a
       horizontally scrollable wrapper (scroll presentation) instead of being
       clipped, and stop the title column centring its text. */
    .course-searchBar .table-calendar > .cell,
    div#search-filter-results-249477 .grid-x.grid-margin-x.table-calendar .cell.medium-12,
    div#search-filter-results-250453 .grid-x.grid-margin-x.table-calendar .cell.medium-12 {
        width: 100% !important; /* legacy rule made the cell 200% wide below 880px */
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .course-searchBar table.sayt-courseTable,
    .course-searchBar table#summer-course_Table,
    .course-searchBar table#autumn-course_Table {
        width: 100% !important;
        min-width: 900px;
    }
    .course-searchBar table.sayt-courseTable tbody tr.pagination td {
        text-align: left;
        vertical-align: middle;
    }
    .course-searchBar table.sayt-courseTable tbody tr.pagination td:last-child {
        text-align: center;
    }
    /* Phones and tablets: one card per course instead of a 900px-wide
       scrolling table. The results templates (search-filter/250453.php,
       249477.php, 249036.php) print the column heading in data-th on every
       cell. v4: breakpoint raised from 767px to 1024px (at 970px the
       "View" column needed a horizontal scroll), and the id selectors are
       repeated so the 900px min-width above no longer wins at 746px. */
    @media (max-width: 1024px) {
        .course-searchBar .table-calendar > .cell,
        div#search-filter-results-249477 .grid-x.grid-margin-x.table-calendar .cell.medium-12,
        div#search-filter-results-250453 .grid-x.grid-margin-x.table-calendar .cell.medium-12 {
            overflow-x: visible;
        }
        .course-searchBar table.sayt-courseTable,
        .course-searchBar table#summer-course_Table,
        .course-searchBar table#autumn-course_Table,
        .course-searchBar table#myTable {
            display: block;
            width: 100% !important;
            min-width: 0 !important;
            max-width: 100%;
            border: 0;
        }
        .course-searchBar table.sayt-courseTable thead,
        div#search-filter-results-249477 table.sayt-courseTable thead,
        div#search-filter-results-250453 table.sayt-courseTable thead {
            display: none !important;
        }
        .course-searchBar table.sayt-courseTable tbody,
        .course-searchBar table.sayt-courseTable tbody tr.pagination {
            display: block !important;
            width: 100%;
        }
        .course-searchBar table.sayt-courseTable tbody tr.pagination {
            margin-bottom: 16px;
            padding: 6px 0;
            border: 1px solid #057bc4;
            border-radius: 6px;
        }
        .autumn_courseSearchBar table.sayt-courseTable tbody tr.pagination {
            border-color: #e87e44;
        }
        .course-searchBar table.sayt-courseTable tbody tr.pagination td {
            display: flex !important;
            align-items: flex-start;
            width: auto !important;
            padding: 6px 14px !important;
            border: 0 !important;
            text-align: left !important;
            line-height: 1.5;
        }
        .course-searchBar table.sayt-courseTable tbody tr.pagination td * {
            text-align: left !important;
        }
        .course-searchBar table.sayt-courseTable tbody tr.pagination td[data-th]::before {
            content: attr(data-th);
            flex: 0 0 100px;
            margin-right: 10px;
            font-weight: 700;
            color: #057bc4;
        }
        .autumn_courseSearchBar table.sayt-courseTable tbody tr.pagination td[data-th]::before {
            color: #e87e44;
        }
        /* v4: the "View" button lines up with the value column (label
           width 100px + 10px gap) instead of floating at an odd offset. */
        .course-searchBar table.sayt-courseTable tbody tr.pagination td:last-child {
            justify-content: flex-start;
            padding-left: calc(14px + 110px) !important;
        }
        .course-searchBar table.sayt-courseTable tbody tr.pagination td:last-child::before {
            content: none;
        }
        .course-searchBar table.sayt-courseTable tbody tr.pagination td:last-child button {
            margin: 4px 0 !important;
        }
    }

    /* v3: "View" buttons. The link inherited the page link colour (blue on
       blue = invisible) and the button had square corners. Match the sample
       buttons: rounded, white text, orange on Autumn / blue on Summer. */
    .course-searchBar table.sayt-courseTable tbody tr.pagination td button {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 80px;
        padding: 8px 18px !important;
        border: 0 !important;
        border-radius: 5px !important;
        background-color: #057bc4 !important;
        color: #fff !important;
        font-size: 15px;
        font-weight: 600;
        line-height: 1.2;
        cursor: pointer;
        box-shadow: none;
        transition: background-color 0.2s;
    }
    .course-searchBar table.sayt-courseTable tbody tr.pagination td button::before,
    .course-searchBar table.sayt-courseTable tbody tr.pagination td button::after {
        content: none !important;
        display: none !important;
    }
    .course-searchBar table.sayt-courseTable tbody tr.pagination td button a,
    .course-searchBar table.sayt-courseTable tbody tr.pagination td button a:visited {
        color: #fff !important;
        font-weight: 600;
        text-decoration: none;
    }
    .course-searchBar table.sayt-courseTable tbody tr.pagination td button:hover {
        background-color: #0466a3 !important;
    }
    .autumn_courseSearchBar table.sayt-courseTable tbody tr.pagination td button {
        background-color: #e87e44 !important;
    }
    .autumn_courseSearchBar table.sayt-courseTable tbody tr.pagination td button:hover {
        background-color: #d46a2f !important;
    }

    /* ---- SAYT review v3: news detail pages (news_and_events single) ----
       1. Poster and body text touched when the two columns stack (<=980px).
       2. Tables pasted into the body (e.g. China Aerospace Education
          Programme) had fixed-width cells, justified text and long URLs,
          so they overflowed the phone viewport. */
    @media (max-width: 980px) {
        body.single-news_and_events .main-container .et_pb_row_3_tb_body > .et_pb_column_2_5 {
            margin-bottom: 28px !important;
        }
        body.single-news_and_events .main-container .et_pb_row_3_tb_body > .et_pb_column_2_5 .et_pb_image {
            max-width: 560px !important;
            margin: 0 auto !important;
        }
    }
    body.single-news_and_events .et_pb_post_content {
        overflow-wrap: anywhere;
    }
    body.single-news_and_events .et_pb_post_content table {
        width: 100% !important;
        max-width: 100% !important;
        table-layout: fixed;
        border-collapse: collapse;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    body.single-news_and_events .et_pb_post_content table td,
    body.single-news_and_events .et_pb_post_content table th {
        vertical-align: top;
        padding: 8px 10px;
    }
    body.single-news_and_events .et_pb_post_content table td[style*="justify"] {
        text-align: left !important;
    }
    body.single-news_and_events .et_pb_post_content table td:first-child {
        width: 28% !important;
    }
    body.single-news_and_events .et_pb_post_content table td:last-child {
        width: 72% !important;
    }
    body.single-news_and_events .et_pb_post_content table ul {
        padding-left: 1.2em;
    }
    body.single-news_and_events .et_pb_post_content table a {
        word-break: break-all;
    }
    @media (max-width: 600px) {
        /* stack label / value cells on phones */
        body.single-news_and_events .et_pb_post_content table,
        body.single-news_and_events .et_pb_post_content table tbody,
        body.single-news_and_events .et_pb_post_content table tr,
        body.single-news_and_events .et_pb_post_content table td,
        body.single-news_and_events .et_pb_post_content table td:first-child,
        body.single-news_and_events .et_pb_post_content table td:last-child {
            display: block;
            width: 100% !important;
            box-sizing: border-box;
        }
        body.single-news_and_events .et_pb_post_content table tr {
            padding: 6px 0;
            border-bottom: 1px solid #e3e3e3;
        }
        body.single-news_and_events .et_pb_post_content table td:first-child {
            padding-bottom: 2px;
        }
        body.single-news_and_events .et_pb_post_content table td:last-child {
            padding-top: 2px;
        }
    }
