/* ##############################################
#												#
#	ESPORTSIFY Mobile Stylesheet						#
#	Author: Gavin Weeks							#
#	Platform: Esportsify by Gavin Weeks			#
#												#
###############################################*/

@media (max-width: 760px) {
	
	body.is-admin {padding-top: 0 !important}
	
	#admin-bar, #admin-side {display: none;}
	#content-wrapper{ width: 100%;}
	
	.takeover-link {display: none;}
	
	
	#utility .open-menu {display: block; float: left; color: #999; line-height: 35px; margin-top: 6px; padding: 0 10px; font-size: 18px; background: #222;  border-radius: 3px;
		background: linear-gradient(#333, #232323);}
	
	#utility {width: auto; display: block; right: 0; left: 0;}
	.topbar_wrap { padding: 0 10px; }
	.topbar_right {margin: 0 0px; float: none;}
	#search-bar {display: none}
	.poweredby {display: none;}
	
	#header {position: relative; top: 0; height: auto; margin: 0; padding: 10px 0 }
	#header .logo {float: none; margin: 0 auto 20px auto; line-height: 1; height: auto; padding: 0 20px; text-indent: -9999em;}
	#header .logo a {width: 100%; display: block; height: auto; text-align: center; background: none; color: #fff; text-indent: -9999em; overflow: hidden}
	#header .logo img {max-width: 100% !important; display: block !important; margin: 0 auto 10px auto !important; text-indent: 0; max-height: 100px;
	}
	
	#header .texture {background-size: 100%}
	
	.sponsors {margin: 0 10px 0 10px;}
	.footer_sponsors_arrow {display: none;}
	.spotlight-nav {display: none;}
	
	.nav_wrap {height: auto}
	#navigation .open-menu { background: #111; color: #fff; line-height: 50px; padding: 0 20px; font-size: 13px; text-transform: uppercase; font-weight: 500; display: block}
	#navigation .open-menu .fa {font-size: 20px; float: left; line-height: 50px; margin-right: 5px;}
	#navigation, .nav_right {float: none; clear: both; width: 90%; position: fixed; top: 0; right: auto; left: -90%; bottom: 0; margin: 0; box-shadow: none; border-radius: 0; height: auto; z-index: 999999; border-right: solid 3px #333; overflow-y: auto; -webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;}
	#navigation.shrink {position: fixed; top: 0; left:-90%; right: auto; bottom: 0; z-index: 99999}
	#navigation li, #navigation li a, .nav_right li, .nav_right li a {display: block; float: none; border-radius: 0; margin: 0; line-height: 40px; height: 40px; border-bottom: solid 1px #333}
	#navigation li a {padding: 0 20px;}
	#navigation ul {float: none; padding:0px 0 0 0; margin:0; }
	#navigation .social {float: none; clear: both; padding: 0 20px 10px 20px; overflow: hidden}
	#navigation .social li {float: left; line-height: 30px; height: 30px; margin: 0 5px 0 0}
	#navigation .social li a {line-height: 30px; height: 30px;}
	
	
	#navigation.open {left: 0}
	
	#wrapper {padding: 0px;}
	
	#content.has-side {width: 100%; max-width: none; float: left; padding-right: 0 !important; padding-left: 0 !important 
		
	}
	#sidebar {width: 100%; margin: 0; display: block; clear: left;}

	#sidebar #facebook-widget iframe {width: 100% !important}

	.logo{width: 100%; padding: 20px;}

	#spotlight-surround{display:none;}
	
	#carousel ul li {background-size: 100% !important; width: auto !important}
	#carousel, #carousel_surround, #carousel ul {height: 152px !important}
	#carousel ul li a.spotlight-link {height: 152px}
	#carousel h2 {font-size: 18px; padding: 10px;}
	#carousel p, #carousel .read-more { display: none;}
	#carousel .carousel-copy {width: auto; right: 0; padding: 0 0px; display: block}
	
	#news .widget {width: 100%; float: none !important; padding: 10px !important;
	}
	#news .widget .some-comments {display: none;}
	
	#lastresults ul li, #shop ul li, #blogs ul li, #latest-galleries li, #news .widget li, .members li {float: none; width: 100%; margin-bottom: 10px;}
	
	#lastresults ul li .item-inner {margin-right: 0}
	
	#recent-articles ul {padding: 0;}
	
	#shop ul li .shop-image {max-height: 230px;}
	#shop ul li .item-inner img {max-height: 230px;}
	.members li .item-inner img {max-height: 330px}
	
	
	#the-post img, #the-post iframe, #the-post embed, #the-post object {max-width: 100%; margin: 0 10px;}
	
	.widget-list{width: 100%;}

	.widget.colored h2{width: 100%;}
	.livestream_list li{background-repeat:no-repeat; width:auto; margin-left: auto; margin-right: auto; background: url("../images/makeup/livestream_streammask_mobile.png");}
	.livestream_base{width: 100%;}
	.livestream_content{float: left; position: relative; left: 0; margin-left: 10px;}


	#sidebar_lastresults{margin-top: 20px; width: 100%;}
	#sidebar_lastresults ul li{width: 100%;}


	#sidebar_blogs{width: 100%; margin: 0;}

	.news_grid1{ width: auto;  float: none; }
	.news_grid1_pic{float: center; width: auto;}
	.news_grid1_pic img{width: 100%; overflow: hidden; margin-left: auto; margin-right: auto;}
	.news_comment{width: 100%;}
	.news_bottom{display: none;}
	.news_grid2{margin: 0; padding: 10px; float: left;}
	.news_content{height: auto; background: none; padding-top: 0;}


	#latest_videos li, #latest_galleries li{width: 100%; margin-bottom: 10px;}



	#footer_main{display: none;}
	#footer_nav{display:none;}
	.footer_bar_image{float: right; position: relative; left: 0;}
}