body .region-content, body.cke_editable, 
body .region-content p, body.cke_editable p, 
.field__item p {
    line-height: 1.7;
}

.field__item table p, body .region-content th, body.cke_editable th, 
body .region-content td, body.cke_editable td {
    line-height: normal;
}

body .region-content p.program-box_info_title {
    line-height: normal;
}

.field--name-field-research-format-name.field__item p {
    line-height: 1;
}

.site-editor ul {
    padding-left: 20px;
}

.site-editor li {
    margin: 10px 0; 
}

.list-table b, .list-table strong {
    font-weight: 900;
}

/* a.green, body .region-content a.green, body.cke_editable a.green, .color-green .site-editor a {
    color: #68a949;
}

a.darkgreen, body .region-content a.darkgreen, body.cke_editable a.darkgreen, .color-darkgreen .site-editor a {
    color: #68a949;
}

a.purple, body .region-content a.purple, body.cke_editable a.purple, .color-purple .site-editor a {
    color: #8e75b5;
}

a.darkpurple, body .region-content a.darkpurple, body.cke_editable a.darkpurple, .color-darkpurple .site-editor a {
    color: #8e75b5;
}

a.yellow, body .region-content a.yellow, body.cke_editable a.yellow, .color-yellow .site-editor a {
    color: #eac720;
}

a.orange, body .region-content a.orange, body.cke_editable a.orange, .color-orange .site-editor a {
    color: #f18f2e;
}

a.darkorange, body .region-content a.darkorange, body.cke_editable a.darkorange, .color-darkorange .site-editor a {
    color: #f48560;
}

a.blue, body .region-content a.blue, body.cke_editable a.blue, .color-blue .site-editor a {
    color: #35a6b1;
}

a.pink, body .region-content a.pink, body.cke_editable a.pink, .color-pink .site-editor a, body.cke_editable  .list-table a {
    color: #ec6d88;
} */

/* body.cke_editable a {
    color: #ec6d88;
}

body.cke_editable a:hover {
    color: #BF3F5F;
} */

/* .site-editor .list-table tr a, body.cke_editable .list-table tr a {
    color: #333;
} */


/* .site-editor .list-table tr a.a-logo:after, body.cke_editable .list-table tr a.a-logo:after {
    color: #eeeeee;
} */

a.white, body .region-content a.white, body.cke_editable a.white, .color-white .site-editor a, .site-editor .list-table tr a.white, body.cke_editable .list-table tr a.white {
    color: #ffffff !important;
}
/* 
 .color-green a>.content-menu_right-link.active,
 .color-green .content-menu_right-link.active a {
    color: #68a949;
}

.color-green a>.content-menu_right-link:hover, .color-green .content-menu_right-link:hover a {
    color: #52843B;
}

 .color-purple a>.content-menu_right-link.active,
 .color-purple .content-menu_right-link.active a {
    color: #8e75b5;
}

.color-purple a>.content-menu_right-link:hover, .color-purple .content-menu_right-link:hover a {
    color: #7A57B2;
}

.color-yellow a>.content-menu_right-link.active, 
.color-yellow .content-menu_right-link.active a {
    color: #eac720;
}

.color-yellow a>.content-menu_right-link:hover, .color-yellow .content-menu_right-link:hover a {
    color: #A78D17;
}

.color-blue a>.content-menu_right-link.active,
.color-blue .content-menu_right-link.active a {
    color: #35A6B1;
}

.color-blue a>.content-menu_right-link:hover, .color-blue .content-menu_right-link:hover a {
    color: #30858E;
}

.color-pink a>.content-menu_right-link.active,
.color-pink .content-menu_right-link.active a {
    color: #EC6D88;
}

.color-pink a>.content-menu_right-link:hover, .color-pink .content-menu_right-link:hover a {
    color: #BF3F5F;
} */

/* ///////////////// */

/* a.green:hover, body .region-content a.green:hover, body.cke_editable a.green:hover, .color-green .site-editor a:hover {
    color: #52843B;
}

a.darkgreen:hover, body .region-content a.darkgreen:hover, body.cke_editable a.darkgreen:hover, .color-darkgreen .site-editor a:hover {
    color: #52843B;
}

a.purple:hover, body .region-content a.purple:hover, body.cke_editable a.purple:hover, .color-purple .site-editor a:hover {
    color: #7A57B2;
}

a.darkpurple:hover, body .region-content a.darkpurple:hover, body.cke_editable a.darkpurple:hover, .color-darkpurple .site-editor a:hover {
    color: #7A57B2;
}

a.yellow:hover, body .region-content a.yellow:hover, body.cke_editable a.yellow:hover, .color-yellow .site-editor a:hover {
    color: #A78D17;
}

a.orange:hover, body .region-content a.orange:hover, body.cke_editable a.orange:hover, .color-orange .site-editor a:hover {
    color: #f18f2e;
}

a.darkorange:hover, body .region-content a.darkorange:hover, body.cke_editable a.darkorange:hover, .color-darkorange .site-editor a:hover {
    color: #f48560;
}

a.blue:hover, body .region-content a.blue:hover, body.cke_editable a.blue:hover, .color-blue .site-editor a:hover {
    color: #30858E;
}

a.pink:hover, body .region-content a.pink:hover, body.cke_editable a.pink:hover, .color-pink .site-editor a:hover, body.cke_editable .list-table a:hover {
    color: #BF3F5F;
} */

a.white:hover, body .region-content a.white:hover, body.cke_editable a.white:hover, .color-white .site-editor a:hover, 
.site-editor .list-table tr a.white:hover, .site-editor .list-table tr a.white:hover:after,  body.cke_editable .list-table tr a.white:hover,  body.cke_editable .list-table tr a.white:hover:after {
    color: #333 !important;
}

/* .site-editor .list-table tr a:hover, .site-editor .list-table tr a:hover:after, body.cke_editable .list-table tr a.white:hover, body.cke_editable .list-table tr a:hover:after {
    color: #333;
} */

/* /////////////// */

/* a.darkgreen|Link (Green)
a.purple|Link (Purple)
a.yellow|Link (Yellow)
a.blue|Link (Blue)
a.pink|Link (Pink)
a.white|Link (White)

a.more-link.arrow-right.darkgreen|Link Arrow (Green)
a.more-link.arrow-right.purple|Link Arrow (Purple)
a.more-link.arrow-right.yellow|Link Arrow (Yellow)
a.more-link.arrow-right.blue|Link Arrow (Blue)
a.more-link.arrow-right.pink|Link Arrow (Pink)
a.more-link.arrow-right.white|Link Arrow (White) */

.fa, .fas {
    font-style: normal;
}

.editor-space-inner {
    max-width: 1000px;
    width: calc(100% - 280px);
}

.editor-title {
    font-size: 36px;
    font-weight: 900;
    margin: 20px 0;
    /* color: #EB6c87; */
}

/* div.editor-title.green|Title (Green)
div.editor-title.yellow|Title (Yellow)
div.editor-title.darkgreen|Title (Dark Green)
div.editor-title.purple|Title (Purple)
div.editor-title.orange|Title (Orange)
div.editor-title.darkorange|Title (Dark Orange)
div.editor-title.blue|Title (Blue)
div.editor-title.pink|Title (Pink)
div.editor-title.white|Title (White) */
/* 
.editor-title.green, .site-page.color-green .editor-title {
    color: #68a949;
}

.editor-title.darkgreen, .site-page.color-darkgreen .editor-title {
    color: #68a949;
}

.editor-title.purple, .site-page.color-purple .editor-title {
    color: #8e75b5;
}

.editor-title.yellow, .site-page.color-yellow .editor-title {
    color: #eac720;
}

.editor-title.orange, .site-page.color-orange .editor-title {
    color: #F18E2D;
}

.editor-title.darkorange, .site-page.color-darkorange .editor-title {
    color: #f48560;
}

.editor-title.blue, .site-page.color-blue .editor-title {
    color: #35a6b1;
}

.editor-title.pink, .site-page.color-pink .editor-title {
    color: #eb6d88;
} */

.editor-title.white, .site-page.color-white .editor-title {
    color: #eee;
}

.editor-title-sub {
    font-weight: 700;
    font-size: 21px;
    margin: 30px 0 15px;
    line-height: 1;
}

a.editor-title-sub {
    display: block;
}

.editor-header {
    margin: 0 0 60px;
    display: flex;
    align-items: flex-start;
}

.editor-header_text {
    width: 45%;
    font-size: 24px;
    padding: 20px 0 0;
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

.editor-header_img {
    width: 55%;
    padding-left: 50px;
    padding-top: 80px;
    position: relative;
}

.editor-header_img_back {
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
    z-index: 1;
}

.editor-header_img_front {
    width: 80%;
    position: relative;
    z-index: 2;
}

.editor-line {
    border-top: 1px solid #ccc;
    margin: 15px 0;
}

.list-table tr td, 
.list-table tr th, 
body .region-content .list-table table.tablesaw tr td, 
body .region-content  .list-table table.tablesaw tr th {
    padding: 10px;
    font-weight: 400;
    vertical-align: top;
}

.list-table.style-2 tr td, 
body .region-content .list-table.style-2 table.tablesaw tr td {
    padding: 20px;
}

.list-table.style-2 tr th, 
body .region-content .list-table.style-2 table.tablesaw tr th {
    padding: 10px;
    letter-spacing: 3px;
    line-height: 1.1;
}

.list-table tr th, body .region-content  .list-table table.tablesaw tr th {
    padding: 10px;
    text-align: center;
    vertical-align: top;
}

.list-table tr th.text-align-justify, body .region-content  .list-table table.tablesaw tr th.text-align-justify {
    text-align: justify;
}

.list-table tr th.text-align-right, body .region-content  .list-table table.tablesaw tr th.text-align-right {
    text-align: right;
}

.list-table tr th.text-align-left, body .region-content  .list-table table.tablesaw tr th.text-align-left {
    text-align: left;
}

.list-table tr th.text-align-center, body .region-content  .list-table table.tablesaw tr th.text-align-center {
    text-align: center;
}

.list-table {
    overflow: auto;
}

.list-table table {
    /* border-spacing: 2px; */
    /* border-collapse: separate; */
    text-align: center;    
    line-height: normal;
    /* background-color: #fff;  */
}

.list-table table th, .list-table table td {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}

.list-table table th:last-child, .list-table table td:last-child {
    border-right: 0px;
}

.list-table table tr:last-child > * {
    border-bottom: 0px;
}

/* .tablesaw-stack td, .tablesaw-stack th {
    text-align: inherit;
} */

/* .list-table table, body .region-content .list-table table.tablesaw.tablesaw-stack td, body .region-content .list-table table.tablesaw.tablesaw-stack th {
    text-align: center;
}

body .region-content .list-table table.tablesaw.tablesaw-stack td.text-align-left, body .region-content .list-table table.tablesaw.tablesaw-stack th.text-align-left {
    text-align: left;
}

body .region-content .list-table table.tablesaw.tablesaw-stack td.text-align-right, body .region-content .list-table table.tablesaw.tablesaw-stack th.text-align-right {
    text-align: right;
} */

.list-table tr th, body .region-content  .list-table table.tablesaw tr th {
    /* background-color: #CCCCCC; */
    background-color: #9AC254;
}

.color-pink .list-table tr th, body .region-content  .color-pink .list-table table.tablesaw tr th {
    background-color: #F08E9A;
}

.color-purple .list-table tr th, body .region-content  .color-purple .list-table table.tablesaw tr th {
    background-color: #CFBCED;
}

.color-blue .list-table tr th, body .region-content  .color-blue .list-table table.tablesaw tr th {
    background-color: #77BFBA;
}

.color-green .list-table tr th, body .region-content  .color-green .list-table table.tablesaw tr th {
    background-color: #9AC254;
}

.color-yellow .list-table tr th, body .region-content  .color-yellow .list-table table.tablesaw tr th {
    background-color: #F1DE61;
}

/* .list-table tr:nth-child(2n+1), body .region-content  .list-table table.tablesaw tbody tr:nth-child(2n+1) td {
    background-color: #F4A558;
} */

/* .list-table tr:nth-child(2n+2), body .region-content  .list-table table.tablesaw tbody tr:nth-child(2n+2) td {
    background-color: #A5C969;
} */

.list-table tr, body .region-content  .list-table table.tablesaw tbody tr td {
    background-color: #EEEEEE;
}

/* .list-table tr>*:first-child {
    text-align: left;
} */


.list-table tr th.bgc-darkgray, body .region-content  .list-table table.tablesaw tbody tr th.bgc-darkgray {
    background-color: #BBBBBB;
}

/* .bgc-orange, body .region-content  .list-table table.tablesaw tbody tr th.bgc-gray {
    background-color: #CCCCCC;
} */

.list-table tr th.bgc-lightgray, body .region-content  .list-table table.tablesaw tbody tr th.bgc-lightgray {
    background-color: #EEEEEE;
}

.bgc-orange, body .region-content  .list-table table.tablesaw tbody tr td.bgc-orange {
    background-color: #F4A558;
}

.bgc-lightGreen, body .region-content  .list-table table.tablesaw tbody tr td.bgc-lightGreen {
    background-color: #A5C969;
}

.bgc-purple, body .region-content  .list-table table.tablesaw tbody tr td.bgc-purple {
    background-color: #D279D2;
}

.bgc-deeporange, body .region-content  .list-table table.tablesaw tbody tr td.bgc-deeporange {
    background-color: #F18F2E;
}

.bgc-deeplightGreen, body .region-content  .list-table table.tablesaw tbody tr td.bgc-deeplightGreen {
    background-color: #8EBC43;
}

.bgc-deeppurple, body .region-content  .list-table table.tablesaw tbody tr td.bgc-deeppurple {
    background-color: #C758C7;
}

.bgc-whitePurple, body .region-content  .list-table table.tablesaw tbody tr td.bgc-whitePurple {
    background-color: #A591C3;
}

.bgc-darkPurple, body .region-content  .list-table table.tablesaw tbody tr td.bgc-darkPurple {
    background-color: #84689F;
}

.bgc-gray, body .region-content  .list-table table.tablesaw tbody tr td.bgc-gray {
    background-color: #CCCCCC;
}

.list-table tr a {
    transition: 0.2s color;
}

/* .list-table tr a.a-logo {
    color: #fff;
} */

.list-table tr a.a-logo:after {
    display: block;
    font-family: 'Font Awesome 5 Free';
    content: "\f35d";
    margin-top: 10px;
    transition: 0.2s color;
    font-weight: 700;
}

.editor-commit {
    font-size: 14px;
    margin-top: 10px;
}

.editor-commit_italic {
    font-size: 14px;
    margin-top: 10px;
    font-style: italic;
}

.editor-slidebox-list {
    font-weight: 700;
    padding-left: 25px;
}

.editor-slidebox {
    font-weight: 700;
    margin: 2em 0;
}

.editor-slidebox_title {
    cursor: pointer;
    display: flex;
}

.editor-slidebox_title .editor-slidebox_title_left {
    width: 20px;
}

.editor-slidebox_content {
    margin: 10px 0;
    border-left: 2px solid #eb6c87;
    padding-left: 20px;
    font-weight: 400;
    margin-left: 20px;
}

.editor-imgInRight {
    display: flex;
}

.editor-imgInRight_img {
    width: 320px;
}

.editor-imgInRight_content {
    width: calc(100% - 320px);
    padding-right: 20px;
}

.editor-gallery {
    display: flex;
    flex-flow: wrap;
    margin: 30px -10px;
}

.editor-gallery_item {
    width: calc(33% - 20px);
    margin: 10px;
}

.display-768 {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .editor-space-inner {
        max-width: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {
    .editor-header {
        margin: 0 0 10px;
    }
    .editor-header_img_back {
        width: 70%;
    }
    
    .editor-header_img_front {
        width: 70%;
    }
    .editor-header_text {
        width: 50%;
    }
    
    .editor-header_img {
        width: 50%;
        padding-left: 25px;
    }
    .editor-title {
        font-size: 24px;
    }
    .editor-header_text {
        font-size: 18px;
    }
    .editor-title-sub {
        font-size: 18px;
    }
    .editor-gallery {
        margin: 20px -5px;
    }
    .editor-gallery_item {
        width: calc(33% - 10px);
        margin: 5px;
    }
}

@media only screen and (max-width: 768px) {
    .editor-header {
        flex-flow: column-reverse;
        align-items: center;
        padding-bottom: 30px;
        margin: 20px 0 30px;
        border-bottom: 1px solid #ccc;
    }
    
    .editor-header_text {
        width: 100%;
        max-width: 480px;
        padding: 30px 0 0;
        padding-bottom: 0;
        border-bottom: 0px;
    }
    
    .editor-header_img {
        width: 100%;
        margin: auto;
        max-width: 480px;
        padding-left: 0;
        padding-top: 40px;
    }
    .none-768 {
        display: none;
    }
    .display-768 {
        display: block;
    }
    .editor-header_img_back {
        width: 80%;
    }
}

@media only screen and (max-width: 560px) {
    .header_img_front {
        width: 65%;
    }
    .editor-imgInRight {
        flex-flow: column;
    }
    .editor-imgInRight_content {
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .editor-imgInRight_img {
        width: 100%;
    }
    .editor-title {
        font-size: 21px;
    }
    .editor-gallery {
        flex-flow: column-reverse;
    }
    .editor-gallery_item {
        width: 100% !important;
    }
}

/* Brian update: 13/9/2024 */
a,
.editor-title{
    color: #EC6607 !important;
}
a:hover,
.editor-title-sub{
    color: #003366  !important;
}
.list-table:not(.style-2) tr th, .list-table:not(.style-2) tr th {
    background-color: #C76017;
    color: #FFFFFF;
}
.editor-slidebox_content{
    border-color: #EC6607;
}
span.char_highlight{
    color: #EC6607  !important;
}

@media only screen and (max-width: 560px)  {
    .program-box_highlight span.char_highlight{
        color: #003366 !important;
    }
}

.program-box_highlight_left .program-box_highlight_logo{
    position: relative;
}
.program-box_highlight_left .program-box_highlight_logo.no-background img{
    border-radius: unset;
}
.program-box_highlight_left .program-box_highlight_logo img{
    border-radius: 200px 200px 200px 0;
}
.program-box_highlight_left .program-box_highlight_logo.no-background:before{
    display: none;
}
.program-box_highlight_left .program-box_highlight_logo:before{
    content: '';
    z-index: -2;
    top: 70%;
    left: -110px;
    position: absolute;
    width: 200vw;
    height: 200%;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url(../images/program_highlight-bg-img.png);
}

.layout-director_img img {
    border-radius: 200px 200px 200px 0;
}
.layout-director_img.no-background img {
    border-radius: unset;
}
.layout-director_img {
    position: relative;
    height: fit-content;
}
.layout-director_img.no-background:after {
    display: none;
}
.layout-director_img:after {
    content: '';
    background-image: url(../images/layout-director_img-bg.png);
    background-repeat: repeat-y;
    height: calc(300%);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0%;
    transform: translate(35%, 100%);
}

.structure_chart td > a{
    color: #646472 ! important;
}

.structure_chart td > a:hover{
    color: #003974 ! important;
}