/*
Theme Name: Stuff Middle East
Theme URI:  
Author: Motivate Publishing
Author URI: https://motivatepublishing.com/
Description: 
*/
body { padding:0; margin:0; font-family: 'Lato', sans-serif;}
.wrapper { width:100%; }
 @media (min-width: 1200px) {
.container {
    width: 940px;
}
}
 header { padding:15px 0 15px 0; background-color:#f40028;  }
.logo { padding:0; margin:0; float:left; padding-right:10px; }
.navmenu { padding:0; margin:0; float:left; }
.navmobile { background-color:#000000; color:#FFF; display:none; }
.navmobile ul { list-style-type:none; padding:5px 10px 5px 10px; }
.navmobile ul li { padding:10px 0 10px 0; border-bottom:#CCCCCC solid 1px; }
.navmobile ul li a { color:#FFFFFF; }
.leaderboard { display:block; }
.search-form { width:100%; background-color:#F00; padding:10px; display:none; }
.screen-reader-text { color:#FFFFFF; font-size:18px; }
.search-field { border: none;
    border-radius: 3px;
    height: 30px;
     padding: 10px; }
.search-submit {  
 background-color: #0092b9;
 width: 180px;
  border: none;
   color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
	 font-weight: 500;
	 height: 30px;
}
 
.mobmenu { display:none; }
.content-nav { display:block; } 
.mob-leaderboard { display:none; }
.catfish-cont { display:none; width: 100%;  position: fixed; bottom: 0;  }
 @media (max-width: 970px) {
.navmenu {
	display:none;
}
.content-nav { display:none; }
.mobmenu { display:block;  float:right; padding-left:20px; padding-top:5px;  }
}
@media(max-width:728px) {
.leaderboard { display:none; }
.mob-leaderboard { display:block; }
.catfish-cont { display:block; }	
}
.navmenu ul { width:100%; list-style-type:none; padding:0; margin:0; } 
.navmenu ul li { float:left; color:#FFF; padding-left:20px; padding-top: 4px; font-size:18px; font-family: 'Lato', sans-serif; font-weight: 300;}
.navmenu ul li a{ color:#FFF; text-decoration:none;}
.search { float:right; padding-top: 4px; }
.featured { background-color:#999; height:403px; background-repeat:no-repeat; background-position:center; background-size:cover; padding:0; }
.featured-content { position:absolute; bottom:0; background-image: linear-gradient(to top,rgba(0, 0, 0, 0.9),rgba(0, 0, 0,0)); min-height: 140px;   width:100%; padding:20px; color:#FFF;  }
.content-nav-section {  border:#CCCCCC solid 1px; margin:0; }
.content-nav { padding:10px; border-bottom:#000 solid 2px; }
.content-nav ul { list-style-type:none; margin:0; padding:0; }
.content-nav ul li { float:left; padding-right:15px; }
.content-nav ul li a { text-decoration:none; color:#000000; } 
.content-nav ul li a:hover { color:#FF0000;} 
.content-nav ul li a.active { text-decoration:none; color:#F00; } 
.content-nav ul li:first-child { color:#999; }
.content-nav ul li.active { color:#FF0000; }
#review { display:none; }
#news { display:none; }
#features { display:none; }
#win { display:none; }
.social ul { list-style-type:none; margin:0; padding:0; }
.social ul li { height:30px;  }
.social ul li a { padding: 7px 0px 7px 35px; font-size:16px; color:#000; }
.facebook { background-image:url(assets/images/facebook.png);
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: left;
    height: 25px; } 
.google { background-image:url(assets/images/gplus.png);
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: left;
    height: 25px; }
.instagram	{ background-image:url(assets/images/instagram_logo_22.png);
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: left;
    height: 25px; }
.twitter { background-image:url(assets/images/twitter.png);
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: left;
    height: 25px; }
.youtube { background-image:url(assets/images/youtube.png);
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: left;
    height: 25px; }
.content img { width:100%; height:auto; }
.content p { font-size:16px; line-height:30px; font-weight:300; } 
.title p{ font-size:20px; font-weight:200; }
.navi-next { float:right; margin-top:40px;  }
.navi-next a {  width:150px; padding:10px 20px 10px 20px; background-color:#0092b9; color:#FFFFFF; text-align:center; font-size:18px; }
.navi-prev { float:left;  margin-top:40px; }
.navi-prev a {  width:150px; padding:10px 20px 10px 20px; background-color:#0092b9; color:#FFFFFF; text-align:center; font-size:18px; }
.banner { max-height:403px; overflow:hidden; margin-left: -15px; margin-right: -15px; }