@charset "utf-8";
@import url('bootstrap-4.3.1/bootstrap.min.css');

:root {
	--brown: #762A04;
	--sand: #E5D6CC;
	--lightgray: #F6F6F6;
	--gray: #9C9DA4;
	--darkgray: #1D1F2D;
}

@font-face {
    font-family: 'Mv Eamaan XP';
    src: url('../fonts/MvEamaanXP.ttf') format('truetype');
}
@font-face {
    font-family: 'Mv MAG';
    src: url('../fonts/Mv_MAG_Round_Bold.otf') format('opentype');
}
@font-face {
    font-family: 'MV Faseyha';
    src: url('../fonts/MVFaseyha.otf') format('opentype');
}
@font-face {
    font-family: 'Randhoo';
    src: url('../fonts/Randhoo.ttf') format('truetype');
}

* {
    margin: 0;
    padding: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-text-size-adjust:     100%;
    -webkit-text-size-adjust: 100%;
    border-spacing: 0px;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body {
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x: hidden;
}
.en{
	font-family: 'Source Sans Pro', sans-serif !important;
	direction: ltr !important;
}
body{
	font-family: 'Source Sans Pro', sans-serif;
    background-color: #F7F7F7;
}
	body.mv{
		font-family: 'Randhoo', "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';;
	    unicode-bidi: embed;
	    direction: rtl;
	}
a{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}

hr{
    border-color: #E9EBEE;
}

:focus {
    outline: 0;
}

.thaana{
    font-family: 'Randhoo', "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';;
    unicode-bidi: embed;
    direction: rtl;
}
.thaana-bold{
    font-family: "Mv Eamaan XP", "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';
    unicode-bidi: embed;
    font-size: 14px;
    direction: rtl;
    font-weight: normal;
}
.thaana-x-bold{
    font-family: "Mv MAG", "Mv Eamaan XP", "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';
    unicode-bidi: embed;
    font-size: 14px;
    direction: rtl;
    font-weight: normal;
}

h1,h2{
	font-family: 'Comfortaa', cursive;
}
	body.mv h1,
	body.mv h2,
	body.mv h3{
		font-family: "Mv MAG", "Mv Eamaan XP", "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';
	    unicode-bidi: embed;
	    direction: rtl;
	    font-weight: normal;
	}

header{
	padding: 30px 0;
	border-bottom: 1px solid #EEE;
	background-color: #FFF;
}
	header .logo{
		display: block;
	}
	header .logo img{
		width: 180px;
	}
	body.mv header .logo{
		text-align: right;
	}
		body.mv header .logo img{
			width: 100px;
		}
	@media (max-width: 992px) {
		header{
			position: fixed;
			top: 0;
			z-index: 999;
			width: 100%;
			padding: 15px 0;
		}
		.mobile-spacer{
			height: 62px;
		}
	}
	header .btn-hamburger{
		display: block;
		width: 30px;
	}
		header .btn-hamburger span{
			display: block;
			margin: 7px 0;
			border-top: 1px solid var(--brown);
			-webkit-transition: all 0.30s ease-in-out;
		    -moz-transition: all 0.30s ease-in-out;
		    -ms-transition: all 0.30s ease-in-out;
		    -o-transition: all 0.30s ease-in-out;
		}
		header .btn-hamburger.active span:nth-child(1){
			transform: rotate(45deg) translateY(7px) translateX(5px);
		}
		header .btn-hamburger.active span:nth-child(2){
			opacity: 0;
		}
		header .btn-hamburger.active span:nth-child(3){
			transform: rotate(-45deg) translateY(-7px) translateX(4px);
		}

.mobile-menu{
	position: fixed;
	left: 0;
	right: 0;
	z-index: 998;
	top: 62px;
	background-color: #FFF8F4;
}
	.mobile-menu a{
		padding: 10px;
		display: block;
		text-align: center;
		color: var(--brown);
	}
	body.mv .mobile-menu a{
		font-size: 21px;
		padding: 15px 20px;
		font-family: 'Mv MAG';
		color: var(--darkgray);
	}
	.mobile-menu a.lang{
		font-size: 14px !important;
		border-top: 1px solid var(--sand);
	}
		.mobile-menu a.lang img{
			width: 18px;
			margin-top: -2px;
		}
		.mobile-menu a.lang.thaana{
			font-size: 18px !important;
		}
		.mobile-menu a.lang.thaana img{
			width: 18px;
			margin-top: 5px;
		}


header .menu{
	display: block;
	text-align: center;
}
	header .menu a{
		display: inline-block;
		padding: 5px 12px;
		font-size: 14px;
		color: var(--darkgray);
	}
		body.mv header .menu a{
			font-size: 20px;
			padding: 7px 20px;
			font-family: 'Mv MAG';
			color: var(--darkgray);
		}
		body.mv header .menu a.active{
			color: var(--brown);
		}
	header .more-nav{
		text-align: right;
	}
		body.mv header .more-nav{
			text-align: left;
		}
	header .more-nav .social-icons{
		display: inline-block;
		font-size: 16px;
		padding: 5px;
		color: var(--darkgray);
	}
		header .more-nav .social-icons i{
			vertical-align: middle;
			color: var(--brown);
		}
	header .more-nav .lang{
		display: inline-block;
		padding: 5px 12px;
		font-size: 14px;
		vertical-align: middle;
		color: var(--darkgray);
		border-left: 1px solid #EEE;
	}
		header .more-nav .lang img{
			width: 18px;
			vertical-align: middle;
			margin-top: -3px;
		}
		header .more-nav .lang.thaana{
			font-size: 16px;
		}
			header .more-nav .lang.thaana img{
				margin-top: 2px;
			}
		body.mv header .more-nav .lang{
			border-left: 0;
			border-right: 1px solid #EEE;
		}


.main-cover{
	background-color: var(--sand);
}
	.main-cover img{
		width: 100%;
		object-fit: cover;
		object-position: center;
		height: 430px;
	}
	.main-cover .content{
		padding: 40px 0;
		padding-right: 60px;
	}
		.main-cover .content a{
			display: inline-block;
			color: var(--brown);
			font-size: 15px;
			padding-top: 5px;
			border-top: 1px dotted var(--brown);
		}
		@media (max-width: 767px) {
			.main-cover .content h1{
				font-size: 30px;
			}
		}
		body.mv .main-cover .content{
			padding-left: 60px;
			padding-right: 40px;
			text-align: right;
		}
		body.mv .main-cover .content h1{
			line-height: 1.5em;
		}

		body.mv .main-cover .content p{
			font-size: 18px;
			line-height: 1.7em;
		}
		@media (max-width: 992px) {
			.main-cover .content{
				padding: 40px 0;
			}
			body.mv .main-cover .content{
				padding: 40px 0;
			}
		}
		@media (max-width: 767px) {
			.main-cover .row .text{
				order: 1;
			}
			.main-cover .row .image{
				order: 0;
				padding-top: 15px;
			}
			.main-cover img{
				height: 350px;
			}
		}

.post-card{
	display: block;
	height: 100%;
	background-color: #FFF;
}
	.post-card .card-image{

	}
	.post-card .card-image img{
		width: 100%;
		height: 300px;
		object-fit: cover;
	}
	.post-card .card-text{
		padding: 20px 30px;
		padding-bottom: 10px;
		text-align: center;
	}
	.post-card .card-text strong{
		display: block;
		font-size: 19px;
		color: var(--darkgray);
		font-family: 'Comfortaa', cursive;
	}
		.post-card:hover .card-text strong{
			color: var(--brown);
		}
		body.mv .post-card .card-text strong{
			font-family: 'Randhoo', "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';;
		    unicode-bidi: embed;
		    direction: rtl;
		    font-size: 21px;
		    line-height: 1.8em;
		}
	.post-card .card-text span{
		display: block;
		opacity: 0.6;
		color: var(--darkgray);
		font-size: 13px;
	}

.post-card-wide{
	display: flex;
	align-items: center;
	color: #FFF;
	background: rgba(39,42,58,0.65);
}
	.post-card-wide .card-text,
	.post-card-wide .card-image{
		width: 50%;
	}
	.post-card .card-image img{
		height: 380px;
	}
	.post-card-wide .card-text strong{
		color: #FFF;
		font-size: 30px;
	}
		.post-card-wide:hover .card-text strong{
			color: #FFF;
		}
		body.mv .post-card-wide .card-text strong{
			font-family: "Mv MAG", "Mv Eamaan XP", "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';
		    unicode-bidi: embed;
		    direction: rtl;
		    font-size: 27px;
		    line-height: 1.8em;
		    text-align: right;
		}
	.post-card-wide .card-text span{
		color: #FFF;
	}
		body.mv .post-card-wide .card-text span{
		    text-align: right;
		}
	.post-card-wide .card-text p{
		color: #FFF;
		font-size: 15px;
		opacity: 0.8;
		line-height: 1.5em;
	}
		body.mv .post-card-wide .card-text p{
			font-family: 'Randhoo', "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';;
		    unicode-bidi: embed;
		    direction: rtl;
		    font-size: 18px;
		    line-height: 1.8em;
		    text-align: right;
		}
	@media (max-width: 767px) {
		.post-card-wide{
			flex-direction: column;
		}
		.post-card-wide .card-text,
		.post-card-wide .card-image{
			width: 100%;
		}
	}
.post-card-featured{
	flex-direction: row-reverse;
	background-color: var(--darkgray);
	margin-left: -100px;
	margin-right: -100px;
}
	.post-card-featured .card-image img{
		height: 400px;
	}
	.post-card-featured .card-text{
		text-align: left;
		padding: 50px;
	}
	@media (max-width: 992px) {
		.post-card-featured{
			flex-direction: column;
			margin-left: -15px;
			margin-right: -15px;
		}
		.post-card-featured .card-text,
		.post-card-featured .card-image{
			width: 100%;
		}
	}
	@media (max-width: 767px) {
		.post-card-featured{
			flex-direction: column;
			margin-left: -15px;
			margin-right: -15px;
		}
	}

article{
	padding: 50px 0;
}
	body.mv article{
		text-align: right;
	}
	article h1{
		color: var(--brown);
		max-width: 550px;
		line-height: 1.5em;
	}
		@media (max-width: 767px) {
			article h1{
				font-size: 30px;
			}
		}
	article .summary{
		font-size: 16px;
		line-height: 1.7em;
		/*max-width: 500px;*/
		opacity: 0.7;
		color: var(--darkgray);
	}
		body.mv article .summary{
			font-size: 20px;
			line-height: 2em;
		}
	article .datetime{
		font-family: 15px;
		color: var(--darkgray);
		display: block;
		opacity: 0.7;
	}
		body.mv article .datetime{
			text-align: left !important;
		}
	article .cover-image{
		margin-right: -200px;
	}
		@media (max-width: 992px) {
			article .cover-image{
				margin-right: -100px;
			}
		}
		@media (max-width: 767px) {
			article .cover-image{
				margin-right: 0;
			}
		}
		article .cover-image .image-caption{
			font-size: 14px;
			color: #888;
			padding: 5px 20px;
			margin-top: 5px;
			border-left: 2px solid var(--sand);
		}
		body.mv article .cover-image .image-caption{
			border-left: 0;
		}
		body.mv article .cover-image{
			margin-right: 0;
			margin-left: -200px;
		}
		@media (max-width: 992px) {
			body.mv article .cover-image{
				margin-right: 0;
				margin-left: -100px;
			}
		}
		@media (max-width: 767px) {
			body.mv article .cover-image{
				margin-right: 0;
				margin-left: 0;
			}
		}
		body.mv article .cover-image .image-caption{
			font-size: 19px;
			color: #888;
			padding: 5px 20px;
			margin-top: 5px;
			border-right: 2px solid var(--sand);
		}
		article .cover-image img{
			width: 100%;
			object-fit: cover;
			max-height: 650px;
		}
	article .article-body h2{
		font-size: 25px;
		margin-bottom: 30px;
		color: var(--brown);
	}
	article .article-body h3{
		font-size: 21px;
		margin-bottom: 30px;
		color: var(--brown);
	}
	article .article-body ol,
	article .article-body ul{
		margin-left: 40px;
		margin-bottom: 30px;
	}
		article .article-body ol li,
		article .article-body ul li{
			padding-left: 10px;
		}
	article .article-body ol li,
	article .article-body ul li,
	article .article-body p{
		font-size: 16px;
		line-height: 1.7em;
	}
		article .article-body p{
			margin-bottom: 20px;
		}
		body.mv article .article-body p{
			font-size: 20px;
			line-height: 2em;
		}
	article .article-body .embed{
		margin-bottom: 30px;
		font-size: 12px;
		text-align: center;
	}
	article .article-body .embed-quote{
		border-left: 4px solid var(--sand);
		padding-left: 20px;
	}
		article .article-body .embed-quote blockquote{
			color: var(--brown);
			font-size: 16px;
			text-align: left;
			font-style: italic;
		}
			body.mv article .article-body .embed-quote{
				border-left: 0;
				padding-left: 0;
				padding-right: 30px;
				border-right: 4px solid var(--sand);
			}
		article .article-body .embed-quote cite{
			position: relative;
			color: var(--brown);
			text-align: left;
			display: block;
			font-style: italic;
		}
			article .article-body .embed-quote cite:before{
				content: "— ";
			}
			body.mv article .article-body .embed-quote cite{
				text-align: right;
				font-style: normal;
				font-family: 'Randhoo', "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';;
			    unicode-bidi: embed;
			    direction: rtl;
			    font-size: 18px;
			    line-height: 1.8em;
			}
			body.mv article .article-body .embed-quote blockquote{
				text-align: right;
				font-style: normal;
				font-family: 'Randhoo', "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';;
			    unicode-bidi: embed;
			    direction: rtl;
			    font-size: 20px;
			    line-height: 1.8em;
			}
	article .oembed-widget{
		display: flex;
		cursor: pointer;
		flex-direction: row;
		background-color: #FFF;
	}
		article .oembed-widget .oembed-descr{
			padding: 10px;
			flex: 1;
		}
		article .oembed-widget .oembed-image{
			width: 150px;
		}
			article .oembed-widget .oembed-image img{
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		article .oembed-widget .oembed-title{
			font-size: 14px;
			font-weight: bold;
			text-align: left;
			margin-bottom: 5px;
		}
		article .oembed-widget .oembed-link{
			font-size: 11px;
			text-align: left;
			display: block;
			color: #666;
		}
	article .tags{

	}
		article .tags a{
			display: inline-block;
			padding: 5px 15px;
			font-size: 13px;
			color: var(--brown);
			border-radius: 50px;
			margin-bottom: 10px;
			border: 1px solid var(--sand);
		}
			body.mv article .tags a{
				font-size: 19px;
				padding: 7px 20px;
				font-family: 'Mv MAG';
			}
		article .tags a:hover{
			background-color: var(--sand);
		}
	article .latest{
		border-top: 1px solid var(--sand);
		padding-top: 20px;
	}
		article .latest h3{
			font-family: 'Comfortaa', cursive;
			font-size: 18px;
			margin-bottom: 20px;
			color: var(--brown);
		}
			body.mv article .latest h3{
				font-size: 24px;
				font-family: 'Mv MAG';
			}
		article .latest .post-card .card-image img{
			height: 200px;
		}
		article .post-card .card-text strong{
			font-size: 15px;
		}

.page-numbers{
	border-top: 1px solid var(--sand);
	text-align: center;
}
	.page-numbers a{
		display: inline-block;
		font-size: 13px;
		margin-top: -1px;
		padding: 7px;
		color: var(--brown);
		text-align: center;
		min-width: 35px;
	}
	.page-numbers a.active{
		color: #333;
		font-weight: bold;
		border: 1px solid var(--sand);
		border-top-color: #F7F7F7;
	}

.category-header{
	background-color: var(--darkgray);
	padding: 20px;
}
	.category-header h1{
		margin-bottom: 0;
		text-align: left;
		font-size: 18px;
		text-transform: uppercase;
		color: #FFF;
	}

.content-page{
	max-width: 700px;
}
	.content-page h1{
		color: var(--brown);
		margin-bottom: 30px;
	}
	.content-page .content{
		font-size: 16px;
		line-height: 1.7em;
		color: #444;
	}
	body.mv .content-page{
		text-align: right;
	}
	body.mv .content-page h1{
		font-family: 'Mv MAG';
		unicode-bidi: embed;
		direction: rtl;
		text-align: right;
	}
	body.mv .content-page .content{
		font-family: 'Randhoo', "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';;
		unicode-bidi: embed;
		direction: rtl;
		text-align: right;
		font-size: 18px;
		line-height: 1.8em;
	}
	@media (max-width: 767px) {
		.content-page h1{
			font-size: 30px;
		}
	}

footer{
	background-color: var(--darkgray);
	color: #FFF;
	padding: 40px 0;
}
	footer h2{
		font-size: 26px;
		opacity: 0.5;
		margin-bottom: 30px;
	}
	@media (max-width: 767px) {
		footer h2{
			font-size: 20px;
		}
	}
	footer p{
		font-family: 14px;
		line-height: 1.5em;
		opacity: 0.6;
	}
	footer a{
		display: block;
		font-family: 14px;
		margin-bottom: 5px;
		color: #FFF;
	}
	body.mv footer{
		text-align: right;
	}
	body.mv footer p,
	body.mv footer a{
		font-family: 'Randhoo', "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';;
		unicode-bidi: embed;
		direction: rtl;
		font-size: 17px;
		line-height: 1.8em;
	}

.copyright{
	font-size: 13px;
	padding: 20px 0;
	color: #888;
}

.iframe-responsive ,
.responsive-embed { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%;
} 
.iframe-responsive iframe, 
.responsive-embed iframe, 
.responsive-embed object, 
.responsive-embed embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.grecaptcha-badge { visibility: hidden; }

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px){
    
}

@media (max-width: 992px) {
  
}

@media (max-width: 767px) {
}


/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .kint{
        display: none;
    }
}