body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
p.small {
	line-height:1.5;
	font-size:16px;
}
.nus-faculity-logo {
    border-left: 1px solid #003D7C;
    padding: 0px;
    padding-left: 10px;
}

#nus-sidebar-off-canvas {
    z-index: 999;
}

#logo.nus-faculity-logo {
    max-height: 60px;
    height: 60px;
}

.nus-faculty-logo{float: right;}

.nus-faculty-logo2{float: left;}

.nus-logo {
    position: relative;
}

.lab-header-title {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(52vw, 620px);
}

.lab-header-title a {
    color: #111;
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
}

@media screen and (max-width:767px) {
	.nus-faculty-logo2{display:none;}
    .lab-header-title {
        left: 50%;
        width: 58vw;
    }

    .lab-header-title a {
        font-size: 15px;
    }
}

#menu-nus-main-menu-container ul{
    float: left;
    text-align: left;
}

.nus-search-box input {
    background: #fff none repeat scroll 0 0 !important;
    font-size: 18px !important;
    color: #555;
}

.search-btn-box {
    cursor: pointer;
}

.form-search input[type="text"]:focus, 
.form-search input[type="email"]:focus, 
.form-searchinput[type="tel"]:focus {
    border-color: #66afe9 !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.header-shadow #header-section::before, 
.header-shadow #header-section {
    box-shadow: none;
}

.nus-quicklinks a, .nus-quicklinks .ui-widget-content a {
    color: #999 !important;
}

.nus-quicklinks ul.box > li > a:hover, .nus-quicklinks ul.box > li > a:focus {
    color: #ef7c00 !important;
}

.dropdown-submenu a.dropdown-toggle:after {
    color: #999;
    border-color: transparent transparent transparent #999;
}

.dropdown-menu li:hover a.dropdown-toggle:after {
    color: #000;
    border-color: transparent transparent transparent #000;
}

.main-content{
margin-top:40px;
}

#nus-footer-section h4.fl-widget-title{
    color: #fff;
    margin-top: 0;
    margin-bottom: 5px;
}


.nus-search-box .icon {
    left: 25px;
	top: 30px;
}

.subpage-title-wrap {
    background-color: #003062;
}
.subpage-title-wrap h1, .subpage-title-wrap a {
    color: #fff;
    margin-bottom: 10px;
    margin-top: 10px;
}

@media screen and (max-width:991px) {
.nus-footer .wrapper{margin-left:-35px;margin-right:0;}
}

.nus-quicklinks, nav.nus-main-nav{font-size:14px;}

.navbar-default {
	border-top: 1px solid #e7e7e7; 
	border-bottom: 1px solid #e7e7e7; 
}

.nus-quicklinks, nav.nus-main-nav .search-btn-box {
	font-size: 13px;
}

.content-wrapper {
    padding: 0px 15px 1px;
}

.content-page,
.home-hero {
    color: #1f2933;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.content-page {
    margin: 0 auto 56px;
    max-width: 980px;
}

.content-intro {
    margin: 0 0 38px;
    max-width: 850px;
}

.content-intro h1 {
    color: #003d7c;
    font-size: clamp(38px, 5vw, 56px);
    font-weight: 700;
    line-height: 1.08;
    margin: 0 0 14px;
    text-wrap: balance;
}

.content-intro p {
    color: #394957;
    font-size: 18px;
    line-height: 1.65;
    margin: 0;
    text-wrap: pretty;
}

.content-section {
    margin: 0 0 44px;
    max-width: 880px;
}

.content-section h2,
.content-section h3 {
    color: #003d7c;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 18px;
}

.content-section h2 {
    border-bottom: 1px solid #d6dee8;
    font-size: 28px;
    padding-bottom: 12px;
}

.content-section h3 {
    font-size: 24px;
}

.content-section p {
    color: #344451;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 0 18px;
    text-wrap: pretty;
}

.content-list {
    counter-reset: content-list;
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
}

.content-list li {
    color: #344451;
    counter-increment: content-list;
    font-size: 16px;
    line-height: 1.65;
    margin: 0 0 12px;
    min-height: 32px;
    padding-left: 48px;
    position: relative;
}

.content-list li::before {
    align-items: center;
    background: #003d7c;
    color: #fff;
    content: counter(content-list);
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    left: 0;
    line-height: 1;
    position: absolute;
    top: 0;
    width: 30px;
}

.about-logo-panel {
    border-bottom: 1px solid #d6dee8;
    margin: 0 0 36px;
    padding: 0 0 32px;
    text-align: center;
}

.about-logo-panel img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: min(560px, 82vw);
    width: 52%;
}

.home-hero {
    margin: 0 auto 56px;
    max-width: 1040px;
}

.home-hero-figure {
    background: #050709;
    border-bottom: 6px solid #ef7c00;
    margin: 0;
    overflow: hidden;
}

.home-hero-figure img {
    aspect-ratio: 16 / 9;
    display: block;
    height: auto;
    object-fit: cover;
    width: 100%;
}

.home-hero-copy {
    margin-top: 30px;
    max-width: 850px;
}

.home-hero-copy h1 {
    color: #003d7c;
    font-size: clamp(34px, 5vw, 54px);
    font-weight: 700;
    line-height: 1.08;
    margin: 0 0 18px;
    text-wrap: balance;
}

.home-hero-copy p {
    color: #303030;
    font-size: 18px;
    line-height: 1.7;
    margin-bottom: 0;
    text-wrap: pretty;
}

.contact-page {
    max-width: 900px;
}

.contact-card {
    background: #f7f9fb;
    border: 1px solid #dbe3eb;
    margin: 0 0 34px;
    padding: 24px;
}

.contact-card h2 {
    color: #003d7c;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 16px;
}

.contact-card p {
    align-items: flex-start;
    color: #263847;
    display: flex;
    font-size: 17px;
    line-height: 1.55;
    margin: 0;
}

.contact-card .icon {
    color: #ef7c00;
    flex: 0 0 auto;
    margin: 2px 12px 0 0;
}

.contact-map {
    background: #f7f9fb;
    border: 1px solid #dbe3eb;
    overflow: hidden;
}

.contact-map iframe {
    aspect-ratio: 16 / 9;
    border: 0;
    display: block;
    height: auto;
    margin: 0;
    width: 100%;
}

.research-page {
    max-width: 980px;
}

.research-pillars {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
    max-width: 900px;
}

.research-pillar {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #dbe3eb;
    border-top: 5px solid #ef7c00;
    display: flex;
    gap: 24px;
    padding: 26px 28px;
}

.research-icon {
    align-items: center;
    background: #f7f9fb;
    border: 1px solid #dbe3eb;
    display: flex;
    flex: 0 0 auto;
    height: 176px;
    justify-content: center;
    width: 176px;
}

.research-icon img {
    display: block;
    height: 116px !important;
    object-fit: contain;
    width: 116px !important;
}

.research-pillar-body {
    min-width: 0;
}

.research-pillar h2 {
    color: #003d7c;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 14px;
    text-wrap: balance;
}

.research-pillar p {
    color: #344451;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    text-wrap: pretty;
}

@media screen and (max-width:767px) {
    .content-page,
    .home-hero {
        margin-bottom: 42px;
    }

    .content-intro {
        margin-bottom: 30px;
    }

    .content-intro h1 {
        font-size: 38px;
    }

    .content-intro p,
    .content-section p,
    .content-list li {
        font-size: 16px;
    }

    .content-section {
        margin-bottom: 36px;
    }

    .research-pillar {
        display: block;
        padding: 22px;
    }

    .research-icon {
        height: 140px;
        margin-bottom: 18px;
        width: 140px;
    }

    .research-icon img {
        height: 94px !important;
        width: 94px !important;
    }

    .research-pillar h2 {
        font-size: 24px;
    }

    .about-logo-panel img {
        width: min(360px, 86vw);
    }

    .home-hero-figure {
        margin-left: -15px;
        margin-right: -15px;
    }

    .home-hero-copy {
        margin-top: 24px;
    }

    .home-hero-copy h1 {
        font-size: 34px;
    }

    .home-hero-copy p {
        font-size: 16px;
        line-height: 1.65;
    }
}

.people-page {
    color: #1f2933;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.people-intro {
    margin: 0 0 42px;
    max-width: 850px;
}

.people-intro h1 {
    color: #003d7c;
    font-size: clamp(38px, 5vw, 56px);
    font-weight: 700;
    line-height: 1.08;
    margin: 0 0 14px;
    text-wrap: balance;
}

.people-intro p {
    color: #394957;
    font-size: 18px;
    line-height: 1.65;
    margin: 0;
    text-wrap: pretty;
}

.people-section {
    margin: 0 0 52px;
}

.people-section h2 {
    border-bottom: 1px solid #d6dee8;
    color: #003d7c;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0 0 24px;
    padding-bottom: 12px;
}

.people-grid {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.people-card {
    background: #fff;
    border: 1px solid #dbe3eb;
    display: flex;
    gap: 22px;
    padding: 24px;
}

.people-profile-photo {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    flex: 0 0 auto;
    height: 132px !important;
    object-fit: cover;
    object-position: center top;
    overflow: hidden;
    width: 132px !important;
}

.people-card-body {
    min-width: 0;
}

.people-card h3 {
    color: #111827;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 5px;
    text-wrap: balance;
}

.people-affiliation {
    color: #ef7c00;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 14px;
}

.people-card p {
    color: #344451;
    font-size: 15px;
    line-height: 1.66;
    margin: 0 0 14px;
}

.people-card p:last-child {
    margin-bottom: 0;
}

.people-links a {
    border-bottom: 1px solid #003d7c;
    color: #003d7c;
    font-weight: 700;
}

.people-links a:hover,
.people-links a:focus {
    border-bottom-color: transparent;
    color: #ef7c00;
    text-decoration: none;
}

@media screen and (max-width:767px) {
    .people-intro {
        margin-bottom: 34px;
    }

    .people-intro h1 {
        font-size: 38px;
    }

    .people-intro p {
        font-size: 16px;
        line-height: 1.6;
    }

    .people-section {
        margin-bottom: 42px;
    }

    .people-grid {
        grid-template-columns: 1fr;
    }

    .people-card {
        display: block;
        padding: 22px;
    }

    .people-profile-photo {
        display: block;
        height: 144px !important;
        margin: 0 0 18px;
        width: 144px !important;
    }
}

.footer-widget-area {
    background-color: transparent !important;
}

.nus-contact-us {
	font-size: 14px;
}

.nus-submenu ul.menu {
}

.nus-submenu .sub-menu {
	display: none;
}

.nus-submenu .menu, 
.nus-submenu .menu > li {
    font-size: 14px;
    text-transform: none;
}

.nus-submenu ul.menu, 
.nus-submenu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nus-submenu .menu li {
    border-color: rgb(238, 238, 238);
	position: relative;
	display: block;
}

.nus-submenu .menu > a {
    color: #003061;
}

.nus-submenu li a {
    border-bottom: 1px solid #eee;
    border-radius: 0;
    color: #003d7c;
	display:block;
	line-height: 1.42857 !important;
}

.nus-submenu ul>li:before, 
.nus-submenu ul>li:before {
    content: none;
}

.nus-submenu ul > li {
    list-style: outside none none;
    padding-left: 0px;
    position: relative;
}

.nus-submenu ul > li a {
    padding: 10px 15px;
    position: relative;
	text-decoration: none;
	background-color: transparent;
}

.nus-submenu ul > li a:hover, 
.nus-submenu > li > a:focus {
	background-color: #eee;
    text-decoration: none;
	color: #ef6b00;
}

.nus-submenu ul > li.current-menu-item > a {
	background: #003d7c none repeat scroll 0 0;
    color: #fff;
}

.nus-submenu ul li.current-menu-item > a:hover,
.nus-submenu ul li.current-menu-item > a:focus {
	border-bottom-color: #003d7c;
}

.nus-submenu ul.sub-menu > li.menu-item a {
    padding-left: 25px;
}

.nus-submenu ul.sub-menu > li.menu-item ul.sub-menu > li.menu-item a{
    padding-left: 50px;
}

.nus-submenu ul.sub-menu > li.menu-item ul.sub-menu > li.menu-item ul.sub-menu > li.menu-item a {
    padding-left: 75px;
}

.nus-submenu ul.sub-menu > li.menu-item ul.sub-menu > li.menu-item ul.sub-menu > li.menu-item ul.sub-menu > li.menu-item a {
	padding-left: 100px;
}

.nus-submenu ul.sub-menu > li.menu-item ul.sub-menu > li.menu-item ul.sub-menu > li.menu-item ul.sub-menu > li.menu-item ul.sub-menu > li.menu-item a {
	padding-left: 125px;
}

.nus-submenu ul > li.menu-item-has-children::after {
	content: "\00a0";
	cursor: pointer;
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: 0;
    margin-top: 5px;
    position: absolute;
    right: 5px;
    top: 11px;
    width: 0;
}

.nus-submenu ul > li.menu-item-has-children.fl-active::after{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    height: 0;
    width: 0;
}
/****************
FOOTER - MAIN
****************/	
.nus-footer{background:#003062;border-top:1px solid #003d7c;color:#999;font-weight:300;}
.nus-footer a{color:#999;}
.nus-footer a:hover,
.nus-footer a:focus{color:#fff;text-decoration:none;}
.nus-footer ul{margin:0;padding:0;}
.nus-footer .wrapper{padding:40px 0;}
.nus-footer .footnav-alt{margin-top:43px;}

.glyphicon .glyphicon-home:before{content:"\f124";}

@media screen and (max-width:991px) {
.nus-footer .wrapper{padding:40px 0;}
}	

.nus-footer .navigator ul li{list-style:none;line-height:24px;}
.nus-footer .navigator .title{margin-top:0;color:#fff;font-size:18px;}

.nus-footer .nus-social-box{border-left:1px solid #003d7c;padding-left:88px;}
.nus-footer .nus-social-box .footnav-alt{margin-top:40px;}
.nus-footer .nus-social-box ul li{padding-left:30px;}
.nus-footer ul.nus-contact-us li{position:relative;}
.nus-footer ul.nus-contact-us .icon{display:block;position:absolute;left:0;color:#fff;top:2px;}

@media screen and (max-width:991px) {
.nus-footer .nus-social-box{padding:0 10px;border:0;text-align:center;}
.nus-footer .nus-social-box ul li{padding-left:0;}
.nus-footer ul.nus-contact-us .icon{display:inline;position:relative;top:0;padding-right:15px;}
}

/*******************
FOOTER - COPYRIGHT
*******************/
.nus-footer .copyright{border-top: 1px solid #003d7c;color: #999999;padding: 20px 10px;text-align: center;font-size:12px;}
.nus-footer .copyright .info{margin-bottom:7px;}
@media screen and (max-width:991px) {
.nus-footer .copyright{padding-left:0;padding-right:0;}
}

/***************************
FOOTER - COPYRIGHT (MENU)
***************************/	
.nus-footer .nav-copyright > li{display:inline-block;}
.nus-footer .nav-copyright > li.bullet:before{content:'\2022';padding-right:15px;padding-left:15px;}
@media screen and (max-width:991px) {
.nus-footer .nav-copyright > li.bullet:before{padding-left:5px;padding-right:5px;}
}