/**
Stylesheet: media.css
Template Version: 1.0
WorldCitizen Theme for Cleio (Base)
For responsive needs.
*/

.wrap{padding:5px;width:960px;margin:0 auto;}

/* for 980px or less */
@media screen and (max-width: 960px) {
	.wrap{width:94%;}
	.category article,.tag article,.search article{height:380px;}
	.menu-main,.menu-page ul{width:100%;}
}

/* for 700px or less */
@media screen and (max-width: 700px) {
	body{-webkit-text-size-adjust:100%;} /* prevent font scaling in landscape */
	#sidebar,footer .widgets{display:none;}
	#content article{width:50%;}
	#content,#content section{width:100%;}
	#content section#bio{width:auto;}
	section#bio p{margin:3px 15px 0 15px;}
	section#bio img{margin:0 15px 15px 0;}
	footer #copy ul,footer #copy p{float:none;}
	footer #copy li{margin-left:0;}
	.category article,.tag article,.search article{height:430px;}
	.menu-main,.menu-page ul{display:none;} /*hide screen nav*/
  	.menu-mobile-container{display:inline-block;width:50%;float:left;} /*show mobile nav*/
  	#searchform-top{width:48%;margin:0 0 5px 2%;clear:none;float:left;}
  	.review .map{height:150px!important;}
  	.review img.attachment-thumbnail{width:40%;}
}

/* for 480px or less */
@media screen and (max-width: 480px) {
	h1,header p{padding-left:0;text-align:center;}
	#content,#searchform-top,.menu-mobile-container,#content article,.author #content article{width:100%;}
	#searchform-top{margin:5px 0 5px 0;}
	.review img.attachment-thumbnail,#cleio-country-intro img.attachment-country{width:100%!important;margin-bottom:20px;}
	/*slider*/
	.exile-ss-desc p{display:none;}
	.exile-ss-desc{padding-bottom:6px;}
}