/**
Theme Name: NUS Theme v4
Author: Websparks
Author URI: https://websparks.sg
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nus-theme-v4
Template: astra
*/

.entry-header {
	display: none;
}

.blog.ast-blog-grid-1.ast-blog-layout-1 #primary {
  margin-top: 20px;
  margin-bottom: 20px;
}

.media-frame-router > .media-router > button {
  color: #23282d !important;
}

.home-quicklink-block {
  padding: 20px;
  height: 100%;
}

.home-quicklink-block .fl-module-content {
  border: 3px solid white;
  text-transform: uppercase;
  margin: 0px;
  height: 100%;
  display: grid;
}

.home-quicklink-block .fl-module-content .fl-heading > a {
  padding: 108px 0px;
  display: block;
}

.fl-module-post-grid h2.fl-post-feed-title  a {
  color: #003D7C !important;
  font-size: 26px;
}

.fl-post-grid .fl-post-column .fl-post-grid-post {
	-webkit-box-shadow: 5px 5px 11px -4px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 11px -4px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 11px -4px rgba(0,0,0,0.5);
}

.fl-module-post-grid .fl-post-grid-date {
	color: #EF7C00;
	font-weight: 700;
}

.fl-module-post-grid .fl-post-grid-title > a {
	color: #003061;
}

.fl-module-post-grid a.fl-post-grid-more {
	color: #EF7C00;
}

.fl-module-post-grid a.fl-post-grid-more svg {
	margin-left: 5px;
    font-size: 14px;
}

body.yellow div.home-quicklink-block:hover {
	background: rgb(254,208,94);
	background: linear-gradient(0deg, rgba(254,208,94,0.4962359943977591) 25%, rgba(16,62,158,0) 75%);
}

body.red div.home-quicklink-block:hover {
	background: rgb(211,47,47);
	background: linear-gradient(0deg, rgba(211,47,47,1) 25%, rgba(16,62,158,0) 75%);
}

body.blue div.home-quicklink-block:hover {
	background: rgb(48,63,159);
	background: linear-gradient(0deg, rgba(48,63,159,1) 25%, rgba(16,62,158,0) 75%);
}

body.green div.home-quicklink-block:hover {
	background: rgb(104,159,56);
	background: linear-gradient(0deg, rgba(104,159,56,1) 25%, rgba(16,62,158,0) 75%);
}

body.yellow .news-events .fl-col-group.fl-col-group-equal-height:nth-child(even) {
  background-color: #ffecb2;
}

body.red .news-events .fl-col-group.fl-col-group-equal-height:nth-child(even), body.red .event-row:nth-child(even) {
  background-color: #FFCDD2;
  display: flex;
}

body.blue .news-events .fl-col-group.fl-col-group-equal-height:nth-child(even) {
  background-color: #c5cae8;
}

body.green .news-events .fl-col-group.fl-col-group-equal-height:nth-child(even) {
  background-color: #ddedc8;
}

body.yellow .home-postcolumn > div.fl-row-content-wrap {
  background-color: #FED05E;
  background-image: url(/cnm/wp-content/uploads/sites/2/2019/12/yellow-background-home.jpg);
}

body.red .home-postcolumn > div.fl-row-content-wrap {
  background-color: #D32F2E;
  background-image: url(/chs/wp-content/uploads/sites/3/2019/12/red-background-home.jpg);
}

body.green .home-postcolumn > div.fl-row-content-wrap {
  background-color: #689F39;
  background-image: url(/ell/wp-content/uploads/sites/5/2019/12/green-background-home.jpg);
}

body.blue .home-postcolumn > div.fl-row-content-wrap {
  background-color: #313FA0;
  background-image: url(/ecs/wp-content/uploads/sites/4/2019/12/blue-background-home.jpg);
}

body.yellow .button-coloured a.fl-button , body.yellow .button-coloured a.fl-button * {
  background: #ff9f00;
  color: white !important;
  border: 2px solid #ff9f00;
}

body.yellow .button-white a.fl-button , body.yellow .button-white a.fl-button * {
  background: white;
  color: #ff9f00 !important;
  border: 2px solid white;
  padding: 20px 40px;
  font-weight: bold;
}

body.red .button-coloured a.fl-button , body.red .button-coloured a.fl-button * {
  background: #d32f2e;
  color: white !important;
  border: 2px solid #d32f2e;
}

body.red .button-white a.fl-button , body.red .button-white a.fl-button * {
  background: white;
  color: #D32F2E !important;
  border: 2px solid white;
  padding: 20px 40px;
  font-weight: bold;
}

body.blue .button-coloured a.fl-button , body.blue .button-coloured a.fl-button * {
  background: #313fa0;
  color: white !important;
  border: 2px solid #313fa0;
}

body.blue .button-white a.fl-button , body.blue .button-white a.fl-button * {
  background: white;
  color: #313fa0 !important;
  border: 2px solid white;
  padding: 20px 40px;
  font-weight: bold;
}

body.green .button-coloured a.fl-button , body.green .button-coloured a.fl-button * {
  background: #689f39;
  color: white !important;
  border: 2px solid #689f39;
}

body.green .button-white a.fl-button , body.green .button-white a.fl-button * {
  background: white;
  color: #689f39 !important;
  border: 2px solid white;
  padding: 20px 40px;
  font-weight: bold;
}



.fl-menu.fl-menu-accordion-collapse ul.menu.fl-menu-accordion > li  a {
	background-color: #FFD878;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px;
	margin-top: 20px;
}

.fl-menu.fl-menu-accordion-collapse ul.menu.fl-menu-accordion > li > ul.sub-menu {
	box-shadow: none;
}

.fl-menu.fl-menu-accordion-collapse ul.menu.fl-menu-accordion > li > ul.sub-menu > li > a {
	background-color: white;
	font-weight: 300;
	text-transform: none;
	margin-top: 0px;
	border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.fl-menu.fl-menu-accordion-collapse ul li > div > a, .fl-menu.fl-menu-accordion-collapse ul li > a {
	color: #16215D;
}

.fl-menu.fl-menu-accordion-collapse ul li:hover > a, .fl-menu.fl-menu-accordion-collapse ul li.current_page_item > a {
	background-color: #16215D !important;
	color:white;
}

.fl-accordion > .fl-accordion-item {
  border-width: 0px;
}

.fl-accordion > .fl-accordion-item > .fl-accordion-button {
  background-color: #EF7C00;
}

.fl-accordion > .fl-accordion-item > .fl-accordion-button > a {
  color: white;
}

.fl-accordion > .fl-accordion-item > .fl-accordion-content {
  padding-left: 0px;
  padding-right: 0px;
}

.fl-accordion .fl-accordion-content{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
}

.fl-accordion-item.fl-accordion-item-active{
	border: 1px solid lightgrey;
}

.crossed:before {
    content: "\2612";
    color: #cd4141;
    font-family: "FontAwesome";
}

.checked::before {
    content: "\2611";
    color: #1b926c;
    font-family: "FontAwesome";
}

/* Table breakdown into each cell on mobiles */
@media screen and (max-width: 991px){
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
		display: block;
	}
	
	#no-more-tables td {
		border: none;
		position: relative;
		white-space: normal;
		text-align: center;
		padding-bottom: 25px;
		width: 100%;
	}
	
	#no-more-tables td:before {
		content: attr(data-title);
	}
	
	#no-more-tables td:before {
		display: block;
		padding-right: 10px;
		text-align: center;
		font-weight: bold;
	}
}

@media only screen and (min-width:768px){
.nus-faculty-logo .site-logo-img img{
	max-height: 45px;
	margin-top: 7px;
}
}

@media only screen and (max-width:425px){
.nus-faculty-logo .site-logo-img img{
	max-height: 20px;
	margin-top: 7px;
}
}

/* Main FASS DO Site */


.advisory-photo img{
	width: 180px;
	height: 240px;
}

.fl-module-accordion.label-red .fl-accordion-item .fl-accordion-button{
	 background-color: #EB5851;
}

.fl-module-accordion.label-red .fl-accordion-item .fl-accordion-button:hover, 
.fl-module-accordion.label-red .fl-accordion-item.fl-accordion-item-active .fl-accordion-button{
	 background-color: #F88A8A;
}

.fl-module-accordion.label-red .fl-accordion-item .fl-accordion-button a,  
.fl-module-accordion.label-blue .fl-accordion-item .fl-accordion-button:hover a, 
.fl-module-accordion.label-blue .fl-accordion-item.fl-accordion-item-active .fl-accordion-button a{
	color: black;
	font-weight: 700;
}

.fl-module-accordion.label-red .fl-accordion-item.fl-accordion-item-active .fl-accordion-button a, 
.fl-module-accordion.label-red .fl-accordion-item .fl-accordion-button:hover a, 
.fl-module-accordion.label-blue .fl-accordion-item .fl-accordion-button a,
.fl-module-accordion.label-darkblue .fl-accordion-item .fl-accordion-button a,
.fl-module-accordion.label-darkblue .fl-accordion-item .fl-accordion-button:hover a{
	color: white;
}

.fl-module-accordion.label-darkblue .fl-accordion-item .fl-accordion-button:hover a,
.fl-module-accordion.label-darkblue .fl-accordion-item.fl-accordion-item-active .fl-accordion-button a{
	text-decoration-line: underline;
}


.fl-module-accordion.label-blue .fl-accordion-item .fl-accordion-button{
	 background-color: #00203F;
}

.fl-module-accordion.label-darkblue .fl-accordion-item .fl-accordion-button{
	 background-color: #003770;
}

.fl-module-accordion.label-darkblue .fl-accordion-item .fl-accordion-button:hover, 
.fl-module-accordion.label-darkblue .fl-accordion-item.fl-accordion-item-active .fl-accordion-button{
	 background-color: #003770;
}

.fl-module-accordion.label-blue .fl-accordion-item .fl-accordion-button:hover, 
.fl-module-accordion.label-blue .fl-accordion-item.fl-accordion-item-active .fl-accordion-button{
	 background-color: #7598C7;
}


.fl-module-accordion.hover-red .fl-accordion-item .fl-accordion-button:hover, 
.fl-module-accordion.hover-red .fl-accordion-item.fl-accordion-item-active .fl-accordion-button{
	 background-color: #FC4445;
}

.fl-module-accordion.hover-red .fl-accordion-item.fl-accordion-item-active .fl-accordion-button a, 
.fl-module-accordion.hover-red .fl-accordion-item .fl-accordion-button:hover a, 
.fl-module-accordion.hover-red .fl-accordion-item .fl-accordion-button a, 
.fl-module-accordion.hover-red .fl-accordion-item.fl-accordion-item-active .fl-accordion-button-icon:before, 
.fl-module-accordion.hover-red .fl-accordion-item .fl-accordion-button:hover .fl-accordion-button-icon:before{
	color: white;
}

.fl-module-accordion.hover-grey .fl-accordion-item .fl-accordion-button:hover, 
.fl-module-accordion.hover-grey .fl-accordion-item.fl-accordion-item-active .fl-accordion-button{
	 background-color: #828282;
}

.fl-module-accordion.hover-grey .fl-accordion-item.fl-accordion-item-active .fl-accordion-button a, 
.fl-module-accordion.hover-grey .fl-accordion-item .fl-accordion-button:hover a, 
.fl-module-accordion.hover-grey .fl-accordion-item .fl-accordion-button a, 
.fl-module-accordion.hover-grey .fl-accordion-item.fl-accordion-item-active .fl-accordion-button-icon:before, 
.fl-module-accordion.hover-grey .fl-accordion-item .fl-accordion-button:hover .fl-accordion-button-icon:before{
	color: white;
}

.fl-module-accordion.hover-yellow .fl-accordion-item .fl-accordion-button:hover, 
.fl-module-accordion.hover-yellow .fl-accordion-item.fl-accordion-item-active .fl-accordion-button{
	 background-color: #F8D778;
}

.fl-module-accordion.hover-yellow .fl-accordion-item.fl-accordion-item-active .fl-accordion-button a, 
.fl-module-accordion.hover-yellow .fl-accordion-item .fl-accordion-button:hover a, 
.fl-module-accordion.hover-yellow .fl-accordion-item .fl-accordion-button a, 
.fl-module-accordion.hover-yellow .fl-accordion-item.fl-accordion-item-active .fl-accordion-button-icon:before, 
.fl-module-accordion.hover-yellow .fl-accordion-item .fl-accordion-button:hover .fl-accordion-button-icon:before{
	color: white;
}


.fl-module-accordion.hover-crayon .fl-accordion-item .fl-accordion-button:hover, 
.fl-module-accordion.hover-crayon .fl-accordion-item.fl-accordion-item-active .fl-accordion-button{
	 background-color: #5AB5C7;
}

.fl-module-accordion.hover-crayon .fl-accordion-item.fl-accordion-item-active .fl-accordion-button a, 
.fl-module-accordion.hover-crayon .fl-accordion-item .fl-accordion-button:hover a, 
.fl-module-accordion.hover-crayon .fl-accordion-item .fl-accordion-button a, 
.fl-module-accordion.hover-crayon .fl-accordion-item.fl-accordion-item-active .fl-accordion-button-icon:before, 
.fl-module-accordion.hover-crayon.fl-accordion-item .fl-accordion-button:hover .fl-accordion-button-icon:before{
	color: white;
}

.bg-lightblue{
	background: #CCE9EA;
}

.w200-h270 img{
	width: 200px;
	height: 270px;
}


.virtual-tour-container-left .fl-row-content-wrap:before{
		position: absolute;
	  left: -150px;
    top: 80px;
    content: '';
    width: 251px;
    height: 239px;
    overflow: hidden;
    background: url(/wp-content/uploads/2020/07/grid1.png) 0px 0px repeat;
z-index: -1;
}

.virtual-tour-container-right .fl-row-content-wrap:after{
		position: absolute;
	  right: -150px;
    top: -80px;
    content: '';
    width: 251px;
    height: 239px;
    overflow: hidden;
    background: url(/wp-content/uploads/2020/07/grid1.png) 0px 0px repeat;
z-index: -1;
}

.bg-red{
	background: #CC0066;
}

.bg-blue{
	background: #003D7C;
}

.alumni-stories-img img{
	width: 100%;
	height: 500px;
	object-fit: cover;
}

/* Footer styling except Phil */
footer > .nus-footer > .dept-footer .dept-info:not(first-child){
    margin-left: 50px;
}

/* Modal text editor image right margin */
.uabb-modal-content .uabb-modal-text img.alignleft{
	margin-right: 20px;
}

@media only screen and (min-width: 1025px){
	.publications .fl-module-photo img{
		height: 300px;
	  	width: 300px;
	}
}

@media only screen and (max-width: 768px) and (min-width: 426px){
	.publications .fl-module-photo img{
		height: 170px;
	  	width: 300px;
	}
}

@media only screen and (max-width: 426px){
	.publications .fl-module-photo img{
	  	width: 100%;
	}
}

/* SOC dropdown menu uabb-advanced menu */
.fl-module-uabb-advanced-menu.drop-down-menu ul.sub-menu{
	position: absolute;
	z-index: 2;
	background-color: white;
}

.fl-module-uabb-advanced-menu.drop-down-menu ul.sub-menu li.menu-item.current_page_item{
	background-color: #2c77cc;
}

.fl-module-uabb-advanced-menu.drop-down-menu ul.sub-menu li.menu-item.current_page_item a span.menu-item-text{
	color: white;
}

.fl-module-uabb-advanced-menu.drop-down-menu ul.sub-menu:hover li.menu-item.current_page_item:not(:hover) a span.menu-item-text{
	color: black;
}

.fl-module-uabb-advanced-menu.drop-down-menu ul.sub-menu:hover li.menu-item.current_page_item{
	background-color: white;
}

.list-style p:before{
	content: url('/sea/wp-content/uploads/sites/29/2020/09/yellow-arrow.gif');
}

.list-style p{
	margin-bottom: 2px;
}

.li-gap.fl-module-rich-text .fl-rich-text ul li, 
.li-gap.fl-module-rich-text .fl-rich-text ol li{
	margin-bottom: 15px
}

.uabb-modal-close.uabb-close-custom-popup-edge-top-right{
	top: 0;
	right: 0;
}

/* used in Socail work */
.table-bg-color.fl-module table tr :first-child{
	background-color: #dedede;
}

.table-bg-color.fl-module table tr :not(:first-child){
	background-color: #eeeeee;
}

.table-bg-color.fl-module table{
	height: 100% !important;
	border: none !important;
}

.table-bg-color.fl-module table td{
	border: 4px solid #fff;
}


/* list style in cas */
.li-big-number-style ol > li{
	position: relative;
    margin-bottom: 20px;
    padding-left: 1em;
    padding-right: .5em;
    min-height: 3em;
    border-left: 2px solid #CCC;
}

.li-big-number-style ol{
list-style-type: none;
    list-style-type: decimal !ie;
    margin: 0;
    margin-left: 3em;
    padding: 0;
    text-align: justify;
    counter-reset: li-counter;
}

.li-big-number-style li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: .5em;
    font-size: 2em;
    line-height: 1;
    font-weight: 700;
    text-align: right;
    color: #1C244A;
    content: counter(li-counter);
    counter-increment: li-counter;
}

.table-row-bordered table, .table-row-bordered td, .table-row-bordered th{
	border: none;
}

.table-row-bordered tr{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.table-row-bordered caption{
	caption-side: top;
}

/* clslang welcome page */
.welcome-slider .uabb-image-carousel-item .uabb-image-carousel-caption span,
.course-listing .uabb-photo-gallery-item .uabb-photo-gallery-caption span{
	font-size: 11px !important;
	font-style: italic;
}

.welcome-slider .uabb-image-carousel-item .uabb-image-carousel-caption{
line-height: 16px
}


.welcome-slider .uabb-image-carousel-item img.uabb-gallery-img,
.course-listing .uabb-photo-gallery-item img.uabb-gallery-img{
	width: 300px !important;
	height: 250px !important;
	object-fit: cover;
} 


.course-listing .uabb-photo-gallery-item .uabb-photo-gallery-caption{
	line-height: 16px;
	background-color: white;
	margin-bottom: 20px;
}

/* clslang individual language pages tab */
.module-descriptions-tab .fl-tabs-labels{
	border: 1px solid #959595;
	width: fit-content;
	margin: auto;
}

.module-descriptions-tab .fl-tabs-labels .fl-tabs-label{
	color: #424242;
	border: none !important;
	height: 67px;
	text-align: center;
	line-height: 40px;
	size: 18px;
	padding: 12px 25px;
}

.module-descriptions-tab .fl-tabs-labels .fl-tabs-label.fl-tab-active, .module-descriptions-tab .fl-tabs-labels .fl-tabs-label:hover{
	background-color: #012F61;
	color: white;
}

.blue-label-tab .fl-tabs-labels{
  background-color: #012F61;
}

.blue-label-tab .fl-tabs-labels .fl-tabs-label{
	color: white;
	border: none !important;
	height: 67px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	padding: 12px 25px;
}

.blue-label-tab .fl-tabs-labels .fl-tabs-label.fl-tab-active, .blue-label-tab .fl-tabs-labels .fl-tabs-label:hover{
	  background-color: #acacac;
}

.blue-label-tab .fl-tabs-panels,
.module-descriptions-tab .fl-tabs-panels{
	border: none !important;
}

/* DO Site css */
.img-129-194 img{
	width: 129px;
	height: 194px;
}

@media only screen and (min-width: 426px){
.img-150-210-except-small-screen img{
	width: 150px;
	height: 210px;
}
	
	.img-647-135 img{
		width: 647px;
	 height: 135px;
	}	
}

/* 
 * in case need it
 * 
@media only screen and (min-width:768px){
.nus-faculty-logo .site-logo-img img{
	max-height: 55px;
	margin-top: 0px;
}
}

@media only screen and (max-width:425px){
.nus-faculty-logo .site-logo-img img{
	max-height: 55px;
	margin-top: 0px;
}
}

footer > .nus-footer > .dept-footer .dept-info:not(first-child){
    margin-left: auto;
}
 * */


/* People listing odd display fix */
.people-listing-block{
	min-height: 384px;
}

/* used hover styling for gpn event link text */
.hover-grey a:hover span{
	color: #999999 !important;
}

.hover-underline a:hover span{
	text-decoration-line: underline !important;
}

.hover-blue a{
	color: #999999;
}

.hover-blue a:hover{
	color: #23527c;
	text-decoration-line: underline;
}

/* Blinking text "New" for swk */
.new-blink a:after{
	content: "New";
	color: red;
	vertical-align: super;
  font-size: smaller;
}
.new-blink a:after, .blink-sup sup{
  animation: blinker 1s linear infinite;
}

.new-blink a:after{
	display: inline-block;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* People listing page profile heights */
.fl-module.height-400 .people-listing-block{
	min-height: 400px;
	margin-bottom: 20px;
}

.fl-module.height-410 .people-listing-block{
	min-height: 410px;
	margin-bottom: 20px;
}

.fl-module.height-420 .people-listing-block{
	min-height: 420px;
	margin-bottom: 20px;
}

.fl-module.height-430 .people-listing-block{
	min-height: 430px;
	margin-bottom: 20px;
}

.fl-module.height-440 .people-listing-block{
	min-height: 440px;
	margin-bottom: 20px;
}

.fl-module.height-450 .people-listing-block{
	min-height: 450px;
	margin-bottom: 20px;
}

.fl-module.height-460 .people-listing-block{
	min-height: 460px;
	margin-bottom: 20px;
}

.fl-module.height-470 .people-listing-block{
	min-height: 470px;
	margin-bottom: 20px;
}

.fl-module.height-480 .people-listing-block{
	min-height: 480px;
	margin-bottom: 20px;
}

.fl-module.height-490 .people-listing-block{
	min-height: 490px;
	margin-bottom: 20px;
}

.fl-module.height-500 .people-listing-block{
	min-height: 500px;
	margin-bottom: 20px;
}

.fl-module.height-510 .people-listing-block{
	min-height: 510px;
	margin-bottom: 20px;
}

.fl-module.height-520 .people-listing-block{
	min-height: 520px;
	margin-bottom: 20px;
}

.payment-form .gform-body .option-course .gform-field-label .ginput_price {
	display: none;
}

.payment-form .gform-body .terms-conditions .gform-field-label {
	font-weight: 700;
	font-size: 16px;
}

.payment-form .gform-body .terms-desc {
	margin-top: -5px;
}

.payment-form .gform-body .payment-form-desc {
	margin-left: 15px;
}

/*.payment-form .gform-body .option-course {*/
/*	margin-left: 25px;*/
/*	margin-top: -10px;*/
/*}*/

.nav-open {
	transform: translate3d(-310px, 0, 0);
	-webkit-transition: all 0.5s;
}

.page-open {
	transform: translate3d(0px, 0, 0);
	-webkit-transition: all 0.5s;
}

.main-header-bar-wrap .main-header-bar .nus-quicklinks .top-menu-customize > a.menu-link {
	color: #007bff;
	font-weight: bold;
	font-size: 16px;
}