/*
Theme Name: South Sudan
Theme URI: https://ssnbs.org/
Author: South Sudan
Author URI: https://ssnbs.org/
Description: South Sudan Website
Version: 1.0

*/

    @import url(css/bootstrap_modules/bootstrap.css);
	@import url(css/fonts_modules/fontsawesome.css);
	@import url(css/fonts_modules/montserrat.css);
	
	@import url(css/plugins_modules/animate.css);
	@import url(css/plugins_modules/owl.theme.css);
	@import url(css/plugins_modules/flexslider.css);
	@import url(css/plugins_modules/owl.carousel.css);

	@import url(css/component.css);
	

 

*{
		padding:0px;
		margin:0px;
	}


	html, body{
	    margin: 0;
	    padding: 0;
	    font-family: Montserrat, Arial, Helvetica, sans-serif;
	}
	
	body{
		background: rgb(255 255 255);
		fill: rgb(255 255 255);
	}

	header{
		background: url(../images/bg.png) repeat-x rgb(255 255 255);
		background-position: top left;
	}

	/*footer{
		background: url(../images/bg.png) no-repeat rgb(255 255 255);
		background-position: bottom right;
	}*/

/*
/* COMMON ID
/* =================================== */




/*
/* COMMON CLASS
/* =================================== */


	.clearfix{
		clear: both;
    	height: 30px;
	}

	.container{
		max-width: 1170px;
		width: 100%;
		margin: auto;
	}
	

	.nbs-wrp{
		position: relative;
	}

	.nbs-header .header-top,
	.nbs-header .header-mdl,
	.nbs-header .header-btm{
		position: relative;
	}
	

	.nbs-header .header-top{
		/*background: rgb(242 242 242);
		fill: rgb(242 242 242);*/

		background: rgb(17 152 133);
	    background: -webkit-linear-gradient(
	    	to right,
	    	rgb(17 152 139), 
	    	rgb(21 149 92)
	    );

	    background: linear-gradient(
    		to right, 
    		rgb(17 152 139), 
    		rgb(21 149 92)
	    );
	}

	.nbs-wlcm,
	.nbs-sldr {
		background: url(../images/nbs-wlcm.jpg) no-repeat rgb(34 34 34);
		background-size: cover;
	}
	
	.nbs-chart{
		position: relative;
		min-height: 375px;
	}


	.nbs-evnt{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.nbs-evnt .date{
		border: 2px solid rgb(255, 255, 255);
	    position: absolute;
	    padding: 4px;
	    left: 25px;
	    top: -45px;
	}
	.nbs-evnt .date div{
		background: rgb(0, 210, 255);
	    background: -webkit-linear-gradient(
	    	45deg, 
	    	rgb(21 87 153), 
			rgb(21 153 87)
	    );

	    background: linear-gradient(
	    	45deg, 
	    	rgb(21 87 153), 
			rgb(21 153 87)
	    );

	    color: rgb(255, 255, 255);
	}

	.nbs-evnt .txt{
		background: -webkit-linear-gradient(
			rgba(31, 30, 30, 0), 
			rgba(31, 30, 30, 0.509), 
			rgb(18, 18, 19)
		)
		;
	    background: linear-gradient(
	    	rgba(31, 30, 30, 0), 
	    	rgba(31, 30, 30, 0.509), 
	    	rgb(18, 18, 19)
	    );

	    position: absolute;
	    bottom: 0;
	    padding: 0 7.5px;
	    right: 0px;
	    left: 0px;
	}


	.nbs-glly .col-glly{ 
		margin-top: 30px;
		margin-bottom: 30px;
		min-height: auto; 
	}
	.col-glly{
		margin-bottom: 15px;
		min-height: 260px;
	}

	.nbs-footer{
		background: rgb(34 34 34);
		fill: rgb(34 34 34);
	}

@media only screen and (min-width: 768px){
	
	.nbs-evnt div[class*="col-xs-6"]{
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 767.98px){

	.nbs-evnt div[class*="col-xs-6"]{
		margin-bottom: 50px;
	}
}


@media only screen and (max-width: 476.98px){

	.col-xs-6 { width: 100% !important; }
}