@charset "utf-8";

:root {
	--primary-dark: #000;
	--primary-light: #FFF;
	--secondary-dark: #343231;
	--secondary-light: #F4F4F2;
}


@font-face {
    font-family: 'MVAWaheed';
    src: url('../fonts/MVAWaheed.ttf') format('truetype');
}
@font-face {
    font-family: 'SanguSuruhee-Regular';
    src: url('../fonts/SanguSuruhee-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'MvTyper';
    src: url('../fonts/mvtyper.ttf') format('truetype');
}
@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;
}

html, body {
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x: hidden;
}
body{
    background-color: #F7F7F7;
    background-image: url('../images/bg-pattern.png');
}

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;
}

.en{
	direction: ltr;
}

.mvExtraBold{
	font-family: 'SanguSuruhee-Regular';
	font-weight: normal;
}
.mvBold{
	font-family: 'MvTyper';
	font-weight: normal;
}
.mvNormal{
	font-family: 'Randhoo';
	font-weight: normal;
}

.display-xl{
	font-family: 'SanguSuruhee-Regular';
	font-weight: normal;
	font-size: 112px;
	line-height: 112px;
	letter-spacing: 2px;
}
.heading1{
	font-family: 'SanguSuruhee-Regular';
	font-weight: normal;
	font-size: 96px;
	line-height: 96px;
	letter-spacing: 2px;
}
	@media (max-width: 980px) {
		.heading1{
			font-size: 64px;
			line-height: 64px;
		}
	}
.heading2{
	font-family: 'SanguSuruhee-Regular';
	font-weight: normal;
	font-size: 64px;
	line-height: 64px;
	letter-spacing: 1px;
}
.heading3{
	font-family: 'SanguSuruhee-Regular';
	font-weight: normal;
	font-size: 48px;
	line-height: 48px;
	letter-spacing: 1px;
}
.heading4{
	font-family: 'MVAWaheed';
	font-weight: normal;
	font-size: 18px;
	line-height: 26px;
}
.subtitle-light{
	font-family: 'MVAWaheed';
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;
}
.subtitle-regular{
	font-family: 'MvTyper';
	font-weight: normal;
	font-size: 20px;
	line-height: 34px;
}
.body1{
	font-family: 'Randhoo';
	font-weight: normal;
	font-size: 24px;
	line-height: 42px;
}
.body2{
	font-family: 'Randhoo';
	font-weight: normal;
	font-size: 18px;
	line-height: 32px;
}
.body3{
	font-family: 'Randhoo';
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
}
.text-overline{
	font-family: 'MvTyper';
	font-weight: normal;
	font-size: 10px;
	line-height: 16px;
}

.header{
	padding: 22px 0;
	padding-top: 30px;
	border-bottom: 1.5px solid var(--primary-dark);
}
	.header .logo{
		width: 85px;
		margin-left: 25px;
	}
	.header .menu{
		flex: 1;
	}
		.header .menu>a{
			display: inline-block;
			font-family: 'MVAWaheed';
			font-weight: normal;
			font-size: 18px;
			padding: 10px 15px;
			color: var(--primary-dark);
		}
	.header .search-wrapper{
		display: flex;
	}
		.mobile-header .switch-display,
		.header .search-wrapper .switch-display{
			position: relative;
			display: inline-block;
			border: 1px solid #000;
			width: 50px;
			height: 40px;
			margin-left: 15px;
			border-radius: 40px;
		}
			.mobile-header .switch-display span,
			.header .search-wrapper .switch-display span{
				position: absolute;
				right: 0;
				background: #000;
				width: 38px;
				height: 38px;
				line-height: 32px;
				text-align: center;
				border-radius: 24px;
				display: inline-block;
				border: 1px solid #FFF;
				-webkit-transition: all 0.20s ease-in-out;
			}
				.mobile-header .switch-display span img,
				.header .search-wrapper .switch-display span img{
					width: 14px;
				}
			.mobile-header .switch-display.active,
			.header .search-wrapper .switch-display.active{
				background: #000;
			}
			.mobile-header .switch-display.active span,
			.header .search-wrapper .switch-display.active span{
				right: 10px;
				background: #FFF;
			}
		@media (max-width: 980px) {
			.mobile-header .switch-display{
				width: 40px;
				height: 24px;
			}
			.mobile-header .switch-display span{
				width: 22px;
				height: 22px;
				line-height: 16px;
			}
			.mobile-header .switch-display span img{
				width: auto;
			}
			.mobile-header .switch-display.active span{
				right: 16px;
			}
		}
		.header .search-wrapper .search{
			position: relative;
			cursor: pointer;
		}
			.header .search-wrapper .search .icon{
				position: relative;
				padding: 8px;
				position: absolute;
				right: 5px;
				top: 2px;
			}
			.header .search-wrapper .search input{
				border-radius: 50px;
				direction: rtl;
				text-align: right;
				background: none;
				padding: 7px 15px;
				padding-right: 40px;
				border: 1px solid var(--primary-dark);
				height: 40px;
				width: 180px;
				background: #FFF;
				-webkit-transition: all 0.20s ease-in-out;
			}
		

.mobile-header{
	padding: 24px 0;
	border-bottom: 1px solid #888;
}
	.mobile-header .switch-display{
		margin-top: 0;
	}
	.mobile-header .btn-mobile-menu{
		padding: 12px 12px;
	}

.mobile-search{
	margin-bottom: 15px;
	display: none;
}
	.mobile-search .search{
		position: relative;
		border: 1px solid #888;
		border-top: 0;
		background-color: #FFF;
	}
	.mobile-search .search .icon{
		position: absolute;
		top: 10px;
		cursor: pointer;
		left: 10px;
	}
	.mobile-search .search input{
		border: none;
		padding: 10px;
		font-size: 18px;
		width: 100%;
	}

.mobile-menu{
	background: #000;
	padding: 20px 0;
	display: none;
}
	.mobile-menu .menu{
		border: 1px solid #888;
	}
	.mobile-menu .menu a{
		display: block;
		border-bottom: 1px solid #888;
		font-size: 48px;
		text-align: center;
		font-family: 'SanguSuruhee-Regular';
		font-weight: normal;
		color: #888;
		-webkit-text-fill-color: #000; /* Will override color (regardless of order) */
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #888;
	}

.home-cover{
	position: relative;
	display: flex;
	align-items: center;
	height: 476px;
}
	.home-cover .content{
		width: 50%;
		padding: 24px;
		position: absolute;
		background: rgba(255, 255, 255, 0.7);
		border: 1px solid var(--primary-dark);
		backdrop-filter: blur(2px);
	}
		@media (min-width: 992px) {
			.home-cover .content{
				width: 55%;
			}
		}
		.home-cover .content span{
			color: var(--primary-dark);
		}
		.home-cover .content strong{
			display: block;
			font-size: 64px;
			line-height: 64px;
			margin-bottom: 20px;
			color: var(--primary-dark);
		}
		.home-cover .content p{
			font-size: 17px;
			line-height: 1.6em;
			color: var(--primary-dark);
		}
	.home-cover .image{
		padding-right: 30%;
		width: 100%;
	}
		.home-cover .image img{
			width: 100%;
			height: 476px;
			object-fit: cover;
		}

@media (max-width: 980px) {
	.home-cover{
		flex-direction: column-reverse;
		height: auto;
		align-items: flex-start;
		margin: 0 -15px;
		margin-bottom: 30px;
	}
	.home-cover .content{
		width: calc(100% - 50px);
		position: relative;
		margin-top: -100px;
	}
	.home-cover .image{
		padding-right: 15px;
	}
}

.home-featured{

}
	.home-featured a{
		display: flex;
		padding-bottom: 42px;
		margin-bottom: 42px;
		border-bottom: 1.5px dashed #898989;
	}
		.home-featured a:last-child{
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: none;
		}
		.home-featured a>img{
			width: 102px;
			height: 102px;
			margin-left: 24px;
			object-fit: cover;
		}
		.home-featured a>strong{
			font-size: 18px;
			color: var(--primary-dark);
		}
		.home-featured a>strong>span{
			display: block;
			margin-top: 12px;
		}

.home-popular{

}
	.home-popular h2{
		font-size: 40px;
		color: var(--primary-dark);
	}
	.home-popular a{
		display: flex;
		color: var(--primary-dark)
		padding-left: 30px;
		padding-bottom: 42px;
		margin-bottom: 42px;
		border-bottom: 1.5px dashed #AAAAAA;
	}
		.home-popular.category-popular a{
			padding-bottom: 24px;
			margin-bottom: 24px;
			color: var(--primary-dark);
		}
		.home-popular a:last-child{
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: none;
		}
		.home-popular a>span{
			width: 40px;
			height: 40px;
			margin-left: 15px;
			padding-top: 5px;
			padding-right: 14px;
			color: var(--primary-dark);
			background-image: url('../images/icon-number.svg');
			background-repeat: no-repeat;
		}
		.home-popular a>strong{
			font-size: 18px;
			flex: 1;
			line-height: 1.7em;
			color: var(--primary-dark);
		}

.home-photostory{
	background: #E0E0E0;
}
	.home-photostory .title{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.home-photostory .title h2{
			font-family: 'SanguSuruhee-Regular';
			font-weight: normal;
			color: #000;
			-webkit-text-fill-color:  #E0E0E0; /* Will override color (regardless of order) */
  			-webkit-text-stroke-width: 1px;
  			-webkit-text-stroke-color: var(--primary-dark);
		}
		.home-photostory .title a{
			color: var(--primary-dark);
			opacity: 0.7;
			font-family: 'Randhoo';
			font-weight: normal;
			font-size: 20px;
		}
		.home-photostory .title a img{
			height: 13px;
		}

.photo-gallery-item{
	color: var(--primary-dark);
	display: block;
	height: 262px;
	position: relative;
}
	.photo-gallery-item img{
		width: 100%;
		height: 262px;
		border-radius: 2px;
		object-fit: cover;
		border: 2px solid var(--primary-dark);
		box-shadow: 7px 7px 0 0 var(--primary-dark);
	}
	.photo-gallery-item strong{
		color: var(--primary-dark);
	}
	.photo-gallery-item span,
	.photo-gallery-item p{
		color: var(--primary-dark);
		opacity: 0.7;
	}
	.photo-gallery-item .caption{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20px;
		padding-top: 50px;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%)
	}
		.photo-gallery-item .caption span,
		.photo-gallery-item .caption strong{
			color: var(--primary-light)
		}

.video-story{
	position: relative;
}
	.video-story:before{
		content: " ";
		background: #000;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 480px;
		z-index: -1;
	}
	.video-story .title{
		display: flex;
		padding: 50px 0;
		align-items: center;
		justify-content: space-between;
	}
		.video-story .title h2{
			font-family: 'SanguSuruhee-Regular';
			font-weight: normal;
			color: #FFF;
			-webkit-text-fill-color: var(--primary-dark); /* Will override color (regardless of order) */
  			-webkit-text-stroke-width: 1px;
  			-webkit-text-stroke-color: var(--primary-light);
		}
		.video-story .title img{
			height: 42px;
		}
		.video-story .title a{
			color: #FFF;
			font-family: 'Randhoo';
			font-weight: normal;
			font-size: 20px;
		}
		.video-story .title a img{
			height: 13px;
			filter: invert(100%);
		}
	.video-story .video-item{
		display: block;
	}
		.video-story .video-item img{
			width: 100%;
			height: 470px;
			border-radius: 7px;
			object-fit: cover;
			border: 2px solid #000;
			box-shadow: 7px 7px 0 0 #000;
		}

.home-report{
	border: 1px solid var(--primary-dark);
}
	.home-report .title{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 24px;
		border-bottom: 1px solid var(--primary-dark);
	}
		.home-report .title h2{
			font-family: 'SanguSuruhee-Regular';
			font-weight: normal;
			color: var(--primary-dark);
			-webkit-text-fill-color: var(--primary-light); /* Will override color (regardless of order) */
  			-webkit-text-stroke-width: 1px;
  			-webkit-text-stroke-color: var(--primary-dark);
		}
		.home-report .title a{
			color: #333;
			font-family: 'Randhoo';
			font-weight: normal;
			font-size: 20px;
		}
		.home-report .title a img{
			height: 13px;
		}
	.home-report .report-item .content{
		padding: 32px;
	}
	.home-report .report-item{
		display: block;
		color: var(--primary-dark);
		height: 100%;
		border-left: 1px solid var(--primary-dark);
	}
		.home-report .col-md-4:last-child .report-item{
			border-left: 0;
		}
		.home-report .report-item .image{
			border-bottom: 1px solid var(--primary-dark);
			padding: 10px;
		}
		.home-report .report-item img{
			width: 100%;
			height: 280px;
			object-fit: cover;
		}
		.home-report .report-item p{
			color: #888;
		}

.home-widget{
/*	padding: 40px 0;*/
}
	.home-widget .title{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 40px 0;
	}
		.home-widget .title h2{
			font-family: 'SanguSuruhee-Regular';
			font-weight: normal;
			color: #000;
			-webkit-text-fill-color: var(--primary-light); /* Will override color (regardless of order) */
  			-webkit-text-stroke-width: 1px;
  			-webkit-text-stroke-color: var(--primary-dark);
		}
		.home-widget .title a{
			color: #333;
			font-family: 'Randhoo';
			font-weight: normal;
			font-size: 20px;
		}
		.home-widget .title a img{
			height: 13px;
		}
	.home-widget a.news-main{
		color: var(--primary-dark);
		display: block;
	}
		.home-widget a.news-main .image{

		}
			.home-widget a.news-main .image img{
				width: 100%;
				height: 273px;
				object-fit: cover;
			}
			.home-widget a.news-main p{
				color: var(--secondary-dark);
			}

	.home-widget a.news-item{
		display: flex;
		margin-bottom: 30px;
	}
		.home-widget a.news-item:last-child{
			padding-bottom: 0;
			margin-bottom: 0;
			border-bottom: none;
		}
		.home-widget a.news-item>img{
			width: 188px;
			height: 128px;
			margin-left: 24px;
			object-fit: cover;
		}
		.home-widget a.news-item>strong{
			font-size: 17px;
			flex: 1;
			color: var(--primary-dark);
		}
		.home-widget a.news-item>strong>span{
			display: block;
			margin-top: 12px;
		}
	@media (max-width: 980px) {
		.home-widget a.news-item>img{
			width: 150px;
			height: 90px;
		}
	}

.home-recent-news{
	padding: 40px 0;
	background: var(--secondary-light);
}
	.home-recent-news .title h2{
		font-family: 'SanguSuruhee-Regular';
		font-weight: normal;
		color: #000;
		-webkit-text-fill-color: var(--secondary-light);
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: var(--primary-dark);
	}

.multimedia-section{
	background: #000!important;
}
	.multimedia-section h1{
		border-bottom: 1px solid #898989;
		color: #FFF;
		-webkit-text-fill-color: #000;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #FFF;
	} 
	.multimedia-section h2{
		color: #FFF;
		-webkit-text-fill-color: #000;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: #FFF;
	} 

.copyright{
	background-color: var(--primary-dark);
	color: #FFF;
	padding: 20px 0;
	font-size: 12px;
}
	.copyright a{
		color: #FFF;
		display: inline-block;
		padding: 0 5px;
	}

.article{

}
	.article h1{
		width: 90%;
		color: var(--primary-dark);
	}
	.article .subtitle li{
		color: var(--primary-dark);
	}
	.article .topic{
		color: var(--primary-dark);
	}
	.article .article-summary{
		width: 70%;
		margin-bottom: 70px;
	}
	.article .article-image{
		background: #000;
		padding: 1px;
		margin-bottom: 70px;
		box-shadow: 7px 7px 0 0 #000;
	}
		.article .article-image img{

		}
		.article .article-image .image-caption{
			color: #FFF;
			padding: 10px;
			border: 1px solid #FFF;
		}
	.article .article-sharing{
		width: 110px;
	}
		@media (max-width: 980px) {
			.article .article-sharing{
				width: 100%;
			}
		}
		.article .article-sharing a.comment{
			width: 32px;
			display: block;
		}	
			.article .article-sharing a.comment strong{
				display: block;
				font-weight: normal;
				font-size: 28px;
				padding-bottom: 15px;
				margin-bottom: 15px;
				text-align: center;
				color: var(--primary-dark);
				border-bottom: 1px solid var(--primary-dark);
			}
		.article .article-sharing a.social{
			display: block;
			width: 32px;
			height: 32px;
			line-height: 31px;
			border-radius: 32px;
			margin-bottom: 20px;
			color: #FFF;
			text-align: center;
			font-size: 20px;
			border: 1px solid var(--primary-dark);;
			background: var(--primary-dark);
		}
			@media (max-width: 980px) {
				.article .article-sharing a.social{
					display: inline-block;
				}
			}
	.article .author-date{
		display: inline-block;
		padding-bottom: 10px;
		border-bottom: 1px solid var(--primary-dark);
	}
		.article .author-date .author-name{
			margin-left: 24px;
			color: var(--primary-dark);
		}
		.article .author-date .date{
			color: var(--primary-dark);
			opacity: 0.5;
		}

	.article .embed{
		clear: both;
	}
	.article .embed-image figure{
		box-shadow: 7px 7px 0 0 #000;
	}
	.article figure img,
	.article .embed-image figure img{
        width: 100%;
    }
    .article figcaption,
    .article .embed-image figcaption{
        font-family: "Mv Eamaan XP", "MV Faseyha", 'Faruma', 'Thaana Unicode Akeh';
        unicode-bidi: embed;
        font-size: 15px;
        line-height: 2em;
        direction: rtl;
        word-wrap: break-word;
        color: #FFF;
        text-align: right;
        padding: 10px 15px;
        border: 1px solid #FFF;
        background-color: #000;

    }
    .article .article-body ul li,
    .article .article-body ol li,
    .article .article-body p{
    	font-family: 'Randhoo';
		font-weight: normal;
		font-size: 19px;
		line-height: 32px;
		color: var(--primary-dark);
    }
    .article .article-body p{
    	margin-bottom: 30px;
    }
    .article .article-body h2,
    .article .article-body h3,
    .article .article-body h4{
    	font-family: 'MVAWaheed';
		font-weight: normal;
		margin-bottom: 20px;
		color: var(--primary-dark);
    }
    .article .embed-quote{
        text-align: right;
        border: 1px solid var(--primary-dark);
      	padding: 30px;
    }
        .article .embed-quote blockquote{
            font-family: 'MVAWaheed';
			font-weight: normal;
			font-size: 20px;
			line-height: 26px;
			direction: rtl;
			text-align: right;
			color: var(--primary-dark);
        }
        .article cite{
        	font-family: 'MVAWaheed';
			font-weight: normal;
			font-size: 18px;
			line-height: 26px;
			font-style: normal;
			color: var(--primary-dark);
			padding-right: 30px;
			border-right: 1px solid var(--primary-dark);
        }
    .article .embed{
        font-size: 11px;
        color: #666;       
        margin-bottom: 30px;
    } 
        .article .embed.instagram-post{
            display: flex;
            justify-content: center;
        }
    .article .embed-loading{
        text-align: center;
        display: block;
    }
    .article .oembed-widget{
        display: flex;
        margin-bottom: 15px;
        cursor: pointer;
        border: 1px solid var(--primary-dark);
    }
        .article .oembed-widget .oembed-title{
            display: block;
            font-size: 13px;
            font-weight: bold;
            text-align: right;
            margin-bottom: 10px;
            color: #333;
        }
        .article .oembed-widget img{
            width: 150px;
            height: 150px;
            object-fit: cover;
        }
        .article .oembed-widget .oembed-link{
            display: block;
            text-align: right;
            border-top: 1px solid #CCC;
            padding-top: 5px;
        }
    .article-tags{
    	padding: 40px 0;
    	border-top: 1.5px dashed var(--primary-dark);
    	border-bottom: 1.5px dashed var(--primary-dark);
    }
    	.article-tags strong{
    		display: inline-block;
    		vertical-align: middle;
    		margin-left: 15px;
    		color: var(--primary-dark);
    	}
    	.article-tags .tag{
    		vertical-align: middle;
    		display: inline-block;
    		border: 1px solid var(--primary-dark);
    		padding: 5px 15px;
    		color: var(--primary-dark);
    		border-radius: 30px;
    		margin-left: 5px;
    		margin-bottom: 5px;
    	}

.article-inline-ad{
	float: left;
	margin-right: 30px;
}
	@media (max-width: 980px) {
		.article-inline-ad{
			float: none;
			margin-right: 0;
			text-align: center;
		}
	}
.comment-widget{

}
	.comment-widget .title{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
		.comment-widget .title strong{
			font-family: 'SanguSuruhee-Regular';
			font-weight: normal;
			color: var(--primary-dark);
			font-size: 48px;
			-webkit-text-fill-color: var(--primary-light); /* Will override color (regardless of order) */
  			-webkit-text-stroke-width: 1px;
  			-webkit-text-stroke-color: var(--primary-dark);
		}
		.comment-widget .title a img{
			height: 13px;
		}
	.comment-widget .comment-alert{
		padding: 10px;
		font-size: 18px;
		text-align: center;
		display: none;
		color: var(--primary-dark);
		border: 1px solid var(--primary-dark);
	}
	.comment-form textarea,
	.comment-form input[type=text]{
		padding: 10px;
		font-family: 20px;
		width: 100%;
		border-radius: 0;
		border: 1px solid var(--primary-dark);
	}
	.comment-form input[type=text]{
		border-bottom: 0;
	}
	.comment-form .button-send{
		float: left;
		border-radius: 30px;
		padding: 7px 20px;
		color: #FFF;
		background: var(--primary-dark);
	}
	.comment-list{

	}
		.comment-list .comment{
			margin-bottom: 30px;
		}
		.comment-list .comment .comment-body{
			border: 1px solid #888;
			color: #999;
			padding: 20px;
		}
			.comment-list .comment .comment-body span{
				display: inline-block;
				margin-top: 15px;
				padding-top: 15px;
				border-top: 1px solid #999;
			}
		.comment-list .comment .comment-meta{
			font-size: 16px;
			color: #999;
			margin-top: 10px;
		}

.category-header{
	
}
	.category-header .container{

	}
	.category-header h1{
		font-family: 'SanguSuruhee-Regular';
		font-weight: normal;
		border-bottom: 1px solid #898989;
		color: var(--primary-dark);
		font-size: 96px;
		-webkit-text-fill-color: var(--primary-light); /* Will override color (regardless of order) */
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: var(--primary-dark);
	}

.category-main{
	display: block;
}
	.category-main strong{
		color: var(--primary-dark);
		width: 80%;
	}
	.category-main span{
		color: var(--primary-dark);
		opacity: 0.6;
	}
	.category-main p{
		color: var(--primary-dark);
		opacity: 0.6;
	}
	.category-main .image{

	}
		.category-main .image img{
			width: 100%;
			height: 271px;
			object-fit: cover;
		}
	
.photo-story{
	margin-top: -49px
}
	.photo-story .cover-image{
		max-height: 960px;
		width: 100%;
		object-fit: cover;
	}
	.photo-story .content{
		padding: 24px;
		background: rgba(0, 0, 0, 0.7);
		border: 1px solid #FFF;
		backdrop-filter: blur(2px);
		margin-top: -250px;
		color: #FFF;
	}
	.photo-story .caption{
		color: var(--primary-dark);
	}
	@media (max-width: 980px) {
		.photo-story{
			margin-top: 0;
		}
		.photo-story .content{
			margin-top: -30px;
		}
	}
.footer{
	background-color: var(--secondary-dark);
	color: #FFF;
	padding: 70px 0;
}
	.footer .menu>a{
		display: inline-block;
		font-family: 'MVAWaheed';
		font-weight: normal;
		font-size: 18px;
		padding: 10px 15px;
		color: #FFF;
	}
		.footer .menu>a:first-child{
			padding-right: 0;
		}
	.footer .search{
		position: relative;
	}
		.footer .search .icon{
			position: absolute;
			left: 15px;
			top: 14px;
			filter: invert(100%);
		}
		.footer .search input{
			border: 1px solid #FFF;
			padding: 10px;
			width: 100%;
			color: #FFF;
			background-color: var(--secondary-dark);
		}

.pages{
	text-align: center;
	border-top: 1.5px dashed #898989;
	margin-bottom: 30px;
}
	.pages a{
		display: inline-block;
		padding: 5px 10px;
		margin: 2px;
		font-size: 13px;
		background: var(--primary-light);
		color: var(--primary-dark);
	}
	.pages a.active{
		background: var(--primary-dark);
		color: var(--primary-light);
	}

.election-result-widget{
	background: rgba(255, 255, 255, 0.5);
	padding: 20px;
	border: 1px solid var(--primary-dark);
}
	body[data-theme="dark"] .election-result-widget{
		background: rgba(0, 0, 0, 0.4);
		border: 1px solid var(--primary-light);
	}
	.election-result-widget h2{
		margin-bottom: 15px;
		color: var(--primary-dark);
		border-bottom: 1px solid #CCC;
	}
		body[data-theme="dark"] .election-result-widget h2{
			border-color: #333;
		}
	.election-result-widget .candidate{
		display: flex;
		align-items: center;
	}
		.election-result-widget .candidate .candidate-image{
			width: 80px;
			height: 80px;
		}
			.election-result-widget .candidate .candidate-image img{
				width: 75px;
			}
			.election-result-widget .candidate.mdp .candidate-image img{
				border: 2px solid #FACC00;
			}
			.election-result-widget .candidate.pnc .candidate-image img{
				border: 2px solid #5EDDD2;
			}
		.election-result-widget .candidate .candidate-results{
			flex: 1;
			padding: 10px;
		}
			.election-result-widget .candidate .candidate-results strong{
				margin-bottom: 10px;
				display: block;
				color: var(--primary-dark);
			}
			.election-result-widget .candidate .candidate-results .vote-count{
				font-size: 13px;
				color: var(--primary-dark);
			}
			.election-result-widget .candidate .candidate-results .vote-bar{
				position: relative;
				background: #EEE;
				height: 5px;
				margin-bottom: 5px;
			}
				.election-result-widget .candidate .candidate-results .vote-bar:before{
					content: " ";
					position: absolute;
					height: 15px;
					border-left: 1px solid #333;
					top: -5px;
					left: 50%;
					z-index: 3;
				}
				body[data-theme="dark"] .election-result-widget .candidate .candidate-results .vote-bar{
					background: #444;
				}
			.election-result-widget .candidate .candidate-results .vote-bar .bar{
				height: 5px;
				background: #333;
			}
			.election-result-widget .candidate.pnc .candidate-results .vote-bar .bar{
				background: #5EDDD2;
			}
			.election-result-widget .candidate.mdp .candidate-results .vote-bar .bar{
				background: #FACC00;
			}
	.election-result-widget .countdown{
		text-align: center;
		font-size: 13px;
		color: var(--primary-dark);
		padding: 15px 10px;
		border-top: 1px solid #5EDDD2;
		border-bottom: 1px solid #5EDDD2;
	}
		.election-result-widget .countdown .subtitle-light{
			font-size: 17px;
		}
		.election-result-widget .countdown strong>span{
			display: inline-block;
			width: 30px;
			height: 30px;
			line-height: 33px;
			border-radius: 30px;
			color: var(--primary-light);
			background: var(--primary-dark);
		}
	.election-result-widget .quick-stats{
		text-align: center;
		font-size: 13px;
		color: var(--primary-dark);
		padding: 15px 10px;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
		body[data-theme="dark"] .election-result-widget .quick-stats{
			border-color: #333;
		}
		.election-result-widget .quick-stats strong{
			display: block;
		}
		.election-result-widget .quick-stats span{
			display: block;
			font-size: 11px;
			opacity: 0.7;
		}
@media (max-width: 980px) {
	.election-result-widget{
		margin-top: 50px;
	}
}

@media (max-width: 980px) {
	.footer .logo{
		width: 85px;
	}
}

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

.ads img{
	width: 100%;
	height: auto;
}