/**
Theme Name: NUS CDE Theme.
Author: Websparks
Author URI: https://websparks.sg
Description: Theme for NUS CDE Project.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nus-cde-theme
Template: astra
*/



.orange-background {
	background-color: #f58220;
}

footer .nus-footer .dept-footer {
	margin-left:auto;
	margin-right:auto;
}

footer .nus-footer .dept-footer .dept-info {
	float:none;
	text-align:left;
	display: flex;
}

/********** HEADER **********/
#ast-hf-mobile-menu a.menu-link{
	color:#004282;
}

@media only screen and ( min-width: 921px ) {
	.ast-icon.icon-arrow svg {
		display: none;
	}
}

@media only screen and ( max-width:920px ) {
	.ast-icon.icon-arrow svg {
		transform: none;
		font-size:10px;
	}

	.ast-submenu-expanded > .ast-menu-toggle .ast-icon.icon-arrow svg {
		transform: rotate( 180deg );
	}
}

.ast-search-box.header-cover .icon-close svg{
	color:#0d0d0d;
}

#ast-desktop-header .ast-search-box.header-cover{
	position:static;
	padding:20px;
}

#ast-desktop-header .ast-search-box.header-cover .ast-search-wrapper{
	position:relative;
	top:auto;
	bottom:auto;
	left:auto;
	right:auto;
	transform:none;
}

#ast-desktop-header .ast-search-box.header-cover .search-form .search-field{
	padding:10px 16px 10px 40px;
	font-size:18px;
	line-height:1.33em;
	background-color:#fff;
	color:#0d0d0d;
	border:1px solid #ccc;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	height:45px;
	border-radius: 0px;
}

#ast-desktop-header .ast-search-box.header-cover .search-form .search-text-wrap{
	width:calc( 100% - 0em );
}

#ast-desktop-header .ast-search-box.header-cover .search-form .search-text-wrap:before{
	display:block;
	position:absolute;
	top:2px;
	left:22px;
	opacity:0.1;
	z-index: 3;
	content:"";
	width:40px;
	height:40px;
	background-image:url( assets/images/search-solid.png );
	background-repeat: no-repeat;
	background-position: center;
	background-size:17px auto;
}

#ast-desktop-header .ast-search-box.header-cover .search-form .close {
	opacity: 0;
}

.nus-row-page-banner {
	max-width:1260px;
}

.nus-row-page-banner > .fl-row-content-wrap{
	background-size: cover;
	padding-top:192px;
	padding-bottom:220px;
	padding-left:235px;
	overflow:hidden;
}

.nus-row-page-banner > .fl-row-content-wrap:after{
	right:auto;
	left:50%;
	width:2170px;
	margin-left:-1085px;
}

.nus-row-page-banner > .fl-row-content-wrap h1.fl-heading{
	max-width:700px;
	font-size:60px;
	font-weight:700;
	text-transform: uppercase;
	letter-spacing: -3px;
	text-shadow: -1px 0px 15px rgba(0,0,0,0.35);
}

.nus-row-page-banner > .fl-row-content-wrap h4.fl-heading{
	max-width:700px;
	font-size:34px;
	font-weight:500;
	text-shadow: -1px 0px 15px rgba(0,0,0,0.35);
}

@media only screen and ( max-width: 1032px ) {
	.site-branding .site-title{
		display:none; 
	}

	div.main-navigation > ul.main-header-menu > li.menu-item > a{
		font-size:0.92rem;
	}
}

@media only screen and ( max-width: 1024px ) {
	.nus-row-page-banner > .fl-row-content-wrap{
		background-size: cover;
		padding-top:272px;
		padding-bottom:90px;
		padding-left:50px;
	}
	.nus-row-page-banner > .fl-row-content-wrap:after{
		right:0px;
		left:0px;
		width:auto;
	}

	.nus-row-page-banner > .fl-row-content-wrap h1.fl-heading{
		font-size:40px;
		letter-spacing: -2px;
	}
	
	.nus-row-page-banner > .fl-row-content-wrap h4.fl-heading{
		font-size:26px;
	}
}

@media only screen and ( max-width: 767px ) {
	.nus-row-page-banner > .fl-row-content-wrap{
		background-size: auto 100%;
		padding-top:200px;
		padding-bottom:50px;
		padding-left:20px;
	}

	.nus-row-page-banner > .fl-row-content-wrap h1.fl-heading{
		font-size:30px;
		letter-spacing: -1px;
	}
	
	.nus-row-page-banner > .fl-row-content-wrap h4.fl-heading{
		font-size:18px;
	}
}

/********** HOME BANNER **********/
@media only screen and ( max-width:768px ) {
	.home-col-left-banner{
		max-width:none !important;
	}

	.home-row-banner .fl-col-has-cols{
		max-width:none !important;
	}
}

/********** HOME TESTIMONIAL **********/
@media only screen and ( max-width: 767px ) {
	.uabb-testimonial{
		padding:20px;
	}

	.uabb-testimonial-info{
		width: 100% !important;
		float:none !important;
		text-align:center;
		margin:0px;
	}

	.uabb-testimonial-info .uabb-testimonial-author .uabb-testimonial-author-name {
		text-align:center;
	}

	.uabb-testimonial-info .uabb-testimonial-author .uabb-testimonial-author-designation {
		text-align:center;
	}

	.uabb-module-content.uabb-imgicon-wrap {
		width:100% !important;
	}

	.uabb-imgicon-wrap .uabb-image-content {
		width:100px;
		margin:0px auto;
	}
}

/********** ABOUT **********/
@media only screen and ( max-width: 768px ) {
	.nus-about-mission-vision-row .fl-row-content-wrap {
		background: none;
		padding-bottom:0px;
	}

	.nus-about-mission-vision-row .fl-row-content-wrap .nus-about-mission-col {
		background-color:#004282;
	}

	.nus-about-mission-vision-row .fl-row-content-wrap .nus-about-vision-col {
		background-color:#f58220;
	}
}

/********** NEWS **********/
.news-widget .news-info {
	height:320px;
	flex: 0 0 45%;
}

.news-widget .news-info h3 {
	line-height:33px;
	max-height:99px;
	overflow: hidden;
}

.news-widget .news-info h5 {
	line-height:24px;
	max-height:120px;
	overflow: hidden;
}

@media only screen and ( max-width:767px ) {
	.news-widget .news-info {
		padding: 25px 30px;
		height:300px;
	}

	.news-widget .news-info h3 {
		font-size: 18px;
		line-height:24px;
		max-height: 72px;
	}

	.news-widget .news-info h5 {
		font-size:15px;
		line-height:21px;
		max-height:105px;
	}
}

/********** RESEARCH **********/
.nus-research-row-post-carousel{
	overflow:hidden;
}

/********** ALUMNI **********/
@media only screen and ( max-width:768px ) {
	.nus-slider-class .fl-content-slider-wrapper .fl-slide{
		min-height:450px !important;
	}

	.nus-slider-class .fl-content-slider .fl-slide-bg-photo{
		position:absolute;
	}

	.nus-slider-class .fl-slide-foreground .fl-slide-content{
		background-color:transparent !important;
	}
}

@media only screen and ( max-width:450px ) {
	.nus-slider-class .fl-content-slider-wrapper .fl-slide{
		min-height:320px !important;
	}
}

/********** ALUMNI **********/
.search-results #content > .ast-container{
	max-width:800px;
	margin:20px auto;
}

.search-no-results #content > .ast-container{
	max-width: 800px;
	margin-left:auto;
	margin-right:auto;
}

.search-no-results #content .page-title.ast-archive-title {
	text-align:center;
}

/********** NEW ELEMENTS **********/
.nus-slide-banner .fl-slide .fl-slide-content .fl-slide-title{
	font-weight: 700 !important;
    text-shadow: -1px 0px 15px rgba(0, 0, 0, 0.35);
    font-size: 58px;
    line-height: 1.09em;
    letter-spacing: -3px;
}

.nus-img-monotone .fl-photo-content{
	transition:background-color 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
	background-color:#0043ae;
}

.nus-img-monotone:hover .fl-photo-content{
	background-color:#ff7c00;

}

.nus-img-monotone .fl-photo-content img{
	-webkit-filter: grayscale(100%) contrast(100%);
	filter: grayscale(100%) contrast(100%);
	opacity:0.5;
	
}

.nus-img-monotone:hover .fl-photo-content img{
	mix-blend-mode: screen;
	-webkit-filter: grayscale(100%) contrast(200%) brightness(100%);
	filter: grayscale(100%) contrast(200%) brightness(100%);
	opacity: 1;
}

.nus-img-monotone.no-bg .fl-photo-content{
	background-color:transparent;
}

.nus-img-monotone.no-bg:hover .fl-photo-content{
	background-color:transparent;
}

.nus-img-monotone.icon .fl-photo-content{
	background-color:#f8f8f8;
}

.nus-img-monotone.icon:hover .fl-photo-content{
	background-color:#f8f8f8;
}

.nus-img-monotone.no-filter .fl-photo-content img{
	filter:none;
	opacity:1;
}

.nus-img-monotone.icon .fl-photo-content img{
	filter:none;
	opacity:0.2;
}

.nus-img-monotone .fl-photo-caption{
	position:absolute;
	top:50%;
	bottom:auto;
	left:25px;
	right:25px;
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
	transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	-moz-transform: translate(0%, -50%);
	text-shadow: 1px 1px 4px rgba( 0,0,0, 0.7 );
	text-overflow: unset !important;
	overflow-wrap: break-word !important;
	white-space: normal;
}

.nus-img-monotone.text-on-top .fl-photo-caption{
	top:0px;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
}

.nus-img-monotone.icon .fl-photo-caption{
	color:#003d7c;
	text-shadow: none;
}

@media only screen and ( max-width: 1125px ) {
	.nus-img-monotone .fl-photo-caption{
		font-size:16px !important;
	}
}

@media only screen and ( min-width: 992px ) {
	.nus-footer-fixed-height .fl-row-content-wrap {
		height: 637px;
		overflow:hidden;
	}
}

@media only screen and ( max-width: 768px ) {
	.nus-slide-banner > .fl-module-content {
		margin-right:0px !important;
		margin-left:0px !important;
	}

	.nus-slide-banner .fl-slide .fl-slide-content {
		padding-right:30px !important;
		padding-left:30px !important;
		padding-top:30px !important;
		padding-bottom:30px !important;
	}

	.nus-slide-banner .fl-slide .fl-slide-content .fl-slide-title{
		font-size:28px;
		letter-spacing: -1px;
	}
}