/*
Theme Name: mdp2017
Theme URI: http://mdp.org.mv/
Author: s\
Description: Theme for mdp website (Dhivehi)
Version: 1
Date: June 2017
*/

@font-face{
	font-family:"MV Waheed";
	src:url(stylesheets/fonts/mv_waheed.otf)
}
@font-face{
	font-family:"MV Faseyha";
	src:url(stylesheets/fonts/mv_faseyha.otf)
}
	
body{
font-family:"MV Faseyha", "Faruma","mv galan normal","mv iyyu normal",'Thaana Unicode Akeh', "mv boli";
direction:rtl;
font-size:18px;
line-height:32px;}

#site-title,blockquote,.bold, h1, h2, h3, h4, h5, h6 {
	font-family:"MV Waheed", "Faruma","mv galan normal","mv iyyu normal",'Thaana Unicode Akeh', "mv boli";
}
.yellowfg {
	color:#ffcc33;
}
.yellowbg {
	background:#ffcc33;
}
.paddedbg {
	padding: 10px;
}
@media (max-width: 750px) {
	.paddedbg {
		padding-right: 20px;
	}
}

a {
  color: #000; 
  text-decoration: none}
a:hover {
  color: #555;
  text-decoration: underline }
#header {
	padding: 3px 0 25px 0;
}
#lang_header {
	text-align: left;
	font-size: 1.1rem;
}
@media (max-width: 750px) {
	#lang_header {
		padding-left:15px;
	}
}
#lang_header a {
	text-decoration: underline;
}
#site-title {
	font-size:26px;
	line-height:38px
	padding-left: 100px;
}
#mdp_logo {
	vertical-align:middle;
	width: 50px;
	height: 50px;
}
#header_icons {
	font-size: 13px;
	text-align: left;
	padding-top: 5px;
}
.fa-mdpyellow {
	color: #ffcc33;
}

@media (max-width: 750px) {
	#header_icons, #header {
		text-align: center;
	}
}

@media (max-width: 750px) {
	.nopaddingonmobile {
		padding: 0;
		width:100%;
	}
}
#content-home {
	margin-bottom: 20px;
}
.home-lists, .entry ul {
	list-style: none;
 	margin-right: 0;
	padding-right: 1em;
	text-indent: -1em;
}
.home-lists li:before {
 content: "\0BB \020";
 }
.entry ul li:before {
 	content: "\02022 \020";
}
.entry ol ul{
 margin-right: 2em;
 margin-bottom: 2em;
}
.entry a{
	text-decoration: underline;
}

.homeblocks {
	margin-bottom: 10px;
}
.twitter_embed {
	border:2px solid #ffcc33;
}
.list_subpages li{
	margin-bottom: 0;
}

.firstContent {
	padding-top: 50px;
}

.post img, .hentry img,.secondcol img, .featured_img {
	max-width: 100%;
	height:auto;
}

.entry-title-single {
	font-size:46px;
	line-height:68px
}




blockquote{

  padding: 15px 45px 15px 20px;
  margin: 0 0 20px 0;
  font-size: 21px;
  line-height: 1.4;
  border-right: 10px solid #ffcc33;
  
}
blockquote:before {
  color: #ffcc33;
  content: open-quote;
  font-size: 3em;
  line-height: 0.1em;
  margin-left: 0.15em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}
.secondcol {
	margin-top: 100px;
}
.paginate {
	margin-bottom: 15px;
	text-align: center;
}
.paginate a {
	text-decoration: underline;
}
.archivelist {
	margin-bottom: 0;
}
#s, #s-electedofficials {
	width: 180px;
	text-indent: 5px;
	margin-top: 20px;	
}

.en{
	font-family: "Helvetica Neue", Helvetica,  Arial,sans-serif;
	direction:ltr;
}
.en::before { 
    content: "\200E";
}
.postarhive {
	margin-bottom: 20px;
}

.postmeta a {
	font-size: .8em;
	line-height: 1.2;
	color: #888;
}

.electedofficial_photo {
 border-radius: 50%;
 max-width: 100%;
 height:auto;
}
.electedofficial_photo_small {
 border-radius: 50%;
 max-width: 100%;
 width: 50px;
 height: 50px;
}



@media (max-width: 550px) {
	.si_small_center {
		text-align: center;
	}
}

@media (max-width: 550px) {
	.si-hide-for-small {
		display: none;
	}
}
#footer {
	font-size: .8em;
	line-height: 1.6;
	padding-top: 30px;
	
}
#footer .bold {
	font-size: 1.2em;
}
.footer_menu li {
	list-style: none;
	font-family:"MV Waheed", "Faruma","mv galan normal","mv iyyu normal",'Thaana Unicode Akeh', "mv boli";
	font-size: 1.2em;
	line-height: 1.2;

}
.footer_menu .sub-menu {
	margin-right: 0;
	margin-bottom: 2em;
}
.footer_menu .sub-menu li {
	list-style: none;
	font-family:"MV Faseyha", "Faruma","mv galan normal","mv iyyu normal",'Thaana Unicode Akeh', "mv boli";
	font-size: 1em;

}



#lang {
	padding: 5px;
	background: white;
}

#lang:hover {
	text-decoration: none;
	background: #000;
	color: #ffcc33;
}

#mdp_logo_footer {
	border: 1px solid #444;
	width: 75px;
	height: 75px;
	padding:5px;
}
.fa-si-smaller {
	font-size: .95em;
}
#copyright_en {
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
}





/* -----------------------------------------
  Orbit
----------------------------------------- */
.slider { background: url(stylesheets/loading.gif) center center #f4f4f4 no-repeat; height: 400px; overflow: hidden;}
.slider img { display: none; }
.slider.orbit { background: none; }
.slider.orbit img { display: block; }
.orbit-wrapper .timer{display: none;}
.sislider {
	width:100%;
	max-width:1200px;
	margin-bottom: 10px;
	/*height: auto;*/
	height: 400px; overflow: hidden;
}
.slider, div.orbit-wrapper { 
    margin:0 auto;
}
.orbit-wrapper .orbit-caption { 
	background: none; 
	z-index: 30; 
	color: #444; 
	text-align: right; 
	position: absolute; 
	right:5%; 
	bottom: 10%;
	width: 90%;
	margin: 0 auto;
	
	
	white-space:nowrap; 
	overflow:hidden;
	text-overflow:ellipsis;
	 }

.caption-text-title, .caption-text-desc {
	background:#ffcc33;
	padding: 10px; 
	font-size: 22px;
	font-family:"MV Faseyha", "Faruma","mv galan normal","mv iyyu normal",'Thaana Unicode Akeh', "mv boli";

}

.caption-text-title{
	line-height:22px;
}

.caption-text-title a {
	text-decoration: none;
	color: #444;
}

.highlightbg {
	padding: 10px;
}
.caption-text-desc {
	padding: 10px; 
	font-size: 24px;
}


@media only screen and (min-width: 750px) and (max-width: 1000px) {
		.slider,.sislider {height: auto;}	
}

@media only screen and (max-width: 750px) {
		.sislider, div.orbit {margin-bottom:5px;}
		.caption-text-title, .caption-text-desc {
			font-size: 16px;
			line-height:16px;
		}
		.slider,.sislider {height: auto;}
		
}

@media (max-width: 550px) {
	div.orbit-wrapper div.slider-nav {
		display: none;
	}
}

/*shortcode gallery*/
.gallery {
	margin: auto;
}
.gallery .gallery-item {
	float: right;
	margin: 0;
	margin-top: 10px;
	text-align: center;
	
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery .gallery-caption {
	margin-right: 0;
}
.gallery::after { 
	content: "";
  display: table;
  clear: both;
}

/* for stats*/
img#wpstats{position:absolute;top:0;width:0px;height:0px;overflow:hidden}

/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}