/**
Theme Name: NUS Websparks
Author: Websparks
Author URI: http://www.websparks.sg/
Description: NUS Websparks is a customized theme. It is designed for NUS project only.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nus-astra
Template: astra
*/

/********* Custom Font **********/
@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueItalic.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueItalic.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueMedium.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueMedium.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueMedium_1.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueMedium_1.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueMedium_1.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueBold.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueBold.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueBlackCond.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueBlackCond.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueBlackCond.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueRegular.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueRegular.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueRegular.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueLight.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueLight.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueThin.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueThin.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueThin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueBold_1.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueBold_1.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueBold_1.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueLight_1.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueLight_1.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueLight_1.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('./assets/fonts/HelveticaNeueHeavy.woff2') format('woff2'),
        url('./assets/fonts/HelveticaNeueHeavy.woff') format('woff'),
        url('./assets/fonts/HelveticaNeueHeavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/********* Custom Style *********/
.nomargin{margin:0px !important;}
.dark-blue-font,
.dark-blue-font *{
	color:#003061;
}

.whitetext{
	color:#fff;
}

.page-numbers{
	clear:both;
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
}
.page-numbers li{
	list-style-type:none;
	display:inline-block;
}
.page-numbers li span,
.page-numbers li a{
	display:inline-block;
	padding:6px 3px;
	line-height:1em;
	width:30px;
	font-size:12px;
	font-weight:bold;
	border:1px solid #e0e0e0;
	background-color:#fff;
	color:#717171;
	text-align:center;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.page-numbers li span,
.page-numbers li a:hover{
	background-color:#f27b0c;
	color:#fff;
	text-decoration:none;
}

.gfield_radio input[type=text]{
	display:inline-block;
}

.fl-content.remove_title{
	margin-top:0px !important;
}

.vc_icon_element.vc_icon_element-outer.icon-no-w-h .vc_icon_element-inner{
	width:auto;
	height:auto;
}
.vc_icon_element.vc_icon_element-outer.icon-no-w-h .vc_icon_element-inner .vc_icon_element-icon{
	position:static;
	left:auto;
	top:auto;
	transform:none;
	-webkit-transform:none;
}

/********* Custom Style *********/
.nus-astra .ast-site-identity{
	padding:0;
}

.nus-astra .site-logo-img{
	border-left:2px solid #193857 !important;
}
.nus-astra .ast-site-identity img{
	padding:0;
	margin-left:15px;
}

.nus-quicklinks-container:after{
	content:"";
	display:block;
	clear:both;
}
.nus-quicklinks-container > div{
	float:right;
}

.nus-quicklinks .menu{
	padding-top:44px;
}
/****** CONTENT *******/
.callout-img-text .fl-callout{
	position:relative;
}

.callout-img-text .fl-callout-photo .fl-photo{
	margin:0px;
	opacity:1;
	transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;

}

.callout-img-text:hover .fl-callout-photo .fl-photo{
	opacity:0;
}

.callout-img-text .fl-callout-title{
	position: absolute;
	bottom:50%;
	margin-bottom:-12px;
	left:20px;
	transition: margin-bottom .5s ease-out;
	-moz-transition: margin-bottom .5s ease-out;
	-webkit-transition: margin-bottom .5s ease-out;
}

.callout-img-text:hover .fl-callout-title{
	margin-bottom:10px;
}

.callout-img-text .fl-callout-text{
	opacity:0;
	position: absolute;
	top:50%;
	margin-top:-12px;
	left:20px;
	transition: opacity .5s ease-out, margin-top .5s ease-out;
	-moz-transition: opacity .5s ease-out, margin-top .5s ease-out;
	-webkit-transition: opacity .5s ease-out, margin-top .5s ease-out;
}

.callout-img-text:hover .fl-callout-text{
	opacity:1;
	margin-top:10px;
}

.home-latest-news p.read-more{
	display:none;
}

.home-latest-news .fl-post-grid > .fl-post-column:nth-child( 8n + 1 ){
	width:42%;
}

.home-latest-news .fl-post-grid > .fl-post-column:nth-child( 8n ){
	width:42%;
}

.home-latest-news .fl-post-grid > .fl-post-column{
	width:19%;
}

@media only screen and ( max-width:1024px ) and ( min-width:769px ){
	.home-latest-news .fl-post-grid > .fl-post-column:nth-child( 4n + 1 ){
		width:60%;
	}
	
	.home-latest-news .fl-post-grid > .fl-post-column:nth-child( 4n ){
		width:60%;
	}
	
	.home-latest-news .fl-post-grid > .fl-post-column{
		width:40%;
	}
}

@media only screen and ( max-width:768px ){
	.home-latest-news .fl-post-grid > .fl-post-column:nth-child( 2n + 1 ){
		width:100%;
	}
	
	.home-latest-news .fl-post-grid > .fl-post-column:nth-child( 2n ){
		width:100%;
	}
}

.home-latest-news .fl-post-grid > .fl-post-column .fl-post-grid-image{
	height:241px;
	overflow:hidden;
	position:relative;
}

.home-latest-news .fl-post-grid > .fl-post-column .fl-post-grid-image img{
	height:241px !important;
	width:auto !important;
	max-width: none;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50% );
	-moz-transform: translate(-50%, -50% );
	-webkit-transform: translate(-50%, -50% );
}

.home-latest-news .fl-post-grid > .fl-post-column .fl-post-grid-text{
	height: 165px;
	position: relative;
}

.home-latest-news .fl-post-grid > .fl-post-column .fl-post-grid-text a.fl-post-grid-more{
	position:absolute;
	bottom: 15px;
	left:15px;
}

.home-latest-news .fl-post-grid > .fl-post-column .fl-post-grid-content p{
	display:none;
}

.home-latest-news .fl-post-grid > .fl-post-column:nth-child( 8n + 1 ) .fl-post-grid-content p,
.home-latest-news .fl-post-grid > .fl-post-column:nth-child( 8n ) .fl-post-grid-content p{
	display:block;
}

.home-latest-news .fl-post-grid > .fl-post-column:nth-child( 8n + 1 ) .fl-post-grid-content p.read-more,
.home-latest-news .fl-post-grid > .fl-post-column:nth-child( 8n ) .fl-post-grid-content p.read-more{
	display:none;
}

/****** FOOTER *******/
.nus-footer .nus-footer-right-text{
	margin:0px;
	float:left;
	border-left:1px solid rgba(255,255,255,0.2);
}
.nus-astra .footnav-info li{
	padding-left:30px;
	position:relative;
}

.nus-astra .footnav-info li span.icon{
	position:absolute;
	top:6px;
	left:0px;
	color:#fff;
	line-height:1;
}

.nus-astra .footer-social{
	text-align:left;
}

.nus-astra .footnav-social a{
	display:inline-block;
	width:35px;
	padding:15px 2px 0;
}