/* CSS Document 
RESPONSIVE OVERRIDES

vice
	#vice-ad-protector-billboard-1 - headline
	#vice-ad-protector-mobile-4 - inline entry
	
*/

#refactor-2 { 
	opacity:0.42;
}
 
/* general structure */
#mobile_top,
#mobile_nav {
	display:none;
}
@media only screen and (max-width: 1024px){
    body {
        background-color: #fff;
    }
	/* general structure */
	#wrapper { width:100%;}
	#blog  { width:100%;}
	#blog, #sidebar { float:none;margin:0px auto;}
	#blog .entry{ margin:0px auto;}
	.paginate { margin:0px auto 15px auto;}
	
	#Mobile_MedRec_2 { 
		display:block;
		text-align: center;
	}
	#Mobile_MedRec_2 div { display:inline-block;} 
	
	/* header : logo with nav */
	.socialcontent { width:100%;}
	.smbuttons { float:none;display:inline;}
	#header_wrapper { width:100%;height:auto;background-color:#000;}
	
	/*mobile_top */
	#socialbar, #header { display:none;}
	#mobile_top { display:block;position:fixed;width:100%;background-color:#000;height:50px;z-index:999999;top:0px;left:0px;}
	#mobile_top_inner {
		padding:5px;
	}
	#mobile_top_hamburger { 
		display:block;
		position:absolute;
		top:5px;
		right:5px;
		z-index:2;
	}
	#mobile_top_logo { 
		width:50%;
		text-align:left;
		left:5px;
	}
	#mobile_top_logo img { display:inline-block;height:40px;width:auto;}
	
	/* mobile nav */
	#mobile_nav { 
		display:block;
		position:fixed;
		width:300px;
		height:50px;
		z-index:5000;
		top:0;
		right:0;
	}
	#mobile_nav_inner {
		padding:5px;
	}
	#mobile_nav_overlay { 
		background-color:#fff;
		width:300px;
		position:absolute;
		top:0;
		right:0;
		border-left:2px solid #000;
		-webkit-transition: all 350ms ease;
	    -moz-transition: all 350ms ease;
	   	-o-transition: all 350ms ease;
	    transition: all 350ms ease;
	}
	#mobile_nav_overlay.hidden { 
		right:-305px;
	}
	
	#mobile_nav_overlay ul { 
		margin-top:50px;
		
	}
	#mobile_nav_overlay li {
		border-bottom:2px solid #000;
		padding:13px 20px 12px 20px;
		list-style: none;
		background-color:#fff;
		display:block;
		cursor:pointer;
	}
	#mobile_nav_overlay li span {
		color:#000;
		font-family: 'Oswald', sans-serif;
		font-size:22px;
		line-height:25px;
	}
	#mobile_nav_overlay a, 
	#mobile_nav_overlay span { 
		text-decoration: none;
	}
	
	#mobile_nav_overlay li,
	#mobile_nav_overlay li span { 
		/*
		-webkit-transition: all 350ms ease;
	    -moz-transition: all 350ms ease;
	   	-o-transition: all 350ms ease;
	    transition: all 350ms ease;
	    */
	}
	#mobile_nav_overlay li.active,
	#mobile_nav_overlay li:hover { 
		background-color:#000;
	}
	#mobile_nav_overlay li.active span,
	#mobile_nav_overlay li:hover span { 
		color:#fff;
	}
	
	#mobile_nav_overlay li.search:hover { 
		background-color:#fff;
	}
	#mobile_nav_overlay li.search:hover span { 
		background-color:#000;
	}
	
	#mobile_nav_overlay .formclass { 
		float:none;
		width:100%;
		margin:0;
		top:-5px;
	}
	#mobile_nav_overlay .sbinput { 
		background-color:#fff;
		width:100%;
		margin:0;
		color:#000;
		font-family: 'Oswald', sans-serif;
		font-size:22px;
		line-height:25px;
		padding:0;
	}
	
	/* side */
	#featuredside  {
		height:23px;
	}
	#featuredside span { 
		font-size:16px;
		line-height:16px;
	}
	
	
	/* blog columns */
	.entry { 
		width:100%;
	} 
	.entry_inner { 
		width:initial;
		padding:20px 20px 10px 20px;
		margin:20px auto 20px auto;
		float:none;
	}
	#catinfo,
	#text,
	#entrytitle,
	#entrytitle:hover,
	#entrytitle2,
	#entrytitle2:hover,
	.posted,
	#vice-ad-protector-mobile-4,
	#contributorsimg,
	#contributorsbox,
	#subnav,
	#pageheadline {
		float:none;
		width:100%;
		margin:0 auto;
	}
	#text img { 
		float:none;
		margin:0 auto;
		width:100%;
	}
	.onepixel { 
		width:1px!important;
		height:1px!important;
	}
	
	#pageheadline {
		width: -webkit-calc(100% - 15px);
	    width:    -moz-calc(100% - 15px);
	    width:         calc(100% - 15px);
	    padding:5px 0 5px 15px;
	    margin:10px auto;
	}
	
	#entrytitle,
	#entrytitle2 { 
		padding:0;
		width:100%;
	}
	
	#str_ad_grabber #entrytitle2 { 
		margin-left:0;
		width:100%;	
	}
	
	#entrytitle:hover { 
		
	} 
	#entrytitle_inner { 
		padding:15px 0 15px 15px;
		margin:0;
		width: -webkit-calc(100% - 15px);
	    width:    -moz-calc(100% - 15px);
	    width:         calc(100% - 15px);
	}
	
	.posted,
	#contributorsimg,
	#contributorsbox {
		margin:10px auto;
	}
	
	#subnav { 
		margin:25px 0;
		padding:0;
	}
	#subnav a { 
		padding:3px 15px;
	}
	#subnav h2 { 
		margin:0;
		width: -webkit-calc(100% - 25px);
	    width:    -moz-calc(100% - 25px);
	    width:         calc(100% - 25px);
	    padding:7px 0 7px 25px;
	}	
	
	/* crop big ads stickign out */
	#vice-ad-protector-billboard-1,
	.str-adunit { 
		width:100%;
		height:inherit;
		overflow:hidden;
	}
	
	
	#catinfo  { 
		text-align:center;
		margin:10px auto;
	}
	#catinfo { 
		display:none!important; /*not doing this anymore */
	}
	#catinfo .l { 
		display:inline;
	}
	#catinfo .l_date,
	#catinfo .l_topics,
	#catinfo .l_tags {
		margin:0px auto 5px auto;
	}
	
	#catinfo .l_topics::before,
	#catinfo .l_tags::before {
		display:block;
	}
	
	#catinfo .l_topics,
	#catinfo .l_topics_group,
	#catinfo .l_tags,
	#catinfo .l_tags_group { 
		display:block;
	}
	
	#subnav li { 
		width:50%;
		margin:0;
	}
	
	
	blockquote { 
		width:85%;
		padding-left:15px;
	}	
	
	
	
	#text,
	#contributorsbox,
	#archivedmonth a,
	#subnav a, 
	visited,
	#subnav li,
	#sidebox,
	#archivedmonth li {
		font-size:15px;
		line-height:19px;
	}
	#catinfo,
	.posted,
	.footer *,
	.posted #posted_first_line * {
		font-size:12px;
		line-height:14px;
	}
	
	
	#text { 
		margin:10px auto;
	}
	#text img { 
		height:auto;
	}
	#text iframe { 
		width:100%!important;
		margin:10px 0px;
	}
	.paginate { 
		width: -webkit-calc(100% - 10px);
	    width:    -moz-calc(100% - 10px);
	    width:         calc(100% - 10px);
	    margin:0 auto 15px auto;
	
	}
	.thumbnail-wrapper { 
		width:100%;
		overflow:none;
	}
	
	#contributorsimg, 
	#contributorsimg img { 
		width:200px;
		height:auto;
		margin:0;
	}
	
	#disqus_thread { 
		width:90%;
		margin:0 auto;
	}
	#sharethisman {
		width:100%;
		text-align:center;
	}
	#sharethisman .pw-widget { 
		width:80%!important;
		margin:5px auto;
	}
	#sharethisman .pw-widget a { 
		margin-top:10px;
	}
	
	.footer span { 
		padding-left:5px;
	}
	
	
	#posted_first_line .posted_date,
	#posted_first_line .posted_time,
	#posted_first_line #posted_seperator_1  { 
		display:inline-block;	
	}
	#posted_first_line #posted_seperator_2  { 
		display:block;
		opacity: 0;
		height:1px;
	}
	
	
	/* ADS */
	#blog { 
		margin-top:140px;
	}
	#ad728 { 
		position:fixed;
		top:50px;
		left:0;
		width:100%;
		height:auto;
		max-height: 100px;
		padding:10px 0;
		background-color: #fff;	
		z-index: 2;
		min-width: 300px;
		overflow:hidden;
	}
	#ad728 iframe { 
		display:inline-block;
	}
	#Desktop_Leaderboard_outer {
		display:none;
	}
	
}