/* SECTION STYLES - LIST.CSS */
h1 { 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:#000000; font-size:2em; font-weight:900; font-family:"Helvetica Neue", sans-serif; }
h2.sponsor { float:left; margin:0; }
#taboolaWidget h2 { margin-top:0; }
		
		.list-top { display: inline-block; margin-top: 30px; padding-bottom: 20px; max-width: 750px; width:100%; margin-left:0; }
			.list-title-wrapper { float: left; width: 76%; }			
				.list-title-wrapper .list-title { font-family: "ROBOTO",sans-serif; padding:0; }
			
		.list-social { float: left; text-align: right; width: 24%; font-size:0.95em; font-weight:bold; }
			.list-social .socialBar { padding:25px 0 0; width:100%; }
				.list-social .socialBar .left { float:right; }
				
				.socialBar-clicks { 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 { display: inline-block; height: inherit; vertical-align: middle; }
					.socialBar-shares .label { color: #919191; font-size: 0.8em; text-transform: capitalize; }
						
		/*body.video .body-photo-inline { margin:30px 0; }*/
		
		.list-photo-wrapper { display:inline-block; max-width:750px; width:100%; }
			.list-photo-wrapper .photo { display:block; margin: auto auto; max-width: 647px;}
				.list-photo-wrapper .photo img {width:100%;}
			
			.list-photo-wrapper .list-pagi { text-align:center; margin:10px 0; }
				.list-photo-wrapper .list-pagi .pages { width:auto; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:900; }
					.list-photo-wrapper .list-pagi .pages .page {}
					.list-photo-wrapper .list-pagi .pages .totalPages { color:#919191; }
				
				.list-photo-wrapper .list-pagi .left-arrow { float:left; width:18px; cursor:pointer; }
				.list-photo-wrapper .list-pagi .right-arrow { float:right; width:18px; cursor:pointer; }	
				
			.list-photo-wrapper .byline { font-size:0.8em; }
			.byline.above { font-size:0.8em; }
				.list-photo-wrapper .byline a { color:#919191; font-weight:bold; }
			
		.list-body-wrapper { width:100%; max-width:750px; }
		
		.list-body-text { clear: both; font-family: "Domine",serif; font-size: 1em; line-height: 1.9em; padding: 0 20px 10px 0; }
			.list-body-text h3 { font-size: 1.4em; font-weight: 900; font-family: "Helvetica Neue",sans-serif; line-height: 1.1em; margin-bottom: 0px;}
			.list-body-text p { margin:15px 0 35px 0; padding-right:0; font-size:1em !important; line-height:1.9em !important; font-family:"Domine", serif !important; }
			
		body.list .comments-label { padding-top:5px; }
		body.list .comments-count { padding-top:25px; }
		
		.more-lists { display:inline-block; border-top:7px solid #000000; margin:50px 0 0; width:100%; }
			.more-lists .label {}
				.more-lists .label h2 { margin:20px 0 }
			
			.more-lists .show-wrapper { margin-left:-15px; display:inline-block; width:100%; }
			.more-lists .show { float:left; width:47%; margin-left:15px; padding-bottom:20px; }
				.more-lists .show .photo {overflow: hidden; max-height: 120px;}
				.more-lists .show .title {}
					.more-lists .show .title a { font-size:1em; font-weight:bold; }

.footer-wrapper { display:inherit; }

.RC-AD-MOBILE-BANNER {display:none; width:320px; min-height:50px; margin:1em auto;}
.alpha .RC-AD-TOP-BANNER {display:block; width:728px; margin: 1em auto;}
.top-banner .RC-AD-TOP-BANNER {display:none; width:728px; margin: 1em auto;}
.top-banner {border-bottom: 1px solid #EBEBEB;}
/********************************************************** RESPONSIVE STYLES **************************************************************/

/* DESKTOP / TABLET / MOBILE STYLES */

/* more lists area styles - desktop down through smartphone */
@media only screen and (max-width: 1125px) {
	.alpha .RC-AD-TOP-BANNER {display:none;}
	.top-banner .RC-AD-TOP-BANNER {display:block;}
}

@media only screen and ( min-width : 1077px ) and ( max-width : 1345px ){
	.more-lists .show { width:47%; }
}

@media only screen and ( min-width : 1025px ) and ( max-width : 1076px ){
	.more-lists .show { width:46%; }
}

@media only screen and ( min-width : 852px ) and ( max-width : 1024px ){
	.more-lists .show { width:47%; }
}

@media only screen and ( min-width : 769px ) and ( max-width : 851px ){
	.more-lists .show { width:46%; }
}

@media only screen and ( max-width : 768px ){
	.more-lists .show { width:100%; }
}


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

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

	
}

/* SMARTPHONE STYLES */

@media only screen and ( max-width : 767px ){
	.RC-AD-MOBILE-BANNER {display:block;}
	.RC-AD-TOP-BANNER {display:none !important;}
		.beta-container { display:none; }
		body.list .alpha { margin:0; }

		/*.alpha-container { margin-top: 55px; }*/
			.alpha { margin:0 0 30px 0; padding:0 4% 50px 4%; }
			
			body.list .list-title-wrapper { margin-top:10px; }
			
			.body-photo-inline .body-photo:hover .hover-social {
				display: none;
			}
}

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

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

/* EVENT LISTS for History */
.event_type {
	position: relative;
	display: block;
}
	.event_type a:not([href]) {
		/* 'a' that don't have href, IE9+ */
		text-decoration: none;
	}
	.event_type .image {
		display: block;
		height: 0;
		padding-top: 50%;
		width: 100%;
		background-size: cover;
		filter: brightness(0.4);
	}
	.event_type .text {
		display: block;
		position: absolute;
	    top: calc(50% - 80px);
	    left: 0;
	    right: 0;
	    bottom: 0;
	    text-align: center;
	    font-size: 36px;
	    line-height: 1.3;
	    padding: 0 20px;
	    color: #fff;
	}
		.event_type .text .date {
			font-size: 50px;
			display: block;
			color: #cc6600;
		}