#block-hkust-school-mainnavigation #main-menu-link-contentb7a6560c-a0ce-4178-996b-cc6696815274,
#block-hkust-school-mainnavigation #main-menu-link-content951b2eab-7d92-460d-8c5d-cd8ba810a0bb,
#block-hkust-school-mainnavigation #main-menu-link-contentc8f0e58f-cdec-423d-b342-7f66d6386de9 {
	display: none !important;
}
footer ul.menu a.is-active {
    color: white !important;
}
header {
    display: flex;
    flex-direction: column;
}
.header-bottom {
        flex: 1;
    align-items: center;
    display: flex
;
}
#rankings .content5-font {
    font-size: unset !important;
}


#paragraph-390 p {
    margin-bottom: 0px;
}
#benefits_of_the_scheme {
    margin-bottom: 3rem;
}
#header-110 .header-bottom {
    align-items: unset;
}
.deadline-content tr { 
    border-bottom: 1px solid var(--color-blue);
}
.inner-page-nav-item {
    padding: 1rem !important;
}
.content-box:hover {
    color: white;
    background-color: var(--color-blue);
}
.content-box:hover .color-blue {
    color: white !important;
}
.two-column-content {
    margin:0px;
}
tbody tr:hover {
    background-color: unset;
    color: unset;
}
#paragraph-594 > div > div > div > div.field--name-field-2nd-column {
    padding-top: 3rem;
}
.four-layout-section .statics-section .range_line-container {
    margin-top: 0px;
}
.four-layout-section .statics-section .content-font {
    margin-top: 0px;
}
.h2-font {
    font-family: "futura-pt", sans-serif;
}
#intro_419 .hover-scale-container img,
#intro_480 .hover-scale-container img,
#intro_576 .hover-scale-container img {
    height: 300px;
    object-position: 50% 20%;
}
#header-132 .views-row {
    max-width: 45rem;    
}
#header-42 .views-row,
#header-43 .views-row,
#header-44 .views-row,
#header-45 .views-row {
    max-width: 40rem;
}
ul.sf-menu::after {
    display: none;
}
.table>:not(caption)>*>* {
    color: unset;
}
#superfish-main > * {
    padding-left: 0px;
    padding-right: 0px;
}
ul.sf-menu.sf-style-default {
    margin-bottom: 0px;
}
ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
    padding: 0 0.75em 1em;
}
ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {
    top: 2rem;
}
.navbar .main-menu .block-superfish .sf-menu {
    align-items: start;
}
tr, td, thead th {
    border-bottom: unset;
}
#upcoming_events .card-body .title {
    font-family: 'futura-pt', sans-serif;    font-weight: 600; font-size: 1.6rem
}
#paragraph-1042 {
    margin-top: -2rem;
    margin-bottom: 1rem;
}
/*ul.sf-menu.sf-style-default {
    margin-bottom: 0px;
}
ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
    padding: 0px;
}*/
.page-node-type-inner-page .paragraph--type--description .paragraph-description .text-formatted .d-flex.flex-column .content3-font {
    margin: unset !important; 
}
.page-node-type-inner-page .paragraph--type--2-column-layout .two-column-content .ind {
    padding-left: 0px;
    padding-right: 0px;
    
}
.field--name-field-map-embed {
    height: 100%;
}
.header-bottom .region-header .view-inner-page-titles .views-field-field-link .field-content a::after {
    content: '' !important; 
    background-image: url('data:image/svg+xml,<svg style=" width: 1.25rem; height: 1.25rem; margin-bottom: 0.5rem; transform: rotate(-90deg); position: absolute; top: 0; right: 0px;" width="21" height="16" viewBox="0 0 21 31" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M0.709991 30H20.88" stroke="currentColor" stroke-width="3" stroke-miterlimit="10"></path></svg>');
    width: 1.25rem;
    height: 1.25rem;
}
#paragraph-620 .row > .col-md-6 {
    padding-left:0px;
}
#paragraph-620 .row > .col-md-6 ~ .col-md-6 {
    padding-left: unset;
    padding-right: 0px;
}
#paragraph-620 div {
    height: 100%;
}
.header-bottom .region-header .view-inner-page-titles {
    padding-top: 60px;
    padding-bottom: 60px;
}
.header-section nav {
    padding: 0px;
}
.header-bottom .region-header .view-inner-page-titles .views-field.views-field-title h2.field-content, .header-bottom .region-header .view-inner-page-titles .views-field.views-field-title .field-content.h2 {
    margin-bottom: 0px;
}
.header-bottom .region-header .view-inner-page-titles .views-field-field-link .field-content a {
    line-height: 24px;
    padding: 6px 12px;
}
.social-svg svg {
    width: 20px !important;
    height: 20px !important;
}
.region.region-footer-bottom-right {
    width: 100%;
}
.pin-spacer .item-list li {
    margin-left: 0px !important;
}
.pin-spacer  .block-padding {
    padding-left: 0px !important;
}
.navbar-brand img {
    width: unset !important;
}
.accordion-button.content3-font {
    font-size: 1rem !important;
}
.table-clear tr, .table-clear td {
    background-color: unset !important;
    border-bottom: 0px !important;
    padding: 0px !important;

}

[role="tablist"] .active {
    color: #63CAE1 !important;
    border-bottom: 1px solid #63CAE1;
}

.two-columns-top-lines .col-md-8::before, .two-columns-top-lines .col-md-8::after {
    content:'';
    width: 100%;
    display: block;
    margin: 1rem 0px;
    border-bottom: 1px solid #e8e8e8;

}

.paragraph--type--intro-text-section.no-redline .red-line-content  {
    display: none;
}

.navbar .main-menu .block-superfish .sf-menu>li>a, .navbar .main-menu .block-superfish .sf-menu>li>span.nav-link {
    font-weight: 400 !important;
}
.navbar .main-menu li:hover {
    background-color: transparent !important;
    color: #003366 !important;
    box-shadow: none !important;

}
#paragraph-type-viewblock-207 {
    padding-top: 80px;
    padding-bottom: 80px;
    background: radial-gradient(269.78% 120.24% at 87.01% 91.85%, #000C20 1%, #00346A 36%, #003C74 49%, #005191 71%, #0074BF 99%, #0076C1 100%) !important;

}

#paragraph-type-viewblock-207 table td {
    color: white !important;
}
#paragraph-type-viewblock-207 td, 
#paragraph-type-viewblock-207 th {
    background: unset !important;
    border-bottom: 0px;
    vertical-align: middle;
    padding: 1rem 0.5rem !important;
}

.inner-page-nav-list:not(#block-hkust-school-innerpagenavigation) {
    display : none !important;
}

.block-button .arrow-inner-container {
    width: 2.5rem;
    display: flex
;
    margin-left: -1.25rem;
    transition: 0.5s;
}
.block-button .arrow-outer-container {
    width: 1.25rem;
    overflow: hidden;
}
.block-button.transparent:hover {
    color: #1d3c69;
    background-color: white;
}
.paragraph--type--banner .button-link .btn-theme a {
    font-weight: unset;
}

.paragraph--type--view-block {
    max-width: 100vw;
    overflow-x: hidden !important;    
}
#block-hkust-school-headerlogo img {
    max-width: 100% !important;
    height: auto;
}
.background-image-default img {
    transition-duration: 0.5s;
    width: 100%;
    height: 100%;
}
.background-image-default {
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    
    
} 
#inside-modal  #details .col-md-7 {
    overflow-y: visible;

}
#inside-modal  #details .professor_details_icon  {
        margin-bottom: 2rem;
}
.paragraph--type--simple-image-carousel {
    min-height: 400px;
}
.color-green {
    color: var(--color-green) !important;
}
.paragraph  tbody td {
    padding: 1rem;
}
.our-program-table tr:first-child{
    white-space: nowrap;
    border-bottom: 1px solid transparent;
}
.our-program-table tr{
    border-bottom: 1px solid white;

} 
.our-program-table tr:first-child:hover{
    background: none;
}
.our-program-table tr:hover{
    background: linear-gradient(to right, var(--gradient-color, #FFFFFF12), transparent);
    background-repeat: no-repeat;
}
.our-program-table tr:hover .btn-next{
    
    background-color: white;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
}
.our-program-table td{
    padding: 1rem 0.5rem;
}    

.paragraph--banner-image-text  tbody td,
.paragraph--type--description  tbody td {
    padding: 1rem;
    background: unset;
}

.paragraph--banner-image-text  tbody tr:nth-child(2n - 1),
.paragraph--type--description  tbody tr:nth-child(2n - 1) {
    background-color: #f7f8f8;
}
.paragraph--banner-image-text  thead th,
.paragraph--type--description  thead th {
    
    background: unset;
}
.paragraph--banner-image-text  thead td,
.paragraph--type--description  thead td {
    padding: 0.5rem 1rem;
    background: unset;
}

.paragraph--banner-image-text  table tr,
.paragraph--type--description  table tr {
    border-bottom: 1px solid #adb5bd;
}
@media (max-width: 768px) {
    #superfish-main-toggle {
        display: none !important;
    }
    .row{
        
        --bs-gutter-x: 0;
    }
    
    .region.region-footer-top-right .block-button span{
        margin-left: auto;
        margin-right: auto !important;  

    }
    .region.region-footer-top-right{
        width: 100% !important;
    }
}

.paragraph--type-pinpoint .accordion-item {
    border: 0px !important;
}


#redbird-container img {
    height: 300px !important;
    width: unset !important;

}
.timeline{
        position: absolute;    
        background: var(--color-blue);
        /*
        background: linear-gradient(to bottom, transparent 1rem, var(--color-blue) 5rem, var(--color-blue) calc(100% - 5rem), transparent calc(100% - 1rem));
        */
        width: 2px;
        height: 100%;
        padding: 0px!important;
        margin: 0px!important;
        left: calc(25% - 1px);
        z-index: 0;
    }
    .timeline_progress-bar{
         z-index: -1;
        background-color: var(--color-red);
        width: 2px;
        height: 0;
    }
    .timeline_circle{
        margin-top: 1rem;
        position: absolute;
        left: 25%;
        width: 0.5rem;
        background: white;
        height: calc(0.5rem + 16px);
        transform: translate(-50%, -50%);
    }
    .timeline_circle .circle{    
        border-radius: 100%;
        transform: translate(-50%, -50%);
        background-color: var(--color-blue);
        width: 0.5rem;
        height: 0.5rem;
        transform: translate(-50%, -50%);
        position: absolute;
        left: 50%;
        top: 50%;
    }
    .timeline-pin-container{
         height: 100%;   
    }

.view-faculties .profile {
    
    border-radius: 0;
    box-shadow: unset;
}
.view-faculties .page-view {
    font-weight: unset;
    font-size: 1rem;
}

.content-box {
    border: 1px solid var(--color-blue);
    padding: 1rem;
}

.view-faculties .profile:hover .btn-plus {
    background-color: #f9f9f9;
    color: #ee1a2e;
    border-color: #f9f9f9;
}
.people-inner-container {
    width: 50%;
}
.carousel5 > div {
    overflow: visible !important;
}
.carousel5 .view-events .title {
    font-size: 1.4rem;
}
.gallery-carousel {
    position: relative;
}
.gallery-carousel .owl-stage-outer {
    overflow: visible !important;
}
.gallery-carousel::before {
        content: '';
    position: absolute;
    left: 10px;
    top: 0;
    width: 100%;
    height: 110%;
    background: white;
    transform: translate(-100%, -5%);
    z-index: 9;

}

.gallery-carousel::after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    
    height: 100%;
    border-left: 1px solid red;
    z-index: 9;
}
.view-faculties .profile:hover {
    transform: unset;
    box-shadow: unset;
}
.view-faculties .profile:hover img {
    transform: scale(1.1);
}

.navbar li.nav-item {
    cursor: pointer  !important;
}
.navbar .main-menu ul {
    min-width: fit-content !important;
}


.footer-top-section .top-right {
    justify-content: flex-end;
    display: flex;
}

.block-button:hover, .block-button:hover a{
    color: white !important;
}
.region-footer-top-right li.block-button.arrow::after {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23.89 9.01" fill="rgb(0, 51, 102)" ><g><path d="M16.63,9.01c.23-.59.48-1.14.75-1.64.27-.52.58-1.01.92-1.46H0v-2.8h18.3c-.32-.45-.61-.93-.89-1.43-.27-.52-.52-1.08-.75-1.68h2.59c1.41,1.66,2.96,2.93,4.64,3.79v1.46c-1.68.82-3.23,2.07-4.64,3.75h-2.62Z"></path></g></svg>');
}

.region-footer-top-right li.block-button.download::after {
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg style=" width: 1.25rem; height: 1.25rem; margin-bottom: 0.5rem; transform: rotate(-90deg); position: absolute; top: 0; right: 0px; " width="21" height="16" viewBox="0 0 21 31" fill="rgb(0, 51, 102)" xmlns="http://www.w3.org/2000/svg"><path d="M0.709991 30H20.88" stroke="currentColor" stroke-width="3" stroke-miterlimit="10"></path></svg>');
}


.region.region-footer-top-right {
    width: 50%;
}
.region.region-footer-top-right nav {
    width: 100%;
}

.block-button {
    transition: 0.5s;
    display: flex
;
    align-items: center !important;
    flex-wrap: nowrap !important;
    border-radius: 0;
    border: none;
    margin-top: 2rem;
    justify-content: space-between;
    margin-left: 0px;
    width: fit-content;
}
.block-button.white {
    background-color: white;
    color: #1d3c69;
    border: 1px solid #1d3c69;
}
.block-button.white:hover {
    color: white;
    background-color: #1d3c69;
    border: 1px solid white;
}
.left-svg-container img {
    width: 35px;
}

.square {
    height: 2rem;
    width: 2rem;
    justify-content: center;
    padding: 0;
}
.class-delivery-section  .tab-content {
    background: white;
}
.class-delivery-section  .accordion.active {
    background-color: #0074bc !important;
    color: white !important;
    box-shadow: 0px -20px 0px 0px #0074bc;
    z-index: 1;
}

.two-column-content .accordion-body  {
    background-color: transparent !important;
}
.two-column-content .accordion-item  {
    border-bottom: 0px !important;
    
    background-color: transparent !important;
}
.two-column-content .accordion-item .accordion-button {
    /* .content4-font */
    font-size: 1rem !important;
    font-family: muli, sans-serif;
    font-weight: 800 !important;
    color: #212529 !important;
    background-color: transparent !important;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.career-statistics-item {
    margin-bottom: 3rem;
}
.layout-1 h2.paragraph-title {
    /* title2-font */
        line-height: 1;
            color: #1d3c69;
            
    font-size: 1.6rem;
    font-weight: 700;
}



/* Faculty */
.faculty-page .profile .profile-image img {
    height: 100% !important;
}
#highlighting_our_professors .item:hover .btn-plus {
    background-color: #f9f9f9;
    color: #ee1a2e;
    border-color: #f9f9f9;
}

#highlighting_our_professors p {
    margin-bottom: 0px;
}

#highlighting_our_professors ul {
    padding-left: 1rem
}

#highlighting_our_professors .text-container {
}



.col-20 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0.5rem;
}

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

@media screen and (max-width: 576px) {
    .content7-font {
        font-size: 1rem;
    }

    .content8-font {
        font-size: 0.8rem;
    }
}

@media (min-width: 576px) {
    .col-20 {
        width: calc(100% / 2 );
    }
}

@media (min-width: 768px) {
    .col-20 {
        width: calc(100% / 3 );
    }
}

@media (min-width: 992px) {
    .col-20 {
        width: calc(100% / 4 );
    }
}

@media (min-width: 1200px) {
    .col-20 {
        width: calc(100% / 5 );
    }
}

@media screen and (max-width: 768px) {
    #international_recognition .content5-font {
        font-size: 1.3rem;
    }

    #international_recognition .rank1 {
        margin-bottom: -0.3rem;
    }

    #international_recognition .rank1 .h1-font {
        font-size: 4rem;
    }

    #international_recognition .rank1 .title2-font {
        font-size: 2rem;
    }

    #highlighting_our_professors .content6-font {
        font-size: 1.4rem;
    }

    #highlighting_our_professors .content7-font {
        font-size: 1.2rem;
    }
}

.big-blue-dot {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(55%, -50%);
    background: radial-gradient(ellipse at center, #003366 0%, transparent 30%);
    height: 2000px;
    width: 2000px;
}

#professor_details .h3-font {
    font-size: 2.4rem;
}

#professor_details .h4-font {
    font-size: 1.75rem;
}

#professor_details .content5-font {
    font-size: 1rem;
}

.faq .accordion-button {
    /* title 3 font */
    font-family: 'muli' !important;  
    font-weight: 700 !important;
        color: #1d3c69 !important;
        font-size: 1.38rem !important;
        margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    padding: 0px !important;
}

.accordion-item {
    background: unset;
    border-radius : 0px !important;

    border-bottom: 1px solid #00336666 !important;
}
#block-hkust-school-content .faq h3 {
        margin-top: 80px !important;
        background: linear-gradient(to right, var(--color-blue), var(--color-light-blue)) !important;
            -webkit-background-clip: text !important;
            
    -webkit-text-fill-color: transparent;
    border-bottom: 1px solid #00336666 !important;
}
.faq .accordion-body {
    padding: 0px;
}
.view-articles .recent-section {
    background: unset !important;
    box-shadow: unset !important;

}
.view-articles .recent-section .article-image img {
    display: none !important;
}
.view-content > div > div:nth-child(1) > div > div > span > a > div > div.article-image > img {
    display: block !important;
}
.recent-content, .article-content {
    padding: 1rem 0px !important;
}
a .recent-content {
    color: var(--bs-body-color);
}

main {
  background-color: #fff;
  
}

.paragraph-pt-0 .paragraph {
    padding-top: 0px !important;
}
.paragraph--type--2-column-layout .course-block .left-svg-container  {
    padding-left: 0px;
}
.paragraph--type--2-column-layout .paragraph  {
    padding-top: 0px !important;
}
.paragraph--type--2-column-layout .accordion-button  {
    padding-left: 0px;
}
.paragraph--type--2-column-layout .paragraph-title  {
    margin-top: 2rem;
    margin-bottom: 0;
}
.paragraph--type--2-column-layout .paragraph  .container {
    --bs-gutter-x: 0px !important;
}

.layout-1-2 .paragraph  .container {
        --bs-gutter-x: 0;
} 
.layout-1-2 .career-statistics-item {
    margin-bottom: 0px;
}
.program-modes-section .mode-box[aria-selected="true"] {
    color: white;
}

.paragraph--type--description img {
    width: 100%;
    height: auto;
}