@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic);
@import url(stylesheet-aller.css);

body {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	color: rgb(51,51,51);
}
header {
	font-family: 'Aller', Helvetica, Arial, sans-serif;
	background-color: #ffc72c;
	margin-bottom: 1rem;
}
	header .row {
		height: 80px;
	}
	header .row #logo {
		padding-left: 0;
	}
		header .row #logo h1 {
			font-family: 'Aller', Helvetica, Arial, sans-serif;
			font-size: 3.5rem;
			height: 80px;
			line-height: 80px;
			margin: 0;
		}
		header .row #logo h1 .cat-home {
			color: rgb(130,130,130);
		}
		header .row #logo h1 .cat-1 {
			color: rgb(139,59,132);
		}
		header .row #logo h1 .cat-2 {
			color: rgb(0,175,219);
		}
		header .row #logo h1 .cat-3 {
			color: rgb(179,35,23);
		}
		header .row #logo h1 .cat-4 {
			color: rgb(246,134,36);
		}
		header .row #logo h1 .cat-5 {
			color: rgb(230,64,151);
		}
		header .row #logo h1 .cat-6 {
			color: rgb(73,169,66);
		}
	header #nav {
		margin-bottom: 1rem;
		font-size: 1.1rem;
		text-transform: lowercase;
		letter-spacing: 0.05rem;
		background-color: rgba(204,204,204,0.4);
	}
		header #nav a {
			color: #333;
		}
			header #nav li:nth-child(1) a:hover {
				color: rgb(139,59,132);
			}
			header #nav li:nth-child(2) a:hover {
				color: rgb(0,175,219);
			}
			header #nav li:nth-child(3) a:hover {
				color: rgb(179,35,23);
			}
			header #nav li:nth-child(4) a:hover {
				color: rgb(246,134,36);
			}
			header #nav li:nth-child(5) a:hover {
				color: rgb(230,64,151);
			}
			header #nav li:nth-child(6) a:hover {
				color: rgb(73,169,66);
			}

.row > ul {
	max-width: 100%;
}
	.row ul.small-block-grid-1 {
		margin: 0;
	}
ul li.hmpg-box {
	padding: 15px 10px;
}
	.hmpg-box h2 {
		font-family: 'Aller', Helvetica, Arial, sans-serif;
		font-size: 1.2rem;
		font-weight: normal;
		line-height: 1.2;
		letter-spacing: 0.1rem;
		text-transform: lowercase;
		background-color: #ffc72c;
		padding: 0.625rem 1.25rem;
		margin: 0;
	}
	.hmpg-box .img-leadership,
	.hmpg-box .img-business,
	.hmpg-box .img-analysis,
	.hmpg-box .img-focus,
	.hmpg-box .img-life,
	.hmpg-box .img-almanac {
		height: 18.75rem; /* 300px */
		position: relative;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover !important;
	}
	.hmpg-box .img-leadership {
		background: url(img/16323498.jpg) no-repeat center center;
	}
	.hmpg-box .img-business {
		background: url(img/Education-business-part-1.jpg) no-repeat center center;
	}
	.hmpg-box .img-analysis {
		background: url(img/MICROFINANCE.jpg) no-repeat center center;
	}
	.hmpg-box .img-focus {
		background: url(img/Turkmenistan-City-Photos1.jpg) no-repeat center center;
	}
	.hmpg-box .img-life {
		background: url(img/boots-with-straps.jpg) no-repeat center center;
	}
	.hmpg-box .img-almanac {
		background: url(img/Reem-Ebrahim-Al-Hashimy.jpg) no-repeat center center;
	}
		.hmpg-box .headline {
			font-family: 'Aller Light', Helvetica, Arial, sans-serif;
			font-size: 1.25rem;
			line-height: 1.4;
			background-color: rgba(0,0,0,0.7);
			position: absolute;
			bottom: 0;
			width: 100%;
			padding: 5px 10px 5px 10px;
			margin: 0;
		}
			.hmpg-box a.headline:hover {
				background-color: rgba(0,0,0,0.8);
			}
	.hmpg-box ul {
		background-color: rgba(204,204,204,0.4);
		padding: 20px 10px 10px 10px;
		line-height: 1.2;
		list-style-position: inside;
		list-style-type: square;
		margin: 0;
		border-bottom: solid 5px #ffc72c;
	}
		.hmpg-box ul li {
			margin-bottom: 0.5rem;
		}
		.hmpg-box ul li a {
			color: #333;
		}
		.hmpg-box ul li a:hover {
			color: #333;
			background-color: rgba(204,204,204,0.6);
		}


/*
----------------------------------------------------------------------------------------------------
CATEGORY PAGE STYLES
----------------------------------------------------------------------------------------------------
*/
.section-head{
	margin: 1rem 0;
	overflow: auto;
}
	.section-head h1 {
		font-size: 3.75rem;
		font-family: 'Aller', Helvetica, Arial, sans-serif;
		text-transform: lowercase;
		width: 19rem;
		padding-left: 1rem;
	}
	.section-head .section-dscp {
		text-transform: lowercase;
		font-size: 1.2rem;
		font-weight: 300;
		text-align: left;
		width: 100%;
		padding-left: 1rem;
	}
		.cat-1 .section-head h1,
		.cat-1 .section-head .section-dscp span  {
			color: rgb(139,59,132);
		}
		.cat-2 .section-head h1,
		.cat-2 .section-head .section-dscp span  {
			color: rgb(0,175,219);
		}
		.cat-3 .section-head h1,
		.cat-3 .section-head .section-dscp span  {
			color: rgb(179,35,23);
		}
		.cat-4 .section-head h1,
		.cat-4 .section-head .section-dscp span  {
			color: rgb(246,134,36);
		}
		.cat-5 .section-head h1,
		.cat-5 .section-head .section-dscp span  {
			color: rgb(230,64,151);
		}
		.cat-6 .section-head h1,
		.cat-6 .section-head .section-dscp span  {
			color: rgb(73,169,66);
		}
.cat-1 .headline,
.cat-2 .headline,
.cat-3 .headline,
.cat-4 .headline,
.cat-5 .headline,
.cat-6 .headline {
	border-bottom-style: solid;
	border-bottom-width: 5px;
	bottom: -5px;
	transition: all 0.5s ease;
}
	.cat-1 a.headline:hover,
	.cat-2 a.headline:hover,
	.cat-3 a.headline:hover,
	.cat-4 a.headline:hover,
	.cat-5 a.headline:hover,
	.cat-6 a.headline:hover {
		border-bottom-color: #ffc72c;
		color: #FFF;
	}
	.cat-1 .headline {	border-bottom-color: rgb(139,59,132);}
		.cat-1 a.headline:hover {	background-color: rgba(139,59,132,0.8);}
	.cat-2 .headline {	border-bottom-color: rgb(0,175,219);}
		.cat-2 a.headline:hover {	background-color: rgba(0,175,219,0.8);}
	.cat-3 .headline {	border-bottom-color: rgb(179,35,23);}
		.cat-3 a.headline:hover {	background-color: rgba(179,35,23,0.8);}
	.cat-4 .headline {	border-bottom-color: rgb(246,134,36);}
		.cat-4 a.headline:hover {	background-color: rgba(246,134,36,0.8);}
	.cat-5 .headline {	border-bottom-color: rgb(230,64,151);}
		.cat-5 a.headline:hover {	background-color: rgba(230,64,151,0.8);}
	.cat-6 .headline {	border-bottom-color: rgb(73,169,66);}
		.cat-6 a.headline:hover {	background-color: rgba(73,169,66,0.8);}




/*
----------------------------------------------------------------------------------------------------
ARTICLE PAGE STYLES
----------------------------------------------------------------------------------------------------
*/
h1 {
	font-family: 'Aller', Helvetica, Arial, sans-serif;
	line-height: 1.2;
	font-size: 2rem;
	margin-bottom: 1rem;
}
h3 {
	font-family: 'Aller', Helvetica, Arial, sans-serif;
}
.row p a.category-box {
	color: #FFF;
	font-size: 0.9rem;
	background-color: rgb(0,175,219);
	margin: 0;
	padding: 5px;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
}
	.row p a.category-box.cat-1 {
		background-color: rgb(139,59,132);
	}
	.row p a.category-box.cat-2 {
		background-color: rgb(0,175,219);
	}
	.row p a.category-box.cat-3 {
		background-color: rgb(179,35,23);
	}
	.row p a.category-box.cat-4 {
		background-color: rgb(246,134,36);
	}
	.row p a.category-box.cat-5 {
		background-color: rgb(230,64,151);
	}
	.row p a.category-box.cat-6 {
		background-color: rgb(73,169,66);
	}

.row .hero-image {
	border-top: solid 10px rgb(0,175,219);
	height: 300px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover !important;
	margin-bottom: 2rem;
}
	.row .hero-image.cat-1 {
		border-top: solid 10px rgb(139,59,132);
	}
	.row .hero-image.cat-2 {
		border-top: solid 10px rgb(0,175,219);
	}
	.row .hero-image.cat-3 {
		border-top: solid 10px rgb(179,35,23);
	}
	.row .hero-image.cat-4 {
		border-top: solid 10px rgb(246,134,36);
	}
	.row .hero-image.cat-5 {
		border-top: solid 10px rgb(230,64,151);
	}
	.row .hero-image.cat-6 {
		border-top: solid 10px rgb(73,169,66);
	}

#sidebar img {
	border-top: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 20px;
}
	#sidebar p {
		color: #999;
	}
.row div.articletext > p {
	color: #444;
}
.row div blockquote {
}
	.row div blockquote p {
		font-size: 2rem;
		font-weight: 300;
		color: rgb(139,59,132);
		line-height: 1.2;
	}
		.row div blockquote.cat-1 p {
			color: rgb(139,59,132);
		}
		.row div blockquote.cat-2 p {
			color: rgb(0,175,219);
		}
		.row div blockquote.cat-3 p {
			color: rgb(179,35,23);
		}
		.row div blockquote.cat-4 p {
			color: rgb(246,134,36);
		}
		.row div blockquote.cat-5 p {
			color: rgb(230,64,151);
		}
		.row div blockquote.cat-6 p {
			color: rgb(73,169,66);
		}



/* Medium screens */
@media only screen and (min-width: 40.063em) {
	header #nav {
		margin-top: 1.7rem;
		margin-bottom: 0;
		background: none;
	}
	.section-head {
		margin: 2rem 0;
	}
		.section-head h1 {
			font-size: 3.5rem;
			padding-left: 0;
		}
	.section-head .section-dscp {
		font-size: 1.5rem;
		text-align: right;
		width: auto;
		padding-left: 0;
	}
	.row .hero-image {
		height: 400px;
	}
	.row div blockquote {
		margin-left: -15rem;
	}
		.row div blockquote p {
			font-size: 2.5rem;
		}
} /* min-width 641px, medium screens */

@media only screen and (min-width: 48.063em) {

}
/* Large screens */
@media only screen and (min-width: 64.063em) {
	header {
		margin-bottom: 1.5rem;
	}
	ul li.hmpg-box {
		padding: 15px 15px;
	}
	.row .hero-image {
		height: 600px;
	}
	.row div.articletext > p {
		font-size: 1.2rem;
	}
	.row div blockquote {
		margin-left: -20rem;
	}
} /* min-width 1025px, large screens */