/* SECTION STYLES - LIST.CSS */
h1 { color:#EB2026; font-size:2em; font-weight:900; font-family:"Helvetica Neue", sans-serif; line-height:1.1em; margin-bottom:10px; }
	h1 a:hover { text-decoration:none; }
h2 { color:#EB2026; font-size:2em; font-weight:900; font-family:"Helvetica Neue", sans-serif; }
h2.sponsor { color:#EB2026; float:left; margin:0; }
#taboolaWidget h2 { margin-top:0; }

/*
.alpha-container { float:left; width:100%; margin-top:-1px; }
	.alpha { margin:0 355px 0 0px; padding:20px 30px; border-right: 1px solid #EBEBEB;}
*/

		.cartoon-top { display: inline-block; margin-top: 0; padding-bottom: 20px; max-width: 750px; width:100%; margin-left:0; }
			.header { border-bottom:7px solid #EB2026; margin-bottom:10px; }
		
			.cartoon-title-wrapper { float: left; width: 76%; }			
				.cartoon-title-wrapper .cartoon-title { font-family: "ROBOTO",sans-serif; padding:0; }
					.cartoon-title-wrapper .cartoon-title h2 { margin-bottom:5px; }
			
		.cartoon-social { float: left; text-align: right; width: 24%; font-size:0.95em; font-weight:bold; }


			.cartoon-social .socialBar { padding:25px 0 0; width:100%; }
				.cartoon-social .socialBar .left { float:right; }
				
				.socialBar-clicks { color: #eb2026; display: inline-block; height: inherit; vertical-align: middle; }
					.socialBar-clicks .label { color: #919191; font-size: 0.8em; text-transform: capitalize; }
				
				.socialBar-divide { color: #b7b7b7; display: inline-block; height: inherit; padding: 0 3px; vertical-align: middle; } 
				
				.socialBar-shares { color: #eb2026; display: inline-block; height: inherit; vertical-align: middle; }
					.socialBar-shares .label { color: #919191; font-size: 0.8em; text-transform: capitalize; }
		
		.cartoon-photo-wrapper { display:inline-block; max-width:750px; width:100%; padding-bottom:2em; border-bottom: 7px solid #EB2026;}
		.cartoon-photo-wrapper:last-child{border-bottom:none;}
			.cartoon-photo-wrapper .photo { display:inline; border:1px solid #EBEBEB; }
			
			.cartoon-photo-wrapper .cartoon-pagi { text-align:center; margin:10px 0; }
				.cartoon-photo-wrapper .cartoon-pagi .pages { width:auto; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:900; }
					.cartoon-photo-wrapper .cartoon-pagi .pages .page {}
					.cartoon-photo-wrapper .cartoon-pagi .pages .totalPages { color:#919191; }
				
				/*.cartoon-photo-wrapper .cartoon-pagi .left-arrow { float:left; width:18px; cursor:pointer; }
				.cartoon-photo-wrapper .cartoon-pagi .right-arrow { float:right; width:18px; cursor:pointer; }*/

                .cartoon-photo-wrapper .cartoon-pagi .left-arrow { float: left; width: 18px; cursor: pointer; border: 1px solid #CFCFCF; border-radius: 100px; /*box-shadow: -2px 1px 3px 0px #000;*/ padding: 9px 14px; margin: 5px; background:#EFEFEF; }
                .cartoon-photo-wrapper .cartoon-pagi .left-arrow img { margin-left:-7px; vertical-align:middle; }

                .cartoon-photo-wrapper .cartoon-pagi .right-arrow { float: right; width: 18px; cursor: pointer; border: 1px solid #CFCFCF; border-radius: 100px; /*box-shadow: 2px 1px 3px 0px #000;*/ padding: 9px 14px; margin: 5px; background:#EFEFEF; }
                .cartoon-photo-wrapper .cartoon-pagi .right-arrow img { margin-left:-3px; vertical-align:middle; }

		.cartoon-pagi-date {display:table; text-align:center; width:100%; margin:10px 0; }
		.cartoon_prev_button_container {float:left;vertical-align:middle;}
		.cartoon_next_button_container {float:right;vertical-align:middle;}
		.cartoon_prev_button_container img, .cartoon_next_button_container img {width:18px; height:16px; vertical-align:middle;}
		.cartoon_next_button_container, .cartoon_prev_button_container {padding: 3px 10px;}
		.cartoon_next_button_container a:hover, .cartoon_prev_button_container a:hover {text-decoration:none;}
			.byline { font-size:0.8em; }
				.byline a { color:#919191; font-weight:bold; }
			
		.cartoon-body-wrapper { width:100%; max-width:750px; }		
			
		body.cartoon .comments-label { padding-top:5px; }
		body.cartoon .comments-count { padding-top:25px; }
		
		.more-cartoons { display:inline-block; margin:50px 0 0; width:100%; }
			.more-cartoons .label-wrapper { font-weight:bold; text-transform:uppercase; font-size:0.8em; width:100%; padding-bottom:5px; display:inline-block; }
				.more-cartoons .label-wrapper a { color:#000000; }
				.more-cartoons .label-wrapper .prev { float:left; }
				.more-cartoons .label-wrapper .next { float:right; }
			
			.more-cartoons .toon-wrapper { display:inline-block; width:100%; }
			.more-cartoons .toon { float:left; width:48%; margin-left:30px; padding-bottom:20px; }
				.more-cartoons .toon-wrapper .toon .photo { max-height:120px; overflow:hidden;}
			.more-cartoons .toon:first-child { float:left; width:45%; margin-left:0; padding-bottom:20px; }
				/*.more-cartoons .toon .photo { width:360px; }*/
				.more-cartoons .toon .title { font-size:0.7em; font-weight:bold; text-transform:uppercase; padding-top:5px; }
				.more-cartoons .date { color:#EB2026; font-size:1em; font-weight:bold; }
					
		#taboolaWidget h2 { color:#000000; }
	
/*.beta-container { float:left; width:324px; margin-left:-325px; margin-top:-1px;}
	.beta { margin:20px auto; width:300px; }*/

.footer-wrapper { display:inherit; }

.RC-AD-TOP-BANNER {	margin: 0px auto 20px;display: block;}
.RC-AD-MOBILE-BANNER {margin: 20px auto 20px;display: none;width: 320px;height: 50px;}
/********************************************************** RESPONSIVE STYLES **************************************************************/

/* DESKTOP / TABLET / MOBILE STYLES */

/* shrink the banner ad under a certain size */
@media only screen and (max-width:1115px) {
	.RC-AD-MOBILE-BANNER {display: block;}
	.RC-AD-TOP-BANNER {display:none;}
}

/* more lists area styles - desktop down through smartphone */
@media only screen and ( min-width : 1214px ) and ( max-width : 1376px ){
	.more-cartoons .toon { width:47%; }
	.more-cartoons .toon:first-child { width:47%; }
}

@media only screen and ( min-width : 1105px ) and ( max-width : 1213px ){
	.more-cartoons .toon { width:46%; }
	.more-cartoons .toon:first-child { width:46%; }
}

@media only screen and ( min-width : 1025px ) and ( max-width : 1104px ){
	.more-cartoons .toon { width:44%; }
	.more-cartoons .toon:first-child { width:44%; }
}

@media only screen and ( min-width : 877px ) and ( max-width : 1024px ){
	.more-cartoons .toon { width:46%; }
	.more-cartoons .toon:first-child { width:46%; }
}

@media only screen and ( max-width : 876px ){
	.more-cartoons .toon { width:100%; margin:0; }
	.more-cartoons .toon:first-child { width:100%; margin:0; }
}


/* BASE RWD STYLES */
@media only screen and ( max-width : 1252px ){
	.cartoon-title-wrapper { width:100%; }
	
	.cartoon-social { width:100%; }
		.cartoon-social .socialBar { display:block; }
			.cartoon-social .socialBar .left { float:left; }
}

@media only screen and ( max-width : 1024px ){
	body.cartoon .alpha { margin:0 307px 0 0; }
	.alpha { margin:0 307px 0 0; }
						
	.cartoon-title-wrapper { width:100%; }	
		.cartoon-title-wrapper .cartoon-title { padding:0 5% 0 0; }
			.cartoon-title-wrapper .cartoon-title h1 { font-size:2.3em; margin-top:0; }

	.beta-container { border-left:none; margin-left:-300px; width:300px; }
	
}

/* SMARTPHONE STYLES */

@media only screen and ( max-width : 767px ){
		.beta-container { display:none; }
		body.cartoon .alpha { margin:0; }
		.cartoon-title-wrapper .cartoon-title h2 {margin-bottom:0px; font-size:1.5em;}
		.cartoon-title-wrapper .byline {margin:1em 0;}
		.alpha-container { margin-top:55px; }
			.alpha { margin:30px 0 0 0; padding:0 4% 50px 4%; }
			
			body.cartoon .cartoon-title-wrapper { margin-top:10px; }
			
			.body-photo-inline .body-photo:hover .hover-social {
				display: none;
			}
}

@media only screen and ( max-width : 414px ){
	.cartoon-title-wrapper .cartoon-title h1 { font-size:1.4em; margin:0 0 10px; }
	
	.cartoon-social .socialBar { padding:0; }
	.cartoon-top { padding-bottom:0; }
}

@media only screen and (max-width:335px) {
	.RC-AD-MOBILE-BANNER {margin-left:-13px;}
}