/* Colors
  #17999e, rgb(23, 153, 158) (turquoise)
  #00549c, rgb(0, 83, 156) (pure blue)
  #ffc000, rgb(255, 192, 0) (golden yellow)
  #cddbe9, rgb(205, 219, 233) (sea breeze green)
  #f2f2f2, rgb(242, 242, 242) (grey)
*/

/* Structure of this css file
   Default Setting 
   Landing Page
   -> Banner
   -> News & Acheivements
   -> Recent Events
   -> Academic Rankings
   -> Facts & Figures
   -> Studying at CityU Science
   -> Research Highlights
   -> Discover More
   -> Header 
   -> Footer
   Listing Page
   -> Listing Banner
   -> Breadcrumb
   -> Listing Content
      -> Portrait Card
      -> Landscape Card
      -> Image Gallery
      -> Vision and Mission, Facts and Figures, Academic Rankings
      -> Contact Us
      -> Local School Outreach
      -> Undergraduate Programmes
      -> Joint Bachelor's Degree Programmes
      -> Double Degree Programme
      -> Undergraduate plus Taught Postgraduate Degree Programmes
      -> Taught Postgraduate Programmes
      -> Research Degree Programmes
      -> State Key Laboratory & Research Centres
      -> CityU X Sino Grand Challenges Scholars Program
      -> Scholarships and Awards
      -> Student Chapter
      -> Cultural and Language Immersion Scheme (CALIS)
      -> Other Summer Programmes
      -> Exchange Coordinators
      -> Job Opportunities
      
   Content Page
   -> Topbar Menu
   -> Sidebar Menu
   -> Main Content
      -> Management Team
      -> Notable Scholars, University Distinguished Professor
      -> Administrative Staff
      -> Teaching Excellence Award, Outstanding Young Researcher Award, Outstanding Knowledge Transfer Award
      -> News and Achievements
      -> Events
      -> Global Research Enrichment and Technopreneurship (GREAT)
      -> Bachelor of Science in Chemistry, Bachelor of Science in Computing Mathematics, Bachelor of Science in Physics
      -> The University of Edinburgh, The University of Manchester
      -> Hong Kong PhD Fellowship Scheme, Science Summer Camp 2022
      -> Research
      -> Co-operative Education Scheme (CES), Industrial Attachment Scheme (IAS), Overseas Internship Scheme (OIS), Internship courses
      -> Exchange Partner Institutions, Outbound Exchange Programmes, Inbound Exchange Programmes, Summer Exchange Programme, Inbound Summer Exchange Programme, Outbound Summer Exchange Programme
      -> College of Engineering and College of Science Career Fair 2024
*/

.node__meta {
    display: none;
}

/* Default Setting Start */
@media print {
    header, footer, #main-wrapper > .tabs {
        display: none;
    }
}
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

.node--type-page .layout__region--first {
    padding-bottom: 120px;
    margin-bottom: 0;
}

.node--type-csci-news {
    position: relative;
}
.layout-normal-page, .layout--threecol-33-34-33:not(.listing-banner) {
    position: relative;
}
.layout-normal-page::before, .layout--threecol-33-34-33:not(.listing-banner)::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-image: url("/csci/sites/g/files/asqsls7741/files/2022-12/Website%20BG_v3_1920x1500.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    z-index: -1;
}
.layout--threecol-33-34-33.csci-carousel::before {
    display: none;
}

.layout-normal-page .region-lg-9 {
    background-color: rgba(255,255,255,0.8);
}
@media (min-width: 1000px) {
    .layout-normal-page .region-lg-9 .region-main {
        min-height: 800px;
    }
}

.main-and-sidebar-wrapper {
    margin-bottom: 0;
    padding-bottom: 120px;
}

/* Twitter new icon start */
.block-views-blockcsci-news-block-6 .content .view-footer .card-body .social_media a.twitter,
.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body .social_media a.twitter {
  position: relative;
  padding-right: 20px;
}
.block-views-blockcsci-news-block-6 .content .view-footer .card-body .social_media a.twitter::before,
.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body .social_media a.twitter::before {
  visibility: hidden;
}
.block-views-blockcsci-news-block-6 .content .view-footer .card-body .social_media a.twitter::after,
.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body .social_media a.twitter::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-image: url("/csci/sites/g/files/asqsls7741/files/2023-08/x-twitter-blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.block-views-blockcsci-news-block-6 .content .view-footer .card-body .social_media a.twitter:hover::after,
.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body .social_media a.twitter:hover::after {
  background-image: url("/csci/sites/g/files/asqsls7741/files/2023-08/x-twitter-yellow.png");
}
/* Twitter new icon end */

body {
    font-family: 'Roboto', sans-serif;
}

p {
    line-height: 2;
    font-size: 16px;
}

h1 {
    color: #17999e;
    font-size: 36px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
}

h1.gradient {
    background-image: linear-gradient(90deg, #00549c, #17999e 86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}

.block-field-blocknodecsci-eventstitle, .block-field-blocknodecsci-newstitle, .block-field-blocknodecsci-researchtitle {
    margin: 0 0 30px;
    line-height: 1.5;
}

h1.listing_page_title, .block-system-main-block .region-main .field--name-title h1, 
.block-field-blocknodepagetitle .field--name-title, .block-field-blocknodecsci-newstitle .field--name-title,
.block-field-blocknodecsci-eventstitle .field--name-title, .block-field-blocknodecsci-researchtitle .field--name-title {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.5;
}

.block-system-main-block .region-main .field--name-title h1, .block-field-blocknodepagetitle .field--name-title, 
.block-field-blocknodecsci-newstitle .field--name-title, .block-field-blocknodecsci-eventstitle .field--name-title,
.block-field-blocknodecsci-researchtitle .field--name-title {
    background-image: linear-gradient(90deg, #00549c, #17999e 86%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    width: fit-content;
    line-height: 1.5;
}

h2 {
    color: #2d7ba6;
    font-size: 24px;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.5;
}
@media (min-width: 1000px) {
    h2:hover > a {
        color: #ffc000;
    }
}
.tab-content h2, .tab-content h2 a, .block-field-blocknodecsci-eventsbody h2 {
    margin-bottom: 15px;
    text-align: start;
}

h3 {
    font-size: 18px;
    font-weight: 700;
    color: #b22222;
}

.tab-content h3, .tab-content h3 a, .block-field-blocknodecsci-eventsbody h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

h4 {
    font-size: 18px;
    font-weight: 700;
    color: #2f5597;
}

.tab-content h4, .tab-content h4 a {
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 15px;
}

h5 {
    font-size: 18px;
    font-weight: 700;
    color: black;
}

h6 {
    font-size: 18px;
    font-weight: 400;
    color: black;
}

.table th, .table td {
  border: 1px solid #dee2e6;
}

.table td > div:not(:last-child) {
  margin-bottom: 20px;
}

.list-counter {
  counter-reset: level1;
}
.list-counter::before {
  content: "";
  counter-reset: level2;
}
.list-counter > ol > li::before {
  counter-increment: level1;
  content: counter(level1) ".";
}

.list-counter > ol > li > ol > li::before {
  counter-increment: level2;
  content: counter(level2) ".";
}

.block-system-main-block .nav-tabs {
    margin: 15px 0 30px;
    padding-left: 0;
    justify-content: start;
    border-bottom: none;
}

.block-system-main-block .nav-tabs .nav-item {
    padding-left: 0;
    padding-bottom: 1px;
    margin-top: 10px;
    margin-right: 10px;
}

.block-system-main-block .nav-tabs .nav-item::after {
    content: "";
}

.block-system-main-block .nav-tabs .nav-item .nav-link {
    background-color: white;
    color: black;
    border: 1px solid #ffc000;
    border-bottom: 2px solid #ffc000;
    border-radius: 0.25rem 0.25rem 0 0;
    font-weight: 700;
    outline: none;
}
@media (min-width: 1000px) {
    .block-system-main-block .nav-tabs .nav-item .nav-link:hover {
        cursor: pointer;
    }
}

.block-system-main-block .nav-tabs .nav-item.selected .nav-link {
    background-color: #ffc000;
    border-bottom: none;
    color: white;
}

.block-system-main-block .date {
    text-transform: uppercase;
    font-size: 18px !important;
    line-height: unset;
}

.block-system-main-block a {
    color: #17999e;
    font-size: inherit;
    font-weight: 700;
}
.block-system-main-block a:hover {
    color: #17999e !important;
}
.block-system-main-block a.btn:hover, .block-system-main-block a.button:hover {
    color: white !important;
}
@media (min-width: 1000px) {
    .block-system-main-block a:hover {
        color: #ffc000 !important;
    }
}

.block-system-main-block .btn {
    font-size: 20px !important;
    font-weight: 700;
}

.block-system-main-block .btn:focus {
    box-shadow: none !important;
}
@media (min-width: 1000px) {
    .block-system-main-block .btn:hover {
        box-shadow: 5px 5px 15px -5px rgb(108, 107, 107);
    }
}

.block-system-main-block .video {
    position: relative;
    padding-bottom: 56.25%;
}

.block-system-main-block .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.block-system-main-block figcaption {
    margin-top: 6px;
    font-size: 14px;
    color: rgba(0,0,0,0.5);
    font-style: italic;
}

@media (min-width: 1000px) {
    .main-and-sidebar-wrapper .container .row .col-lg-3 {
        padding-right: 24px;
    }
}

.csci-page-title, .csci-page-title.block-field-blocknodepagetitle {
    color: #17999e;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 60px;
}
@media (min-width: 760px) {
    .csci-page-title, .csci-page-title.block-field-blocknodepagetitle {
        font-size: 42px;
    }
}

.block-field-blocknodepagebody a, .block-entity-fieldnodebody a {
    font-size: 16px !important;
}
@media (min-width: 1000px) {
    .block-field-blocknodepagebody a:hover, .block-entity-fieldnodebody a:hover {
        color: #ffc000 !important;
    }
}

.block-field-blocknodepagebody p, .block-entity-fieldnodebody p {
    font-size: 16px !important;
    line-height: 2 !important;
    margin-bottom: 30px !important;
}

.block-entity-fieldnodebody th, .block-entity-fieldnodebody td {
    font-size: 16px;
}

.block-entity-fieldnodebody ol, .block-entity-fieldnodebody ul, .block-field-blocknodepagebody ul, .block-field-blocknodepagebody ol {
    margin-bottom: 10px;
}

.block-field-blocknodepagebody ul {
    /* padding-left: 0; */
}

.block-field-blocknodepagebody ul > li::after, .block-entity-fieldnodebody ul > li::after {
  /* content: ""; */
}

.block-entity-fieldnodebody ul li::after {
  left: -0.7em;
}

.block-entity-fieldnodebody ul ul > li::after {
  content: "◦";
}
.block-entity-fieldnodebody ul ul ul > li::after {
  content: "▪";
}

.block-entity-fieldnodebody li {
    font-size: 16px;
}
.block-entity-fieldnodebody hr {
    margin-top: 22px;
    margin-bottom: 30px;
}
.accordion .accordion-item .accordion-header {
    text-decoration: none;
}

.accordion .accordion-item .accordion-header .accordion-button {
    width: 100%;
    padding: 1rem 3rem 1rem 1rem;
    position: relative;
    display: flex;
    flex-direction: column;
    background-color:#d1ebec;
    color: black;
    font-weight: 700;
    border: none;
    border-radius: 0.25rem;
    text-align: start;
    line-height: 1.5;
}

.accordion .accordion-item .accordion-header .accordion-button::after {
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
    top: 0;
    right: 1rem;
    content: "\f078";
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 900; 
    transition: transform .2s ease-in-out;
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    background-color: #45adb1;
    color: white;
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}

.accordion .accordion-item .accordion-header .accordion-button:focus {
    outline: none;
}

.accordion .accordion-item .accordion-header .accordion-button span { 
    line-height: 1.5;
}

.accordion .accordion-item .accordion-collapse .image_wrapper {
    margin-top: 0;
}

.form-row {
    display: none;
    justify-content: center;
    position: relative;
}

.form-row .js-form-item {
    width: 100%;
    margin-bottom: 0;
    position: relative;
}
@media (min-width: 760px) {
    .form-row .js-form-item {
        width: auto;
        margin-bottom: 0;
    }
}
.form-row .js-form-item::before {
    position: absolute;
    top: 5px;
    right: 6px;
    padding: 0 10px;
    content: "\f002";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 30px;
}

.form-row .js-form-item label {
    display: none;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}

.form-row .js-form-item .form-control {
    height: 47px;
    padding-right: 50px;
}

.form-row .js-form-item .form-control:focus {
    border: 1px solid #17999e;
    box-shadow: none;
}

.form-row .form-actions {
    height: 47px;
    margin-bottom: 0;
    position: absolute;
    top: 4px;
    right: 0;
}
@media (min-width: 760px) {
    .form-row .form-actions {
        position: relative;
        left: -61px;
    }
}

.form-row .form-actions .js-form-submit {
    /* opacity: 0; */
    width: 50px;
    height: inherit;
    background-color: #ffc000;
    border-color: #ffc000;
}

.form-row .form-actions .js-form-submit:focus {
    color: white;
    background-color: #ffc000;
    border-color: #ffc000;
}

.node--type-page .block-field-blocknodepagebody::before {
    display: none;
}

.filter-wrap {
}

.filter-wrap .t-list-filter {
    display: none;
    flex-direction: column;
    margin: 15px 0 0;
}

.filter-wrap .t-list-filter .filter  {
    padding: 0.75rem;
}

.filter-wrap .t-list-filter .filter::before {
    display: none;
}

.filter-wrap .t-list-filter .filter .t::after {
    content: "\f078";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    margin-right: 0.75rem;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 16px;
    color: black;
    font-weight: 900;
    transition: transform .2s ease-in-out;
}

.filter-wrap .t-list-filter .filter .filter-ul li {
    padding: 0.375rem 0.75rem; 
    font-size: 16px;
}

.filter-wrap .t-list-filter .filter .filter-ul li.selected {
    color: #17999e;
}

.filter-wrap .t-list-filter .filter .filter-ul li:hover {
    color: #ffc000;
    background-color: transparent;
}

.filter-wrap .t-list-filter .filter .filter-ul li.selected::before {
    display: none;
}

.filter-wrap .t-list-filter .filter::after {
    display: none;
}

.filter-wrap .filter-reset {
    margin-top: 15px;
    margin-bottom: 10px;
}

.facet-inactive, .facet-active {
    width: 100%;
}
@media (min-width: 1000px) {
    .facet-inactive, .facet-active {
        width: 32.66667%;
    }
}

.facet-inactive .js-facets-dropdown, .facet-active .js-facets-dropdown {
    font-size: 16px;
    font-weight: 700;
    border: none;
    background-color: #f2f2f2;
    color: black;
    width: 100%;
    padding: 0.75rem 0.375rem;
    border-radius: 0.25rem;
}
.facet-inactive .js-facets-dropdown:focus, .facet-active .js-facets-dropdown:focus {
    outline: none;
}

.block-views-blockcsci-research-block-1, 
.block-views-blockcsci-news-indexed-block-1, 
.block-views-blockcsci-events-indexed-block-1, 
.block-views-blockcsci-events-indexed-block-2 {
    clear: both;
}
.block-facet-blockcsci-news-achievements, .block-facet-blockcsci-news-date- {
    margin-bottom: 10px;
}
.block-facet-blockdepartment {
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    .block-facet-blockcsci-news-achievements {
        float: left;
        margin-right: 0.5%;
        margin-bottom: 30px;
    }
    .block-facet-blockcsci-news-date- {
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        margin-bottom: 30px;
    }
    .block-facet-blockdepartment {
        float: left;
        margin-left: 0.5%;
    }
}

.block-facet-blockupcoming-event-date, .block-facet-blockpast-event-date {
    width: 100%;
    margin-bottom: 10px;
}
.block-facet-blockpast-event-date .content {
    display: block;
}
.block-facet-blockupcoming-event-tags, .block-facet-blockpast-event-tags {
    width: 100%;
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    .block-facet-blockupcoming-event-date, .block-facet-blockpast-event-date {
        margin-right: 0.5%;
        margin-bottom: 30px;
        float: left;
        width: 49.5%;
    }
    .block-facet-blockupcoming-event-tags, .block-facet-blockpast-event-tags {
        margin-left: 0.5%;
        float: right;
        width: 49.5%;
    }
}

.block-facet-blockrecent-event-tags {
    width: 100%;
    margin-bottom: 10px;
}
.block-facet-blockrecent-event-tags + .block-facet-blockcsci-news-date- {
    width: 100%;
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    .block-facet-blockrecent-event-tags {
        margin-right: 0.5%;
        margin-bottom: 30px;
        float: left;
        width: 49.5%;
    }

    .block-facet-blockrecent-event-tags + .block-facet-blockcsci-news-date- {
        margin-left: 0.5%;
        margin-right: 0;
        float: right;
        width: 49.5%;
    }
}

.block-facet-blockresearch-tags, .block-facet-blockresearch-date {
    width: 100%;
    margin-bottom: 10px;
}
.block-facet-blockresearch-department {
    width: 100%;
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    .block-facet-blockresearch-tags {
        float: left;
        margin-right: 0.5%;
        margin-bottom: 30px;
        width: 32.66667%;
    }
    .block-facet-blockresearch-date {
        float: left;
        margin-left: 0.5%;
        margin-right: 0.5%;
        margin-bottom: 30px;
        width: 32.66667%;
    }
    .block-facet-blockresearch-department {
        float: left;
        margin-left: 0.5%;
        width: 32.66667%;
    }
}

.pagination {
}

.pagination .page-item-main .page-item.active .page-link {
    color: #ffc000;
}

.pagination .page-item-main .page-item .page-link {
    color: black;
}

.pagination .page-item-main .page-item .page-link:hover {
    color: #ffc000 !important;
}

.block-entity-fieldnodebody span.image-zoom, 
.field--name-field-cityu-normal-content span.image-zoom, 
.block-field-blocknodecityu-normal-pagebody span.image-zoom, 
.block-entity-fieldnodefield-cityu-service-description span.image-zoom, 
.block-field-blocknodecityu-eventbody span.image-zoom, 
.block-field-blocknodepagebody span.image-zoom {
    display: none;
}
/* Default Setting End */

/* Landing Page Start */
/* Banner Start */
.csci-carousel {
    margin-bottom: 50px;
}
@media (min-width: 1000px) {
    .csci-carousel {
        margin-bottom: 100px;
    }
}

.csci-carousel .layout__region--top {
    display: none;
}
@media (min-width: 1000px) {
    .csci-carousel .layout__region--top {
        display: block;
    }
}

.csci-carousel .block-system-breadcrumb-block {
    display: none;
}

.csci-carousel .layout__region--first {
    display: block;
}
@media (min-width: 1000px) {
    .csci-carousel .layout__region--first {
        display: none;
    }
}
.headline-carousel {
    margin-bottom: 0;
}

.headline-carousel .carousel-indicators {
    top: unset;
    bottom: 90px;
}
@media (min-width: 1000px) {
    .headline-carousel .carousel-indicators {
        right: 0;
        left: unset;
        bottom: 90px;
        padding: 0;
        margin: 0;
    }
}
@media (min-width: 1200px) {
    .headline-carousel .carousel-indicators {
        right: 50px;
    }
}

.headline-carousel .carousel-indicators > li {
    width: 1.625rem;
    height: 1.625rem;
}

.headline-carousel .carousel-indicators > li.active .progress-all {
    width: 1.625rem;
    height: 1.625rem;
}

@media (min-width: 1000px) {
    .headline-carousel .carousel-inner:hover ~ .carousel-control {
        background-color: white;
        box-shadow: 0 0 5px 0 black;
    }
    .headline-carousel .carousel-inner:hover ~ .carousel-control > .carousel-control-prev-icon::after {
        color: #17999e;
    }
    .headline-carousel .carousel-inner:hover ~ .carousel-control > .carousel-control-next-icon::after {
        color: #17999e;
    }
}
.headline-carousel .carousel-inner .carousel-item {
    height: inherit;
}

.headline-carousel .carousel-inner .carousel-item .paragraph--type--cityu-carousel {
    height: inherit;
    min-height: auto;
}

.headline-carousel .carousel-inner .carousel-item .paragraph--type--cityu-carousel::after {
    display: none;
}

.headline-carousel .carousel-inner .carousel-item .paragraph--type--cityu-carousel .field--name-field-cityu-banner {
    height: inherit;
    min-height: auto;
}

.headline-carousel .carousel-inner .carousel-item .paragraph--type--cityu-carousel .field--name-field-cityu-banner img {
    object-fit: contain;
    background-color: #f2f2f2;
    position: unset;
}

.headline-carousel .carousel-inner .carousel-item .paragraph--type--cityu-carousel .carousel-des {
    display: none;
}

@media (min-width: 1000px) {
    .headline-carousel .carousel-control {
        background-color: unset;
        border: none;
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }

    .headline-carousel .carousel-control.show {
        background-color: white;
        box-shadow: 0 0 5px 0 black;
    }

    .headline-carousel .carousel-control.show:hover {
        background-color: white;
    }

    .headline-carousel .carousel-control.show .carousel-control-prev-icon::after {
        color: #17999e;
    }

    .headline-carousel .carousel-control.show .carousel-control-next-icon::after {
        color: #17999e;
    }

    .headline-carousel .carousel-control-prev {
        left: 5px;
    }

    .headline-carousel .carousel-control-prev .carousel-control-prev-icon::after {
        color: transparent;
    }
    
    .headline-carousel .carousel-control-next {
        right: 5px;
    }

    .headline-carousel .carousel-control-next .carousel-control-next-icon::after {
        color: transparent;
    }
}

.headline-carousel .next-screen {
   display: none;
}

.headline-carousel .carousel-bottom-bg {
    display: block !important;
    background-image: url("/csci/sites/g/files/asqsls7741/files/2022-08/banner_bottom_background_2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 150px;
}
@media (min-width: 1000px) {
    .headline-carousel .carousel-bottom-bg::after {
        background-image: none;
    }
}
/* Banner End */

/* News & Acheivements Start */
.news-achievements-title {
    margin-bottom: 40px;
    transform: translateY(100px);
    transition: transform 0.5s;
}

.news-achievements-title.scrolled {
    transform: translateY(0);
}

.news-and-achievements {
    width: inherit;
    justify-content: space-between;
    margin-bottom: 170px;
    display: none;
}
@media (min-width: 760px) {
    .news-and-achievements {
        display: flex;
    }
    .news-and-achievements::after {
        content: "";
        z-index: -1;
        position: absolute;
        left: 0;
        display: block;
        height: 506px;
        width: 100%;
        background-image: url(/csci/sites/g/files/asqsls7741/files/2022-06/news_and_achievements_background.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 60%;
    }
}
@media (min-width: 1000px) {
    .news-and-achievements::after {
        background-position: center;
        height: 600px;
    }
}
@media (min-width: 1200px) {
    .news-and-achievements::after {
        height: 680px;
    }
}
@media (min-width: 1600px) {
    .news-and-achievements::after {
        background-size: 100% 100%;
    }
}
.news-and-achievements.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first {
    margin-top: 30px;
    flex-basis: 100%;
} 
@media (min-width: 760px) {
    .news-and-achievements.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first {
        flex-basis: 42%;
    }
}
@media (min-width: 1000px) {
    .news-and-achievements.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first {
        transform: translateY(100px);
        transition: transform 1s ease 0.3s;
    } 
    .news-and-achievements.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first.scrolled {
        transform: translateY(0);
    } 
}

.news-and-achievements .layout__reion--first .views-row {
}
.news-and-achievements .layout__region--first .views-row .news-thumbnail {
}
@media (min-width: 1000px) {
    .news-and-achievements .layout__region--first .views-row .news-thumbnail img {
       transition: transform 0.5s;
    }
    .news-and-achievements .layout__region--first .views-row .news-thumbnail img:hover {
       transform: scale(1.025, 1.025);
    }
}

@media (min-width: 760px) {
    .news-and-achievements .layout__region--first .views-row .news-thumbnail .date {
        margin-top: 15px;
    }
}

.news-and-achievements .layout__region--first .views-row .news-content h2 {
    margin-bottom: 30px;
    text-align: start;
}
@media (min-width: 760px) {
    .news-and-achievements .layout__region--first .views-row .news-content h2 {
        margin-top: 30px;
        font-size: 20px;
    }
}
.news-and-achievements .layout__region--first .views-row .news-content h2 a {
    font-size: inherit;
    font-weight: 700;
}
@media (min-width: 760px) {
    .news-and-achievements .layout__region--first .views-row .news-content h2 a {
        color: white;
    }
}
@media (min-width: 1000px) {
    .news-and-achievements .layout__region--first .views-row .news-content h2:hover a {
        color: #ffc000;
    }
}

@media (min-width: 760px) {
    .news-and-achievements .layout__region--first .views-row .news-content .date {
        color: white;
        font-size: 20px;
    }
}

.news-and-achievements.layout--twocol-section.layout--twocol-section--50-50 .layout__region--second {
    flex-basis: 100%;
}
@media (min-width: 760px) {
    .news-and-achievements.layout--twocol-section.layout--twocol-section--50-50 .layout__region--second {
        display: block;
        margin-top: 30px;
        flex-basis: 54%;
    }
}

.news-and-achievements .layout__region--second .view-content {
    display: none;
}
@media (min-width: 760px) {
    .news-and-achievements .layout__region--second .view-content {
        display: block
    }
}

.news-and-achievements .layout__region--second .view-content .views-row {
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    .news-and-achievements .layout__region--second .view-content .views-row:first-of-type {
        transform: translateY(100px);
        transition: transform 1s ease 0.6s;
    }
    .news-and-achievements .layout__region--second .view-content .views-row:nth-of-type(2) {
        transform: translateY(100px);
        transition: transform 1s ease 0.9s;
    }
    .news-and-achievements .layout__region--second .view-content .views-row:nth-of-type(3) {
        transform: translateY(100px);
        transition: transform 1s ease 1.2s;
    }
    .news-and-achievements .layout__region--second.scrolled .view-content .views-row {
        transform: translateY(0);
    }
}

.news-and-achievements .layout__region--second .view-content .views-row .field-content {
    display: flex;
    justify-content: space-between;
}

.news-and-achievements .layout__region--second .view-content .views-row .field-content .news-thumbnail {
    width: 39%;
    overflow: hidden;
}

@media (min-width: 760px) {
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-thumbnail {
        height: 100px;
    }
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-thumbnail img {
        height: inherit;
        object-fit: cover;
        background-color: black;
    }
}
@media (min-width: 1000px) {
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-thumbnail {
        height: 130px;
    }
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-thumbnail img {
       transition: transform 0.5s;
    }
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-thumbnail img:hover {
       transform: scale(1.05, 1.05);
    }
}
@media (min-width: 1200px) {
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-thumbnail {
        height: 150px;
    }
}

.news-and-achievements .layout__region--second .view-content .views-row .field-content .news-thumbnail .date {
    display: none;
}

.news-and-achievements .layout__region--second .view-content .views-row .field-content .news-content {
    width: 59%;
    align-self: center;
}

.news-and-achievements .layout__region--second .view-content .views-row .field-content .news-content h2 {
    text-align: start;
    font-weight: 700;
}
@media (min-width: 760px) {
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-content h2 {
        font-size: 20px;
    }
}
@media (min-width: 1200px) {
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-content h2 {
        margin-bottom: 15px;
    }
}

.news-and-achievements .layout__region--second .view-content .views-row .field-content .news-content h2 a {
    font-size: inherit;
    font-weight: inherit;
}
@media (min-width: 760px) {
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-content h2 a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: start;
    }
}
@media (min-width: 1000px) {
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-content h2 a {
        -webkit-line-clamp: 3;
    }
}
@media (min-width: 1200px) {
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-content h2 a {
        -webkit-line-clamp: 4;
    }
}

@media (min-width: 760px) {
    .news-and-achievements .layout__region--second .view-content .views-row .field-content .news-content .date {
        font-size: 20px;
    }
}

.news-and-achievements .layout__region--second .view-footer {
    text-align: end;
}

.news-and-achievements .layout__region--second .view-footer a {
    background-color: #ffc000;
    color: white;
}

.news-and-achievement-slider {
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-06/news_and_achievements_background.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 70% 50%;
}
@media (min-width: 425px) {
    .news-and-achievement-slider {
        background-position: 73% 50%;
    }
}
@media (min-width: 475px) {
    .news-and-achievement-slider {
        background-position: 74% 50%;
    }
}
@media (min-width: 525px) {
    .news-and-achievement-slider {
        background-position: 75% 50%;
    }
}
@media (min-width: 575px) {
    .news-and-achievement-slider {
        background-position: 76% 50%;
    }
}
@media (min-width: 625px) {
    .news-and-achievement-slider {
        background-position: 78% 50%;
    }
}
@media (min-width: 675px) {
    .news-and-achievement-slider {
        background-position: 80% 50%;
    }
}
@media (min-width: 760px) {
    .news-and-achievement-slider {
        display: none;
    }
}

.news-and-achievement-slider .view-content {
    padding-top: 40px;
}

.news-and-achievement-slider .view-content .flexslider {
    border: none;
    background-color: transparent;
}

.news-and-achievement-slider .view-content .flexslider .slides .news-content h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: start;
    font-weight: 700;
}

.news-and-achievement-slider .view-content .flexslider .slides .news-content h2 a {
    font-size: inherit;
    font-weight: inherit;
}

.news-and-achievement-slider .view-content .flexslider .flex-control-nav li a.flex-active {
    background-color: #ffc000;
}

.news-and-achievement-slider .view-content .flexslider .flex-direction-nav {
    display: none;
}

.news-and-achievement-slider .view-content .flexslider .flex-direction-nav li a {
    height: 60px;
    width: 60px;
    display: block;
}

.news-and-achievement-slider .view-content .flexslider .flex-direction-nav li a::before {
    color:#ffc000;
}

.news-and-achievement-slider .view-footer {
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 100px;
}

.news-and-achievement-slider .view-footer a {
    background-color: #ffc000;
    color: white;
}

/* News & Acheivements End */

/* Recent Events Start */
.recent-events-title {
    transform: translateY(50px);
    transition: transform 0.5s;
}

.recent-events-title.scrolled {
    transform: translateY(0);
}

@media (min-width: 1000px) {
    .recent-events-title {
        position: relative;
        top: 0;
        margin-bottom: 40px;
    }

    .recent-events-title h1 {
        margin-left: unset;
        margin-right: unset;
    }
}

.recent-events {
    width: inherit;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 150px;
}
@media (min-width: 1000px) {
    .recent-events {
        margin-bottom: 200px;
    }
}

.recent-events::before {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    height: 590px;
    width: 100%;
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/recent_events_background_3.png);
    background-size: cover;
    background-repeat: no-repeat;
}
@media (min-width: 1000px) {
    .recent-events::before {
        height: 720px;
        background-color: white;
        background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/recent_events_background_3.jpg);
        background-attachment: fixed;
        background-position: center;
        margin-bottom: 48px;
    } 
}

.recent-events::after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0;
    height: 590px;
    width: 100%;
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/recent_events_background_mask_3.png);
    background-size: cover;
    background-repeat: no-repeat;
}
@media (min-width: 1000px) {
    .recent-events::after {
        height: 720px;
        background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/recent_events_background_mask_2.png);
        margin-bottom: 48px;
    }
}

.recent-events.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first {
    flex-basis: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
}
@media (min-width: 760px) {
    .recent-events.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first {
        flex-basis: 42%;
        margin-top: -20px;
        margin-bottom: 0;
    }
}
@media (min-width: 1000px) {
    .recent-events.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first {
        transform: translateY(100px);
        transition: transform 1s ease 0.3s;
    }
    .recent-events.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first.scrolled {
        transform: translateY(0);
    }
}

.recent-events .layout__region--first .views-row {
    position: relative;
    height: 200px;
    background-color: rgba(255,255,255, 0.8);
    display: flex;
    align-items: center;
    background-image: url("/csci/sites/g/files/asqsls7741/files/2022-07/recent_events_2_0.png");
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 10%;
    padding: 0 20px;
}
@media (min-width: 760px) {
    .recent-events .layout__region--first .views-row {
        height: 380px;
        background-size: contain;
    }
    .recent-events .layout__region--first .views-row .views-field {
        position: relative;
        z-index: 1;
    }
    .recent-events .layout__region--first .views-row::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: inherit;
        width: 100%;
        background-image: url("/csci/sites/g/files/asqsls7741/files/2022-12/upper_recent%20event-01.png");
        background-repeat: no-repeat;
        background-size: contain;
        padding: 0 20px;
    }
}

.recent-events .layout__region--first .views-row .achievements-title {
    margin-bottom: 10px;
}

.recent-events .layout__region--first .views-row .achievements-title h2 {
    line-height: 1;
    text-align: start;
    font-size: 20px;
    font-weight: 700;
}

.recent-events .layout__region--first .views-row .achievements-title h2 a {
    font-size: inherit;
    font-weight: inherit;
}

.recent-events .layout__region--first .views-row .news-tags {
    text-transform: uppercase;
    color: rgba(0,0,0,0.5);
    margin-top: 5px;
    font-size: 14px;
}

.recent-events.layout--twocol-section.layout--twocol-section--50-50 .layout__region--second {
    flex-basis: 100%;
}
@media (min-width: 760px) {
    .recent-events.layout--twocol-section.layout--twocol-section--50-50 .layout__region--second {
        flex-basis: 54%;
        margin-top: 54px;
    }
}

.recent-events .layout__region--second .view-content .views-row {
    height: 175px;
    display: flex;
    align-items: center;
    background-color: rgba(255,255,255,0.8);
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-07/recent_events_2_0.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 10%;
    margin-bottom: 30px;
    padding: 0 20px;
}
@media (min-width: 760px) {
    .recent-events .layout__region--second .view-content .views-row {
        background-image: url(/csci/sites/g/files/asqsls7741/files/2022-07/recent_events_1.png);
        background-position: right;
        background-size: contain;
    }
}

@media (min-width: 1000px) {
    .recent-events .layout__region--second .view-content .views-row:first-of-type {
        transform: translateY(100px);
        transition: transform 1s ease 0.6s;
    }
}

.recent-events .layout__region--second .view-content .views-row:last-of-type {
    display: none;
}
@media (min-width: 760px) {
    .recent-events .layout__region--second .view-content .views-row:last-of-type {
        display: flex;
    }
}
@media (min-width: 1000px) {
    .recent-events .layout__region--second .view-content .views-row:last-of-type {
        transform: translateY(100px);
        transition: transform 1s ease 0.9s;
    }

    .recent-events .layout__region--second.scrolled .view-content .views-row {
        transform: translateY(0);
    }
}

.recent-events .layout__region--second .view-content .views-row .achievements-title {
    margin-bottom: 10px;
}

.recent-events .layout__region--second .view-content .views-row .achievements-title h2 {
    text-align: start;
    line-height: 1;
    font-size: 20px;
    font-weight: 700;
}

.recent-events .layout__region--second .view-content .views-row .achievements-title h2 a {
    font-size: inherit;
    font-weight: inherit;
}

.recent-events .layout__region--second .view-content .views-row .news-tags {
    text-transform: uppercase;
    color: rgba(0,0,0,0.5);
    margin-top: 5px;
    font-size: 14px;
}

.recent-events .layout__region--second .view-footer {
    text-align: center;
}
@media (min-width: 760px) {
    .recent-events .layout__region--second .view-footer {
        text-align: end;
    }
}

.recent-events .layout__region--second .view-footer a {
    background-color: #ffc000;
    color: white;
}
/* Recent Events End */

/* Academic Rankings Section Start */
#academic_rankings {
    position: relative;
}

#academic_rankings .title {
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    #academic_rankings .title {
        margin-bottom: 60px;
    }
}

#academic_rankings .title h1 {
    transform: translateY(50px);
    transition: transform 0.5s;
}
#academic_rankings .title.scrolled h1 {
    transform: translateY(0);
}

#academic_rankings .title p {
    text-align: center;
    transform: translateY(50px);
    transition: transform 1.5s ease 0.3s;
}
#academic_rankings .title.scrolled p {
    transform: translateY(0);
}

#academic_rankings .wrapper {
    position: relative;
    background-image: url("/csci/sites/g/files/asqsls7741/files/2023-01/academic_rankings_background.png");
    background-size: cover;
    background-position: center;
}
@media (min-width: 1000px) {
    #academic_rankings .wrapper {
        background-image: unset;
        height: 501px;
    }
    #academic_rankings .wrapper::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: inherit;
        background-image: url("/csci/sites/g/files/asqsls7741/files/2023-01/academic_rankings_background.png");
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
    }
}

#academic_rankings .wrapper::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: radial-gradient(ellipse, rgba(4,69,107,0.3), rgba(4,69,107,0.6));
}

#academic_rankings .wrapper .flexbox_wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    padding: 50px 0 144px;
}
@media (min-width: 1000px) {
    #academic_rankings .wrapper .flexbox_wrapper {
        flex-direction: row;
        padding: 176px 0;
    }
}

#academic_rankings .wrapper .flexbox_wrapper .flexbox {
    position: relative;
    color: white;
    flex-basis: 33.33333%;
    text-align: center;
}

#academic_rankings .wrapper .flexbox_wrapper .flexbox:not(:last-child) {
    margin-bottom: 50px;
}
@media (min-width: 1000px) {
    #academic_rankings .wrapper .flexbox_wrapper .flexbox:not(:last-child) {
        margin-bottom: 0;
    }

    #academic_rankings .wrapper .flexbox_wrapper .flexbox:not(:first-child) {
        border-left: 3px solid white;
    }
}

#academic_rankings .wrapper .flexbox_wrapper .flexbox span {
    line-height: 1;
}

#academic_rankings .wrapper .flexbox_wrapper .flexbox .ranking {
    font-size: 45pt;
    font-weight: 900;
    line-height: 1.2;
}

#academic_rankings .wrapper .flexbox_wrapper .flexbox .ranking2 {
    font-size: 30pt;
    font-weight: 900;
}

#academic_rankings .wrapper .flexbox_wrapper .flexbox .subject {
    font-size: 20pt;
    font-weight: 700;
}

#academic_rankings .wrapper .flexbox_wrapper .flexbox .source {
    font-size: 11pt;
}

#academic_rankings .btn_wrapper {
    text-align: center;
    position: absolute;
    z-index: 1;
    bottom: 50px;
    left: 0;
    right: 0;
}
@media (min-width: 1000px) {
    #academic_rankings .btn_wrapper {
        text-align: end;
    }
}
#academic_rankings .btn_wrapper .btn {
    background-color: #ffc000;
    color: white;
}

.world-ranking {
    margin-bottom: 150px;
}
/* .world-ranking::before {
    content: "";
    display: block;
    width: 100%;
    height: 504px;
    opacity: 0.3;
    background-image: url("/csci/sites/g/files/asqsls7741/files/2022-07/world_rankings_2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
}
@media (min-width: 350px) {
    .world-ranking::before {
        height: 534px;
    }
}
@media (min-width: 400px) {
    .world-ranking::before{
        height: 560px;
    }
}
@media (min-width: 450px) {
    .world-ranking::before {
        height: 610px;
    }
}
@media (min-width: 500px) {
    .world-ranking::before {
        height: 660px;
    }
}
@media (min-width: 1000px) {
    .world-ranking::before {
        display: none;
    }
} */

#world_rankings {
    position: relative;
}

#world_rankings .content {
    padding-top: 30px;
}
@media (min-width: 1000px) {
    #world_rankings .content {
        position: absolute;
        top: -50px;
        right: 0;
        height: 520px;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-top: 0;
        padding-left: 160px;
        padding-right: 75px;
    }
    #world_rankings .content::before {
        content: "";
        display: block;
        background-image: url("/csci/sites/g/files/asqsls7741/files/2022-07/world_rankings_2.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0.4;
    }
}

#world_rankings .content h1 {
    transform: translateY(100px);
    transition: transform 0.5s;
}

#world_rankings .content.scrolled h1 {
    transform: translateY(0);
}

#world_rankings .content p {
    margin-bottom: 30px;
    transform: translateY(100px);
    transition: transform 1.5s ease 0.3s;
    text-align: center;
}
@media (min-width: 1000px) {
    #world_rankings .content p {
        text-align: start;
    }
}

#world_rankings .content.scrolled p {
    transform: translateY(0);
}

@media (min-width: 1000px) {
    #world_rankings .content p {
        margin-bottom: 0;
    }
}

#slider {
    height: 240px;
    width: 240px;
    margin: auto;
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
}
@media (min-width: 350px) {
    #slider {
        height: 270px;
        width: 270px;
    }
}
@media (min-width: 400px) {
    #slider {
        height: 320px;
        width: 320px;
    }
}
@media (min-width: 450px) {
    #slider {
        height: 370px;
        width: 370px;
    }
}
@media (min-width: 500px) {
    #slider {
        height: 420px;
        width: 420px;
    }
}
@media (min-width: 760px) {
    #slider {
        width: auto;
    }
}
@media (min-width: 1000px) {
    #slider {
        width: 50%;
        perspective: 500px;
        left: -25%;
    }
}
  
#slider input {
    display: none;
}
  
#slider label {
    display: flex;
    justify-content: center;
    align-items: center;
    width: inherit;
    height: 100%;
    border-radius: 40px 0;
    position: absolute;
    cursor: pointer;
    transition: transform 0s;
    background: white;
    color: #00549c;
    border: 2px solid lightgray;
    text-align: center;
    margin-bottom: 0;
}
@media (min-width: 576px) {  
    #slider label {
        width: 420px;
        transition: transform 0.5s ease;
    }
}

#slider label .ranking {
    font-size: 60px;
    line-height: 0.3;
    font-weight: bold;
}
@media (min-width: 376px) {
    #slider label .ranking {
        font-size: 80px;
    }
}

#slider label .ranking::after {
    content: "";
    display: flex;
    justify-content: center;
    font-weight: 400;
}

#slider label .award {
    margin-bottom: 0;
}

#slider label .award span {
    font-weight: bold;
}
  
#slider .prev {
    background: white;
    color: grey;
    border-color: transparent;
    position: absolute;
    top: 44%;
    left: -10px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
@media (min-width: 300px) {
    #slider .prev {
        left: -20px;
    }
}
@media (min-width: 760px) {
    #slider .prev {
        left: 260px;
        box-shadow: 0px 0px 5px 0px black;
    }
}
@media (min-width: 1000px) {
    #slider .prev {
        left: 101px;
    }
}
@media (min-width: 1200px) {
    #slider .prev {
        left: 206px;
    }
}
@media (min-width: 1400px) {
    #slider .prev {
        /* left: 311px; */
    }  
}

#slider .prev::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 50px;
    position: absolute;
    top: -14px;
    left: 13px;
    content: "\f104";
}
  
#slider .next {
    background: white;
    color: grey;
    border-color: transparent;
    position: absolute;
    top: 44%;
    right: -10px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}
@media (min-width: 300px) {
    #slider .next {
        right: -20px;
    }
}
@media (min-width: 1000px) {
    #slider .next {
        right: unset;
        left: 521px;
    }
}
@media (min-width: 1200px) {
    #slider .next {
        left: 626px;
    }
}

#slider .next::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 50px;
    position: absolute;
    top: -14px;
    right: 10px;
    content: "\f105";
}
  
#s1:checked~#slide1, #s2:checked~#slide2, #s3:checked~#slide3, #s4:checked~#slide4, #s5:checked~#slide5 {
    background-color: #00549c;
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-07/world_rankings_card_background_1.png);
    color: white;
    border: none;
    box-shadow: 0 13px 25px 0 rgba(0, 0, 0, .3), 0 11px 7px 0 rgba(0, 0, 0, .2);
    transform: translate3d(0,0,0);
}
@media (min-width: 760px) {
    #s1:checked~#slide1, #s2:checked~#slide2, #s3:checked~#slide3, #s4:checked~#slide4, #s5:checked~#slide5 {
        transform: translate3d(67%, 0, 0);
    }
}
@media (min-width: 1000px) {
    #s1:checked~#slide1, #s2:checked~#slide2, #s3:checked~#slide3, #s4:checked~#slide4, #s5:checked~#slide5 {
        transform: translate3d(30%, 0, 0);
    }
}
@media (min-width: 1200px) {
    #s1:checked~#slide1, #s2:checked~#slide2, #s3:checked~#slide3, #s4:checked~#slide4, #s5:checked~#slide5 {
        transform: translate3d(55%, 0, 0);
    }
}

#s1:checked~#slide2, #s2:checked~#slide3, #s3:checked~#slide4, #s4:checked~#slide5, #s5:checked~#slide1 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
    transform: translate3d(0, 0, -100px);
}
@media (min-width: 760px) {
    #s1:checked~#slide2, #s2:checked~#slide3, #s3:checked~#slide4, #s4:checked~#slide5, #s5:checked~#slide1 {
        transform: translate3d(30%, 0, -100px);
    }
}
@media (min-width: 1000px) {
    #s1:checked~#slide2, #s2:checked~#slide3, #s3:checked~#slide4, #s4:checked~#slide5, #s5:checked~#slide1 {
        transform: translate3d(4%, 0, -100px);
    }
}
@media (min-width: 1200px) {
    #s1:checked~#slide2, #s2:checked~#slide3, #s3:checked~#slide4, #s4:checked~#slide5, #s5:checked~#slide1 {
        transform: translate3d(20%, 0, -100px);
    }
}

#s1:checked~#slide3, #s2:checked~#slide4, #s3:checked~#slide5, #s4:checked~#slide1, #s5:checked~#slide2 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
    transform: translate3d(0, 0, -200px);
}
@media (min-width: 760px) {
    #s1:checked~#slide3, #s2:checked~#slide4, #s3:checked~#slide5, #s4:checked~#slide1, #s5:checked~#slide2 {
        transform: translate3d(0, 0, -200px);
    }
}
@media (min-width: 1000px) {
    #s1:checked~#slide3, #s2:checked~#slide4, #s3:checked~#slide5, #s4:checked~#slide1, #s5:checked~#slide2 {
        transform: translate3d(-22%, 0, -200px);
    }
}
@media (min-width: 1200px) {
    #s1:checked~#slide3, #s2:checked~#slide4, #s3:checked~#slide5, #s4:checked~#slide1, #s5:checked~#slide2 {
        transform: translate3d(-10%, 0, -200px);
    }
}

#s1:checked~#slide4, #s2:checked~#slide5, #s3:checked~#slide1, #s4:checked~#slide2, #s5:checked~#slide3 {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .37);
    transform: translate3d(0, 0, -300px);
}
@media (min-width: 760px) {
    #s1:checked~#slide4, #s2:checked~#slide5, #s3:checked~#slide1, #s4:checked~#slide2, #s5:checked~#slide3 {
        transform: translate3d(-25%, 0, -300px);
    }
}
@media (min-width: 1000px) {
    #s1:checked~#slide4, #s2:checked~#slide5, #s3:checked~#slide1, #s4:checked~#slide2, #s5:checked~#slide3 {
        transform: translate3d(0, 0, -300px);
    }
}
@media (min-width: 1200px) {
    #s1:checked~#slide4, #s2:checked~#slide5, #s3:checked~#slide1, #s4:checked~#slide2, #s5:checked~#slide3 {
        transform: translate3d(-40%, 0, -300px);
    }
}

#s1:checked~#slide5, #s2:checked~#slide1, #s3:checked~#slide2, #s4:checked~#slide3, #s5:checked~#slide4 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .3), 0 2px 2px 0 rgba(0, 0, 0, .2);
    transform: translate3d(0, 0, -400px);
}

#world_rankings .rankings_wrapper {
    display: none;
    background-color: #f2f2f2;
    padding: 30px 20px;
}
@media (min-width: 1000px) {
    #world_rankings .rankings_wrapper {
        position: relative;
        flex-wrap: wrap;
        height: 420px;
        width: 60%;
        padding: 0;
    }
}

#world_rankings .rankings_wrapper .ranking_btn {
    margin-bottom: 30px;
}

#world_rankings .rankings_wrapper .ranking_btn a {
    padding: 0;
}

#world_rankings .rankings_wrapper .ranking_btn a:hover {
    color: #17999e !important;
}

@media (min-width: 1000px) {
    #world_rankings .rankings_wrapper .ranking_btn {
        width: 100%;
        margin-bottom: 0;
    }

    #world_rankings .rankings_wrapper .ranking_btn a {
        padding: 0.375rem 0.75rem;
    }

    #world_rankings .rankings_wrapper .ranking_btn a:hover {
        color: #ffc000 !important;
        box-shadow: none;

    }
}

#world_rankings .rankings_wrapper .ranking_content {
    width: 100%;
}
@media (min-width: 1000px) {
    #world_rankings .rankings_wrapper .ranking_content {
        display: flex;
        flex-wrap: wrap;
    }
}

#world_rankings .rankings_wrapper .ranking_content .box {
    margin-bottom: 30px;
}

#world_rankings .rankings_wrapper .ranking_content .box:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 1000px) {
    #world_rankings .rankings_wrapper .ranking_content .box {
        width: 33.33%;
        padding: 0 0.75rem;
        margin-bottom: 0;
    }
    #world_rankings .rankings_wrapper .ranking_content .box:first-of-type {
      
    }
    #world_rankings .rankings_wrapper .ranking_content .box:nth-of-type(2) {
        padding-top: 20%;
    }
    #world_rankings .rankings_wrapper .ranking_content .box:last-of-type {
        margin-bottom: 0;
    }
}

#world_rankings .rankings_wrapper .ranking_content .box .ranking {
    color: #ffc000;
    font-size: 40px;
    font-weight: 700;
}

#world_rankings .rankings_wrapper .ranking_content .box .detail {
    color: black;
}
/* Academic Rankings Section End */

/* Facts & Figures Start */
@media (min-width: 760px) {
    .facts-figures {
        margin-bottom: 80px;
    }
}
@media (min-width: 1000px) {
    .facts-figures {
        margin-bottom: 130px;
    }
}

#facts_and_figures {
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-06/facts_and_figures_background.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    width: 100%;
    padding-bottom: 200px;
    margin-bottom: 50px;
    position: relative;
}
@media (min-width: 760px) {
    #facts_and_figures {
        background-size: 100% 90%;

    }
}
@media (min-width: 1000px) {
    #facts_and_figures {
        padding-bottom: 300px;
    }
}

#facts_and_figures > h1 {
    transform: translateY(50px);
    transition: transform 0.5s;
}

#facts_and_figures > h1.scrolled {
    transform: translateY(0);
}

@media (min-width: 1000px) {
    #facts_and_figures > h1 {
        position: relative;
        top: 30px;
    }
}

#facts_and_figures .container {
    font-size: 40px;
    margin-top: 100px;
}
@media (min-width: 760px) {
    #facts_and_figures .container {
        position: relative;
    }
}
@media (min-width: 1000px) {
    #facts_and_figures .container .facts img {
        opacity: 0;
        transition: opacity 1.5s;
    }
    #facts_and_figures .container.scrolled .facts img {
        opacity: 1;
    }
}


#facts_and_figures .facts {
    display: flex;
    padding-bottom: 30px;
}
@media (min-width: 760px) {
    #facts_and_figures .facts {
        flex-direction: column;
        width: 33%;
    }
}

#facts_and_figures .facts img {
    object-fit: contain;
}

#facts_and_figures .facts .facts_content {
    width: 55%;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (min-width: 760px) {
    #facts_and_figures .facts .facts_content {
        width: 100%;
    }
}

#facts_and_figures .facts .facts_content p:first-of-type {
    color: #ffc000;
    font-size: 40px;
    line-height: 1;
}
@media (min-width: 1000px) {
    #facts_and_figures .facts .facts_content p:first-of-type {
        line-height: 1.5;
    }
}

#facts_and_figures .facts .facts_content p:last-of-type {
    color: white;
    font-size: 20px;
    text-align: center;
    line-height: 1.5;
}

#facts_and_figures .facts:first-of-type {
    justify-content: center;
    margin-bottom: 50px;
}
@media (min-width: 400px) {
    #facts_and_figures .facts:first-of-type {
        margin-bottom: 40px;
    }
}
@media (min-width: 500px) {
    #facts_and_figures .facts:first-of-type {
        margin-bottom: 20px;
    }
}
@media (min-width: 600px) {
    #facts_and_figures .facts:first-of-type {
        margin-bottom: 0;
    }
}
@media (min-width: 760px) {
    #facts_and_figures .facts:first-of-type {
        width: 17%;
    }
}

#facts_and_figures .facts:first-of-type img {
    width: 25%;
}
@media (min-width: 760px) {
    #facts_and_figures .facts:first-of-type img {
        width: 100%;
    }
}

#facts_and_figures .facts:first-of-type .facts_content {
    margin-left: 20px;
}
@media (min-width: 760px) {
    #facts_and_figures .facts:first-of-type .facts_content {
        margin-left: 0;
        margin-top: 20px;
    }  
}

#facts_and_figures .facts:nth-of-type(2) {
    position: relative;
    justify-content: end;
}
@media (min-width: 760px) {
    #facts_and_figures .facts:nth-of-type(2) {
        position: absolute;
        top: 0;
        right: 0;
        flex-direction: row;
        width: 41%;
    }
}

#facts_and_figures .facts:nth-of-type(2) img {
    width: 50%;
}
@media (min-width: 760px) {
    #facts_and_figures .facts:nth-of-type(2) img {
        width: 75%;
    }
}

#facts_and_figures .facts:nth-of-type(2) .facts_content {
    position: absolute;
    top: -50px;
    left: 10%;
    width: 40%;
}
@media (min-width: 400px) {
    #facts_and_figures .facts:nth-of-type(2) .facts_content {
        top: -40px;
        left: 20%;
    }
}
@media (min-width: 500px) {
    #facts_and_figures .facts:nth-of-type(2) .facts_content {
        top: -20px;
    }
}
@media (min-width: 600px) {
    #facts_and_figures .facts:nth-of-type(2) .facts_content {
        top: 0;
    }
}
@media (min-width: 760px) {
    #facts_and_figures .facts:nth-of-type(2) .facts_content {
        width: 55%;
        top: -30px;
        left: -20px;
    }
}
@media (min-width: 1000px) {
    #facts_and_figures .facts:nth-of-type(2) .facts_content {
        width: 40%;
        left: 40px;
    }
}
@media (min-width: 1200px) {
    #facts_and_figures .facts:nth-of-type(2) .facts_content {
        top: -10px;
        left: 44px;
    }
}

#facts_and_figures .facts:last-of-type {
    padding-bottom: 0;
}
@media (min-width: 760px) {
    #facts_and_figures .facts:last-of-type {
        position: absolute;
        left: 25%;
        bottom: -30px;
        flex-direction: row;
        width: 50%;
    }
}
@media (min-width: 1000px) {
    #facts_and_figures .facts:last-of-type {
        bottom: -120px;
    }
}
@media (min-width: 1200px) {
    #facts_and_figures .facts:last-of-type {
        bottom: -110px;
    }
}

#facts_and_figures .facts:last-of-type img {
    width: 30%;
}
@media (min-width: 760px) {
    #facts_and_figures .facts:last-of-type img {
        width: 45%;
    }
}

#facts_and_figures .facts:last-of-type .facts_content {
    width: 40%;
}
@media (min-width: 760px) {
    #facts_and_figures .facts:last-of-type .facts_content {
        width: 45%;
        text-align: center;
        align-self: end;
    }
}
@media (min-width: 1000px) {
    #facts_and_figures .facts:last-of-type .facts_content {
        align-self: center;
    }
}

#facts_and_figures .btn_wrapper {
    text-align: center;
    position: absolute;
    bottom: 110px;
    left: 0;
    right: 0;
}
@media (min-width: 760px) {
    #facts_and_figures .btn_wrapper {
        text-align: end;
        bottom: 70px;
    }
}
@media (min-width: 1000px) {
    #facts_and_figures .btn_wrapper {
        bottom: 80px;
    }
}
#facts_and_figures .btn_wrapper .btn {
    background-color: #ffc000;
    color: white;
}
/* Facts & Figures End */ 

/* Studying at CityU Science Start */
.study_at_cityu {
    width: inherit;
    justify-content: space-between;
    margin-bottom: 100px;
}

@media (min-width: 1000px) {
    .study_at_cityu {
        margin-bottom: 150px;
    }

    .study_at_cityu::after {
        content: "";
        z-index: -1;
        position: absolute;
        left: 0;
        display: block;
        width: 100%;
        height: 594px;
        background-image: url(/csci/sites/g/files/asqsls7741/files/2022-06/studying_at_cityu_science_background.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: bottom;
    }
}

.study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first {
    margin-bottom: 30px;
    flex-basis: 100%;
} 

@media (min-width: 1000px) {
    .study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first {
        margin-bottom: 0;
        flex-basis: 34%;
        align-self: center;
    }
}


.study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first h1 {
    transform: translateY(100px);
    transition: transform 0.5s;
}

.study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first.scrolled h1 {
    transform: translateY(0);
}

.study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first p {
    transform: translateY(100px);
    transition: transform 1.5s ease 0.3s;
    text-align: center;
}

@media (min-width: 1000px) {
    .study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first p {
        text-align: start;
    }
}

.study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first.scrolled p {
    transform: translateY(0);
}

@media (min-width: 1000px) {
    .study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first h1 {
        text-align: start;
    }

    .study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--first p {
        padding-right: 20px;
    }
}

.study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--second {
    flex-basis: 100%;
} 
@media (min-width: 1000px) {
    .study_at_cityu.layout--twocol-section.layout--twocol-section--50-50 .layout__region--second {
        flex-basis: 64%;
    }
}

.study_at_cityu .layout__region--second .view-content ul li {
    position: relative;
    margin-bottom: 30px;
    display: flex;
} 
@media (min-width: 760px) {
    .study_at_cityu .layout__region--second .view-content ul li {
        padding: 0;
        margin-bottom: 0;
        height: auto;
        border-top: none;
        border-bottom: none;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
    } 
}
@media (min-width: 1000px) {
    .study_at_cityu .layout__region--second .view-content ul li {
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        height: 300px;
        position: relative;
    } 

    .study_at_cityu .layout__region--second .view-content ul li:hover {
        z-index: 1;
    } 

    .study_at_cityu .layout__region--second .view-content ul li:hover .views-field-title {
        transform: scale(1.1, 1.1);
    } 

    .study_at_cityu .layout__region--second .view-content ul li:hover .views-field-field-cityu-event-thumbnail {
        transform: scale(1.1, 1.1);
    } 
}

@media (min-width: 760px) {
    .study_at_cityu .layout__region--second .view-content ul li:first-of-type {
        margin-bottom: 16px;
    } 
    .study_at_cityu .layout__region--second .view-content ul li:nth-of-type(2) {
        margin-bottom: 16px;
    } 
}
@media (min-width: 1000px) {
    .study_at_cityu .layout__region--second .view-content ul li:first-of-type {
        margin-bottom: 24px;
    } 
    .study_at_cityu .layout__region--second .view-content ul li:nth-of-type(2) {
        margin-bottom: 24px;
    } 
}

.study_at_cityu .layout__region--second .view-content ul li:last-of-type {
    margin-bottom: 0;
} 

.study_at_cityu .layout__region--second .view-content ul li .views-field-title {
    background-color: white;
    position: unset;
    order: 1;
    padding: 0 15px;
    border: 1px solid #17999e;
    border-left: none;
    width: 60%;
    display: flex;
    align-items: center;
}
@media (min-width: 760px) {
    .study_at_cityu .layout__region--second .view-content ul li .views-field-title {
        border: none;
        padding: inherit;
        position: absolute;
        z-index: 1;
        bottom: 10%;
        left: 0;
        justify-content: center;
        align-items: unset;
        width: 100%;
        height: auto;
        padding: 10px 0;
        background-color: rgba(255,255,255,0.8);
    }
}
@media (min-width: 1000px) {
    .study_at_cityu .layout__region--second .view-content ul li .views-field-title {
        transition: transform 0.5s;
        padding: 20px 0;
    }
}

.study_at_cityu .layout__region--second .view-content ul li .views-field-title h2 {
    text-align: start;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-size: 20px;
}
@media (min-width: 760px) {
    .study_at_cityu .layout__region--second .view-content ul li .views-field-title h2 {
        text-align: center;
        line-height: 1;
    }
}

.study_at_cityu .layout__region--second .view-content ul li .views-field-title a {
    color: black;
    text-transform: uppercase;
    font-weight: inherit;
    line-height: inherit;
}

.study_at_cityu .layout__region--second .view-content ul li .views-field-field-cityu-event-thumbnail {
    height: inherit;
    width: 40%;
    border: 1px solid #17999e;
    border-right: none;
}
@media (min-width: 760px) {
    .study_at_cityu .layout__region--second .view-content ul li .views-field-field-cityu-event-thumbnail {
        width: auto;
        border: none;
    }

    .study_at_cityu .layout__region--second .view-content ul li .views-field-field-cityu-event-thumbnail::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
}

@media (min-width: 1000px) {
    .study_at_cityu .layout__region--second .view-content ul li .views-field-field-cityu-event-thumbnail {
        transition: transform 0.5s;
    }
}

.study_at_cityu .layout__region--second .view-content ul li .views-field-field-cityu-event-thumbnail .field-content {
    height: 100%;
}

.study_at_cityu .layout__region--second .view-content ul li .views-field-field-cityu-event-thumbnail .field-content div {
    height: inherit;
}

.study_at_cityu .layout__region--second .view-content ul li .views-field-field-cityu-event-thumbnail .field-content img {
    height: inherit;
    object-fit: cover;
    min-height: 152px;
}

/* Studying at CityU Science End */

/* Research Highlights Start */
.research-title {
    margin-bottom: 60px;
}

.research-title h1 {
    transform: translateY(50px);
    transition: transform 0.5s;
}

.research-title.scrolled h1 {
    transform: translateY(0);
}

.research-title p {
    transform: translateY(50px);
    transition: transform 1.5s ease 0.3s;
    text-align: center;
}

.research-title.scrolled p {
    transform: translateY(0);
}

.research {
    margin-bottom: 100px;
}

.research .flexslider {
    border: 0;
}
.research .flexslider:hover .flex-direction-nav li a {
    opacity: 1;
}

@media (min-width: 1000px) {
    .research .flexslider:hover .flex-direction-nav li a {
        opacity: 1;
        display: block;
    }
    .research .flexslider:hover .flex-direction-nav li a::before {
        color: #ffc000;
    }
}

.research .flexslider .flex-viewport {
    width: 300px;
    margin: auto;
}

@media (min-width: 730px) {
    .research .flexslider .flex-viewport {
        width: 630px;
    }
}
@media (min-width: 1060px) {
    .research .flexslider .flex-viewport {
        width: 960px;
    }
}
@media (min-width: 1390px) {
    .research .flexslider .flex-viewport {
        width: 1290px;
    }
}
@media (min-width: 1600px) {
    .research .flexslider .flex-viewport {
        width: 1500px;
    }
}
@media (min-width: 1720px) {
    .research .flexslider .flex-viewport {
        width: 1620px;
    }
}

.research .flexslider .flex-viewport ul li  {
    position: relative;
}

@media (min-width: 1390px) {
    .research .flexslider .flex-viewport ul li {
        width: 300px !important;
    }
}
@media (min-width: 1600px) {
    .research .flexslider .flex-viewport ul li {
        width: 352.5px !important;
    }
}
@media (min-width: 1720px) {
    .research .flexslider .flex-viewport ul li {
        width: 382.5px !important;
    }
}

@media (min-width: 1000px) {
    .research .flexslider .flex-viewport ul li:hover .views-field-field-cityu-news-date {
        transform: translateY(0);
        opacity: 1;
    }

    .research .flexslider .flex-viewport ul li:hover .views-field-field-research-tags {
        transform: translateY(0);
        opacity: 1;
    }

    .research .flexslider .flex-viewport ul li:hover .flex-caption {
        transform: translateY(0);
    }
}

@media (min-width: 1000px) {
    .research .flexslider .flex-viewport ul li .views-field-field-cityu-people-thumbnail {
        overflow: hidden;
    }
}

.research .flexslider .flex-viewport ul li .views-field-field-cityu-people-thumbnail::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: radial-gradient(ellipse, rgba(4,69,107,0.6), #04456b);
}
@media (min-width: 1000px) {
    .research .flexslider .flex-viewport ul li:hover .views-field-field-cityu-people-thumbnail .field-content img {
        transform: translateX(0);
        transition: transform 0.5s;
    }
    .research .flexslider .flex-viewport ul li .views-field-field-cityu-people-thumbnail::after {
        background-image: radial-gradient(ellipse, rgba(4,69,107,0.3), rgba(4,69,107,0.6));
    }
    .research .flexslider .flex-viewport ul li:hover .views-field-field-cityu-people-thumbnail::after {
        background-image: radial-gradient(ellipse, rgba(4,69,107,0.6), #04456b);
    }
}

.research .flexslider .flex-viewport ul li .views-field-field-cityu-people-thumbnail .field-content img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
@media (min-width: 630px) {
    .research .flexslider .flex-viewport ul li .views-field-field-cityu-people-thumbnail .field-content img {
        height: 450px;
    }
}
@media (min-width: 960px) {
    .research .flexslider .flex-viewport ul li .views-field-field-cityu-people-thumbnail .field-content img {
        height: 500px;
    }
}
@media (min-width: 1000px) {
    .research .flexslider .flex-viewport ul li .views-field-field-cityu-people-thumbnail .field-content img {
        width: 110%;
        transform: translateX(-30px);
        transition: transform 0.5s;
    }
}

.research .flexslider .flex-viewport ul li .views-field-field-research-tags {
    position: absolute;
    left: 0;
    top: 83%;
    padding: 0 0.75rem;
    font-size: 16px;
    color: white;
    text-transform: uppercase;
}
@media (min-width: 760px) {
    .research .flexslider .flex-viewport ul li .views-field-field-research-tags {
        top: 85%;
    }
}
@media (min-width: 1000px) {
    .research .flexslider .flex-viewport ul li .views-field-field-research-tags {
        opacity: 0;
        transform: translateY(100px);
        transition: transform 0.5s;
    }
}

.research .flexslider .flex-viewport ul li .views-field-field-research-tags .field-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.research .flexslider .flex-viewport ul li .views-field-field-cityu-news-date {
    position: absolute;
    left: 0;
    top: 75%;
    padding: 0 0.75rem;
    font-size: 16px;
    color: white;
}
@media (min-width: 760px) {
    .research .flexslider .flex-viewport ul li .views-field-field-cityu-news-date {
        top: 78%;
        font-size: 20px;
    }
}
@media (min-width: 1000px) {
    .research .flexslider .flex-viewport ul li .views-field-field-cityu-news-date {
        opacity: 0;
        transform: translateY(100px);
        transition: transform 0.5s;
    }
}

.research .flexslider .flex-viewport ul li .flex-caption {
    position: absolute;
    left: 0;
    top: 13%;
    padding: 0 0.75rem;
    line-height: 35px;
}
@media (min-width: 760px) {
    .research .flexslider .flex-viewport ul li .flex-caption {
        top: 14%;
    }
}
@media (min-width: 1000px) {
    .research .flexslider .flex-viewport ul li .flex-caption {
        transform: translateY(50px);
        transition: transform 0.5s;
    }
}
@media (min-width: 1600px) {
    .research .flexslider .flex-viewport ul li .flex-caption {
        top: 34%;
    }
}

.research .flexslider .flex-viewport ul li .flex-caption a {
    color: white;
    font-size: 16px;
}
@media (min-width: 760px) {
    .research .flexslider .flex-viewport ul li .flex-caption a {
        font-size: 20px;
    }
}

.research .flexslider .flex-control-nav li .flex-active {
    background-color: #ffc000;
}

.research .flexslider .flex-control-nav {
    bottom: -45px;
}

.research .flexslider .flex-control-nav li {
  /* display: none; */
}

.research .flexslider .flex-control-nav li:first-child,
.research .flexslider .flex-control-nav li:nth-child(2),
.research .flexslider .flex-control-nav li:nth-child(3),
.research .flexslider .flex-control-nav li:nth-child(4),
.research .flexslider .flex-control-nav li:nth-child(5),
.research .flexslider .flex-control-nav li:nth-child(6),
.research .flexslider .flex-control-nav li:nth-child(7) {
  /* display: inline-block; */
}

.research .flexslider .flex-direction-nav li a {
    opacity: 1;
    height: 60px;
    width: 60px;
    display: flex;
    flex-direction: column;
    visibility: hidden;
}
@media (min-width: 1000px) {
    .research .flexslider .flex-direction-nav li a {
        display: none;
    }
}
.research .flexslider .flex-direction-nav li a::before {
    position: absolute;
    color:#ffc000;
    visibility: visible;
}

.research .flexslider .flex-direction-nav li.flex-nav-prev a, 
.research .flexslider .flex-direction-nav li.flex-nav-prev a::before {
    left: 10px;
}

.research .flexslider .flex-direction-nav li.flex-nav-next a,
.research .flexslider .flex-direction-nav li.flex-nav-next a::before {
    right: 10px;
}

.research .view-footer {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 300px;
}
@media (min-width: 730px) {
    .research .view-footer  {
        text-align: end;
        width: 630px;
    }
}
@media (min-width: 1060px) {
    .research .view-footer {
        width: 960px;
    }
}
@media (min-width: 1390px) {
    .research .view-footer {
        width: 1290px;
    }
}
@media (min-width: 1600px) {
    .research .view-footer {
        width: 1500px;
    }
}
@media (min-width: 1720px) {
    .research .view-footer {
        width: 1620px;
    }
}

.research .view-footer .btn {
    background-color: #ffc000;
    color: white;
    position: relative;
}
/* Research Highlights End */

/* Discover More Start */
.discover_more {
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-07/discover_more_background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    height: 400px;
}

@media (min-width: 1300px) {
    .discover_more {
        background-size: 100% 100%;
    }
}

.discover_more h1 {
    color: white;
    margin-top: 60px;
    transform: translateY(50px);
    transition: transform 0.5s;
}

.discover_more.scrolled h1 {
    transform: translateY(0);
}

@media (min-width: 760px) {
    .discover_more h1 {
        text-align: start;
    }
}

.discover_more p {
    color: white;
    text-align: center;
    margin-bottom: 30px;
    transform: translateY(50px);
    transition: transform 1.5s ease 0.3s;
}

.discover_more.scrolled p {
    transform: translateY(0);
}

@media (min-width: 760px) {
    .discover_more p {
        text-align: start;
    }
}

.discover_more .button_group {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
}
@media (min-width: 760px) {
    .discover_more .button_group {
        flex-direction: row;
        justify-content: space-between;
    }
}

.discover_more .button_group a {
    line-height: 1;
    width: 100%;
    color: white;
    background-color: #ffc000;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    height: 54px;
}
@media (min-width: 760px) {
    .discover_more .button_group a {
        justify-content: space-evenly;
        margin-bottom: 0;
    }
}

@media (min-width: 1000px) {
    .discover_more .button_group a:first-child {
        transform: translateY(50px);
        transition: transform 1s ease 0.6s;
    }
    
    .discover_more .button_group a:last-child {
        transform: translateY(50px);
        transition: transform 1s ease 0.9s;
    }
    
    .discover_more.scrolled .button_group a {
        transform: translateY(0);
    }
}

@media (min-width: 760px) {
    .discover_more .button_group a:first-child {
        width: 40%;
    }
    .discover_more .button_group a:last-child {
        width: 40%;
    }
}
@media (min-width: 1000px) {
    .discover_more .button_group a:first-child {
        width: 33%;
    }
    .discover_more .button_group a:last-child {
        width: 33%;
    }
}

.discover_more .button_group a::after {
    content: "";
}
.discover_more .button_group a:first-child::after {
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-07/discover_more_contact_us_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}
.discover_more .button_group a:last-child::after {
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-07/discover_more_newsletter_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}
/* Discover More End */

/* Header Start */
/* Header( user logged-in) Start*/
body.user-logged-in #navbar-top .t-nav-collapse {
    top: 105px;
}
@media (min-width: 576px) {
    body.user-logged-in #navbar-top .t-nav-collapse {
        top: 145px;
    }
}
/* Header( user logged-in) End */

#header {
    padding-top: 0;
    padding-bottom: 0;
    height: 66px;
}
@media (min-width: 1000px) {
    #header {
        height: auto;
    }
}
#header .social_media svg {
  vertical-align: text-bottom;
  font-size: 22px;
  margin-right: 4px;
  color: black;
}

#header .social_media svg path {
  fill: currentColor;
}

#header.t-menu-open {
    background-color: #17999e;
    padding: 0;
    height: 66px;
}

#navbar-top {
    height: inherit;
    display: flex;
    align-items: center;
}
@media (min-width: 1000px) {
    #navbar-top {
        height: 125px;
    }
}

#navbar-top .container  {
    height: inherit;
}

#navbar-top .container > .row  {
    height: inherit;
}

#navbar-top .container .row .t-header-wrapper {
    align-items: center;
}

#navbar-top .container .row .t-header-wrapper .t-header-left {

}

@media (min-width: 1000px) {
    #navbar-top .container .row .t-header-wrapper .t-header-left .navbar-brand-hk:first-child img {
        height: 86px;
    }
}

#navbar-top .container .row .t-header-wrapper .t-header-left .navbar-brand-hk:nth-child(2)::after {
    /* background-image: url("/csci/sites/g/files/asqsls7741/files/2022-08/CityU_logo_white.png"); */
}

#navbar-top .container .row .t-header-wrapper .t-header-left .t-services-wrapper > a {
    font-size: 16px;
}

#navbar-top .container .row .t-header-wrapper .menu--quick-links {
    visibility: hidden;
    margin-top: 0;
    margin-right: 40px;
}

#navbar-top .container .row .t-header-wrapper .menu--quick-links #block-cityu-subtheme-2019-quicklinks-menu {
    margin-bottom: 0;
    font-size: 16px;
}
@media (min-width: 1000px) {
    #navbar-top .container .row .t-header-wrapper .menu--quick-links #block-cityu-subtheme-2019-quicklinks-menu {
        line-height: unset;
    }
}

@media (min-width: 1000px) {
    #navbar-top .container .row .t-header-wrapper .menu--quick-links > ul {
        z-index: 62;
        width: auto;
        min-width: 200px;
        padding: 0;
    }

    #navbar-top .container .row .t-header-wrapper .menu--quick-links > ul > li {
        margin-bottom: 0;
        padding: 10px 20px;
    }

    #navbar-top .container .row .t-header-wrapper .menu--quick-links > ul > li:hover {
        background-color: #17999e;
    }

    #navbar-top .container .row .t-header-wrapper .menu--quick-links > ul > li:hover > a {
        color: white;
    }
}

#navbar-top .container .row .t-header-wrapper .t-header-search {
    margin-right: -5px;
}
@media (min-width: 1000px) {
    #navbar-top .container .row .t-header-wrapper .t-header-search {
        margin-right: 0;
    }
}

#navbar-top .container .row .t-header-wrapper .t-header-search > form {
    line-height: unset;
    margin-top: 0;
}

#navbar-top .container .row .t-header-wrapper .t-header-search > form > fieldset {
    height: inherit;
}

#navbar-top .container .row .t-header-wrapper .t-header-search > form > fieldset .cityu-search-text-wrapper {
    height: inherit;
}

#navbar-top .container .row .t-header-wrapper .t-header-search > form > fieldset .cityu-search-text-wrapper .t-header-text {
    height: auto;
    font-size: 14px;
}

#navbar-top .container .row .t-header-wrapper .t-header-search > form > fieldset .cityu-search-text-wrapper .t-header-search-icon {
    font-size: 20px;
    position: unset;
    height: inherit;
    margin-top: 2px;
}
#navbar-top .container .row .t-header-wrapper .t-header-search > form > fieldset .cityu-search-text-wrapper .t-header-search-icon.t-search-close {
    margin-top: 0;
}
#navbar-top .container .row .t-header-wrapper .t-header-search > form > fieldset .cityu-search-text-wrapper .t-header-search-icon.t-search-close::after {
    content: "\f00d";
    font-size: 30px;
    height: inherit;
    display: flex;
    align-items: center;
}
@media (min-width: 1000px) {
    #navbar-top .container .row .t-header-wrapper .t-header-search > form > fieldset .cityu-search-text-wrapper .t-header-search-icon {
        position: absolute;
        top: 0;
        height: 100%;
        margin-top: 0;
    }

    #navbar-top .container .row .t-header-wrapper .t-header-search > form > fieldset .cityu-search-text-wrapper .t-header-search-icon::after {
        height: inherit;
        display: flex;
        align-items: center;
    }
}

#navbar-top .container .row .t-header-wrapper .social_media {
    display: none;
}
@media (min-width: 1000px) {
    #navbar-top .container .row .t-header-wrapper .social_media {
        display: block;
        margin-left: 40px;
    }
}

#navbar-top .container .row .t-header-wrapper .social_media > a::before {
    font-size: 23px;
    color: black;
    padding: 0 3px;
}

#navbar-top .container .row .t-header-wrapper .social_media > a.facebook::before {
    content: "\f082";
}

#navbar-top .container .row .t-header-wrapper .t-nav-toggle::after {
    font-size: 24px;
    color: #17999e;
}

#navbar-top .container .row .t-header-wrapper .t-nav-active::after {
    color: white;
}

#navbar-top .t-nav-collapse {
    border-bottom: 1px solid #17999e;
    top: 66px;
}

#navbar-top .t-nav-collapse ul.t-menu-level-0 {
    background-color: #17999e;
}

#navbar-top .t-nav-collapse ul.t-menu-level-0 li {
    border-top: 1px solid rgba(242, 242, 242, 0.2);
}

#navbar-top .t-nav-collapse ul.t-menu-level-1 {
    background-color: #2d7ba6;
    box-shadow: none;
}

#navbar-top .t-nav-collapse ul.t-menu-level-1 li:hover > a {
    background-color: transparent;
}

#navbar-top .t-nav-collapse ul.t-menu-level-1 > li > a > span {
    padding-left: 28px;
}
@media (min-width: 760px) {
    #navbar-top .t-nav-collapse ul.t-menu-level-1 > li > a > span {
        padding-left: 16px;
    }
}

#navbar-top .t-nav-collapse ul.t-menu-level-1 > li.t-active > a > span::before {
    left: 16px;
}
@media (min-width: 760px) {
    #navbar-top .t-nav-collapse ul.t-menu-level-1 > li.t-active > a > span::before {
        left: 4px;
    }
}

#navbar-top .t-nav-collapse ul.t-menu-level-2 {
    background-color: #00549c;
    box-shadow: none;
}

#navbar-top .t-nav-collapse ul.t-menu-level-2 > li > a > span {
    padding-left: 36px;
    color: white;
}
@media (min-width: 760px) {
    #navbar-top .t-nav-collapse ul.t-menu-level-2 > li > a > span {
        padding-left: 24px;
    }
}

#navbar-top .t-nav-collapse ul.t-menu-level-2 > li.t-active > a > span::before {
    left: 24px;
}
@media (min-width: 760px) {
    #navbar-top .t-nav-collapse ul.t-menu-level-2 > li.t-active > a > span::before {
        left: 12px;
    }
}

#navbar-top .t-nav-collapse ul.t-menu-level-3 {
    background-color: #174782;
    box-shadow: none;
}

#navbar-top .t-nav-collapse ul.t-menu-level-3 > li > a > span {
    padding-left: 44px;
}
@media (min-width: 760px) {
    #navbar-top .t-nav-collapse ul.t-menu-level-3 > li > a > span {
        padding-left: 32px;
    }
}

#navbar-top .t-nav-collapse ul.t-menu-level-3 > li.t-active > a > span::before {
    left: 32px;
}
@media (min-width: 760px) {
    #navbar-top .t-nav-collapse ul.t-menu-level-3 > li.t-active > a > span::before {
        left: 20px;
    }
}

#navbar-top .t-nav-collapse ul.t-menu-level-4 {
    background-color: #173e6b;
    box-shadow: none;
}

#navbar-top .t-nav-collapse ul.t-menu-level-4 > li > a > span {
    padding-left: 52px;
}
@media (min-width: 760px) {
    #navbar-top .t-nav-collapse ul.t-menu-level-4 > li > a > span {
        padding-left: 40px;
    }
}

#navbar-top .t-nav-collapse ul.t-menu-level-4 > li.t-active > a > span::before {
    left: 40px;
}
@media (min-width: 760px) {
    #navbar-top .t-nav-collapse ul.t-menu-level-4 > li.t-active > a > span::before {
        left: 28px;
    }
}

#navbar-top .t-nav-collapse .m-quick-link {
    display: none;
    border-top: 1px solid rgba(242, 242, 242, 0.2);
    background-color: #17999e;
}

#navbar-top .t-nav-collapse .m-quick-link > h2 {
    font-size: 14.5px;
}

#navbar-top .t-nav-collapse > ul.nav {
    background-color: #2d7ba6;
    box-shadow: none;
}

#navbar-top .t-nav-collapse > ul.nav li {
    border-top: 1px solid rgba(242, 242, 242, 0.2);
}

#navbar-top .t-nav-collapse > ul.nav li > a > span {
    font-size: 14.5px;
}

#navbar-main {
    height: 52px;
    background-color: #17999e;
    margin-top: 0;
}
@media (min-width: 1000px) {
    #navbar-main.fixed {
        position: fixed;
        z-index: 100;
        left: 0;
        right: 0;
        top: 0;
    }
}
#navbar-main::before {
    background-color: #ffc000;
}

#navbar-main a {
    color: #17999e;
    line-height: unset;
}

#navbar-main .t-backhome-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

#navbar-main .t-backhome-icon:hover::before {
    background-color: unset;
}

#navbar-main .t-backhome-icon::after {
    color: white;
}

#navbar-main .t-backhome-icon:hover::after {
    color: #ffc000;
}

@media (min-width: 1000px) {
    #navbar-main .menu--main {
        position: relative;
        width: inherit;
    }
}

/* level 0 */
#navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 .t-dropdown-item .t-nav-link[target=_blank] > span::after {
    content: "\f08e";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    margin-left: 6px;
    font-size: 13.5px;
    vertical-align: top;
    color: #17999e; 
}
@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 .t-dropdown-item .t-nav-link[target=_blank]:hover > span::after {
        color: #ffc000;
    }
}

@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li {
        margin-top: auto;
        margin-bottom: auto;
    }

    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li:hover::before {
        background-color: transparent;
    }

    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li:hover > a {
        color: #ffc000;
    }

    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li:hover ul.t-menu-level-1 {
        display: flex;
    }

    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li > a {
        font-size: 14px;
        font-weight: 700;
        color: white;
        padding: 16px 0;
        max-width: 111px;
    }

    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li > a.t-active::before {
        background-color: transparent;
    }

    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li ul {
        background-color: white;
    }
}

@media (min-width: 1200px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li > a {
        max-width: unset;
    }
}

/* level 1 */
#navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-1 {
}
@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-1 {
        flex-direction: column;
        flex-wrap: wrap;
        max-height: 600px;
        width: max-content;
        padding-top: 10px;
        padding-bottom: 10px;
        top: 99%;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-1.oneColoumn {
        border-bottom: 2px solid #f2f2f2;
        box-shadow: 2px 0 0 0 #f2f2f2, -2px 0 0 0 #f2f2f2;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-1.twoColoumn::before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: white;
        border-bottom: 2px solid #f2f2f2;
        box-shadow: 2px 0 0 0 #f2f2f2, -2px 0 0 0 #f2f2f2;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-1:hover li {
        background-color: white;
    }
}

@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-1 li:hover > a {
        color: #ffc000;
    }
}

#navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-1 > li {
}
@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-1 > li {
        background-color: white;
    }
}

@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-1 > li > a {
        font-weight: 700;
        font-size: 16px;
        padding: 5px 20px;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-1 > li > a::after {
        display: none;
    }
}

@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li:nth-last-child(3) ul.t-menu-level-1 {
        max-width: 375px;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li:nth-last-child(2) ul.t-menu-level-1 {
        max-width: 250px;
    }
}
@media (min-width: 1200px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li:nth-last-child(3) ul.t-menu-level-1 {
        max-width: 430px;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-0 > li:nth-last-child(2) ul.t-menu-level-1 {
        max-width: 255px;
    }
}

/* level 2 */
#navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-2 {
}
@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-2 {
        position: unset;
        width: auto;
        border-left: 3px solid #ffc000;
        display: block;
        margin-left: 20px;
        letter-spacing: 0.5px;
    }
}

@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-2 > li > a {
        padding: 5px 20px;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-2 > li > a::after {
        display: none;
    }
}

/* level 3 */
#navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-3 {
}
@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-3 {
        position: unset;
        width: auto;
        display: block;
        padding-left: 15px;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-3 > li {
        list-style-type: disc;
        margin-left: 40px;
        color:#17999e;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-3 > li:hover {
        color: #ffc000;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-3 > li > a {
        padding: 5px 20px 5px 0;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-3 > li > a::after {
        display: none;
    }
}

/* level 4 */
#navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-4 {
}
@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-4 {
        position: unset;
        width: auto;
        display: block;
        padding-left: 15px;
    }
}

@media (min-width: 1000px) {
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-4 > li {
        list-style-type: disc;
        margin-left: 60px;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-4 > li > a {
        padding: 5px 20px 5px 0;
    }
    #navbar-main #block-cityu-subtheme-2019-main-menu ul.t-menu-level-4 > li > a::after {
        display: none;
    }
}

.t-search-input .t-header-search .t-header-text {
    font-size: 16px;
}

.t-search-input .t-header-search .t-header-text:focus {
    border: 1px solid #17999e;
    outline: none;
}
.t-search-input .t-header-search .t-header-search-icon {
    font-size: 20px;
}
/* Header End */

/* Footer Start */
#main {
    display: none;
}
.site-footer .social_media svg {
  vertical-align: text-bottom;
  font-size: 22px;
  margin-right: 4px;
  color: white;
}

.site-footer .social_media svg path {
  fill: currentColor;
}
@media (min-width: 1000px) {
    .site-footer {
        position: relative;
        z-index: 1;
    }
}

.site-footer .t-sitemap {
    display: none;
    background-color: #4f5152;
}

.site-footer .t-sitemap .t-menu-level-0 li > .t-nav-link:hover {
    color: #ffc000;
}

.site-footer .t-footer-bottom .addthis_inline_follow_toolbox {
     display: none;
}

.site-footer .t-footer-bottom .social_media {
    margin-bottom: 15px;
}

.site-footer .t-footer-bottom .social_media > a::before {
    font-size: 23px;
    color: white;
    padding: 0 3px;
}

.site-footer .t-footer-bottom .social_media > a.facebook::before {
    content: "\f082";
}

/* Footer End */
/* Landing Page End */

/* Listing Page Start */
/* Listing Banner Start */
.listing-banner .layout__region--content {
    max-width: unset;
    padding: 0;
}

.listing-banner .layout__region--content .csci-listing-banner {
    height: 300px;
    position: relative;
    margin-bottom: 20px;
}

.listing-banner .layout__region--content .csci-listing-banner::before {
    /* content: "";
    display: block;
    position: absolute;
    left: 0;
    height: inherit;
    width: 100%;
    background-image: url("/csci/sites/g/files/asqsls7741/files/2022-12/Listing_banner_triangle.png");
    background-position: bottom;
    background-repeat: no-repeat; */
}

.listing-banner .layout__region--content .csci-listing-banner > img {
    height: inherit;
    object-fit: cover;
}

.listing-banner .layout__region--content .csci-listing-banner > .listing_page_title_wrapper {
    position: absolute;
    bottom: -6%;
    width: 100%;
}
@media (min-width: 760px) {
    .listing-banner .layout__region--content .csci-listing-banner > .listing_page_title_wrapper {
        bottom: -50px;
    }
}

.listing-banner .layout__region--content .csci-listing-banner > .listing_page_title_wrapper .listing_page_title {
    background-color: #17999e;
    color: white;
    text-align: start;
    padding: 10px 20px;
    margin-bottom: 0;
    width: max-content;
}
@media (min-width: 760px) {
    .listing-banner .layout__region--content .csci-listing-banner > .listing_page_title_wrapper .listing_page_title {
        margin-bottom: 30px;
    }
}
/* Listing Banner End */

/* Breadcrumb Start */
.block-system-breadcrumb-block .section-breadcrumb .breadcrumb {
    padding: 30px 0;
}

.block-system-breadcrumb-block .section-breadcrumb .breadcrumb a {
    font-size: 14px;
    font-weight: 400;
    color: #17999e;
}

.block-system-breadcrumb-block .section-breadcrumb .breadcrumb a.active {
    color: black;
}

.block-system-breadcrumb-block .section-breadcrumb .breadcrumb .breadcrumb-home {
    display: none;
}

.block-system-breadcrumb-block .section-breadcrumb .breadcrumb .breadcrumb-home a:hover::before {
    color: #ffc000;
}

.block-system-breadcrumb-block .section-breadcrumb .breadcrumb .breadcrumb-others .breadcrumb-first {
    display: inline-block;
}

.block-system-breadcrumb-block .section-breadcrumb .breadcrumb .breadcrumb-others a:not(.active):hover  {
    color: #ffc000;
}

.block-system-breadcrumb-block .section-breadcrumb .breadcrumb .breadcrumb-others span::before  {
    color: black;
    opacity: 1;
}
/* Breadcrumb End */

/* Listing Content Start */
/* Portrait Card Start */
.listing .item-list > ul > li {
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    .listing .item-list > ul > li {
        margin-bottom: 50px;
    }
}

.listing .item-list > ul > li > .views-field {
    height: 100%;
}

.listing .item-list > ul > li > .views-field .field-content {
    height: inherit;
}

.listing .item-list > ul > li > .views-field .field-content > .card {
    height: inherit;
    border-top: none;
    border-left: none;
    border-right: none;
}

.listing .item-list > ul > li > .views-field .field-content > .card > .card-img-top {
    position: relative;
    background-color: #f2f2f2;
 
}
@media (min-width: 760px) {
    .listing .item-list > ul > li > .views-field .field-content > .card > .card-img-top {
        height: 270px;
        background-color: white;
    }
}

.listing .item-list > ul > li > .views-field .field-content > .card > .card-img-top .date {
    color: white;
    position: absolute;
    left: -10px;
    bottom: -10px;
    background-color: #ffc000;
    width: 60px;
    text-align:  center;
    font-weight: 700;
    z-index: 1;
}
@media (min-width: 760px) {
    .listing .item-list > ul > li > .views-field .field-content > .card > .card-img-top .date {
        font-size: 20px;
    }
}

.listing .item-list > ul > li > .views-field .field-content > .card > .card-img-top img {
    height: 100%;
    object-fit: contain;
}

.listing .item-list > ul > li > .views-field .field-content > .card > .card-body {
    padding: 30px 15px;
}
@media (min-width: 760px) {
    .listing .item-list > ul > li > .views-field .field-content > .card > .card-body {      
        display: flex;
        flex-direction: column;
        justify-content: start;
    }
}
@media (min-width: 1000px) {
    .listing .item-list > ul > li > .views-field .field-content > .card > .card-body {   
        padding: 30px 15px 50px;  
    }
}

.listing .item-list > ul > li > .views-field .field-content > .card > .card-body .news-title {
    margin-bottom: 15px;
}

.listing .item-list > ul > li > .views-field .field-content > .card > .card-body .news-title a {
    font-size: 20px;
}
@media (min-width: 1000px) {
    .listing .item-list > ul > li > .views-field .field-content > .card > .card-body .news-title:hover a {
        color: #ffc000;
    }
}

.listing .item-list > ul > li > .views-field .field-content > .card > .card-body .summary {
    margin-bottom: 30px;
}


.listing .item-list > ul > li > .views-field .field-content > .card > .card-body .date {
}

.listing .item-list > ul > li > .views-field .field-content > .card > .card-body .news-tags {
    text-transform: uppercase;
    color: rgba(0,0,0,0.5);
    margin-top: 5px;
    font-weight: 400;
}

.listing .item-list > ul > li > .views-field .field-content > .card > .card-body .news-tags a {
    color: rgba(0,0,0,0.5);
    font-size: 14px;
    font-weight: 400;
}

.listing .item-list > ul > li > .views-field .field-content > .card > .card-body .news-tags a:hover {
    color: #ffc000;
}

.listing .pager .pager__item {
    text-align: center;
}

.listing .pager .pager__item a {
    display: inline-block;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    font-size: 40px;
    color: #ffc000;
}
/* Portrait Card End */
/* Landscape Card Start */
.listing-landscape {

}

.listing-landscape .views-row {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
@media (min-width: 1000px) {
    .listing-landscape .views-row {
        margin-bottom: 50px;
        padding-bottom: 0;
    }
}

.listing-landscape .views-row .card {
    border: none;
}
@media (min-width: 1000px) {
    .listing-landscape .views-row .card {
        padding-bottom: 50px;
    }
}

.listing-landscape .views-row .card .card-img img {
    height: 100%;
    object-fit: contain; 
}

.listing-landscape .views-row .card .card-body {
    display: flex;
    align-items: center;
    padding: 0 15px;
    height: 100%;
}

.listing-landscape .views-row .card .card-body .news-tags {
    color: rgba(0, 0, 0, .5);
    text-transform: uppercase;
    margin: 5px 0;
    font-weight: 400;
}

.listing-landscape .views-row .card .card-body .news-tags a {
    color: rgba(0, 0, 0, .5);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
}

.listing-landscape .views-row .card .card-body .news-tags a:hover {
    color: #ffc000;
}

.listing-landscape .views-row .card .card-body .news-title {
    margin: 5px 0 15px;
}

.listing-landscape .views-row .card .card-body .news-title a {
    font-size: 20px;
}
@media (min-width: 1000px) {
    .listing-landscape .views-row .card .card-body .news-title:hover a {
        color: #ffc000;
    }
}

.listing-landscape .views-row .card .card-body .date {
    margin: 5px 0 15px;
}

@media (min-width: 760px) {
    .listing-landscape .views-row .card .card-body .summary {
        /* margin-bottom: 30px; */
    }
}
/* Landscape Card End */
/* Image Gallery Start*/
.overview .image_gallery {
    display: flex;
    flex-direction: column;
}
.overview .image_gallery > div {
    position: relative;
    margin-bottom: 30px;
}

.overview .image_gallery > div:last-child {
    margin-bottom: 0;
}

.overview .image_gallery > div .title {
    background-color: rgba(85,87,91, 0.65);
    color: white;
    position: absolute;
    z-index: 1;
    bottom: 10%;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    font-size: 20px !important;
    font-weight: 400;
    letter-spacing: 0.5px;
    transform: scale(1);
    transition: transform 0.5s;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none !important;
}

.overview .image_gallery > div .title:hover {
    color: white !important;
}
@media (min-width: 760px) {
    .overview .image_gallery {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .overview .image_gallery > div {
        width: 49%;
        margin-bottom: 15px;
        overflow: hidden;
    }

    .overview .image_gallery > div:last-child {
        margin-bottom: 15px;
    }

    .overview .image_gallery > div:hover img, .overview .image_gallery > div:hover .title {
        transform: scale(1.05);
    }
    .overview .image_gallery > div img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transform: scale(1);
        transition: transform 0.5s;
    }
}
@media (min-width: 1000px) {
    .overview.nosidebar .image_gallery {
        justify-content: start;
    }
    .overview.nosidebar .image_gallery > div {
        width: 33.3333333%;
    }
    .overview.nosidebar .image_gallery > div:nth-child(3n-2) {
        padding-right: 10px;
    }
    .overview.nosidebar .image_gallery > div:nth-child(3n-2) .title {
        right: 10px;
    }
    .overview.nosidebar .image_gallery > div:nth-child(3n-1) {
        padding-left: 5px;
        padding-right: 5px;
    }
    .overview.nosidebar .image_gallery > div:nth-child(3n-1) .title {
        left: 5px;
        right: 5px;
    }
    .overview.nosidebar .image_gallery > div:nth-child(3n) {
        padding-left: 10px;
    }
    .overview.nosidebar .image_gallery > div:nth-child(3n) .title {
        left: 10px;
    }
}

/* Image Gallery End */
/* Vision and Mission, Facts and Figures, Academic Rankings Start */
.vnm, .fnf, .ar {
    margin-bottom: 30px;
}

.vnm h2, .fnf h2, .ar h2 {
    line-height: 1;
    text-align: start;
    margin-bottom: 10px;
}
/* Vision and Mission, Facts and Figures, Academic Rankings End */
/* Contact Us Start */ 
.cs .section_start {
    margin-top: 30px;
}

.cs h2 {
    text-align: start;
    margin-bottom: 30px;
}

.cs .icon {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.cs .icon img {
    width: 35px;
    margin-right: 10px;
}

.cs .social_media {
    margin-bottom: 30px;
}

.cs .social_media > a::before {
    font-size: 30px;
    color: black;
    padding: 0 3px;
}

.cs .social_media > a.facebook::before {
    content: "\f082";
}

.cs .social_media .x-twitter svg {
  vertical-align: text-bottom;
  margin-right: 4px;
  font-size: 30px;
  color: black;
}

.cs .social_media .x-twitter svg path {
  fill: currentColor;
}

/* Contact Us End */
/* Local School Outreach Start */
.local_school_outreach .section_start {
    margin-top: 30px;
}

.local_school_outreach_banner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.local_school_outreach.tab-content h2 {
    margin-bottom: 15px;
    text-align: start;
}

.local_school_outreach.tab-content h3 {
    margin-bottom: 15px;
}

.local_school_outreach.tab-content ul, .local_school_outreach.tab-content ol {
    padding-left: 1em;
    line-height: 2;
}

.local_school_outreach.tab-content .video_wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    .local_school_outreach.tab-content .video_wrapper {
        flex-direction: row;
        justify-content: space-between;
    }
}
.local_school_outreach.tab-content .video_wrapper .video:first-of-type {
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    .local_school_outreach.tab-content .video_wrapper .video {
        padding-bottom: 27%;
        width: 49%;
    }
    .local_school_outreach.tab-content .video_wrapper .video:first-of-type {
        margin-bottom: 0;
    }
}
.local_school_outreach .button_group {
    margin-bottom: 20px;
    text-align: end;
}

.local_school_outreach .button_group .btn {
    background-color: #45adb1;
    color: white;
    font-size: 16px !important;
    font-weight: 400;
}
.local_school_outreach .button_group .btn:not(:first-of-type) {
    margin-left: 10px;
}
.local_school_outreach .button_group .btn:hover {
    color: white !important;
}
/* Local School Outreach End */
/* Undergraduate Programmes Start */
.undergraduate_programmes .section_start {
    margin-top: 30px;
}
  
.undergraduate_programmes h2 {
    margin-bottom: 15px;
    text-align: start;
}
  
.undergraduate_programmes h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
  
.undergraduate_programmes .image_gallery {
    display: flex;
    flex-direction: column;
}

.undergraduate_programmes .image_gallery > div {
    margin-bottom: 30px;
}

.undergraduate_programmes .image_gallery > div:last-child {
    margin-bottom: 0;
}
@media (min-width: 760px) {
    .undergraduate_programmes .image_gallery {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .undergraduate_programmes .image_gallery > div:nth-child(odd) {
        width: 49%;
        margin-right: auto;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .undergraduate_programmes .image_gallery > div:nth-child(even) {
        width: 49%;
        margin-left: auto;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .undergraduate_programmes .image_gallery > div:hover img {
        transform: scale(1.05);
    }
    .undergraduate_programmes .image_gallery > div img {
        width: 100%;
        height: auto;
        object-fit: contain;
        transform: scale(1);
        transition: transform 0.5s;
    }
}
/* Undergraduate Programmes End */
/* Joint Bachelor's Degree Programmes Start */
.JUBP h2 {
    margin-bottom: 15px;
    text-align: start;
}
  
.JUBP h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.JUBP .image_gallery {
    display: flex;
    flex-direction: column;
}
.JUBP .image_gallery > div {
    margin-bottom: 30px;
}

.JUBP .image_gallery > div:last-child {
    margin-bottom: 0;
}
@media (min-width: 760px) {
    .JUBP .image_gallery {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .JUBP .image_gallery > div:nth-child(odd) {
        width: 49%;
        margin-right: auto;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .JUBP .image_gallery > div:nth-child(even) {
        width: 49%;
        margin-left: auto;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .JUBP .image_gallery > div:hover img {
        transform: scale(1.05);
    }
    .JUBP .image_gallery > div img {
        width: 100%;
        height: auto;
        object-fit: contain;
        transform: scale(1);
        transition: transform 0.5s;
    }
}
/* Joint Bachelor's Degree Programmes End */
/* Double Degree Programme Start */
.comput_math .section_start {
    margin-top: 30px;
}

.comput_math h2 {
    margin-bottom: 15px;
    text-align: start;
}

.comput_math h2 span {
    text-transform: uppercase;
}

.comput_math h3 {
    margin-bottom: 15px;
    font-size: 16px;
}

.comput_math ul {
    padding-left: 1em;
}
/* Double Degree Programme End */
/* Undergraduate plus Taught Postgraduate Degree Programmes Start */
.UpTPDP .section_start {
    margin-top: 30px;
}

.UpTPDP h2 {
    margin-bottom: 15px;
    text-align: start;
}

.UpTPDP h3 {
    margin-bottom: 15px;
    font-size: 16px;
}

.UpTPDP ul {
    padding-left: 1em;
}
/* Undergraduate plus Taught Postgraduate Degree Programmes End */
/* Taught Postgraduate Programmes Start */
.programmeSection {
    position: relative;
    z-index: 0;
    margin-bottom: 100px;
}
@media (min-width: 1000px) {
    .programmeSection {
        position: relative;
        margin-bottom: 120px;
    }
    .programmeSection:last-of-type {
        margin-bottom: 0;
    }
}

.programmeSection .btn {
    color: white;
    background-color: #ffc000;
}

.programmeSection .btn:hover {
    color: white !important;
}

.programmeSection a:not(.btn):hover {
    color: #ffc000;
}

.programmeSection > h2 {
    font-size: 20px;
    margin-bottom: 40px;
}
@media (min-width: 760px) {
    .programmeSection > h2 {
        font-size: 30px;
    }
}
@media (min-width: 1000px) {
    .programmeSection > h2 {
        text-align: start;
        padding-left: 5%;
        padding-right: 5%;
    }
}
@media (min-width: 1200px) {
    .programmeSection > h2 {
        padding-left: 8%;
        padding-right: 8%;
    }
}

.programmeSection h2 > a {
    font-size: inherit !important;
}

.programmeSection h2 span::before {
    content: "\a";
    white-space: pre;
}

.programmeSection .bg_image {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
}

.programmeSection .bg_image .lightbox-img {
    width: inherit;
}

.programmeSection .bg_image img {
    width: 90%;
    height: 300px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    object-fit: cover;
}

.programmeSection .content {
    margin-top: 60%;
    padding: 30px 5%;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top;
    transform: translateY(200px);
    transition: transform 1s ease;
    box-shadow: -10px 10px 20px -5px #4f5152;
}
@media (min-width: 760px) {
    .programmeSection .content {
        margin-top: 40%;
        transition: transform 2s ease;
    }
}
@media (min-width: 1000px) {
    .programmeSection .content {
        background-color: transparent;
        box-shadow: none;
        padding: 50px 5% 120px;
        margin-top: 33%;
    }
}
@media (min-width: 1200px) {
    .programmeSection .content {
        padding: 50px 8% 120px;
    }
}

.programmeSection .content.scrolled {
    transform: translateY(0);
}

.programmeSection .content h2 {
    margin-bottom: 15px;
    text-align: start;
}

.programmeSection .content h3 {
    margin-bottom: 15px;
}

.programmeSection .content > p {
    margin-bottom: 15px !important;
}

.programmeSection .content > div {
    margin-bottom: 15px;
}

.programmeSection .content > div:last-child {
    text-align: center;
}
@media (min-width: 760px) {
    .programmeSection .content > div:last-child {
        text-align: left;
    }
}

.programmeSection .content > .email {
    text-align: center;
}
@media (min-width: 760px) {
    .programmeSection .content > .email {
        text-align: start;
    }
}

.programmeSection .content > .email > a {
    color: #17999e;
    font-size: 14px !important;
}

.programmeSection .content > .email > a::after {
    content: "\f0e0";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    padding-left: 10px;
}

.programmeSection.Biostatistics::before {
    content: "";
    position: absolute;
    bottom: -50px;
    width: 100%;
    height: 100px;
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/content_buttom_1.png);
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 1000px) {
    .programmeSection.Biostatistics::before {
        display: none;
    }

    .programmeSection.Biostatistics .content {
        background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/Master-of-Science-in-Biostatistics-1.png);
    }
}

.programmeSection.Chemistry::before {
    content: "";
    position: absolute;
    bottom: -75px;
    width: 100%;
    height: 100px;
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/content_buttom_2.png);
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 1000px) {
    .programmeSection.Chemistry::before {
        display: none;
    }

    .programmeSection.Chemistry .content {
        background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/Master-of-Science-in-Chemistry-1.png);
    }
}

.programmeSection.Financial_Mathematics_and_Statistics::before {
    content: "";
    position: absolute;
    bottom: -50px;
    width: 100%;
    height: 100px;
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/content_buttom_3.png);
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 1000px) {
    .programmeSection.Financial_Mathematics_and_Statistics::before {
        display: none;
    }

    .programmeSection.Financial_Mathematics_and_Statistics .content {
        background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/Master-of-Science-in-Financial-Mathematics-and-Statistics-1.png);
    }
}

.programmeSection.Applied_Physics::before {
    content: "";
    position: absolute;
    bottom: -100px;
    width: 100%;
    height: 100px;
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/content_buttom_4.png);
    background-repeat: no-repeat;
    background-size: cover;
}
@media (min-width: 1000px) {
    .programmeSection.Applied_Physics::before {
        display: none;
    }
}

@media (min-width: 1000px) {
    .programmeSection.Applied_Physics .content {
        background-image: url(/csci/sites/g/files/asqsls7741/files/2022-08/Master-of-Science-in-Applied-Physics-1.png);
        padding: 50px 5% 170px;
    }
}
@media (min-width: 1200px) {
    .programmeSection.Applied_Physics .content {
        padding: 50px 8% 120px;
    }
}

/* Taught Postgraduate Programmes End */
/* Research Degree Programmes Start */
.RDP_overview .section_start {
    margin-top: 30px;
}

.RDP_overview h2 {
    margin-bottom: 15px;
    text-align: start;
}

.RDP_overview h2 a {
    font-size: inherit !important;
}

.RDP_overview h3 {
    margin-bottom: 15px;
    font-size: 16px;
}

.RDP_overview ul {
    padding-left: 1em;
}
/* Research Degree Programmes End */
/* State Key Laboratory & Research Centres Start */
.SKL h2 {
    text-align: start;
    margin-bottom: 15px;
}

.SKL .section_start {
    margin-top: 30px;
}
/* State Key Laboratory & Research Centres End */
/* CityU X Sino Grand Challenges Scholars Program Start */
.CityU_X_Sino_GCSP .section_start {
    margin-top: 30px;
}

.CityU_X_Sino_GCSP.tab-content ul, .CityU_X_Sino_GCSP.tab-content ol {
    padding-left: 1em;
    line-height: 2;
}

.CityU_X_Sino_GCSP#myTabContent .video {
    margin-bottom: 0;
}

.CityU_X_Sino_GCSP.tab-content .table th:first-child {
    width: 50%;
}

.CityU_X_Sino_GCSP.tab-content .table td.email img {
    width: 25px;
}

.CityU_X_Sino_GCSP.tab-content .program_card_wrapper {
    display: flex;
    flex-direction: column;
}
@media (min-width: 760px) {
    .CityU_X_Sino_GCSP.tab-content .program_card_wrapper {
        flex-direction: row;
    }
    .CityU_X_Sino_GCSP.tab-content .program_card_wrapper .program_card {
        margin-right: 10px;
    }
}

/* CityU X Sino Grand Challenges Scholars Program End */
/* Scholarships and Awards Start */
.SaA .section_start {
    margin-top: 30px;
}

.SaA.tab-content ul, .SaA.tab-content ol {
    padding-left: 1em;
    line-height: 2;
}
/* Scholarships and Awards End */
/* Student Chapter Start */
.student_chapter .section_start {
    margin-top: 30px;
}

.student_chapter.tab-content ul, .student_chapter.tab-content ol {
    padding-left: 1em;
    line-height: 2;
}

.student_chapter .table img {
    width: 25px;
}

.student_chapter .image_gallery {
    display: flex;
    flex-direction: column;
}
.student_chapter .image_gallery > div {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border: 3px solid #f2f2f2; 
    box-shadow: 0px 0px 15px 0px grey;
    overflow: hidden;
}

.student_chapter .image_wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.student_chapter .image_gallery > figure {
    margin-bottom: 30px;
}

.student_chapter .image_gallery > figure a {
    border: 3px solid #f2f2f2;
    box-shadow: 0px 0px 15px 0px grey;
    overflow: hidden;
}

@media (min-width: 760px) {
    .student_chapter .image_gallery {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .student_chapter .image_gallery > div:nth-child(odd) {
        width: 49%;
        margin-right: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .student_chapter .image_gallery > div:nth-child(even) {
        width: 49%;
        margin-left: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .student_chapter .image_gallery > div:hover img, .student_chapter .image_gallery > figure:hover img  {
        transform: scale(1.05);
    }

    .student_chapter .image_gallery > div img, .student_chapter .image_gallery > figure img {
        width: 100%;
        height: auto;
        object-fit: contain;
        transform: scale(1);
        transition: transform 0.5s;
    }

}

@media (min-width: 1000px) {
    .student_chapter .image_gallery > figure {
        width: 49%;
    }

    .student_chapter .image_gallery > figure:nth-child(odd) {
        margin-right: auto;
    }

    .student_chapter .image_gallery > figure:nth-child(even) {
        margin-left: auto;
    }
}

/* Student Chapter End */
/* Cultural and Language Immersion Scheme (CALIS) Start */
.CALIS .section_start {
    margin-top: 30px;
}

.CALIS.tab-content ul, .CALIS.tab-content ol {
    padding-left: 1em;
    line-height: 2;
}
/* Cultural and Language Immersion Scheme (CALIS) End */
/* Other Summer Programmes Start */
.other_summer_programmes .section_start {
    margin-top: 30px;
}

.other_summer_programmes h2 {
    margin-bottom: 15px;
    text-align: start;
}

.other_summer_programmes h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.other_summer_programmes .image_gallery {
    display: flex;
    flex-direction: column;
}
.other_summer_programmes .image_gallery > div {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border: 3px solid #f2f2f2; 
    box-shadow: 0px 0px 15px 0px grey;
    overflow: hidden;
}

.other_summer_programmes .image_gallery > div:last-child {
    margin-bottom: 0;
}
@media (min-width: 760px) {
    .other_summer_programmes .image_gallery {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .other_summer_programmes .image_gallery > div:nth-child(odd) {
        width: 49%;
        margin-right: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .other_summer_programmes .image_gallery > div:nth-child(even) {
        width: 49%;
        margin-left: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .other_summer_programmes .image_gallery > div:hover img {
        transform: scale(1.05);
    }
    .other_summer_programmes .image_gallery > div img {
        width: 100%;
        height: auto;
        object-fit: contain;
        transform: scale(1);
        transition: transform 0.5s;
    }
}
/* Other Summer Programmes End */
/* Exchange Coordinators Start */
.exchange_coordinators .section_start {
    margin-top: 30px;
}

.exchange_coordinators h2 {
    margin-bottom: 15px;
    text-align: start;
}

.exchange_coordinators h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

/* Exchange Coordinators End */
/* Job Opportunities Start */
.job_opportunities .section_start {
    margin-top: 30px;
  }
  
  .job_opportunities h2 {
    margin-bottom: 15px;
    text-align: start;
  }
  
  .job_opportunities h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
  }
  
  .job_opportunities > li {
    padding-left: 0;
    margin-top: 10px;
    margin-right: 10px;
  }
  
  .job_opportunities > li::after {
    content: "";
  }
  
  .job_opportunities > li .nav-link {
    background-color: #ffc000;
    border: none;
    color: white;
    font-weight: 700;
  }
  
  @media (min-width: 1000px) {
    .job_opportunities > li .nav-link:hover {
        cursor: pointer;
    }
  }
  
  .job_opportunities ul, .job_opportunities ol {
    padding-left: 1em;
    line-height: 2;
  }
/* Job Opportunities End */
/* Listing Content End */
/* Listing Page End */

/* Content Page Start */
/* Topbar Menu Start */
.t-sidebar-mobile > .t-sidebar-collapse {
    background-color: #17999e;
}

.t-sidebar-mobile > .t-sidebar-collapse:hover {
    background-color: #17999e;
}

.t-sidebar-mobile .t-menu-level-0 {
    background-color: #2d7ba6;
}

.t-sidebar-mobile .t-menu-level-0 li {
    border-top: 1px solid white;
}

.t-sidebar-mobile .t-menu-level-0 > li.nav-item > .t-nav-link:hover {
    background-color: #2d7ba6;
}

/* Level 1 */
.t-sidebar-mobile .t-menu-level-1 {
    background-color: #00549c !important;
    box-shadow: none !important;
}

.t-sidebar-mobile .t-menu-level-1.t-dropdown-menu > .t-dropdown-item > .t-nav-link:hover {
    background-color: #00549c;
}

.t-sidebar-mobile .t-menu-level-1 > .t-dropdown-item {
    border-top: 1px solid white;
}

.t-sidebar-mobile .t-menu-level-1 > .t-dropdown-item > .t-nav-link > span {
    color: white;
    padding-left: 28px !important;
}

.t-sidebar-mobile .t-menu-level-1 > .t-dropdown-item > .t-nav-link.t-active > span {
    padding-left: 28px !important;
}

@media (min-width: 760px) {
    .t-sidebar-mobile .t-menu-level-1 > .t-dropdown-item > .t-nav-link > span {
        padding-left: 16px !important;
    }

    .t-sidebar-mobile .t-menu-level-1 > .t-dropdown-item > .t-nav-link.t-active > span {
        padding-left: 16px !important;
    }
}

.t-sidebar-mobile .t-menu-level-1 > .t-dropdown-item > .t-nav-link > span::before {
    left: 16px;
}

.t-sidebar-mobile .t-menu-level-1 > .t-dropdown-item > .t-nav-link.t-active > span::before {
    left: 16px !important;
}

@media (min-width: 760px) {
    .t-sidebar-mobile .t-menu-level-1 > .t-dropdown-item > .t-nav-link > span::before {
        left: 4px;
    }

    .t-sidebar-mobile .t-menu-level-1 > .t-dropdown-item > .t-nav-link.t-active > span::before {
        left: 4px !important;
    }
}

/* Level 2 */
.t-sidebar-mobile .t-menu-level-2 {
    background-color: #174782 !important;
    box-shadow: none !important;
}

.t-sidebar-mobile .t-menu-level-2.t-dropdown-menu > .t-dropdown-item > .t-nav-link:hover {
    background-color: #174782 !important;
}

.t-sidebar-mobile .t-menu-level-2 > .t-dropdown-item {
    border-top: 1px solid white;
}

.t-sidebar-mobile .t-menu-level-2 > .t-dropdown-item > .t-nav-link > span {
    color: white;
    padding-left: 36px !important;
}

.t-sidebar-mobile .t-menu-level-2 > .t-dropdown-item > .t-nav-link.t-active > span {
    padding-left: 36px !important;
}

@media (min-width: 760px) {
    .t-sidebar-mobile .t-menu-level-2 > .t-dropdown-item > .t-nav-link > span {
        padding-left: 24px !important;
    }

    .t-sidebar-mobile .t-menu-level-2 > .t-dropdown-item > .t-nav-link.t-active > span {
        padding-left: 24px !important;
    }
}

.t-sidebar-mobile .t-menu-level-2 > .t-dropdown-item > .t-nav-link > span::before {
    left: 24px;
}

.t-sidebar-mobile .t-menu-level-2 > .t-dropdown-item > .t-nav-link.t-active > span::before {
    left: 24px !important;
}

@media (min-width: 760px) {
    .t-sidebar-mobile .t-menu-level-2 > .t-dropdown-item > .t-nav-link > span::before {
        left: 12px;
    }

    .t-sidebar-mobile .t-menu-level-2 > .t-dropdown-item > .t-nav-link.t-active > span::before {
        left: 12px !important;
    }
}

/* Level 3 */
.t-sidebar-mobile .t-menu-level-3 {
    background-color: #173e6b !important;
    box-shadow: none !important;
}

.t-sidebar-mobile .t-menu-level-3.t-dropdown-menu > .t-dropdown-item > .t-nav-link:hover {
    background-color: #174e6b !important;
}

.t-sidebar-mobile .t-menu-level-3 > .t-dropdown-item {
    border-top: 1px solid white;
}

.t-sidebar-mobile .t-menu-level-3 > .t-dropdown-item > .t-nav-link > span {
    color: white;
    padding-left: 44px !important;
}

.t-sidebar-mobile .t-menu-level-3 > .t-dropdown-item > .t-nav-link.t-active > span {
    padding-left: 44px !important;
}

@media (min-width: 760px) {
    .t-sidebar-mobile .t-menu-level-3 > .t-dropdown-item > .t-nav-link > span {
        padding-left: 32px !important;
    }

    .t-sidebar-mobile .t-menu-level-3 > .t-dropdown-item > .t-nav-link.t-active > span {
        padding-left: 32px !important;
    }
}

.t-sidebar-mobile .t-menu-level-3 > .t-dropdown-item > .t-nav-link > span::before {
    left: 32px;
}

.t-sidebar-mobile .t-menu-level-3 > .t-dropdown-item > .t-nav-link.t-active > span::before {
    left: 32px !important;
}

@media (min-width: 760px) {
    .t-sidebar-mobile .t-menu-level-3 > .t-dropdown-item > .t-nav-link > span::before {
        left: 20px;
    }

    .t-sidebar-mobile .t-menu-level-3 > .t-dropdown-item > .t-nav-link.t-active > span::before {
        left: 20px !important;
    }
}
/* Topbar Menu End */

/* Sidebar Menu Start */
.region-sidebar {
    display: none;
}
@media (min-width: 1000px) {
    .region-sidebar {
        display: block;
        position: absolute;
        top: 0;
        width: 204px;
        opacity: 1;
        transition: opacity 0.5s, top 1s;
        overflow: auto;
    }
}
@media (min-width: 1200px) {
    .region-sidebar {
        width: 252px;
    }
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-nav-link {
    font-size: 15px;
    font-weight: 400;
    background-color: #17999e;
    color: white;
    padding: 15px 35px 15px 25px;
}

@media (min-width: 1000px) {
    .region-sidebar .t-menu-level-0 > .nav-item > .t-nav-link[target=_blank] > span::after {
        color: white;
        vertical-align: top;
    }
    .region-sidebar .t-menu-level-0 > .nav-item > a.t-nav-link[target=_blank]:hover > span::after {
        color: #ffc000;
    }
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-nav-link.t-dropdown-toggle::before {
    color: white;
    content: "\f0dd";
    font-weight: 700;
    font-size: 18px;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-nav-link.t-dropdown-toggle.show::before {
    content: "\f0de";
    top: 63%;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-nav-link.t-active {
    background-color: #173e6b;
    color: white;
    border-bottom: 0;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-nav-link.t-active.show + ul {
    display: block;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-toggle.t-active::before {
    color: white;
}

.region-sidebar .t-menu-level-0 > li.nav-item > .t-nav-link:hover {
    color: #ffc000;
}

.region-sidebar .t-menu-level-0 > li.nav-item > .t-nav-link:hover::before {
    color: #ffc000;
}

/* Level 1 */
.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu {
    border-top: 1px solid white;
    background-color: #2d7ba6;
    padding: 10px 0;
}
 
.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item {
    margin-left: 25px;
    border-left:  2px solid #ffc000;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link {
    font-size: 15px;
    font-weight: 400;
    color: white;
    padding: 10px;
    letter-spacing: 1px;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link span::after {
    color: white;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link:hover span::after {
    color: #ffc000;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link.t-dropdown-toggle::before {
    color: white;
    content: "\f0dd";
    font-weight: 700;
    font-size: 18px;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link.t-dropdown-toggle.show::before {
    content: "\f0de";
    top: 63%;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link.t-active::before {
    color: #ffc000;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link.t-active {
    color: #ffc000;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link:hover {
    background-color: transparent;
    color: #ffc000;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link.is-active:not(.t-dropdown-toggle) {
    color: white;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link.is-active:hover {
    color: #ffc000;
}

.region-sidebar .t-menu-level-0 > .nav-item > .t-dropdown-menu > .t-dropdown-item > .t-nav-link:hover > span::before {
    color: #ffc000;
}

/* Level 2 */
.region-sidebar .t-menu-level-2 > .t-dropdown-item {
    background-color: #00549c;
}

.region-sidebar .t-menu-level-2 > .t-dropdown-item:hover > .t-nav-link {
    color: white;
}

.region-sidebar .t-menu-level-2.t-dropdown-menu > .t-dropdown-item:active {
    background-color: #00549c;
}

.region-sidebar .t-menu-level-2.t-dropdown-menu > .t-dropdown-item > .t-nav-link {
    color: white;
    font-size: 15px;
    padding: 10px 20px !important;
}

.region-sidebar .t-menu-level-2.t-dropdown-menu > .t-dropdown-item > a.t-nav-link:hover {
    background-color: transparent;
    color: #ffc000;
}

.region-sidebar .t-menu-level-2.t-dropdown-menu > .t-dropdown-item > .t-nav-link.is-active:not(.t-dropdown-toggle) {
    color: #ffc000;
}

/* Level 3 */
.region-sidebar .t-menu-level-3 > .t-dropdown-item {
    background-color: #174782;
}

.region-sidebar .t-menu-level-3 > .t-dropdown-item:hover > .t-nav-link {
    color: white;
}

.region-sidebar .t-menu-level-3.t-dropdown-menu > .t-dropdown-item > .t-nav-link {
    color: white;
}

.region-sidebar .t-menu-level-3.t-dropdown-menu > .t-dropdown-item > a.t-nav-link:hover {
    background-color: transparent;
    color: #ffc000;
}

.region-sidebar .t-menu-level-3.t-dropdown-menu > .t-dropdown-item > .t-nav-link.is-active:not(.t-dropdown-toggle) {
    color: #ffc000;
}
/* Sidebar Menu End */

/* Main Content Start */
.layout__region--first .block-field-blocknodepagetitle {
    color: #17999e;
}

.region-main .field.field--name-title h1 {
    color: #17999e;
    text-align: start;
}

.region-main .field.field--name-body .video {
    margin-bottom: 100px;
}
@media (min-width: 1000px) {
    .region-main .field.field--name-body .video {
        margin-bottom: 120px;
    }
}
/* Management Team Start */
.people .content .cos_position {
    margin-bottom: 0 !important;
    text-align: center;
}
@media (min-width: 760px) {
    .people .content .cos_position {
        text-align: start;
    }
}

.people .content .name {
    margin-bottom: 0 !important;
    text-align: center;
}
@media (min-width: 760px) {
    .people .content .name {
        text-align: start;
    }
}

.people .content .dept_position {
    margin-bottom: 0 !important;
    text-align: center;
}
@media (min-width: 760px) {
    .people .content .dept_position {
        text-align: start;
    }
}

.people .content .dept {
    margin-bottom: 0 !important;
    text-align: center;
}
@media (min-width: 760px) {
    .people .content .dept {
        text-align: start;
    }
}
/* Management Team End */

/* Notable Scholars, University Distinguished Professor Start */
.people > div {
    margin-bottom: 70px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
}
@media (min-width: 760px) {
    .people > div {
        display: flex;
        margin-bottom: 50px;
    }
}

.people .image {     
    padding: 30px 0 20px 0;
    text-align: center;
    width: 100%
}

.people .image::before {    
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 150px;
    height: 200px;
    width: 100%;
    background-color: whitesmoke;
}
@media (min-width: 400px) {
    .people .image::before {  
        top: 200px;
    }
}
@media (min-width: 450px) {
    .people .image::before {  
        top: 250px;
    }
}
@media (min-width: 500px) {
    .people .image::before {  
        top: 270px;
    }
}
@media (min-width: 550px) {
    .people .image::before {  
        height: 230px;
    }
}
@media (min-width: 760px) {
    .people .image {
        z-index: 1;
        background-color: white;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;       
        text-align: unset;
        width: 24%;
    }

    .people .image::before {   
        display: none;
    }
    .people .image .lightbox-img {
        height: 100%;
    }
}

.people .image img {
    border-radius: 40px 0;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.3);
}
@media (min-width: 760px) {
    .people .image img {
        width: 100%;
    }
}
.people .content {
    background-color: whitesmoke;
    padding: 0 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    position: relative;
}
@media (min-width: 760px) {
    .people .content {
        padding: 10px 20px;
        min-height: 160px;
        margin-top: 50px;
        height: fit-content;
        position: absolute;
        right: 0;
        width: 79%;
        padding-left: 66px;
    }
}

.people .content a {
    text-align: center;
}
@media (min-width: 760px) {
    .people .content a {
        text-align: left;
    }
}
.people .content::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    right: 0;
    left: 0;
    bottom: -20px;
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-09/people_bottom_01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.people > div:nth-of-type(even) .content::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    right: 0;
    left: 0;
    bottom: -20px;
    background-image: url(/csci/sites/g/files/asqsls7741/files/2022-09/people_bottom_02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.people .content ul {
    margin-bottom: 0;
}
/* Notable Scholars, University Distinguished Professor End */
/* Administrative Staff Start */
.administrative_staff .table  img {
    width: 25px;
}
/* Administrative Staff End */
/* Teaching Excellence Award, Outstanding Young Researcher Award, Outstanding Knowledge Transfer Award Start */
.awards_and_recognitions .section_start {
    margin-top: 30px;
}

.awards_and_recognitions.tab-content ul, .awards_and_recognitions.tab-content ol {
    padding-left: 1em;
    line-height: 2;
}
/* Teaching Excellence Award, Outstanding Young Researcher Award, Outstanding Knowledge Transfer Award End */
/* News and Achievements Start */
.block-field-blocknodecsci-newsfield-csci-news- {
    margin-bottom: 20px;
}
@media (min-width: 760px) {
    .block-field-blocknodecsci-newsfield-csci-news- {
        float: left;
        margin-bottom: 30px;
    }
}

.block-cityu-template-share-this {
    margin-top: 0;
    margin-bottom: 30px;
}
.block-field-blocknodecsci-newsfield-cityu-news-thumbnail {
  margin-bottom: 30px;
}

.block-field-blocknodecsci-newsbody .caption {
  position: relative;
  top: -20px;
  margin-bottom: 10px;
  font-style: italic;
  font-size: 15px;
  color: grey;
}

.block-field-blocknodecsci-newsbody ul, .block-field-blocknodecsci-newsbody ol {
    line-height: 2;
    padding-left: 20px;
}

.block-field-blocknodecsci-newsbody ul li {
  list-style-type: disc;
}

.block-field-blocknodecsci-newsbody ol li {
    list-style-type: decimal;
}

.block-field-blocknodecsci-newsbody a {
    font-size: 16px;
}

.block-field-blocknodecsci-newsbody p {
    margin-bottom: 30px;
}

.block-field-blocknodecsci-newsbody iframe {
    max-width: 100%;
}

.block-field-blocknodecsci-newsbody .image_gallery, .block-field-blocknodecsci-newsbody .video_container {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 30px;
}
@media (min-width: 760px) {
    .block-field-blocknodecsci-newsbody .image_gallery, .block-field-blocknodecsci-newsbody .video_container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
}

.block-field-blocknodecsci-newsbody .image_gallery > div:not(div:last-child), 
.block-field-blocknodecsci-newsbody .video_container .video_wrapper:not(div:last-child) {
    margin-bottom: 15px;
}
@media (min-width: 760px) {
    .block-field-blocknodecsci-newsbody .image_gallery > div,
    .block-field-blocknodecsci-newsbody .video_container .video_wrapper {
        margin-bottom: 15px;
        width: 49%;
    }
}

.block-field-blocknodecsci-newsbody .image_gallery > figure:not(figure:last-child) {
    margin-bottom: 30px;
}
@media (min-width: 760px) {
    .block-field-blocknodecsci-newsbody .image_gallery figure {
        margin-bottom: 30px;
        width: 49%;
    }
}

.block-field-blocknodecsci-newsbody .video_container .video_wrapper > p {
    margin-top: 15px;
}

.block-field-blocknodecsci-newsbody .image_wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.block-extra-field-blocknodecsci-newslinks {
    margin-top: 30px;
}

.block-field-blocknodecsci-newsfield-newsandachievement {
    margin-bottom: 20px;
    line-height: 2;
  }

  .block-field-blocknodecsci-newsfield-newsandachievement .field__items {
    display: flex;
    flex-wrap: wrap;
  }

  .block-field-blocknodecsci-newsfield-newsandachievement .field__item {
    text-transform: uppercase;
    color: rgba(0,0,0,0.5);
  }

  .block-field-blocknodecsci-newsfield-newsandachievement .field__item:not(:first-of-type)::before {
    content: "\2022";
    margin: 0 5px;
    color: #FFD700;
  }
  
  .block-field-blocknodecsci-newsfield-newsandachievement .field__item a {
    font-size: 16px;
  }

  @media (min-width: 1200px) {
    .block-views-blockcsci-news-block-6 {
      margin-left: 20px;
      position: relative;
    }
    .block-views-blockcsci-news-block-6 .content {
      position: absolute;
      top: 0;
      right: 0;
      transition: top 1s;
    }
  }
  .block-views-blockcsci-news-block-6 .content .view-header .btn {
    width: 100%;
    background-color: #17999e;
    color: white;
    margin-bottom: 30px;
    border: none;
  }
  .block-views-blockcsci-news-block-6 .content .view-header .btn:focus {
    background-color: #17999e;
  }
  .block-views-blockcsci-news-block-6 .content .view-header .btn::before {
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 900; 
    content: "\f053";
    color: inherit;
    margin-right: 10px;
    text-transform: uppercase;
  }

  .block-views-blockcsci-news-block-6 .content .view-header h2 {
    background-color: #e3efd8;
    color: black;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .block-views-blockcsci-news-block-6 .content .view-content {
    margin-bottom: 50px;
    background-color: #e3efd8;
    padding: 0 20px 20px;
  }

  .block-views-blockcsci-news-block-6 .content .view-content .views-row {
    margin-bottom: 10px;
    border-bottom: 0;
  }
  
  .block-views-blockcsci-news-block-6 .content .view-content .views-row h2 {
    text-align: start;
    font-size: 16px;
  }
  .block-views-blockcsci-news-block-6 .content .view-content .views-row h2 a {
    line-height: 0.8;
    font-size: inherit;
  }

  .block-views-blockcsci-news-block-6 .content .view-footer {
    margin-bottom: 50px;
  }
  @media (min-width: 1200px) {
    .block-views-blockcsci-news-block-6 .content .view-footer {
        margin-bottom: 0;
      }
  }
  .block-views-blockcsci-news-block-6 .content .view-footer .card-body .card-title {
    font-size: 30px;
    color: #17999e;
  }
  .block-views-blockcsci-news-block-6 .content .view-footer .card-body > h6 {
    font-size: 20px;
    font-weight: 700;
  }

  .block-views-blockcsci-news-block-6 .content .view-footer .card-body .newsletter {
    margin-bottom: 10px;
  }

  .block-views-blockcsci-news-block-6 .content .view-footer .card-body .newsletter a::after {
    content: "\f658";
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 900; 
    margin-left: 10px;
    font-size: 22px;
  }

  .block-views-blockcsci-news-block-6 .content .view-footer .card-body .social_media {
    margin-bottom: 10px;
  }
  .block-views-blockcsci-news-block-6 .content .view-footer .card-body .social_media a::before {
    font-size: 20px;
    padding: 0;
  }
  .block-views-blockcsci-news-block-6 .content .view-footer .card-body > a {
    font-size: 20px;
  }
  @media (min-width: 1000px) {
    .block-views-blockcsci-news-block-6 .content .view-footer .card-body > a:hover {
      color: #ffc000;
    }
  }
  .block-views-blockcsci-news-block-6 .content .view-footer .card-body > a::before {
    font-family: "Font Awesome 5 Pro"; 
    font-weight: 900; 
    content: "\f0e0";
    margin-right: 10px;
  }
/* News and Achievements End */
/* Events Start */
.block-field-blocknodecsci-eventsfield-recent-event-tags {
    margin-bottom: 20px;
    line-height: 2;
}
.block-field-blocknodecsci-eventsfield-recent-event-tags .field--name-field-recent-event-tags {
    display: flex;
    flex-wrap: wrap;
}

.block-field-blocknodecsci-eventsfield-recent-event-tags .field--name-field-recent-event-tags .field__item {
    text-transform: uppercase;
    color: rgba(0,0,0,0.5);
    font-size: 16px;
}

.block-field-blocknodecsci-eventsfield-recent-event-tags .field__item:not(:first-of-type)::before {
    content: "\2022";
    margin: 0 5px;
    color: #FFD700;
  }

.block-field-blocknodecsci-eventsbody {
    margin-bottom:  30px;
}

.block-field-blocknodecsci-eventsbody .section_start {
    margin-top: 30px;
}

.block-field-blocknodecsci-eventsbody p {
    margin-bottom: 30px;
}

.block-field-blocknodecsci-eventsbody a {
    font-size: 16px;
}

.block-field-blocknodecsci-eventsbody ul, .block-field-blocknodecsci-eventsbody ol {
    padding-left: 20px;
    line-height: 2;
}

.block-field-blocknodecsci-eventsbody ul li {
  list-style-type: disc;
}

.block-field-blocknodecsci-eventsbody ol li {
    list-style-type: decimal;
    padding-left: 0;
}

.block-field-blocknodecsci-eventsbody ul.nav-tabs li {
    list-style-type: none;
}
 
.block-field-blocknodecsci-eventsbody .table td ul, .block-field-blocknodecsci-eventsbody .table td ol {
   line-height: 1.5;
}

.block-field-blocknodecsci-eventsbody .table td ul li, .block-field-blocknodecsci-eventsbody .table td ol li {
    margin-bottom: 15px;
 }

.block-field-blocknodecsci-eventsbody .table td > div, .block-field-blocknodecsci-eventsbody .table td > div {
    margin-bottom: 15px;
}

.block-field-blocknodecsci-eventsbody .video_wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.block-field-blocknodecsci-eventsbody .image_wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.block-field-blocknodecsci-eventsbody .button_wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.block-field-blocknodecsci-eventsbody .button_wrapper img {
    width: auto;
}

.block-field-blocknodecsci-eventsfield-event-banner {
    margin-bottom:  30px;
}

.block-field-blocknodecsci-eventsfield-event-thumbn {
    margin-bottom:  30px;
}

.block-field-blocknodecsci-eventsfield-external-link {
    margin-bottom: 30px;
}

.block-field-blocknodecsci-eventsfield-external-link a {
    font-size: 16px;
}

.events .section_start {
    margin-top: 30px;
}

.events.tab-content h2 {
    margin-bottom: 15px;
    text-align: start;
}

.events.tab-content h3 {
    margin-bottom: 15px;
}

.events.tab-content ul, .events.tab-content ol {
    padding-left: 1em;
    line-height: 2;
}

.events.tab-content .video_wrapper {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    .events.tab-content .video_wrapper {
        flex-direction: row;
        justify-content: space-between;
    }
}
.events.tab-content .video_wrapper .video:first-of-type {
    margin-bottom: 30px;
}
@media (min-width: 1000px) {
    .events.tab-content .video_wrapper .video {
        padding-bottom: 27%;
        width: 49%;
    }
    .events.tab-content .video_wrapper .video:first-of-type {
        margin-bottom: 0;
    }
}
/* Events End*/
/* Global Research Enrichment and Technopreneurship (GREAT) Start */
.GREAT .section_start {
    margin-top: 30px;
}

.GREAT.tab-content ul,  .GREAT.tab-content ol {
    padding-left: 1em;
    line-height: 2;
}

.GREAT#myTabContent .video {
    margin-bottom: 0;
}
/* Global Research Enrichment and Technopreneurship (GREAT) End */
/* Bachelor of Science in Chemistry, Bachelor of Science in Computing Mathematics, Bachelor of Science in Physics Start */
.UG .section_start {
    margin-top: 30px;
}

.UG .email {
    margin-top: 30px !important;
    line-height: 1 !important;
}

.UG .email a {
    line-height: 1 !important;
}

.UG .prof {
    margin-top: 30px !important;
    line-height: 1 !important;
}

.UG h2 {
    text-align: start;
    text-transform: uppercase;
}


.UG .image_gallery {
    display: flex;
    flex-direction: column;
}
@media (min-width:1000px) {
    .UG .image_gallery {
        flex-direction: row;
    }
}

/* Bachelor of Science in Chemistry, Bachelor of Science in Computing Mathematics, Bachelor of Science in Physics End */
/* The University of Edinburgh, The University of Manchester Start */
.JUBP .section_start {
    margin-top: 30px;
}

.JUBP.tab-content ul,  .JUBP.tab-content ol {
    padding-left: 1em;
    line-height: 2;
}

.JUBP#myTabContent .video {
    margin-bottom: 0;
}
/* The University of Edinburgh, The University of Manchester End */
/* Hong Kong PhD Fellowship Scheme, Science Summer Camp 2022 Start */
.RDP .section_start {
    margin-top: 30px;
}

.RDP.tab-content ul, .RDP.tab-content ol {
    line-height: 2;
    padding-left: 1em;
}

.RDP#myTabContent .video {
    margin-bottom: 0;
}

/* Hong Kong PhD Fellowship Scheme, Science Summer Camp 2022 End */
/* Research Start */
.block-field-blocknodecsci-researchfield-research-tags {
  margin-bottom: 30px;
  line-height: 2;
}

.block-field-blocknodecsci-researchfield-research-tags .field__items {
  display: flex;
  flex-wrap: wrap;
}

.block-field-blocknodecsci-researchfield-research-tags .field__item {
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
}

.block-field-blocknodecsci-researchfield-research-tags .field__item:not(:first-of-type)::before {
  content: "\2022";
  margin: 0 5px;
  color: #ffc000;
}

.block-field-blocknodecsci-researchfield-research-tags .field__item a {
  font-size: 16px;
}

.block-field-blocknodecsci-researchfield-cityu-news-date {
    margin-bottom: 20px;
}

@media (min-width: 760px) {
    .block-field-blocknodecsci-researchfield-cityu-news-date {
        float: left;
        margin-bottom: 30px;
    }
}

.block-field-blocknodecsci-researchfield-cityu-service-thumbnail {
  margin-bottom: 30px;
}

.block-field-blocknodecsci-researchbody .caption {
  position: relative;
  top: -20px;
  margin-bottom: 10px;
  font-style: italic;
  font-size: 15px;
  color: grey;
}

.block-field-blocknodecsci-researchbody ul {
    line-height: 2;
    padding-left: 20px;
}

.block-field-blocknodecsci-researchbody ol {
    line-height: 2;
    padding-left: 20px;
}

.block-field-blocknodecsci-researchbody ol li {
    list-style-type: decimal;
}

.block-field-blocknodecsci-researchbody a {
    font-size: 16px;
}

.block-field-blocknodecsci-researchbody p {
    margin-bottom: 30px;
}
.block-field-blocknodecsci-researchbody iframe {
    max-width: 100%;
}

.block-field-blocknodecsci-researchbody .image_gallery,
.block-field-blocknodecsci-researchbody .video_container {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width: 760px) {
    .block-field-blocknodecsci-researchbody .image_gallery,
    .block-field-blocknodecsci-researchbody .video_container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
}

.block-field-blocknodecsci-researchbody .image_gallery > div:not(div:last-child),
.block-field-blocknodecsci-researchbody .video_container .video_wrapper:not(div:last-child) {
    margin-bottom: 15px;
}

@media (min-width: 760px) {
    .block-field-blocknodecsci-researchbody .image_gallery > div,
    .block-field-blocknodecsci-researchbody .video_container .video_wrapper {
        margin-bottom: 15px;
        width: 49%;
    }
}

.block-field-blocknodecsci-researchbody .image_gallery > figure:not(figure:last-child) {
    margin-bottom: 30px;
}

@media (min-width: 760px) {
    .block-field-blocknodecsci-researchbody .image_gallery figure {
        margin-bottom: 30px;
        width: 49%;
    }
}

.block-field-blocknodecsci-researchbody .video_container .video_wrapper > p {
    margin-top: 15px;
}

.block-field-blocknodecsci-researchbody .image_wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.block-extra-field-blocknodecsci-newslinks {
    margin-top: 30px;
}

.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex-basis: 100%;
}

.layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex-basis: 100%;
}
@media (min-width: 320px) {
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
        padding-left: 20px;
    }
}
@media (min-width: 760px) {
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
        padding-left: 8px;
    }
}
@media (min-width: 1000px) {
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
        padding-left: 12px;
    }
}
@media (min-width: 1200px) {
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
        flex-basis: 67%;
    }

    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
        flex-basis: 33%;
    }
}

@media (min-width: 1200px) {
    .block-views-blockcsci-research-content--block-1 {
        margin-left: 20px;
        position: relative;
    }

    .block-views-blockcsci-research-content--block-1 .content {
        position: absolute;
        top: 0;
        right: 0;
        transition: top 1s;
    }
}

.block-views-blockcsci-research-content--block-1 .content .view-header .btn {
    width: 100%;
    background-color: #17999e;
    color: white;
    margin-bottom: 30px;
    border: none;
}

.block-views-blockcsci-research-content--block-1 .content .view-header .btn:focus {
    background-color: #17999e;
}

.block-views-blockcsci-research-content--block-1 .content .view-header .btn::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f053";
    color: inherit;
    margin-right: 10px;
    text-transform: uppercase;
}

.block-views-blockcsci-research-content--block-1 .content .view-header h2 {
    background-color: #e3efd8;
    color: black;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
}

.block-views-blockcsci-research-content--block-1 .content .view-content {
    margin-bottom: 50px;
    background-color: #e3efd8;
    padding: 0 20px 20px;
}

.block-views-blockcsci-research-content--block-1 .content .view-content .views-row {
    margin-bottom: 10px;
    border-bottom: 0;
}

.block-views-blockcsci-research-content--block-1 .content .view-content .views-row a {
    font-size: 16px;
    font-weight: 400;
    line-height: 0.8;
}
@media (min-width: 1000px) {
    .block-views-blockcsci-research-content--block-1 .content .view-content .views-row a:hover {
        color: #ffc000;
    }   
}

.block-views-blockcsci-research-content--block-1 .content .view-footer {
    margin-bottom: 50px;
}

@media (min-width: 1200px) {
    .block-views-blockcsci-research-content--block-1 .content .view-footer {
        margin-bottom: 0;
    }
}

.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body .card-title {
    font-size: 30px;
    color: #17999e;
}

.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body > h6 {
    font-size: 20px;
    font-weight: 700;
}

.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body .newsletter {
  margin-bottom: 10px;
}

.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body .newsletter a::after {
  content: "\f658";
  font-family: "Font Awesome 5 Pro"; 
  font-weight: 900; 
  margin-left: 10px;
  font-size: 30px;
}

.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body .social_media {
    margin-bottom: 10px;
}

.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body .social_media a::before {
    font-size: 20px;
    padding: 0;
}

.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body > a {
    font-size: 20px;
}

@media (min-width: 1000px) {
    .block-views-blockcsci-research-content--block-1 .content .view-footer .card-body > a:hover {
        color: #ffc000;
    }
}

.block-views-blockcsci-research-content--block-1 .content .view-footer .card-body > a::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f0e0";
    margin-right: 10px;
}

/* Research End */
/* Co-operative Education Scheme (CES), Industrial Attachment Scheme (IAS), Overseas Internship Scheme (OIS), Internship courses Start */
.internship_schemes .section_start {
    margin-top: 30px;
}

.internship_schemes.tab-content ul {
    padding-left: 1em;
}

.internship_schemes.tab-content ol li {

}

.internship_schemes#myTabContent .video {
    margin-bottom: 0;
}

.internship_schemes.tab-content .image_gallery {
    display: flex;
    flex-direction: column;
}
.internship_schemes.tab-content .image_gallery > div, .internship_schemes.tab-content .image_wrapper {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border: 3px solid #f2f2f2; 
    box-shadow: 0px 0px 15px 0px grey;
    overflow: hidden;
}

.internship_schemes.tab-content .image_gallery > div:last-child {
    margin-bottom: 0;
}
@media (min-width: 760px) {
    .internship_schemes.tab-content .image_gallery {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .internship_schemes.tab-content .image_gallery > div:nth-child(odd) {
        width: 49%;
        margin-right: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .internship_schemes.tab-content .image_gallery > div:nth-child(even) {
        width: 49%;
        margin-left: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .internship_schemes.tab-content .image_gallery > div:hover img, .internship_schemes.tab-content .image_wrapper:hover img {
        transform: scale(1.05);
    }
    .internship_schemes.tab-content .image_gallery > div img, .internship_schemes.tab-content .image_wrapper img {
        width: 100%;
        height: auto;
        object-fit: contain;
        transform: scale(1);
        transition: transform 0.5s;
    }
}

.internship_schemes h2 {
    margin-bottom: 15px;
    text-align: start;
}

.internship_schemes h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.internship_schemes .button_group {
    margin-bottom: 20px;
    text-align: end;
}

.internship_schemes .button_group .btn {
    background-color: #45adb1;
    color: white;
    font-size: 16px !important;
    font-weight: 400;
}
.internship_schemes .button_group .btn:not(:first-of-type) {
    margin-left: 10px;
}
.internship_schemes .button_group .btn:hover {
    color: white !important;
}
/* Co-operative Education Scheme (CES), Industrial Attachment Scheme (IAS), Overseas Internship Scheme (OIS), Internship courses End */
/* Exchange Partner Institutions, Outbound Exchange Programmes, Inbound Exchange Programmes, Summer Exchange Programme, Inbound Summer Exchange Programme, Outbound Summer Exchange Programme Start */
.student_exchange .section_start {
    margin-top: 30px;
}

.student_exchange.tab-content ul {
    padding-left: 1em;
}

.student_exchange h2 {
    margin-bottom: 15px;
    text-align: start;
}

.student_exchange h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}

.student_exchange .image_gallery {
    display: flex;
    flex-direction: column;
}
.student_exchange .image_gallery > div {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    border: 3px solid #f2f2f2; 
    box-shadow: 0px 0px 15px 0px grey;
    overflow: hidden;
}

.student_exchange .image_gallery > div:last-child {
    margin-bottom: 0;
}
@media (min-width: 760px) {
    .student_exchange .image_gallery {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .student_exchange .image_gallery > div:nth-child(odd) {
        width: 49%;
        margin-right: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .student_exchange .image_gallery > div:nth-child(even) {
        width: 49%;
        margin-left: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .student_exchange .image_gallery > div:hover img {
        transform: scale(1.05);
    }
    .student_exchange .image_gallery > div img {
        width: 100%;
        height: auto;
        object-fit: contain;
        transform: scale(1);
        transition: transform 0.5s;
    }
}
/* Exchange Partner Institutions, Outbound Exchange Programmes, Inbound Exchange Programmes, Summer Exchange Programme, Inbound Summer Exchange Programme, Outbound Summer Exchange Programme End */

/* College of Engineering and College of Science Career Fair 2024 Start */
.node--type-csci-jobs::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-image: url(/csci/sites/g/files/asqsls7741/files/2022-12/Website%20BG_v3_1920x1500.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  z-index: -1;
}
.node--type-csci-jobs .layout--onecol {
  background-color: rgba(255,255,255,0.8);
}
.block-field-blocknodecsci-jobsfield-job-id {
  display: none;
}
.csci-job .layout__region--content {
  position: relative;
}

.csci-job .block-field-blocknodecsci-eventsbody {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.csci-job #job-search {
  position: relative;
  padding-top: 50px;
  margin-bottom: 30px;
}
.csci-job #job-search h1 {
  text-align: start;
}
.csci-job .call-to-action-btn {
  position: absolute;
  top:0;
  right: 0;
}
.csci-job .call-to-action-btn.fixed {
  position: fixed;
}

.csci-job .call-to-action-btn .btn_wrapper .btn {
  background-color: #ffc000;
  color: white;
  font-size: 16px !important;
}

.csci-job .call-to-action-btn .btn_wrapper .btn:hover {
  background-color: #ffc000;
  color: white;
}

.csci-job .block-facet-blockjobs-department {
  margin-bottom: 10px;
}
.csci-job .block-facet-blockjobs-department h2 {
  text-align: start;
}
.csci-job .block-facet-blockjob-type {
  margin-bottom: 10px;
}
.csci-job .block-facet-blockjob-type h2 {
  text-align: start;
}
.csci-job .block-facet-blockeducation-level {
  margin-bottom: 30px;
}
.csci-job .block-facet-blockeducation-level h2 {
  text-align: start;
}
@media (min-width: 1000px) {
  .csci-job .block-facet-blockjobs-department {
      float: left;
      margin-right: 0.5%;
      margin-bottom: 30px;
  }

  .csci-job .block-facet-blockjob-type {
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 30px;
  }
  .csci-job .block-facet-blockeducation-level {
    float: left;
    margin-left: 0.5%;
}
}
.csci-job .block-views-exposed-filter-blockcsci-jobs-block-1 {
  clear: both;
}
.csci-job .block-views-exposed-filter-blockcsci-jobs-block-1 h2 {
  text-align: start;
}
.csci-job .block-views-exposed-filter-blockcsci-jobs-block-1 .content .form-row {
  display: block;
  margin-bottom: 60px;
}
.csci-job .block-views-exposed-filter-blockcsci-jobs-block-1 .content .form-row .js-form-item::before {
  top: 1px;
}

.csci-job .block-views-exposed-filter-blockcsci-jobs-block-1 .content .form-row .form-actions {
  position: absolute;
  top: 0;
  left: unset;
  right: 0;
}

.csci-job .block-views-exposed-filter-blockcsci-jobs-block-1 .content .form-row .form-actions #edit-submit-csci-jobs--3 {
  opacity: 0;
}

.csci-job .block-views-exposed-filter-blockcsci-jobs-block-1 .content .form-row .form-actions #edit-reset-csci-jobs--3 {
  opacity: 1;
  position: absolute;
  right: 10px;
  top: calc(100% + 10px);
  width: fit-content;
  height: fit-content;
  padding: 0;
  background-color: transparent;
  border-color: transparent;
  color: #2d7ba6;
}
.csci-job .block-views-exposed-filter-blockcsci-jobs-block-1 .content .form-row .form-actions #edit-reset-csci-jobs--3:focus,
.csci-job .block-views-exposed-filter-blockcsci-jobs-block-1 .content .form-row .form-actions #edit-reset-csci-jobs--3:hover {
  color: #ffc000;
  background-color: unset;
  border-color: none;
  box-shadow: unset;
}

.csci-job .block-views-blockcsci-jobs-block-1 .table-responsive {
    padding-left: 0;
    padding-right: 0;
}

.csci-job .block-views-blockcsci-jobs-block-1 .view-header {
  margin-bottom: 10px;
}

.csci-job .block-views-blockcsci-jobs-block-1 .view-content {
  margin-bottom: 100px;
}

.job-detail .block-layout-builder {
  margin-bottom: 30px;
}
@media (min-width: 1000px) {
  .job-detail .block-layout-builder {
    margin-bottom: 50px;
  }
}

.job-detail .block-layout-builder .field__label {
  color: #2d7ba6;
  font-size: 24px;
  line-height: 1.5;
}

.job-detail .block-field-blocknodecsci-jobsfield-company-name .field__item p {
  font-weight: 700;
  font-size: 20px;
}

/* College of Engineering and College of Science Career Fair 2024 End */
/* Main Content End */
/* Content Page End */