/********************************************************************
* Theme Name: T74_Template
* Author: Devona
* Author URI: http://devona.com/
* Description: A WP Template by DEVONA for The 74
* Written by DEVONA <interact@devona.com>
* Version 1.0
********************************************************************/

/*  Reset | v2.0 | 20110126 | License: none (public domain)
	http://meyerweb.com/eric/tools/css/reset/
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; height: 0;}
.clear:before, .clear:after {content:""; display:block;}
.clear:after {clear:both;}
.clear {zoom:1;}
:focus {outline:none;}
.hidden {display: none;}



/*  Getting Organized // Base Structure & Styles
---------------------------------------------------------------------- */
html, body {
	height: 100%;
  	box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

#f74 {
	min-height: 100%;
}


body {
	font-size: 16px;
	line-height: 22px;
	font-family: "adriane",serif;
	font-style: normal;
	font-weight: 400;
	color: #2C2C25;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background-image: none;
}

p {
	padding: 0 0 20px 0;
}

a {
	color:#333;
	text-decoration: none;
	/*-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;*/
}

a:hover {
	color: #7a7a7a;
	text-decoration: none !important;
	/*color:#000;*/
	/*text-decoration: underline*/
}

.wrap {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 23px;
	position: relative;
}

.wrap.sm {
	/*max-width: 960px;*/
	max-width: 1050px;
}
.wrap.medium {
	max-width: 1206px;
}
.wrap:after, .row:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

.mobile {
	display: none !important;
}

strong {
    font-weight: bold	
}

#content{
	padding: 110px 0 20px;
}

.text-center {
	text-align: center;
}

/*  Header
---------------------------------------------------------- */
#top_nav{
	position: relative;
	width: 100%;
	top:0;
	left:0;
	border-bottom: thin solid #e5e5e5;
	background-color: white;
	z-index: 9998;
	position: fixed
}

#sub_nav{
	z-index: 500;
	position: fixed;
	width: 100%;
	height: auto;
	top: 150vh;
	left: 0px;
	right: 0px;
	opacity: 0.0;
	-webkit-transition: opacity 0.6s cubic-bezier(0.7, 0.01, 0.3, 1), top 0.8s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition: opacity 0.6s cubic-bezier(0.7, 0.01, 0.3, 1), top 0.8s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition: opacity 0.6s cubic-bezier(0.7, 0.01, 0.3, 1), top 0.8s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: opacity 0.6s cubic-bezier(0.7, 0.01, 0.3, 1), top 0.8s cubic-bezier(0.7, 0.01, 0.3, 1);
}
#sub_nav.open{
	top: 70px;
	bottom: 0px;
	overflow: scroll;
	opacity: 0.98;
}
.full_height #sub_nav.open{
	top: 0px;
}
body.open {
 	overflow: hidden; 
}
.logo{
	width: 70px;
	height: 70px;
	margin: 0px auto;
}

.logo a {
	display: block;
	width: 70px;
	height: 70px;
	background: url('images/tiny-logo.png') no-repeat center center;
	text-indent: -99999em;
}

.full_height > #top_nav > .logo {
	width: 70px;
	height: 70px;
	margin: 20px auto;
}

.full_height > #top_nav > .logo a{
	background: url('images/large-logo.png') no-repeat center center;
	width: 98px;
}
#top_nav > ul.social{
	position: absolute;
	left: 85px;
	top: 20px;
	display: none;
}
.full_height > #top_nav > ul.social{
	top: 40px;
}
#top_nav > ul.social a:link,
#top_nav > ul.social a:visited{
	display: block;
	color: #b3b3b3;
}
#top_nav > ul.social a:hover{
	color: black !important;
}

.ion-social-youtube:before{
	transform: translateY(3px);
}
ul.social{
	text-align: center;
	padding: 12px;
}
ul.social li{
	padding:0 10px;
	display: inline-block;
	text-align: center;
	font-size: 23px;
}
ul.social li a:hover{
	color: #b3b3b3 !important;
}
#hamburger{
	position: absolute;
	top: 25px;
	left: 25px;
}
.full_height #hamburger{
	top: 45px;
}
#menu_button {
	width: 23px;
	height: 23px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#menu_button span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: black;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#menu_button span:nth-child(1) {
	top: 0px;
}

#menu_button span:nth-child(2),#menu_button span:nth-child(3) {
	top: 11px;
}

#menu_button span:nth-child(4) {
	top: 21px;
}

#menu_button.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

#menu_button.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#menu_button.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#menu_button.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

#menu_button:hover{
	opacity: 0.5;	
}

#search_open{
	width: 25px;
	height: 25px;
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 25px;
	top: 25px;
	cursor: pointer;
}
.full_height #search_open{
	top: 45px;	
}
#mobile_newsletter{
	width: 70px;
	height: 25px;
	background-image: url(images/icon-mobile-newsletter.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 0px;
	top: 18px;
	display: none;
}
nav{
	width: 100%;
	overflow: auto;
	padding: 30px 30px 0px 30px;
	background-color: white;
	opacity: 0.98;
	/*-webkit-transition: opacity 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-moz-transition: opacity 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	-o-transition: opacity 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);
	transition: opacity 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);*/
}
nav a:link{
	width: 100%;
	display: block;
}

#nav_container{
	position: relative;
	max-width: 900px;
	margin: 0px auto;
}
.nav_row{
	font-size: 20px;
	height: 100%;
}
.nav_row a:hover{
	text-decoration: none;
}
.logo,
ul.social,
#hamburger,
#search_open{
	transition: all .25s ease-in;	
}
#center_row{
	padding-left: 0%;
}
#center_row a:link{
	padding-bottom: 10px;
	/*margin-bottom: 16px;*/
	margin-bottom: 3px;
	display: inline-block;
}
#center_row a:hover {
	/*background-image: url(images/underline.png);
	background-repeat: no-repeat;
	background-position: left bottom;*/
	color: #ff0000;
}
.nav_row h3{
	text-transform: uppercase;
	font-size: 16px;
	line-height: 40px;
}
.primary_menu{
	font-size: 35px;
	text-align: center;
}
.primary_menu li{
	margin-bottom: 48px;
}
.primary_menu a:hover{
	color: red;
}
.secondary_menu{
	display: none;
}
.mobile_secondary_menu{
	text-align: center;
	font-family: "soleil";
}
.mobile_secondary_menu li{
	display: inline-block;
	padding: 5px 20px;
}
#more_menu ul{
	margin-top: 0px;
}
header li{
  display: block;
}
.active{
	text-decoration: underline;
}
#trending_topics{
	font-size: 20px;
	line-height: 20px;
	font-family: "soleil";
	font-weight: 600;	
}
#trending_topics li {
	padding: 12px 0px;
}

#trending_topics li a:link,
#trending_topics li a:visited{
	color: #b3b3b3 !important;
}
#trending_topics li a:hover{
	color: black !important;
}
.expandable{
	padding: 10px 0px;
	border-top: thin solid #e5e5e5;
}
.expandable h3{
	font-weight: 600;
	background-image: url(images/forward_arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
	opacity: 0.5;
}
.expandable h3:hover{
	opacity: 1.0;
}
.expandable.open h3{
	background-image: url(images/down_arrow.png);
	opacity: 1.0;
}
.expandable > ul,
.expandable > #more_menu > ul,
.expandable > .menu-trending_topics-container > ul{
	height: 0px;
	overflow: hidden;
}
.expandable.open > ul,
.expandable.open > #more_menu > ul,
.expandable.open > .menu-trending_topics-container > ul{
	height: auto;
}
.expandable.open > #more_menu > ul{
	padding-top: 20px;
}
#redbar{
	width: 100%;
	background-color: red;
}
#redbar_container{
	max-width: 1280px;
	padding: 20px 20px 0px 20px;
	margin: 0px auto;
}
#redbar h3{
	font-size: 20px;
	font-family: "adriane",serif;
	font-style: italic;
	font-weight: normal;
	color: white;
	display: none;
	margin-right: 55px;				margin-right: 5%;
}
#redbar p{
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 17px;
}
#redbar p > a:link{
	color: white;
}
#redbar p > a:hover{
	color: black;
}
#redbar p > a:visited{
	color: white;
}
#redbar > ul.social li{
	color: white;
}
#redbar a:link{
	font-weight: 800;
}

#redbar a:link{
	color: white;
}
#redbar a:visited{
	color: white;
}
.address{
	display: none;
}
span.terms{
	color: white;
}
span.terms p a:hover{
	color: black;
	text-decoration: none;
}
span.contact a{
	letter-spacing: 1px;	
}
/*  Footer
---------------------------------------------------------- */

#search_cover{
	background-color: white;
	overflow: scroll;
	z-index: 9999;
	position:fixed;
	/*bottom: 100vh;*/
	top: -100%;
	width: 100%;
	height: 100%;
	transition: all 0.25s ease-in;
}
#search_cover.open{
	top: 0px;
	bottom: 0px;
}

#search_cover.half_open{
	top: 0px;
	height: 150px;
}

#search_column{
	max-width: 1150px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
}
#search_close{
	width: 80px;
	height: 80px;
	vertical-align: top;
	background-image: url(images/close.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	cursor: pointer;
	float: right;
}
#search_column > #searchform{
	display: inline-block;
	border-bottom: thin solid red;
	width: calc(100% - 140px);
	overflow: auto;
	float: left;
}
input#s {
	width: 100%;
	font-size: 50px;
	font-family: "adriane";
	font-weight: normal;
	border: none;
	margin-right: 10px;
}

.search_results{
	margin: 90px 0 !important;
}

/*  Social
---------------------------------------------------------- */



/*  Section
---------------------------------------------------------- */

section.top_news .wrap,
section.sls .wrap,
section.ssl .wrap,
section.lls .wrap,
section.lss .wrap,
section.fourColumn .wrap,
section.speakerBox .wrap,
section.collection_stories .wrap{
	max-width: 1206px;
	margin: 0px auto !important;
}

section.featureRight .wrap,
section.featureLeft .wrap,
section.videoRow .wrap {
	max-width: 1300px;
}

/*  Post
---------------------------------------------------------- */

.post {
	text-align: center;
	box-sizing: border-box;
	padding:10px 0 25px;
	margin:11.5px;
	border-bottom:1px solid #e1e1e1;
	display: block;
	cursor: pointer
}
.post a:hover{
	text-decoration: none;
}
.post a.cover{
	display: block;
	width: 100%;
	height: 100%;
}
.post.no_title{
	display: none;
} 
body.wp-admin .post.no_title{
	display: block;
}
.post.lg:hover > h2 a,
.post.sm:hover > h3 a,
.post.video:hover > p a,
.post.feature:hover > .head h2 a,
.post.sm:hover > h3.opinion a,
.post.video:hover p > a,
.listing li:hover span > h2 a,
.col.w25 a:hover > h3 {
	color: #7a7a7a;
	text-decoration: none;
}

.post.lg:hover > span.thumb,
.post.sm:hover > span.thumb,
.post.feature:hover > span.thumb{
	opacity: 0.8;
}

.post.feature:hover > .head {
	opacity: 0.95;
}
.post.feature:hover > .head h5 strong{
	color: white;
}

.post.feature:hover > .head h2 {
	text-decoration: none;
}

.post.sm:hover > h3.flashcard a{
	color: red;
}
.post.sm > h3.flashcard,
.post.sm:hover > h3.flashcard{
	border-bottom: 0px;
}

.post h2{
	display: none;
}
.lg h2,
.feature .head h2,
.speaker_callout h2 {
	display: block;
	font-size:30px;
	line-height: 41px;
	color:#161616;
	font-weight: normal;
}
.feature .head h2{
	font-size:34px;
	line-height: 44px;
}
.feature .head h5 a:link,
.feature .head h5 a:visited,
.feature .head h5 a:hover{
	color: white;
}

h3, h4, h5 {
	font-family: "soleil",sans-serif;
	font-style: normal;
	font-weight: normal;
}
.post h3 {
	display: none;
}

.sm h3 {
	display: block;
	font-size: 16px;
	line-height: 22px;
}
.sm h3.opinion,
.sm h3.flashcard {
	font-family: "adriane", serif;
	font-size: 20px;
	line-height: 29px;
	padding: 0px 10px;
	display: block;
}

#trending h3{
	font-size: 16px;
	line-height: 22px;
}
h3 {
	font-size:16px;
	color:#161616;
}

h4 {
	font-weight: 700;
	color:#ff0000;	
}

h4.cat {
	padding:5px 20px;
}
.feature h4.cat {
	display: none;
}

.post h5 {
	margin-top:20px;
	font-size:13px;
	font-weight: 600;
	letter-spacing: 0.5px;
	padding-bottom: 4px;
}
.post h5 a {
	color:#999;
}
.post h5 a:hover{
	color: #000;
	text-decoration: none;
}
.sm h5,
.feature h5 {
	display: none;
}

.sm .speaker_callout,
.lg .speaker_callout,
.video .speaker_callout,
.feature .speaker_callout,
.feature .speaker_callout{
	display: none;
}

.flashcard_container{
	border: 1px solid #e1e1e1;
	padding: 30px 0px 60px 0px;
}

ul[dir="ltr"]{
    list-style-type: disc;
}

ul[dir="ltr"] li{
	list-style: inherit !important;
}

/* Thumbnail Styles and Sizes 
============================================= */
.thumb {
	height: 285px;
	margin-bottom:20px;
	display: block;
	background-color: #f2f2f2;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.post.lg > .thumb{
	margin-bottom: 10px;
}

.thumb .cat {
	position: absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	background:#FFF;
	padding:5px 25px;
	font-weight: 800;
	font-size: 13px;
}
.thumb .cat a {
	color: #ff0000;
}
.thumb .cat a:hover {
	color: black;
	text-decoration: none;
}

.sm .thumbnail-flashcard,
.sm .thumbnail-opinion{
	visibility: hidden;
	display: none;
}


/* Border Colors */
.b-orange {border-color:#ff9343;}
.b-teal {border-color:#2cffff;}
.b-yellow {border-color:#fffd00;}
.b-green {border-color:#34ff00;}
.b-purple {border-color:#f700ff;}
.b-blue {border-color:#000efd;}


/* Small */
.sm .thumb {
	height: 137px;
	border-bottom-width: 3px;
	border-bottom-style: solid;		
}

.sm .thumb .cat {
	bottom: -5px;
	font-size: 13px;
}

/*.post.sm h2 {
	font-size:20px;
	line-height: 26px;
}*/

.post .sm h2, 
.post .sm h5,
.post p {	
	display: none;
}

/* Medium */
.md .thumb {
	height: 185px;
	border-bottom-width: 2px;
	border-bottom-style: solid;		
	
}

/* Large */
.lg .thumb .cat {
	left:20px;
	right:20px;
	transform: none;
	padding-top:20px;
	border-top:3px solid #ff9343;
}

.lg h2 {
	padding: 0 50px;
}


/* Icon */
.icon {
	display: inline-block;
	margin:10px 0;
}

.icon-news,
.icon-analysis,
.icon-video,
.icon-uncategorized,
.icon-featured,
.icon-touts,
.lg .icon-opinion,
.lg .icon-flashcard,
.feature .icon {
	display: none;
}


/* Video */
.post.video {
	text-align: left;
	border: 0;
	padding:10px 0;
}
.post.video.sm:hover h3 {
	text-decoration: none;
	color: #7a7a7a;
}

.front_page .video.sm {
	text-align: center;
}

.videoRow .video h5,
.videoRow .video h4,
.videoRow .video .icon {
	display: none;
}
.video p {
	padding:0;
	font-family: "soleil",sans-serif;	
}

.video .thumb {
	height: 185px;
	position: relative;
}

.vids .thumb{
	border: 0px;	
}

.video.sm .thumb {
	/*height: 135px;*/
	height: 0px;
	padding-bottom: 56.25%;
}

.video .thumb .play,
#vid .play{
	display: block;
	height: 100%;
	width: 100%;
	background: url('images/btn-play.png') no-repeat center center;
	background-size: 53px 50px;
	background-color: rgba(0, 0, 0, 0.05);
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}
#live_video .play,
#live_video #vid:hover .play,
#single-vid-wrap .play,
#single-vid-wrap #vid:hover .play{
	background-size: 80px 80px;
}
#featured-videos .video .thumb .play {
	/*background: url('images/btn-play-blue.png') no-repeat top left;*/
}
a.video:hover span.play,
#vid:hover .play{
	background: url('images/btn-play-blue.png') no-repeat center center;
}
.w33 p{
	display: block;
	font-size: 18px;
	line-height: 26px;
}
#single-vid{
	margin-bottom: 22px;
}
#single-vid-wrap{
	padding: 0px 10px;
	max-width: 970px;
}
#single-vid .divider{
	margin: 10px auto 30px auto;
}
.single-vid-series{
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 50px;
	text-transform: uppercase;
	font-family: "soleil", sans-serif;
	font-weight: 600;
}

/*  Feature
---------------------------------------------------------- */
.feature {
	overflow: hidden;
	border: 0;
	padding: 50px 0;
}

.feature .thumb {
	height: 500px;
	width: 80%;
	margin: 0;
}

.head {
	display: none;	
}
.sm .head.flashcard,
.sm .head.opinion {
	display: block;
}
.head.flashcard h4,
.head.opinion h4{
	padding: 0px 20px 12px 20px;
}

.head.flashcard h4 a,
.head.opinion h4 a {
	color: red;
	font-size: 13px;
	text-transform: uppercase;
}
.head.flashcard h4 a:hover,
.head.opinion h4 a:hover {
	color: #000;
	text-decoration: none;
}

.feature .head {
	display: block;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	width: 50%;
	background:rgba(247,0,255,.75);
	padding:80px 50px 50px;
	box-sizing: border-box;
	display: block;
}

.feature.purple .head {
	background:rgba(247,0,255,.75);
}

.feature.blue .head {
	background:rgba(0,14,253,.75);	
}

.feature .head h2 a {
	color:#FFF !important;
}

.feature h4.cat {
	display: none;
	padding: 10px 20px;
}

.feature .head .cat {
	display: block;
	position: absolute;
	top:0;
	background:#FFF;
	left:50%;
	transform: translateX(-50%);
	font-size: 13px;
}

.feature .head .cat a{
	color: #ff0000;
}
.feature .head .cat a:hover{
	color: #000;
	text-decoration: none;
}

.feature .head h5 {
	font-family: "adriane",serif;
	font-size: 14px;
	display: block;
	color: #FFF;
}

.feature .head h5 strong {
	font-family: "soleil",sans-serif;	
	text-transform: uppercase;
}



.feature.left .thumb {
	float: right;	
}

.feature.left .head {
	left: 20px;
}

.feature.right .thumb {
	float: left;	
}

.feature.right .head {
	right: 20px;
}


/*  Speaker Box
---------------------------------------------------------- */
.speaker {
	padding:0 100px;	
	position: relative;
}
.speakerbox.post{
	border-bottom: 0px;	
}
.speaker .thumb,
.speaker .head,
.post.sm .speaker .icon, 
.speaker h2,
.speaker h3,
.speaker p {
	display: none;
}

.speaker .heading h3{
	display: block;
	font-size: 13px !important;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 20px;
}

.speaker:before, 
.speaker:after {
	display: block;
	content: '';
	position: absolute;
	height: 100%;
	width: 100px;
	left:0;
	top:0;
}

.speaker:before {
	background: url('images/speakerbox-left.png') no-repeat center center;
}

.speaker:after {
	background: url('images/speakerbox-right.png') no-repeat center center;
	left:auto;
	right:0;
}

.speaker .post {
	border: 0;
}

.speaker_callout h2{
	display: block;
}

.speaker h2 span {
	background: #fffd00;
	display: inline;
	padding:5px;
	line-height: 48px;
}

.speaker h5{
	display: none;	
}

.speaker_callout h5 {
	color:#161616;
	font-size:16px;
	font-family: "adriane",serif;
	font-weight: normal;
	margin:25px 0;
	display: block;
}


.speaker h5 strong {
	font-family: "soleil",sans-serif;	
	text-transform: uppercase
}

.speaker .more {
	font-family: "soleil",sans-serif;	
	text-transform: uppercase;
	color:#ff0000;
	font-weight: bold;
	border-bottom:2px solid #ff0000;	
	font-size: 13px;
	line-height: 18px;
	padding: 2px 0px;
}

.speaker a:hover{
	text-decoration: none
}

.speaker a:hover h2 {
	text-decoration: none;
	color: #7a7a7a;
}

.speaker a:hover .more {
	color: black;	
	border-bottom:2px solid black !important;	
}

/*  Heading
---------------------------------------------------------- */
.heading {
	text-align: center;
	padding-bottom:30px;
}
.p60 .heading {
	padding-bottom: 11.5px;
}

.heading h2 {
	font-family: "soleil",sans-serif;		
	font-size:26px;
	letter-spacing: 2px;
	color:#ff0000;
	font-weight: bold;
	text-transform: uppercase;	
}

.heading h3 {
	font-size:16px;
	color:#ff0000;
	font-weight: bold;
	text-transform: uppercase;
	margin:10px 0 0;
	letter-spacing: .5px
}

.heading p {
	font-size: 20px;
	line-height: 29px;
	max-width: 800px;
	margin: 20px auto;
}

.speaker .heading h3 {
	font-size:18px;
	color:#ff0000;	
}

.heading h5 {
	font-family: "soleil", sans-serif;	
	padding-top:20px;
	display: block;
}

.heading div {
	padding-top:30px;
	font-size:18px;
	line-height: 28px;
	max-width: 800px;
	margin: 0 auto;
}

/*  Flashcard
---------------------------------------------------------- */
a.flashcard {
	display: block;
	text-align: center;
	border: 1px solid #e1e1e1;
	padding:30px;
	margin: 20px;
	display: block;
}

a.flashcard h3 {
	font-size:22px;
	line-height: normal;
	font-family: "adriane",serif;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

a.flashcard h3 span {
	text-decoration: underline;
}

a.flashcard:hover {
	text-decoration: none;
}

a.flashcard:hover h3 {
	color:#000;
	color:#ff0000;
}

/*  Post
---------------------------------------------------------- */
.row {
	display: flex;
}

.col {
	float: left;
}

.w20 {
	width: 20%
}

.w25 {
	width: 25%
}

.w33 {
	width: 33.33333%
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60%;
}


/* Trending 
---------------------------------------------------------- */
#trending {
	text-align: center;
	margin:30px 11.5px;
	padding: 23px 0 1px;
	background:url('images/bg-trending-pattern.png') repeat 0 0;
}

#trending h2 {
	color:#FF0000;
	font-family: "soleil",sans-serif;
	font-style: normal;
	font-weight: bold;	
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size:24px;
	line-height: 28px;
	margin-bottom:20px;
}

#trending .post {
	background:#FFF;
	border: 0;
	padding:4px 20px 20px;
	margin: 36px 20px;
	position: relative;
}

#trending .post:last-of-type {
	margin-bottom: 30px;
}

#trending .post span {
	display: block;
	height: 16px;
	background:#FFF;
	position: absolute;
	top:-16px;
	left:0;
	right:16px;
}

#trending .post span:before {
	content: "";
    position: absolute;
    top: 0;
    right: -16px;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #FFF #FFF #FFF #FFF;
	background:transparent;
    display: block;
    width: 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;	
}


#trending a.post:hover,
#trending a.post:hover > h3{
	text-decoration: none;
	border-bottom: 0px;
}

#trending .post h4.cat {
	padding:0 0 10px;
	font-size: 13px;
}

#trending a.post:hover span:before {
    border-color: transparent transparent #FF0000 #FF0000;
}

#trending .post hr{
	display: none;
	margin-top: 20px;
	opacity: 0.5;
}

/*  Newsletter Signup
---------------------------------------------------------- */
.red_callout {
	background: #ff0000;
	color:#FFF;
	padding:25px;
	overflow: hidden;	
}

.red_callout h4 {
	color: #FFF;
    font-size: 30px;
    line-height: normal;
    text-transform: uppercase;
    box-sizing: border-box;
	display: inline-block;
	letter-spacing: 2px;
}

.newsletter_signup h4 {
	background:url('images/icon-email.png') no-repeat left center;
    width: 60%;
    float: left;
    padding-left: 10%;	    
}
.newsletter_signup input[type="email"]{
	top: 50%;
	position: absolute;
	height: 50px;
	max-width: 27%;
	margin-top: -25px;
}

.newsletter_signup input[type="email"]{
	top: 50%;
	position: absolute;
	height: 50px;
	max-width: 25%;
	margin-top: -25px;
}

.news_ticker {
	/*overflow: scroll;*/		
}
.news_ticker h4{
	border-bottom: 3px solid red;
}
.news_ticker:hover h4 {
	text-decoration: none;
	border-bottom: 3px solid white;
}

#tick{
	transform: translateX(0px);
	transition: all 12s linear;
}

.news_ticker .news {
	background:url('images/icon-checkout.png') no-repeat left center;
	width: 3000px;
	padding-left:60px;
	
}


.newsletter_signup form {
	margin-left:60%;
}

input[type="email"]{
	padding:10px 20px;
	font-size:16px;
	display: inline-block;
	float: left;
	width: 70%;
	box-sizing: border-box;
	font-family: "soleil",sans-serif;
	border: 0;
}

.newsletter_signup form .btn {
	width: 30%;
	top: 50%;
	right: 0px;
	position: absolute;
	height: 50px;
	max-width: 200px;
	margin-top: -25px;
}
.newsletter_signup form .btn:hover {
	background: none;
}

.newsletter_signup form .btn:hover > span {
	border-bottom: 3px solid #ff0000;
}

.btn {
	display: inline-block;
	padding:2px 0;
	text-align: center;
	border: 0;
	color:#FFF;
	line-height: normal;
	text-transform: uppercase;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
	font-family: "soleil",sans-serif;
	font-weight: bold;
	background: transparent;
	box-sizing: border-box;
	font-size:20px;
	letter-spacing:1px;
	
}
.btn span {
	display: inline-block;
	padding: 2px 0px;
	border-bottom:3px solid #FFF;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.btn.red span {
	color:#f70d0d;
	border-bottom:2px solid #f70d0d;
}

.btn.red:hover  {
	background: none;
}

.btn.red:hover span {
	color:#000;
	border-bottom:2px solid #000;
	
}

.btn:hover {
	background:#f70d0d
}

section.p60 {
	margin:40px 0;
}
/*  Newsletter Page
---------------------------------------------------------- */
#newsletter_fp{
	max-width: 940px;
	height: auto;
	/*padding: 30px;*/
	padding: 1px 0 1px;
	margin: 55px auto;
	background: url('images/bg-trending.png') repeat 0 0;
}
#newsletter_fp > .inner_form{
	max-width: 840px;
	margin: 50px;
	padding: 25px;
	background-color: white;
}
#newsletter_fp form{
	max-width: 400px;
	margin-top: 25px;
}
#newsletter_fp h2{
	font-size: 34px;
	font-weight: normal;
	line-height: 44px;
	margin-top: 30px;
	margin-bottom: 15px;
}
#newsletter_fp h3,
#newsletter_stories > h3{
	color: red;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 1px;
	max-width: 100%;
}
#newsletter_stories > h3{
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px 12.5px;
}
#newsletter_fp p{
	font-size: 16px;
	line-height: 28px;
}
#newsletter_fp .btn.red span{
	border-bottom: 4px solid red;
}
#newsletter_fp input{
	color: black;
}


/* Collection Pages
---------------------------------------------------------- */

#collection_banner{
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0px auto;
	width: 100%;
	min-height: 153px;
	max-width: 1600px;
	text-align: center;
	display: table;
	margin-bottom: 50px;
}
#collection_banner span{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	line-height: 0px;
}
img.mobile_banner{
	display: none;
}
#collections_head .post{
	border-bottom: 0px;
}
#collection_banner h1{
	font-size: 3em;
	margin-bottom: 30px;
	margin-top: 15px;
	text-transform: uppercase;
	color: white;
	font-family: "lexia", serif;
}
#collection_banner h2{
	font-family: "adriane", serif;	
	font-style: italic;
	color: #a3a3a3;
	font-size: 16px;
	line-height: 16px;
	margin-top: 11px;
}
#top_videos ul{
}

#top_videos{
	width: 100%;
	overflow: auto;
}
#top_videos_title{
	font-family: "soleil", sans-serif;
	width: 16.665%;
	padding: 10px;
	float: left;
}
#top_videos_title a:link{
	color: #b3b3b3;
	font-size: 10.5px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid #b3b3b3;
}
#top_videos_title a:hover{
	color:#161616;
	border-bottom: 2px solid #161616;
}

#top_videos h2{
	font-size: 31px;
	line-height: 35px;
	margin-bottom: 25px;
	font-family: "lexia",serif;
	font-style: normal;
	font-weight: 900;
}

#top_videos .thumb{
	height: 88px;
	margin-bottom: 10px;
	border-bottom: 0px;
}

#top_videos li{
	width: 16.665%;
	float: left;
	vertical-align: top;
}
#top_videos li h3{
	font-size: 14px;
	line-height: 20px;
}
#top_stories .icon-opinion,
#top_stories .head.opinion h4 {
	display: none;
}
#top_stories .sm h3.opinion{
	font-family: "soleil", sans-serif;
	font-size: initial;
	line-height: initial;
	padding: initial;
}
#top_stories .sm .thumbnail-opinion{
	display: block;
	visibility: visible;
}
.skoolrule{
	background-image: url('images/skoolrule_blue.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 15px;
	margin-bottom: 18px;
}
.white_callout{
	background: white;
	color: black;
	padding: 45px;
	border: 2px solid #00c6ff;
	overflow: hidden;
}
.white_callout h4{
	font-size: 27px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #161615;
	background: url('images/icon-email-dark.png') no-repeat left center;
}
.white_callout .btn{
	color: #ff0000;
}
.white_callout input[type="email"]{
	border: thin solid #e1e1e1;
}
.collection_stories li{
	width: 33.3%;
	vertical-align: top;
	display: inline-block;
}
.collection_stories .md .thumb{
	border-bottom: 0px;
}
.collection_stories li h4{
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	color: #161616;
}
.collection_stories li .thumb{
	height: 188px;
}
section.collection_stories .row{
	flex-wrap: wrap;
}
.collection_stories p.author,
.collection_stories h5{
	display: none;
}
/*  Archive Page
---------------------------------------------------------- */

/* Featured Articles on Archive Page */
.featured_articles .post {
	text-align: left;
	font-family: "soleil",sans-serif;	
	border: 0;
	padding:10px 0;	
}

.featured_articles a:hover {
	text-decoration: none;
}

.featured_articles h4 {
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	color:#2C2C25;
	/*padding-bottom: 20px;*/
	padding-bottom: 0px;
}

.featured_articles a:hover h4 {
	text-decoration: none;
	color:#7a7a7a;
}

.featured_articles a:hover span {
	opacity: 0.8;
}

.author {
	font-size:12px !important;
	line-height: 20px;
	letter-spacing: 0.5px;
	color:#999;	
	padding: 7px 0px 0px 0px;
	font-family: "adriane", serif;	
}

.author strong, .author a {
	font-family: "soleil", sans-serif;	
	text-transform: uppercase;
	color:#999;		
}

.author a:hover {
	color:#333;
	text-decoration: underline;
}

.mobile_author{
	display: none;		
}

.blog_author{
	padding-bottom: 22px;
	padding-top: 13px;
}

.details img {
	max-height: 100px;
	width: auto;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 20%, #f2f2f2 20%, #f2f2f2 100%, #000000 100%, #f2f2f2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 20%,#f2f2f2 20%,#f2f2f2 100%,#000000 100%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 20%,#f2f2f2 20%,#f2f2f2 100%,#000000 100%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
.single aside img {
	width: auto;
}

.author em {
	display: block;
	font-weight: 600;
}
a.more-link{
	display: inline-block;
	margin-top: 1em;
	color: #f70d0d;
	text-decoration: none !important;
	font-family: "soleil", sans-serif;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 2px solid #f70d0d;
	padding: 2px 0px;
}
a.more-link:hover{
	color: #000;
	border-bottom: 2px solid #000;
	text-decoration: none !important;
}

.listing li {
	/*padding:20px;*/
	padding: 30px 11%;
	border-bottom:1px solid #e1e1e1;
	overflow: hidden;
}

.listing li:first-of-type{
	padding-top: 25px;
}

li.single_article span{
	max-width: 900px;	
}
.listing li:hover a > img {
	opacity: 0.8;
}

.listing img {
	width: 30%;
	max-width: 235px;
	float: right;
}

.listing li span {
	display: block;
	width: 65%;
}

.listing li h2 {
	font-size:28px;
	line-height: normal;
	font-weight: normal;
}

.listing li h5 {
	display: block;
	color:#999;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}
.listing li h5 a {
	color:#999;
}

.listing li h5 a.category {
	color:#ff0000;
}

.listing li h5 a.category:hover {
	color:#333;
}

.listing li h5.mobile{
	display: none;
}

/* Search Page */
#feed h4 {
	padding-left:20px;
	padding-bottom:20px;
	text-transform: uppercase;
}

#feed h4 span {
	color:#000;	
}

/* Author */
.author_heading h3 {
	padding: 20px 0 10px;
}

.author_heading {
	padding-bottom: 50px !important;
}


/* Load More */

.load-more  {
	display: block;
	padding:50px;
	color:#FF0000;
	font-weight: bold;
	font-family: "soleil", sans-serif;	
	text-transform: uppercase;
	text-align: center;
	font-size:18px;
}
.load-more.blue{
	color: #00c6ff;
}
.load-more  span {
	display: inline-block;
    width: 30px;
    height: 27px;
    margin: 0 5px;
    background: url('images/icon-load.png') no-repeat center center;
    transition: all 0.2s linear;
    position: relative;
    top: 7px;
}
.load-more.blue span {
    background: url('images/icon-load-blue.png') no-repeat center center;
}
.load-more:hover {
	text-decoration: none;
	color:#333;
}
.load-more.blue:hover{
	color: #00c6ff;
}

.load-more:hover span {
	transform: rotate(-180deg);	
}



/*  Pages
---------------------------------------------------------- */

/* Top Article Nav */
#topArticleNav {
	border-bottom:1px solid #e1e1e1;
	padding:22px 80px 22px 20px;
	position: relative;
	overflow: hidden;
	width: 100%;
}

/* Width is 400px times number of articles (18) */
#thumbs_container {
	overflow: hidden;
	/*width: 7200px;*/
	width: 8600px;
	display: flex;
	transition: margin-left 0.5s ease-out;
}

#topArticleNav ul li {
	width: 16.5%;
	max-width: 430px;
	max-height: 135px;
	/*max-width: 350px;*/
	box-sizing: border-box;	
	padding:0 17.5px;
}

#topArticleNav ul li a{
	border: 1px solid #e1e1e1;
	padding:15px;
	display: block;	
	box-sizing: border-box;	
	overflow: hidden;
	position: relative;
	min-height: 105px;
}

#topArticleNav ul li a span{
	display: block;
	position: absolute;
	/*width: 40%;*/
	width: 153px;
	top:15px;
	bottom:15px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	background-size: cover;
}

#topArticleNav ul li a p{
	padding: 0;
	margin-left:48%;
	font-family: "soleil", sans-serif;	
	font-size: 14px;
	line-height: 18px;	
	max-height: 75px;
	overflow: hidden;
}

#topArticleNav div.nav {
	position: absolute;
	padding:30px 30px 30px 20px;
	right:0;
	top:0;
	width: 40px;
	background: #FFF;
	box-sizing: content-box;
}

#topArticleNav div.nav a {
	display: block;
	padding:10px;
	color:#FFF;
	background: #b3b3b3;
	text-align: center;
	font-size: 22px;
	margin-bottom:5px;
}

#topArticleNav div.nav a:hover {
	background:#212121;
}

#topArticleNav div.nav a span {
	display: none;
}


#topArticleNav .video::after {
	display: block;
	height: 50px;
	width: 53px;
	content: url('images/btn-play.png');
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}


/* Single Page Layout */
.single {
	max-width: 1206px;
	margin: 0 auto;
}
.featured_story .single{
	max-width: 1246px;
}
.blog .content ul{
	list-style: inherit;
	list-style-position: inside;
	padding-bottom: 25px;
}
.blog .content ul li{
	margin-bottom: 10px;
}

#blog_archive{
	/*padding-top: 60px;*/
	padding-top: 5px;
}
#blog_archive hr{
	display: block;
    height: 2px;
    border: 0;
    border-top: 3px solid #e1e1e1;
    margin: 1em 0;
    padding: 0; 
}
#blog_archive aside{
	padding-top: 25px;
}
#blog_archive span.drop-cap,
.blog .drop-cap{
	font-size: inherit;
	display: inline;
	padding: 0px;
	float: none;
}
.blog h2{
	font-family: "soleil", sans-serif;
	font-weight: 700;
}
.single img {
	width: 100%;
}
.single img.icon {
	width: auto;
}
figcaption,
p.wp-caption-text,
span.caption,
span.credit,
.article__image-caption,
.article__image-source{
	font-size: 14px;
	line-height: 22px;
	color: #b3b3b3;
	display: block;
}
figcaption,
span.caption,
p.wp-caption-text,
.article__image-caption,
.article__image-source {
	font-family: "soleil", sans-serif;
}
span.credit {
	font-style: italic;
}
span.drop-cap{
	display: inline-block;
	font-size: 54px;
	float: left;
	padding: 17px 10px 5px 0;
}
p.has-drop-cap:not(:focus):first-letter {
	float: left;
	font-size: 3.5em;
	line-height: .68;
	font-weight: 100;
	margin: 10px 5px 5px 0;
	text-transform: uppercase;
	font-style: normal;
}
p.has-drop-cap:not(:focus):after{
	padding-top: 0px;
}
h3.listicle-item{
	min-height: 80px;
}
.listicle-item > div.number-and-header{
	font-family: "soleil", sans-serif;
	font-weight: 700;
	line-height: 34px !important;
	font-size: 24px;
	min-height: 80px;
	margin-bottom: 30px;
	max-width: 600px;
}
.listicle-item::first-letter{
	font-family: "soleil", sans-serif;
	color: red;
	display: inline-block;
	font-size: 80px;
	float: left;
	margin-bottom: 10px;
	padding: 12px 10px 5px 0;
}

.listicle-item .description{
	width: 100%;
	padding: 0px;
}


.listicle {
	counter-reset: my-badass-counter;
	margin-left: -80px;
}
.listicle dt {
	position: relative;
	padding: 4px 0 10px 0;
	font-family: "soleil", sans-serif;
	font-weight: 700;
	line-height: 34px !important;
	font-size: 24px;
	min-height: 80px;
}
.listicle dt:before {
	content: counter(my-badass-counter);
	counter-increment: my-badass-counter;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 80px;
	line-height: 65px;
	font-family: "soleil", sans-serif;
	color: red;

}

.listicle dd {
	margin: 0 0 50px 0;
}

.listicle dt, .listicle dd {
	padding-left: 60px;
	max-width: 600px;
}
.listicle dd img {
	margin-top: 15px;
}

.listicle dt:nth-of-type(n+10),
.listicle dd:nth-of-type(n+10){
	padding-left: 90px !important;
}


.pull-quote,
.quote__large,
.article__intro {
	font-family: "soleil", sans-serif;
	font-weight: 700;
	line-height: 34px;
	font-size: 24px;
	max-width: 600px;
}

.article__intro{
	padding-bottom: 30px;
}

.inner-headline{
	font-family: "soleil", sans-serif;
	font-weight: 700;
	line-height: 38px;
}
.outside-source-text{
	border-left: 1px solid black;
	font-weight: bold;
	line-height: 28px;
	display: block;
	margin-left: 20px;
	padding-left: 20px;
}
.alignleft{
	float: left;
	margin-right: 50px;
}

#single_header{
	padding-top: 50px;
	max-width: 865px;
}

#single_header h1{
	font-size:40px;
	line-height: 55px;
    font-weight: normal	;
	border:0;
	padding:10px 0 30px 0;
	display: block;
}

#single_header h4{
	font-size:40px;
    font-weight: normal	;
	border:0;
	display: block;
}

#single_header h4 a,
#vid-head h4 a{
	color: #ff0000;
	font-weight: 600;
	font-size: 13px;
}

#single_header h4 span.series a,
#vid-head h4 span.series a {
	color: #b3b3b3;
}
span.series a:hover,
#single_header h4 a:hover,
h4.cat:hover{
	text-decoration: none;
	color: #000000 !important;
}

#single_header h4 span,
#vid-head h4 span{
	margin-left: 10px;
}

#single_header em{
	color: #999;
	font-size: 14px;
}

#main {
	width: 65%;
	padding-bottom:50px;
	position: relative;
	float: left
}

#main img {
	width: 100%;
	height: auto;
}

#main img:first-of-type {
	/*border-bottom: 3px solid #000efd;*/
}

#blog_archive > #main img:first-of-type,
.blog > #main img:first-of-type {
	border-bottom: 0px;
}

#main .content img{
	border-bottom: 0px !important;	
	max-width: 600px;
}

#main .content div{
	max-width: 100%;
}

#main img.alignleft {
	width: auto;
	float:left;
	margin-right:25px;
	margin-bottom:20px;
}
#main iframe {
	margin-top: 30px;
}

#main figure.is-provider-documentcloud iframe{
	width: 100%;
	height: 70vh;
	max-height: 800px;
}

#main h1 {
	font-size:40px;
	line-height: 55px;
    font-weight: normal	;
	border:0;
	padding:10px 0 30px 0;
	display: block;
}

#main h1.blog_title{
	font-size:46px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
	text-transform: uppercase;
	font-family: "soleil", sans-serif;
	letter-spacing: 2px;
}

#main h1.blog_post,
#single_header h1.blog_post {
	padding-bottom: 0px;
	font-family: "soleil", sans-serif;
	font-size: 30px;
	line-height: 41px;
}

#main .content {
	margin-left:80px;
	margin-top: 25px;
}
#main .content a:link {
	text-decoration: underline;
}

#main .content p a:hover:not(.more-link),
#main .content article__paragraph a:hover{
	text-decoration: underline !important;
}

#main .content p,
#main .content ul,
#vid-content p,
.flashcard_story p,
.article__paragraph,
.article__paragraph.opening, 
.listicle dd {
	max-width: 600px !important;
	padding-bottom:30px;
	line-height: 28px;
	letter-spacing: 0.00625em;
}

.article__paragraph .video-start,
.article__paragraph hr {
	display: none;
}

.article__paragraph > div{
	margin-bottom: 70px;
}

.article__paragraph ul{
	margin-left: 20px;
}

.article__paragraph > .article__paragraph,
.article-image-container,
.article__intro{
	margin-bottom: 0px !important;
}

.article__paragraph iframe{
	margin-bottom: 60px;
	display: block !important;
}

.article__paragraph.opening:first-letter {
	display: inline-block;
	font-size: 54px;
	float: left;
	padding: 17px 10px 5px 0;
} 

#about .article__paragraph {
	max-width: none;
}

#main .content h2 {
	font-weight: bold;
	font-size:30px;
	margin:20px 0 30px;
}

#main .content h3 {
	font-weight: bold;
	font-size:20px;
	margin:20px 0 10px;
	font-family: 'soleil', sans-serif;
}
#main h4{
	font-weight: normal;
	margin-right: 15px;
}
#main h4 a {
	color: #ff0000;
	font-weight: 600;
	font-size: 13px;
}
#main h4 span.series a {
	color: #b3b3b3;
}

#main h4 span{
	margin-left: 10px;
}

#main .content p a:link {
	text-decoration: underline;
}
#main .content .btn {
	font-size: 13px !important;
}
#main .content ol,
#main .content ul{
	list-style: initial;
    list-style-position: inside;
    padding-bottom: 30px;
}
#main .content ol{
	list-style-type: decimal;
}
#main .content ul {
	list-style: disc outside none;
	margin-left: 0;
	padding-left: 1.25em;
}
#main .content ul li{
	padding-bottom: 0.75em;
	padding-left: 0.5em;
}
#main .content ul li:last-of-type{
	padding-bottom: 0em;
}

#single_share{
	position: fixed;
	width: 27px;
	height: 60px;
	margin-left: -65px;
}

#fb_share,
#twitter_share{
	text-align: center;
	color: white;
	width: 27px;
	height: 27px;
	display: block;
	vertical-align: middle;
	margin-bottom: 2px;
}

#fb_share:hover,
#twitter_share:hover{
	background-color: black;
	cursor: pointer;
}

#fb_share{
	background-color:#000efd;
	line-height: 27px;
}

#twitter_share{
	background-color:#20c0f1;
	line-height: 27px;
}

.ion-social-twitter:before,
.ion-social-facebook:before{
	vertical-align: middle;
}


/* Tags */
.tags {
	padding:30px 0;
}

.tags h6 {
	color:000;
	font-family: 'soleil', sans-serif;
	text-transform: uppercase;	
	padding-bottom:10px;
}

.tags li {
	display: inline-block;
	margin:0 10px 10px 0;
	letter-spacing: 1px;
}

.tags li a {
	display: block;
	border:1px solid #ccc;
	color:#ccc;
	font-family: 'soleil', sans-serif;
	padding:5px 10px;
	text-transform: uppercase;
	font-size: 12px;	
	line-height: normal;
	font-weight: bold;
	text-decoration: none !important;
}

.tags li a:hover {
	color: white;
	background-color: #ccc;
	text-decoration: none !important;
}


aside {
	margin-left:67%;
	padding: 0px;
	transition: all .25s;
}

aside div {
	border-top:1px solid #e1e1e1;
	padding:20px 0;
}

aside div.noborder {
	border: 0;
}

aside #trending {
	max-width: 266px;
	margin-left: 27%;
	border-top: 0px;
	margin-bottom: 40px;
}

.date {
	padding:0 0 20px;
	display: block;
	font-size:14px;
	border-bottom:1px solid #e1e1e1;
}

aside h5.author {
	padding:40px 0 20px;
}
aside h5.author:before,
.authour:before {
	content: 'By';
}
aside h5.author a:hover {
	text-decoration: none;
}

aside .details,
aside .signup,
aside .most-read,
aside .talking{
	margin-left: 18%;
}

.details p {
	font-family: "soleil",sans-serif;
	padding:10px 0 20px;
	font-size:14px;	
}

.details li {
	padding:5px 0;
}

.details li a:before {
	font-size:18px;
	margin-right:10px;
}

aside li a {
	color:#999;
	display: block;
	font-size:16px;
	font-style: italic;
}

aside li a:hover {
	color:#000;	
}

.sidebar_story{
	margin-bottom: 100px;
}
.sidebar_story {
	border: 1px solid #e1e1e1;
	padding:15px;
	display: block;	
	box-sizing: border-box;	
	overflow: hidden;
	position: relative;
	min-height: 115px;
}

.sidebar_story span{
	display: block;
	position: absolute;
	width: 40%;
	right: 15px;
	top:15px;
	bottom:15px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	background-size: cover;
}

.sidebar_story  p{
	padding: 0;
	margin-right:48%;
	font-family: "soleil", sans-serif;	
	font-size: 14px;
	line-height: 18px;	
}
#blog_archive_list{
	max-width: 266px;
	margin-left: 27%;
	border-top: 0px;
	margin-bottom: 40px;
}
#blog_archive_list h4{
	margin-bottom: 20px;
}
#blog_archive_list li{
	list-style: none;
	line-height: 40px;
	border-bottom: solid thin black;
}
/* Inline Story */

.inline_story{
	margin-bottom: 50px;
}
.inline_story {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 35px 15px;
	display: block;	
	box-sizing: border-box;	
	overflow: hidden;
	position: relative;
	min-height: 157px;
}

.inline_story span{
	display: block;
	position: absolute;
	width: 157px;
	min-height: 80px;
	left: 20px;
	top: 35px;
	bottom: 35px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	background-size: cover;
}

.inline_story  p,
.inline_story h4 {
	display: block;
	margin-left: 157px;
	padding-left: 33px;
	font-family: "soleil", sans-serif;	
	line-height: 20px;	
}
.inline_story  p{
	font-size: 18px;
	padding-bottom: 0px !important;
}
.inline_story h4{ 
	text-transform: uppercase;
	font-weight: 700 !important;
	font-size: 15px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #000;
	background-image: url(images/underline.png);
	background-repeat: no-repeat;
	background-position: 33px bottom;
}
p.wp-caption-text,
.article__image-caption {
	line-height: 23px !important;	
	padding-bottom: 10px !important;
}
#main .content .inline_story a:link,
#main .content .inline_story a:hover{ 
	text-decoration: none !important;
}


/* Talking Points */
.talking h4 {
	font-size:16px;
	padding-bottom:10px;
	color:#000;
}

.talking ul li {
	line-height: normal;
	font-style: italic;
	margin:15px 0 25px;
	padding: 0 0 0 30px;
	position: relative;		 
}

.talking a:link{
	color: black;
	text-decoration: none;
}

.talking a:hover {
	color: black;
	text-decoration: none;
}

.talking a:hover > .share {
	color: #20c0f1;
}

.talking.mobile{
	padding: 10px 0px;
	margin-bottom: 30px;
	border-top: thin solid #e5e5e5;
	border-bottom: thin solid #e5e5e5;
	position: relative;
}

.talking.mobile h4{
	font-size: 12px;
	font-family: "soleil", sans-serif;
	font-weight: bold !important;
	padding-bottom: 0px;
}

.talking.mobile h4:after {
    font-family: "Ionicons";
	content: "\f3d1";	
	position: absolute;
	right:20px;
	top: 23px;
	color:#b3b3b3;
	font-size: 20px;
	transform: translateY(-50%);
}

.talking.mobile.open h4:after {
	content: '\f123';
	font-size: 12px;
}


.talking.mobile ul{
	padding-bottom: 0px !important;
	display: none;
}

.talking.mobile.open ul{
	display: block;
}

.talking.mobile li{
	list-style: none;
	margin-bottom: 15px;
}
.talking.mobile li a{
	text-decoration: none !important;
}


.share {
	position: absolute;
	left:0;
	top:0;
}

.share a {
	display: inline-block;
	font-size:18px;
	margin-right:5px;
	color:#000;
}

.share a span {
	display: none;
}

/* Sign Up */
.signup {
	text-align: center;
	padding:40px 0 20px;
}

.signup h3 {
	display: block !important;
	border-bottom: 0px;
	text-transform: uppercase;
	padding: 15px 0;
	font-size: 24px;
	line-height: 27px;
	letter-spacing: 1.5px;
	font-weight: bold;
	margin: 0px auto;
	max-width: 200px;
}
.signup.post p{
	display: block;
}
.signup form {
	margin: 0px auto;
	max-width: 200px;
}

.signup input[type="email"] {
	border:1px solid #e1e1e1;
	width: 100%;
	text-align: center;
	padding:10px;
	margin-bottom:10px;
}

#small_signup {
	padding-top: 20px;
}

.signup .btn{
	font-size: 13px;
	letter-spacing: 1px;
}

aside .signup {
	border-top: none;
	padding-bottom: 100px;
	padding-top: 50px;
}
.blog aside .signup{
	padding-top: 0px;
	padding-bottom: 20px;
}


aside a.flashcard {
	margin: 20px 0;
	margin-left: 33%;
	padding: 33px 33px 40px 33px;
}


/* Most Read */
.most-read ul {
	padding-top:10px;
}

.most-read li a {
	color: black;
	font-size: 14px;
	padding:15px 0;
	border-top:1px solid #e1e1e1;
	font-family: "soleil",sans-serif;
	font-style: normal;	
}

.most-read li a:hover {
	color: #7a7a7a;
}

#related{
	margin-top: 5px;
}

#related .wrap {
	border-top:1px solid #e1e1e1;
	padding-top:30px;
}

#related .post {
	padding:0;
	height: 100%;
	position: relative;
	border-bottom: 0px;
}

#related h2{
	font-size: 16px;
	margin-bottom: 5px;
}


/*  About Page
---------------------------------------------------------- */
#about {
	text-align: center;
	padding:60px 0;
	max-width: 700px;
	margin: auto;
	line-height: 28px;
}

.staff h3 {
	font-size:16px;
	color:#161616;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom:30px;
	letter-spacing: .5px
}


#about iframe {
	/*display: none;*/
	max-width: 100%;
}

#about .heading > h2,
#supporters .heading > h2{
	font-size: 25px;
	letter-spacing: 2px;
}

.video-start {
	position: relative;
	margin: 20px 0;
	cursor: pointer
}

.video-start img {
	display: block;
}

.video-start:before {
	content: '';
	display: block;
	height: 50px;
	width: 53px;
	background: url('images/btn-play.png') no-repeat top left;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: 10;
}


.video-start:after {
	display: block;
	content: '';
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.4);
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	z-index: 1	
}

.video-start:hover:after {
	opacity: 1
}

/* Staff */

.staff {
	text-align:center;
}

.staff .wrap{
	border-top:1px solid #e1e1e1;
	padding:60px 0;
}

.staff h2 {
	margin-bottom: 30px;
}

.staff ul {
	overflow: hidden;
	display: flex;
    flex-flow: wrap;
}

.staff .col {
	display: block;
	box-sizing: border-box;
	padding: 25px 20px;
	text-align: center;
	
}

.staff .col a {
	text-decoration: none;
	display: block;
	font-size: 20px;
}
.staff .col a:hover > em{
	color: #333;
	transition: all 0.2s linear;
}

.staff .col .profile {
	width: 100%;
	display: block;
	text-align: center;
	border-bottom:2px solid #e1e1e1;
	margin-bottom:15px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.staff .col .profile img {
	/*max-width: 100%;*/
	max-width: 200px;
	display: inline-block;
	margin-bottom:-5px;
}

.staff .col a:hover .profile {
	border-color: #ff0000;
}

.staff .col em {
	display: block;
	color:#b3b3b3;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: 800;
}

.staff .col .tw {
	color:#b3b3b3;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	
}
.staff .col a:hover .tw {
	color:#333;
}


/*  Lightbox
---------------------------------------------------------- */

#lightbox{
	position: absolute;
    right: 30px;
    left: 30px;
	top: 30px;
	vertical-align: middle;
    margin-right: auto;
    margin-left: auto;
	/*top: 50%;*/
    padding: 50px;
    max-width: 912px;
    background-color: white;
	visibility: hidden;
	z-index: 9999;
	text-align: left;
	/*max-height: 60vh;*/
	
}
#lightbox > .close{
	width: 150px;
	height: 150px;
	top: 0px;
	right: 0px;
	left: auto;
}
#lightbox > .close:before,
#lightbox > .close:after{
	width: 25px;
	top: 60px;
	left: auto;
	right: 50px;
	background:black;
}
#lightbox .contact{
	margin:0px;
	padding-bottom: 24px;
}
#lightbox .contact span{
	display: block;
	color: #999;
	font-size: 18px;
	font-style: italic;
	line-height: 28px;
	font-weight: normal;
}
#lightbox h2{
	font-size: 28px;
	line-height: normal;
}
#lb_content{
	padding-right: 40px;
}

.bio_pic{
	width: 240px;
	float: right;
	margin-top: -120px;
}
.bio_pic img{
	width: 240px;
	height: 240px;
	max-height: none;
	background: none;
	border-bottom: 2px solid #e1e1e1;
}
.bio_pic h4 {
	width: 240px;
	float: right;
}
.bio_pic a:link {
	color:#999;
	display: block;
	font-size:16px;
	font-style: italic;
}

.bio_pic a:hover {
	color:#000;	
}

.bio{
	margin-right: 300px;
	/*max-height: 50vh;*/
	overflow: scroll;
}
.bio p{
	padding-right: 35px;
	line-height: 24px;
	padding: 0 0 20px 0;
}

#overlayBG{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(208, 208, 208, 0.68);
	visibility: hidden;
	z-index: 9998;
}

.close {
	position: absolute;
	width: 100%;
	height: 30px;
	top:0px;
	left:0px;
    cursor: pointer;
}

.close:before,
.close:after {
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	top: 25px;
	width: 25px;
	height: 1px;
	background:white;
	transition: background 0.2s linear;	
}

.close:before {
	transform: rotate(-45deg)
}

.close:after {
	transform: rotate(45deg);
}

.close:hover:before, .close:hover:after {
	background:black !important;
}

/*  Supporters
---------------------------------------------------------- */

#supporters {
	text-align: center;
}

#supporters h3 {
	color:#FF0000;
	font-size:16px;
	padding-bottom: 30px;
	font-weight: bold;
	text-transform: uppercase;
}

#supporters .heading {
	padding-bottom: 45px;
}

.support {
	padding:60px 0;
}

.support.directors {
	padding-top:0;
}

#supporters ul {
	overflow: hidden;
}

#supporters li.col {
	padding: 20px 9px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

#supporters li.col a {
	display: block;
	line-height: 30px;
}

#supporters li img {
	max-width: 100%;
	background-color: #f2f2f2;
}

#supporters .partners li.col {
	border-bottom: 1px solid #e1e1e1;
	padding:0 30px;	
	height: 110px;
}

#supporters .partners li.col span {
	top:50%;
	position: relative;
	display: block;
	transform: translateY(-50%);
	font-size: 20px;
	line-height: 30px;
}


/*  Jobs
---------------------------------------------------------- */
.job {
	border-bottom: 1px solid #e1e1e1;
}

.job h2  {
	padding:25px 30px 25px 10px;
	font-size: 30px;
	line-height: 35px;
	display: block;
	position: relative;
	font-weight: normal;
}

.job h2:after {
	display: none;
    /*font-family: "Ionicons";*/
	content: "\f3d1";	
	position: absolute;
	right:20px;
	top:50%;
	color:#b3b3b3;
	font-size:22px;
	transform: translateY(-50%);
}

.job.open h2:after {
	content: '\f123';
	font-size:18px;
}

.job h2 a:hover {
	text-decoration: none;
}

.job h3 {
	font-size:16px;
	color:#FF0000;
	padding:30px 0 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.job h3:first-child {
	padding-top:0;	
}

.job h4 {
	color:#000;
	font-family: "adriane",serif;
	padding-bottom:10px;	
}

.job ul {
	list-style: disc;
	padding:0 0 20px 20px;
}

.job ul li {
	padding:0 0 10px 0;
}

.job-content {
	overflow: hidden
}

.description {
	padding:20px 30px 30px 100px;
	float:left;
	width: 60%;
	line-height: 24px;
	font-size: 16px;
}

.job aside {
	padding:20px 0 0;
}

.apply {
	padding-top:30px;
}

.apply .btn.red {
	font-size:14px;
}


/* Flashcards Landing
---------------------------------------------------------- */
#flash-heading{
	margin-bottom: 50px;
}
#flashcards .wrap{
	max-width: 1300px;
}

#flashcards ul {
	flex-grow: 1;	
	display: flex;
	flex-wrap: wrap;
}

#flashcards li {
	padding:22px;	
	display: flex;
}

#flashcards li a {
	display: block;
	border:1px solid #e1e1e1;
	padding:30px 20px 90px;
	text-align: center;
	width: 100%;
	font-size: 20px;
	line-height: 29px;
	letter-spacing: .005em;
}

#flashcards li span {
	display: block;
	background:#000;
	width: 100px;
	height: 100px;
	margin: 0 auto 10px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
}


#flashcards li.orange a:hover span {background-color:#ff9343}
#flashcards li.teal a:hover span {background-color:#2cffff}
#flashcards li.yellow a:hover span {background-color:#fffd00}
#flashcards li.green a:hover span {background-color:#34ff00}
#flashcards li.purple a:hover span {background-color:#f700ff}
#flashcards li.blue a:hover span {background-color:#000efd}

/* Flashcard Single
---------------------------------------------------------- */
#flash {
	overflow: hidden;
}
#flashcard_wrap{
	max-width: 1300px;
}

#flash-heading h1 {
	font-size:30px;
	line-height: 38px;
	text-align: center;
	font-weight: normal;
	position: relative
}

#flash-heading h1 img{
	display: inline-block;
	padding-right:20px;
	position: relative;
	top:10px;
}

/* Sidebar */
#flash-sidebar {
	width: 23.5%;
	float: left;
	height: 500px;
	overflow: scroll;
	border: 1px solid #e1e1e1;
	padding:0 20px;
}
.safari #flash-sidebar{
	width: 22%;
}
#flash-sidebar a {
	display: block;
	padding:20px 0;
	border-bottom:1px solid #e1e1e1;
	font-family: "soleil",sans-serif;	
	overflow: hidden;
	text-decoration: none !important;	
}

#flash-sidebar a strong {
	float: left;
	font-size:20px;
	color:#000efd;
}

#flash-sidebar a span {
	display: block;
	padding-left:25px;
}

#flash-sidebar a:hover {
	color:#000efd;	
	text-decoration: none !important	
}

#flash-sidebar li.active {
	text-decoration: none !important	
}

#flash-sidebar li.active a {
	color:#000efd;	
	text-decoration: none !important
}

/* Cards */
#flashcard_holder{
	display: flex;
	width: 1300%;
	transition: margin-left 0.5s;
}

.flashcard_story{
	width: 100%;
	/*height: 100%;*/
	/*max-width: 660px;*/
	opacity: 0;
	display: block;
	transition: opacity 0.6s;
}
.flashcard_story.selected {
	opacity: 1;
}

.flashcard_story a:link,
#flash-heading a:link {
	text-decoration: underline;
}
.flashcard_story .article__paragraph,
.flashcard_story .article__paragraph.opening {
	font-size: 16px;
	max-width: none;
}
/* Content */
#flash-content {
	margin-left:25%;
	border:1px solid #e1e1e1;
	padding: 60px 8% 10px 8%;
	position: relative;
	transition: height 0.5s ease-in;
	overflow: hidden;
}

.safari #flash-content {
	margin-left:30%;
}

#flash-content div.nav a {
	position: absolute;
	top:63px;
	display: block;
	padding:5px 20px;
	font-size: 20px;
	z-index: 10;
}

#flash-content div.nav a.prev {
	left: 40px;	
	color: #b3b3b3;
}

#flash-content div.nav a.next {
	right: 40px;	
	color: #b3b3b3;
}

#flash-content div.nav a span {
	display: none;
}

#flash-content h2 {
	color:#000efd;
	font-size: 20px;
	font-family: "soleil",sans-serif;	
	margin-bottom:30px;	
	font-weight: normal;
	overflow: hidden;
	/*line-height: normal;*/
	line-height: 30px;
}

#flash-content h2 strong {
	font-size:22px;
	font-weight: bold;
	float: left;
}

#flash-content h2 span {
	padding-left:60px;
	display: block;
	max-width: 600px;
}

#flash-content img {
	max-width: 100%;
	height: auto;
	display: block;
	/*margin: 10px 0 30px;*/
}

#flash-content h3 {
	font-weight: bold;
	font-size: 16px;
	padding-bottom:15px;
}

#social_share{
	position: absolute;
	top: 130px;
	width: 27px;
	height: 60px;
	margin-left: -60px;
	z-index: 100;
}

#blog_share{
	position: absolute;
	width: 27px;
	height: 60px;
	margin-left: -80px;
	margin-top: 5px;
}

.topic {
	padding-top:60px;
}

.topic h4 {
	padding:0 0 40px 20px;
	text-transform: uppercase;
}


/* Videos Landing
---------------------------------------------------------- */
#featured-videos {
	margin:5px 10px 34px;
	position: relative;
}
#live_video{
	width: 66%;
	display: inline-block;
	padding-right: 20px;
}
#live_video #vid{
	width: 100%;
	overflow: hidden;
}

#live_video h2{
	font-size: 24px;
	line-height: 31px;
	font-weight: normal;
}
#live_video h5{
	font-size: 30px;
	line-height: 30px;
	color: 
}
#live_vid_time{
	transition: bottom 1s ease-in;
}

body.video_playing #live_vid_time{
	bottom: -100px;
}

.divider{
	width: calc(100% - 20px);
	height: 2px;
	background-color: #e5e5e5;
	margin: 50px auto 30px auto;
}
#single-vid-wrap .divider{
	width: 100%;
	margin: 5px auto 0px auto;
}

/* Nav */
#featured-videos .nav a {
	position: absolute;
	font-size:35px;
	color:#999;
	top:50%;
	padding: 5px 10px;
	transform: translateY(-50%);
}
#featured-videos .nav a#arrowright {
	right:-75px;
}

#featured-videos .nav a#arrowleft {
	left:-75px;
}

#featured-videos .nav a span {
	display: none;
}

/* Featured */
#featured-videos .container {
	/*overflow: hidden;*/
}

#featured-videos .container .slider {
	width: 34%;
	overflow: scroll;
	transition: margin .5s;
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
}

#featured-videos .slide {
	width: 100%;
	display: block;
	vertical-align: top;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
	min-height: 85px;
	cursor: pointer;
}
#featured-videos .slide:last-of-type {
	border-bottom: 0px solid #e5e5e5;
}
#featured-videos .slide .title,
#featured-videos .slide .thumb{
	opacity: 0.5;
}
#featured-videos .active_slide .title,
#featured-videos .active_slide .thumb{
	opacity: 1.0;
}

#featured-videos .slide:hover .title,
#featured-videos .slide:hover .thumb{
	opacity: 1.0;
}

#featured-videos .active_video span.thumb:before {
	content: 'Now Playing';
	font-family: "soleil", sans-serif;
	font-size: 13.72px;
	line-height: 15px;
	font-weight: 600;
	color: white;
	text-align: center;
	text-transform: uppercase;
	background-color: rgba(0, 14, 253, 0.65);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 21px 25px;
}

#featured-videos .active_video .play {
	display: none;
}

#featured-videos .slide a {
	overflow: hidden;
	padding: 0;	
	color: black;
}
#featured-videos .slide a:hover .thumb {
	overflow: hidden;
	color: black;
}

#featured-videos .slide:hover h2 {
	text-decoration: none;
}

#featured-videos .slide h5 a:hover {
	text-decoration: none;
	color: black;
}

#featured-videos .thumb {
	width: 34%;
	height: 70px;
	float: left;
	margin: 0;
}

#featured-videos .thumb .time{
	font-size:16px;
	padding:5px 15px;
}
#featured-videos .video .thumb .play{
	height: 100%;
	width: 100%;
	background-size: 35px 35px;
}
#featured-videos .slide:hover .play{
	background: url('images/btn-play-blue.png') no-repeat center center;
	background-size: 35px 35px;
}
#featured-videos .title {
	margin-left: 34%;
	display: block;
	padding: 0px 0px 20px 10px;
}

#featured-videos .title h2 {
	font-size: 14px;
	line-height: 20px;
	font-family: "soleil", sans-serif;
	font-style: normal;
	font-weight: normal;
}

#featured-videos h5 a {
	color: #999;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
	display: block;
}

#live_video h5 a{
	margin-bottom: 0px;
}
#top_vids{
	margin: 20px 0px 20px 0px;
}

#top_vids .heading h2{
	margin-bottom: 22px;
}

#featured_vids_section{
	margin: 0px 0px 20px 0px;
}
#featured_vids_section .thumb{
	margin-bottom: 18px;
}
#featured_vids_section h3,
#bottom_vids li.w33 h3{
	font-family: "adriane", serif;
	font-size: 18px;
	line-height: 26px;
}

#featured-videos .vid_share{
	display: inline-block;
	position: absolute;
	top: 17px;
	left: 17px;
	z-index: 9997;
	display: none;
}
#featured-videos:hover .vid_share{
	display:inline-block;
}

#featured_vids_section h5,
#top_vids h5,
#bottom_vids h5{
	display: block;
}
#featured_vids_section h4{
	padding-left: 10px;	
	margin-bottom: 10px;
}
.vid_share{
	position: fixed;
	left: 0px;
	top: 200px
}
#single_vid_share{
	top: 35%;
	left: 0px;
}
#single_vid_share a {
	display: block;
}
#featured-videos .vid_share a{
	display: inline-block;
	margin-right: 2px;
}
#featured_vids_section.vids.divide .wrap{
	border-top: 0px;	
	padding-top: 30px;
	border: 0px;
}
#featured_vids_section.vids.divide .wrap:first-of-type{
	padding-top: 0px;
}
#featured_vids_section.vids.divide .wrap:first-of-type:before,
#featured_vids_section.vids.divide .wrap ul:after{
	content: url('images/skoolrules.png');
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 1150px;
}
#featured_vids_section.vids.divide .wrap:before{
	padding: 0px 10px 25px 10px;
}
#featured_vids_section.vids.divide .wrap ul:after{
	padding: 12px 10px 0px 10px;
}
.slide-left,
.slide-right{
	width: 50px;
	height: 50px;
}

.slide-left{
	background: url('images/icon-arrow-left.png') no-repeat center center;
}

.slide-right{
	background: url('images/icon-arrow-right.png') no-repeat center center;
}

.slide-right,
.slide-left{
	opacity: 0.5;
}

.slide-right:hover,
.slide-left:hover{
	opacity: 1.0;
}

.videoRow{
	margin-top: 70px;
}

.video:hover .play {
	background: url('images/btn-play-blue.png') no-repeat center center;
	background-size: 53px 50px;
}

/* Select Slide */
#selectSlide {
	text-align: center;
	position: absolute;
	left:0;
	right:0;
	bottom:-40px;
}

#selectSlide li {
	display: inline-block;
	padding: 0px 2px;
}

#selectSlide li a {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background:#E5E5E5;
	margin: 0 3px;
	text-indent: -99999em;
}

#selectSlide li a:hover {
	background:#555;
}

#selectSlide li.active a {
	background:#B3B3B3;
}


/* Small Thumbs */
.vids.divide .wrap{
	padding: 2px 23px 2px 23px;
}

.vids h4 {
	color:#000;
	padding-left: 10px;
	overflow: hidden;
	text-transform: uppercase;
}

.vids h4 a {
	float: right;
	font-size: 14px;
	letter-spacing: normal;
	margin:-5px 20px 0 0 ;
	padding: 0;
}

.vids ul {
	display: flex;
	flex-wrap: wrap;
}

.vids ul li {
	border-bottom:1px solid #e1e1e1;
}

.vids.divide ul li{
	border-bottom: 0px;
}

.vids.noborder ul li {
	border: 0;
}

.vids .thumb {
	margin-bottom: 10px;
}

.vids ul li a.post {
	text-align: left;
	position: relative;
	height: 100%;
}

.vids h5 {
	margin: 0;
	font-weight: bold;
	color:#b3b3b3;
}

.thumb .time,
.videowrapper > .time{
	position: absolute;
	left:0;
	bottom:-1px;
	background:#FFF;
	color:#000;
	padding:3px 10px;
	font-family: "soleil",sans-serif;	
	font-weight: bold;
	font-size: 12px;	
	line-height: normal
}


/* Video Single Page */
#vid-head {
	padding-bottom:10px
}

#vid-head h2 {
	font-size: 30px;
	line-height: 41px;
	font-weight: normal;
	letter-spacing: .005em;
	padding: 10px 0 9px 0;
	max-width: 865px;
}

#vid-head h4 {
	font-size: 13px;
}

#vid-head em {
	color:#000;
	font-size: 12px;
	font-weight: 600;
}

#vid {
	margin-bottom: 16px;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

#vid iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.01;
	transition: opacity .5s ease-in;
}

body.video_playing #vid iframe{
	opacity: 1.0;
}

#single-vid .tags {
	padding-top: 0px;
}

#single-vid .tags h6 {
	font-size: 11px;
}

.videowrapper {
	position: relative;
	background-size: cover;
	overflow: hidden;
	background-color:#e5e5e5;
}

.videowrapper > .time {
	font-size: 16px !important;
	padding: 5px 15px;
}
#slideList .time,
#slideList .title h5{
	display: none;
}
#bottom_vids li.w33 h3{
	font-family: "adriane", serif;
}

/*  Featured Article
---------------------------------------------------------- */
body.featured_story.scrolling_up #top_nav,
body.featured_story.open #top_nav{
	position: fixed;
	background-color: white;
	padding-bottom: 0px;
	border-bottom: 1px solid #e5e5e5;
}
body.featured_story.scrolling_up #top_nav #menu_button span,
body.featured_story.open #top_nav #menu_button span{
	background-color: black;
}
body.featured_story.scrolling_up .full_height > #top_nav > .logo,
body.featured_story.scrolling_up.split .full_height > #top_nav > .logo{
	margin-right: calc(50vw - 25px);
	transition: right 0s;
}
body.featured_story.scrolling_up .full_height > #top_nav > .logo a,
body.featured_story.scrolling_up.split .full_height > #top_nav > .logo a,
body.featured_story.split.open .full_height > #top_nav > .logo a {
	background-image: url('images/logo_svg/logo_condensed.svg');
}
body.featured_story #top_nav #top_social,
body.featured_story #top_nav #search_open{
	display: none;
}
body.featured_story #content{
	padding-top: 0px;
}
body.featured_story #main p{
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0px;
}
body.featured_story #main .content h3{
	font-size: 22px;
	line-height: 32px;
	font-weight: 600;
	margin-bottom: 30px !important;
}
body.featured_story #top_nav{
	background-color: transparent;
	border-bottom: 0px;
	position: absolute;
}
body.featured_story #hamburger,
body.featured_story header.full_height #hamburger{
	top: 24px;
}
body.featured_story #menu_button span{
	background: white;
}
body.featured_story.split #menu_button span{
	background: #2C2C25;
}
body.featured_story #menu_button.open span{
	background: black;
}

body.featured_story .full_height > #top_nav >.logo {
	margin: 10px auto;
}
body.featured_story .full_height > #top_nav >.logo a {
	background-image: url('images/logo_svg/logo_full.png');
}
body.featured_story.scrolling_up .full_height > #top_nav >.logo {
	margin: 10px auto;
	width: 50px;
	height: 40px;
}
body.featured_story .full_height > #top_nav >.logo,
body.featured_story .full_height > #top_nav >.logo a{
	width: 50px;
}
body.featured_story.scrolling_up .full_height > #top_nav >.logo a{
	height: 40px;
}
body.featured_story.scrolling_up .full_height #hamburger{
	top: 20px;
}
body.featured_story.split .full_height > #top_nav > .logo a{
	background: url('images/logo_svg/logo_condensed.svg') no-repeat center center;
}
body.featured_story .full_height > #top_nav > .logo a{
	background: url('images/logo_svg/logo_condensed_white.svg') no-repeat center center;
}
body.open.featured_story .full_height > #top_nav > .logo a{
	background: url('images/logo_svg/logo_condensed.svg') no-repeat center center;
}

body.split .full_height > #top_nav > .logo{
	width: 50px;
	height: 40px;
	margin: 3px 75vw 20px auto;
	margin-right: calc(75vw - 25px);
}
body.split .full_height > #top_nav > .logo a{
	background-size: 46px;
}
#feature_header,
#featured_story_image{
	width: 100vw;
	height: 100vh;
}
#feature_header{
	position: relative;
	background-color: black;
	text-align: center;
	color: white;
}
#featured_story_image{
	position: relative;
	background-size: cover;
	background-position: center center;
	opacity:0.8;
}
#featured_story_image > .vimeo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   pointer-events: none;
   overflow: hidden;
}
#featured_story_image >.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
#feature_header.split{
	background-color: white;
	border-bottom: 2px solid #ff0000;
}
#featured_story_title{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#featured_story_title{
	box-sizing: border-box;
	color: white;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;	
}
#featured_story_title span{
	margin-top: auto;
}
#feature_header h1{
	font-size: 75px;
	line-height: 80px;
	padding-bottom: 13px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	max-width: 1350px;
}
#feature_header h2{
	max-width: 800px;
	font-size: 20px;
	line-height: 30px;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
}
#feature_header.split h1{
	font-size: 50px;
	line-height: 60px;
	padding-bottom: 5px;
}
#feature_header.split h2{
	font-size: 18px;
	line-height: 30px;
}
body.featured_story #single_share{
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: 0px;
}
#featured_story_title p.author{
	margin: auto auto 47px auto;
	font-size: 20px !important;
	align-self: flex-end;
}
#feature_header.split p.author{
	font-size: 16px !important;
}
#feature_author{
	position: absolute;
	top: 0px;
	left: 23px;
}
#feature_author,
#feature_author a:link{
	font-size: 16px !important;
	line-height: 24px !important;
	color: #2C2C25;
}
#feature_author.author strong, 
#feature_author.author a{
	text-transform: none;
}
body.split #feature_author{
	display: none;	
}
#feature_author span{
	display: block;
}
body.split #feature_author span{
	display: inline;
}
#feature_author i{
	display: block;
}
#featured_story_title .author strong, 
#featured_story_title .author a{
	text-transform: none;
	font-weight: 600;
}
#featured_story_title p.author,
#featured_story_title p.author a:link{
	color: white;
	opacity: 0.0;
}
#feature_header.split #featured_story_title p.author,
#feature_header.split #featured_story_title p.author a:link{
	opacity: 1.0;
}

#feature_header.split #featured_story_image{
	background-color: black;
	opacity: 1.0;
	width: 50vw;
	height: calc(100vh - 2px);
	margin-left: 50vw;
	bottom: 2px;
}
#feature_header.split #featured_story_title{
	right: 50%;
	padding: 0px 2.5%;
}
#feature_header.split #featured_story_title,
#feature_header.split #featured_story_title p.author,
#feature_header.split #featured_story_title p.author a:link,
#feature_header.split #featured_story_title p.author a:visited{
	padding: auto 2.5%;
	color: black;
}
#main .content h3.chapter-break{
	border-top: 2px solid #b3b3b3;
	padding-top: 20px;
}
#main .content h3.chapter-break:not(:first-of-type) {
	margin-top: 60px;
}
#main .content h3.chapter-break.active{
	border-top: 2px solid red;
	text-decoration: none;
}
body.featured_story #main .content{
	/*max-width: 750px;*/
	margin: 85px auto 0px auto;
}
body.featured_story #main{
	width: 66.6%;
	padding: 0px 25px 12px 25px;
	margin: 0px auto;
	position: initial;
	float: none;
}
body.featured_story #main .content > p,
body.featured_story #main .content > hr,
body.featured_story #main .content > h1,
body.featured_story #main .content > h2,
body.featured_story #main .content > h3,
body.featured_story #main .content > h4{
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
}
body.featured_story .content h3{
	font-weight: 600;
	font-size: 28px;
	line-height: 40px;
}
body.featured_story #main .content p.feature_intro{
	font-size: 26px;
	line-height: 42px;
	padding-bottom: 60px;
	max-width: 675px !important;
	margin-right: 0px;
	margin-left: auto;
}
body.featured_story #main .content p.pull-quote-wide{
	font-family: "adriane", serif;
	font-style: normal;
	font-weight: 400;
	font-size: 33px;
	line-height: 45px;
	display: block;
	border-top: 2px solid #0edd48;
	padding-top: 25px;
	padding-bottom: 60px;
	padding-left: 15px;
    text-indent:-15px;
	max-width: 750px !important;
	margin: auto;
	margin-top: 40px;
}
body.featured_story #main .content img{
	margin-top: 15px;
	margin-bottom: 10px;
	max-width: 750px;
}
body.featured_story .feature_story_image {
	margin-bottom: 32px;
}
body.featured_story div.alignnone,
body.featured_story div.aligncenter{
	text-align: center;
	margin: 15px auto 32px auto ;
}
body.featured_story #main .content div.alignnone img,
body.featured_story #main .content div.aligncenter img{
	margin: 0px;
}
body.featured_story #main .content p.wp-caption-text{
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	margin: 0px;
}

.video-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	margin-bottom: 50px;
	margin-top: 15px;
	height: 0; 
	overflow: hidden; 
}
.video-container iframe, 
.video-container object, 
.video-container embed, 
.video-container video { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
#chapter_nav{
	width: 98%;
	max-width: 1200px;
	font-family: 'soleil', sans-serif;
	font-weight: 600;
	line-height: 20px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	left: 0px;
	right: 0px;
}
#chapter_nav > ul{
	position: absolute;
	right: 10px;
	height: auto;
	border-top: 2px solid red;
	padding-top: 10px;
	max-width: 16%;
}
#chapter_nav > ul li{
	padding-bottom: 5px;
	padding-top: 5px;
}
#chapter_nav.no_chapters{
	border-top: 0px;
	top: 50vh;
}
#chapter_nav.locked{
	position: fixed;
	top: 50vh;
	/*left: calc(50vw + 398px);*/
}
#chapter_nav ul a:link,
#chapter_nav ul a:visited{
	cursor: pointer;
	color: #9b9b9b;
	text-decoration: none;
}
#chapter_nav > ul a:hover,
#chapter_nav > ul a.active,
#chapter_nav > ul a:visited.active{
	color: black;
}
#chapter_nav h4,
#chapter_nav:after{
	display: none;
}
#chapter_nav h4{
	color: black;
	margin-right: 0px;
	font-weight: 600;
	line-height: 55px;
	border-bottom: 1px solid #e5e5e5;
}
#chapter_trigger{
    font-family: "Ionicons";
    position: absolute;
    right: 0px;
    top: 20px;
    color: #b3b3b3;
    font-size: 20px;
    width: 25%;
    height: 38px;
    border: 0px;
}
#chapter_trigger:before{
	content: "\f123";
	float: right;
	padding-right: 20px;
}
body.featured_story .inline_story{
	max-width: 600px !important;
	margin-right: auto;
	margin-left: auto;
}
body.featured_story .signup{
	position: relative;
	height: 150px;
	width: 100%;
	max-width: 600px !important;
	margin: 60px auto 0px auto;
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	padding: 35px 0px 20px 170px;
} 
body.featured_story #main .content .signup img{
	width: 138px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-20px);
	margin: 0px;
} 
body.featured_story #main .content .signup h3{
	font-size: 21px;
	line-height: 28px;
	text-align: left;
	margin: 0px 0px 8px 0px !important;
	padding: 0px !important;
	max-width: 600px;
}
body.featured_story #main .content .signup form{
	max-width: none;
	margin: 0px;
	text-align: left;
}
body.featured_story #main .content .signup input[type="email"]{
	border: 1px solid #e1e1e1;
	text-align: left;
	padding: 6.5px 15px;
	margin-bottom: 10px;
	width: 66%;
	margin-right: 20px;
}
body.featured_story #main .content .signup .btn{
	padding-top: 5px;
}
body.featured_story .talking{
	width: 100%;
	max-width: 600px !important;
	margin: 40px auto;
}
body.featured_story .talking h4{
	font-size: 14px;
	padding-bottom: 10px;
	color: #000;
	font-weight: 700 !important;
	letter-spacing: 1.5px;
}
body.featured_story .talking a:link span{
	color: #b3b3b3;
}
body.featured_story .talking li:hover a:link span{
	color: #0084b4;
}
body.featured_story #related .heading{
	padding-top: 10px;
	padding-bottom: 14px;
}
body.featured_story #related .row{
	display: block;
}
body.featured_story #related .wrap{
	padding: 30px 10px;
}
body.featured_story #related a.post.sm{
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 26px;
}
body.featured_story #related .w25{
	margin-bottom: 12px;
} 
body.featured_story .twitter-tweet{
	margin-left: auto;
	margin-right: auto;
}

/*LEGACY ELEMENTS*/

#mc_embed_signup{
	display: none;	
}
#main iframe{
	margin: 0px;
}
.fb-post > span{
	margin-bottom: 30px;
}

/* ==========================================================
	
					Media Queries
	
========================================================== */
@media only screen and (max-width: 1260px) {

	#single_share{
		margin-left: -20px;
	}

	
}

@media only screen and (min-width: 900px) {
/*900 px wide and up*/
	
	/*-----Header-----*/
	nav{
		height: 100%;
		padding: 65px;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
	}
	
	#nav_container{
		top: 50%;
		left: 0px;
		right: 0px;
		transform: translateY(-50%);
		position: absolute;
		-webkit-transition: top .75s ease-in-out, ;
		-moz-transition: top .75s ease-in-out;
		-o-transition: top .75s ease-in-out;
		transition: top .75s ease-in-out;
		/*-webkit-transition-delay: 0.25s;
		transition-delay: 0.25s;*/
	}
	
	#sub_nav.open #nav_container{
		top: 50%;
	}

	#sub_nav{
		top: 100vh;
		height: 100vh;
	}	
	#sub_nav.open{
		top: 0px;
		overflow: hidden;
	}
	#top_nav > ul.social{
		display: block;
	}
	#top_nav > ul.off{
		display: none;
	}
	.nav_row{
		float: left;
	}	

	.primary_menu{
		width: auto;
		padding-right: 60px;
		border-right: 2px solid #e1e1e1;
		text-align: left;
	}
	.secondary_menu{
		display: block;
	}
	
	#left_row{
		margin-top: 27px;
	}
	
	#center_row{
		padding-left: 11%;
		margin-top: 32px;
	}
	#trending_topics{
		float: right;
		max-width: 250px;
		padding: 25px 40px 40px 40px;
		border: thin solid #ff0000;
		font-size: 13.15px;
		/*line-height: 38.78px;*/
	}
	#more_menu{
		/*margin-top: 10px;*/
		margin-top: 17px;
	}
	#more_menu ul{
		margin-top: 15px;
	}
	#more_menu ul,
	#trending_topics ul{
		height: auto;
	}
	ul.more_from_74{
		margin-top: 15px;
	}
	#more_menu a:hover{
		background-image: none;
		border-bottom: 0px;
		/*margin-bottom: 16px;*/
	}
	#more_menu a:hover:after{
		content: url(images/more.png);
		padding-left: 10px;
	}
	.mobile_secondary_menu,
	.menu-74menu_secondary_footer-container{
		display: none;
	}
	.expandable{
		padding: 0px;
		border-top: none;
	}
	.expandable h3,
	.expandable.open h3{
		background-image: none;
		opacity: 1.0;
	}
	.expandable > ul,
	.expandable > #more_menu > ul{
		height: auto;
	}
	#redbar{
		width: 100%;
		height: 80px;
		background-color: #ff0000;
		line-height: 80px;
		position: absolute;
		bottom: 0px;
	}
	#redbar_container{
		max-width: 1280px;
		padding-top: 0px;
		margin: 0px auto;
	}
	#redbar h3{
		display: none;
	}
	#redbar p{
		text-align: right;
		max-width: 225px;
		margin-top: 25px;
		float: right;
	}
	span.contact{
		float: left;
		width: 50%;
	}
	span.follow{
		width: 25%;
		float: left;
	}
	span.terms{
		width: 25%;
		float: right;
	}
	ul.social{
		padding: 0px;
		display: inline-block;
		text-align: center;
	}
	.address{
		display: inline-block;
		font-family: "soleil";
		text-transform: uppercase;
		margin-right: 35px;
		margin-right: 3%;
		height: 55px;
		border-bottom: 3px solid #ff0000;
	}
	.address:hover{
		/*color: black !important;*/
		text-decoration: none;
		border-bottom: 3px solid white;
	}

}

@media only screen and (min-width: 1200px) {
/*1200px wide and up*/
	#redbar h3{
		display: inline-block;
	}

}



@media only screen and (max-width: 900px) {
	.row {
		flex-wrap: wrap
	}
	
	.row.mid-nowrap {
		flex-wrap: nowrap
	}

	.col.w25,
	.collection_stories li{
    	width: 50%;
	}
	
	.sls .col.w25 {
		width: 100%;
		display: flex
	}
	
	.col.w50 {
    	width: 100%;
	}
	
	
	/* Homepage */
	section.newsLetter{
		display: none;	
	}
	
	.newsletter_signup {
		text-align: center;
		
	}
	
	.newsletter_signup h4 {
		float:none; 
		padding:30px 0 0;
		width: auto;
		text-align: center;
		background-position: top center;
		font-size: 20px;
	}
	
	.newsletter_signup form {
		margin: 20px 0 0;
	}
	
	/* Lightbox */
	
	.bio_pic{
		display: block;
		float: none;
	}
	
	.bio{
		margin-right: 0px;
	}
	#slideList .time,
	#slideList .title h5{
		display: block;
	}
	#live_video{
		display: none;
	}
	#featured-videos{
		margin-bottom: 8px;
	}
	#featured-videos .container .slider{
		width: 100%;
		position: relative;
	}
	#featured-videos .slide{
		display: block;
		width: 100%;
		opacity: 1.0;
		border-bottom: 0px;
	}
	#featured-videos .slide .title h5{
		display: block;
	}
	#featured-videos .slide .title h5 a{
		color: #b3b3b3;
	}
	#featured-videos .active_video span.thumb:before{
		content: '';
		background-color: rgba(0, 0, 0, 0.0);
	}
	#featured-videos .active_video .play {
		display: block;
	}
	#featured-videos .slide:first-of-type,
	#slideList{
		width: 100% !important;
		padding: 0px;
	}
	#featured-videos .thumb{
		display: block;
		width: 100%;
		height: 0px;
		padding-bottom: 56.25%;
		float: none;
	}
	#featured-videos .title{
		margin-left: 0px;
		display: block;
		padding: 20px 0px 20px 0px;
	}
	#featured-videos .title h2 {
		font-size: 22px;
		line-height: 30px;
		font-family: "adriane",serif;
	}
	#featured-videos .video .thumb .play{
		height: 100%;
		width: 100%;
		background-size: 53px 50px;
	}
	#featured_vids_section.vids.divide .wrap{
		padding-top: 0px;
	}
	#featured_vids_section.vids.divide .wrap:first-of-type:before, 
	#featured_vids_section.vids.divide .wrap ul:after{
		padding-left: 0px;
	}
	#featured_vids_section.vids.divide .wrap ul:after{
		padding-top: 2px;
	}
	#featured-videos .slide .title,
	#featured-videos .slide .thumb{
		opacity: 1.0;
	}
	#featured-videos .slide:last-of-type {
    	padding-bottom: 0px;
	}
	#top_vids .divider{
		margin-top: 0px;
		margin-bottom: 10px;
	}

	
	/* Collections */

	#top_videos_title{
		display: block;
		width: 100%;
		text-align: center;
	}
	#top_videos ul{
		display: flex;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	#top_videos li{
		width: 50%;
	}
	#featured-videos .thumb,
	#top_videos .thumb{
		height: 195px;
	}
	
}


@media only screen and (max-width: 768px) {
	.desktop {
		display: none !important;
	}
	
	.mobile {
		display: block !important;
	}

	.w33 {
		width: 100%;
	}
	
	.post h5 {
	    margin-top: 20px;
	}
	
	#content{
		padding-top: 40px !important;
	}
	
	#top_nav{
		height: 50px;	
	}
	
	#sub_nav.open,
	.full_height #sub_nav.open{
		top: 50px;	
	}
	
	#search_open,
	.full_height #search_open{
		right: 15px;
		top: 15px;
		display: none;
	}
	.open #search_open{
		display: block;
	}
	#mobile_newsletter,
	#mobile_newsletter a{
		display: block;
	}
	#mobile_newsletter a:hover{
		text-decoration: none;
	}
	.open #mobile_newsletter,
	.open #single_share{
		display: none;
	}
	#hamburger,
	.full_height #hamburger{
		left: 15px;
		top: 15px;
	}
	
	.logo,
	.logo a,
	.full_height > #top_nav > .logo{
		width: 50px;
		height: 50px;
		margin: 0px auto;
	}
	
	.logo a,
	.full_height > #top_nav > .logo a{
		/*background: url('images/tiny-logo.png') no-repeat center center;*/
		background-size: 50px;
		width: 50px;
		height: 50px;

	}
	
	.heading {
	    padding-bottom: 10px;
	}	
	
	.heading h5 > span{
		display: block;
	}
	
	.heading h5{
		padding-top: 5px;	
	}
	
	.content iframe,
	#flash-content iframe,
	.fb-post{
		max-width: 90vw !important;
	}
	
	.expandable h3{
		font-weight: 600;	
	}

	.copyright{
		display: block;	
	}
	
	#search_column{
		margin-top: 0px;	
	}
	
	#search_cover.half_open{
		height: 80px;
	}
	
	.half_open > #search_column > #searchform{
		margin-top: 10px;	
	}
	
	.half_open > #search_column > #searchform{
		width: 70%;
	}
	
	.half_open > #search_column >#search_close{
		float: right;
	}
	
	#search_close{
		width: 60px;	
		height: 60px;
		margin-top: 0px;
	}
	
	.search_results{
		margin-top: 40px !important;	
	}
	
	.feature .head{
		padding: 60px 20px 30px;
	}
	
	#single-vid-wrap{
		padding: 0px;
	}

	#single_vid_share,
	#single_share,
	#social_share,
	.vid_share{
		position: fixed;
		width: auto;
		margin-left: 0px;
		top: 12px;
		right: 20px;
		left: initial;
		z-index: 9999;	
	}
	
	#single_vid_share a,
	#single_share a,
	#social_share a{
		display: inline-block;
		margin-left: 2px;
	}

	
	/* News */
	.listing img {
	    width: 100%;
		max-width: none;
		float: none;
	}
	
	.listing li h2, .heading h2 {
	    font-size: 22px;
	    line-height: 35px;
	}
	
	.listing li span{
		width: 100%;	
	}
	
	.featured_articles .post {
		border-bottom:0px solid #e1e1e1;
		margin: 0;
		padding:20px;
	}
	
	.featured_articles h4 {
	    padding-bottom: 5px;
	}		
	
	section.p60 {
	    margin: 30px 0;
	}	
	
	/* Single Article */
	#main {
	    width: auto;
	    float: none;
		padding-bottom: 10px;
	}	
	
	#main .content{
		margin-left: 0px;
	}
	
	#main h1 {
		padding-bottom:10px;
	}
	
	#main .content p, .article__paragraph{
		max-width: none;
	}
	
	.outside-source-text{
		margin-left: 0px;	
	}
	
	aside {
	    margin-left: 0;
	    padding: 0;
	}
	
	aside .details, aside .signup, aside .most-read, aside .talking, aside a.flashcard{
		margin-left: 0%;
	}
	
	aside .details{
		padding-bottom: 0px;	
	}
	
	.sidebar_story{
		margin-bottom: 20px;	
	}
	
	p.wp-caption-text,
	.caption {
		line-height: 20px !important;
	}
	
	#related .wrap {
		padding: 20px 0px;	
		border-top: 0px;
	}
	
	#related .row {
		margin-top: 20px;
	}

	#related .w25 {
		border-bottom: 1px solid #e1e1e1;
		width: 100%;
		padding: 0px 15px;
		min-height: 100px;
	}
	
	#related .w25:first-of-type {
		border-top: 1px solid #e1e1e1;
	}
	
	#related .w25 .sm h3{
		width: 100%;
		padding-right: 110px;
		text-align: left;
		font-size: 12.5px;
		line-height: 18px;
	}
	
	#related .w25 .sm .thumb{
		height: 45px;
		width: 90px;
		border-bottom-width: 0px;
		position: absolute;
		right: 0px;
	}
	
	#related .w25 .sm .thumb .cat{
		display: none;
	}
	
	#related .row{
		margin-top: 5px;
	}

	.mobile_author{
		display: block;		
	}
	#single_header h1{
		padding-bottom: 0px;	
	}
	.author.mobile {
		padding-bottom:50px;
	}
	.signup {
		padding-bottom: 60px;
		padding-top: 0px;	
	}
	.signup h3{
		max-width: none;
	}
	#small_signup{
		padding: 20px 0px !important;
	}
	#small_signup h3{
		max-width: 200px;
	}
	#small_signup form{
		display: none;
	}
	
	/* Collections */
	
	#top_stories .w50{
		display: none;
	}
	
	/* Flashcards */
	#flash-content, .safari #flash-content {
		margin: 9px 0px;
	}
	
	#flashcards li:first-of-type {
		padding-top: 15px;
	}

	.topic h4 {
	    padding: 0;
	    text-align: center;
	}
	
	/* Listicles */
	.listicle {
		margin-left: 0px;
	}

	/* Jobs */
	.description {
		padding-left:10px;
		width: 70%;
	}	
	
	/* Blog */
	
	.blog aside {
		display: none;
	}
	
	.blog_author,
	.blog_author a{
		color: black;
	}
	
	.blog_author{
		padding-bottom: 0px;
		font-size: 10px !important;
	}
	#blog_archive{
		padding-top: 0px;	
	}
	
	#blog_archive img,
	#main img:first-of-type {
		margin-top: 15px;
	}

	#blog_archive #main .content{
		margin-top: 5px;	
	}
	

	p.wp-caption-text, span.caption, span.credit{
		/*font-size: 10px !important;*/
		margin-bottom: 10px;
	}
	/* Video */
	#featured-videos .thumb, #vid {
		float:none;
		width: auto;
	}
	#featured_vids_section.vids.divide .wrap:before{
		padding: 0px 0px 0px 0px;
	}
	#featured-videos .title, #vid-content {
    	margin-left: 0
	}
	
	.video.sm .thumb{
		height: 165px;	
	}
	
	#vid iframe {
		height:408px;
	}
	
	#vid-content {
		padding-top:0px;
	}
	.videowrapper {
		float: none;
		clear: both;
		width: 100%;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		margin-bottom: 16px !important;
		height: 0;
	}
	.videowrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
	
	
	/* About */
	
	#about{
		padding: 0px;
	}
	
	#about .heading,
	#supporters .heading{
		margin-bottom: 20px;
	}
		
	/* Supporters */

	#supporters li.w20{
		width: 50%;
	}
	
	#lightbox{
		max-height: none;
		position: fixed;
		right: 0px;
		left: 0px;
		top: 0px !important;
		margin-top: 0px !important; 
		padding: 25px;
		overflow: scroll;
		height: 100vh;
	}
	#lightbox > .close{
		width: 50px;
		height: 50px;
	}
	#lightbox > .close:before,
	#lightbox > .close:after{
		top: 20px;
		right: 10px;
	}
	#lb_content{
		padding: 0px;	
	}
	.bio{
		max-height: none;
	}
	.bio_pic{
		width: 100%;
		margin-top: 20px;
	} 
	.bio_pic img{
		width: 100%;
		height: auto;
	}
	.details ul{
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px solid #e1e1e1;
	}
	.staff .wrap{
		margin: 0px 20px;
	}
	
	/* Feature Story */
	body.featured_story #top_nav{
		height: 55px;
	}
	body.open.featured_story #hamburger,
	body.open.featured_story header.full_height #hamburger{
    	top: 15px;
	}
	body.open.featured_story .full_height > #top_nav > .logo a{
		background: url('images/logo_svg/logo_condensed.svg') no-repeat center center;
		height: 40px;
	}
	body.featured_story.open #top_nav{
		border-bottom: 0px;
	}
	body.featured_story #single_share,
	body.featured_story.open #single_share{
		right: 15px;
		left: initial;
		top: -45px;
		display: none;
	}
	body.featured_story.scrolling_up #single_share,
	body.featured_story.open #single_share{
		display: block;
	}
	#chapter_nav{
		font-size: 14px !important;
		background-color: white;
		border-top: 0px solid red;
		border-bottom: 2px solid red;
		padding: 0px 20px 7px 20px;
		z-index: 9999;
		width: 100%;
		position: fixed;
		display: none;
	}
	body.featured_story.open #chapter_nav{
		display: block;
		border-bottom: 0px;
	}
	body.featured_story.open #chapter_trigger{
		display: none !important;
	}
	#chapter_nav.locked,
	body.featured_story.open #chapter_nav{
		top: 0px !important;
		left: 0px;
		right: 0px;
	}
	body.featured_story.scrolling_up #chapter_nav.locked,
	body.featured_story.open #chapter_nav{
		top: 55px !important;
	}
	#chapter_nav.locked,
	#chapter_nav.locked li a.active,
	#chapter_nav h4,
	#chapter_nav:after{
		display: block;
	}
	#chapter_nav > ul li{
		padding-bottom: 0px;
		padding-top: 0px;
	}
	#chapter_nav.locked li a.active{
		padding-top: 10px;
		padding-bottom: 5px;
	}
	#chapter_nav li,
	#chapter_nav h4{
		font-size: 16px;
	}
	#chapter_nav li{
		line-height: 38px;
		width: 75%;
	}
	#chapter_nav.closed{
		padding-bottom: 0px;
		padding-top: 0px;
		/*overflow: hidden;*/
	}
	#chapter_nav > ul{
		position: initial;
		right: initial;
		height: auto;
		border-top: 0px;
		padding-top: 0px;
		max-width: 100%;
	}
	#chapter_nav.closed h4,
	#chapter_nav.closed li a{
		display: none; 	
	}
	body.split .full_height > #top_nav > .logo{
	    margin: 3px auto 20px auto;
		width: 50px;
		height: 50px;
	}
	body.featured_story.split .full_height > #top_nav > .logo a{
		background: url(images/tiny-logo-white.png) no-repeat center center;
		background-size: 50px;
	}
	body.featured_story.split header.full_height #hamburger{
		top: 15px;
	}
	body.featured_story.split #menu_button span{
		background: white;	
	}
	#feature_header.split{
		height: auto;
	}
	#feature_header.split #featured_story_image{
    	width: 100vw;
    	height: 50vh;
    	position: relative;
		margin-left: 0px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	#feature_header.split #featured_story_image:after{
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		height: 100%;
		background-color: black;
		opacity: 0.2;
	}
	body.split #featured_story_image > .vimeo-wrapper{
		height: 100%;
	} 
	#feature_header.split #featured_story_title{
    	position: relative;
		width: 100vw;
    	height: auto;
		padding: 24px;
	}
	#feature_header.split #featured_story_title h2{
    	margin: 20px 0px 0px 0px;
	}
	#feature_header.split #featured_story_title p.author{
    	transform: none;
		border-bottom: 0px;
		margin-top: 22px;
		margin-bottom: 12px;
		padding-bottom: 0px;
	}
	body.featured_story #feature_content.content{
		padding: 0px;
		margin: 115px auto 0px auto;
	}
	body.featured_story #feature_content.content > p,
	body.featured_story #feature_content.content > h2,
	body.featured_story #feature_content.content > h3,
	body.featured_story #feature_content.content > div.wp-caption p{
		padding-left: 20px;
		padding-right: 20px;
	}
	body.featured_story .inline_story,
	body.featured_story #feature_content.content h3.chapter-break{
		max-width: calc(100vw - 40px) !important;
		padding-left: 0px;
		padding-right: 0px;
		margin-right: auto;
		margin-left: auto;
	}
	body.featured_story #main .content p.feature_intro{
		font-size: 23px;
		line-height: 34px;
		padding-bottom: 50px;
		margin-left: 0px;
	}
	body.featured_story #content{
		padding-top: 0px !important;
	}
	body.featured_story.split #feature_content{
		margin-top: 40px;
	}
	#feature_header h1{
		font-size: 39px;
		line-height: 42px;
	}
	#feature_header h2{
		font-size: 17px;
		line-height: 28px;
		margin: 0px 36px;
	}
	#featured_story_title{
		display: block;
	}
	body.featured_story.split #featured_story_title{
		display: flex;
	}
	#featured_story_title span{
		transform: translateY(-50%);
		top: 50%;
		left: 0px;
		right: 0px;
		position: absolute;
	}
	body.featured_story.split #featured_story_title span{
		transform: translateY(0%);
		position: relative;
	}
	#featured_story_title p.author, 
	#featured_story_title p.author a:link{
		color: #706f6f;
		font-size: 14px !important;
		line-height: 20px;
	}
	#featured_story_title p.author{
		width: calc(100vw - 44px);
		margin: 0px auto 32px auto;
		padding: 0px 0px 23px 0px;
		transform: translateY(130px);
		border-bottom: 1px solid #e1e1e1;
		position: absolute;
		bottom: 0px;
		left: 0px;
		right: 0px;
	} 	
	body.featured_story.split #featured_story_title p.author{
		position: relative;
	}
	#featured_story_title p.author,
	#featured_story_title p.author a:link{
		opacity: 1.0;
		text-align: left;
	}
	#feature_header.split p.author{
		text-align: center;
	}
	#feature_header p.author,
	#feature_header.split p.author{
		font-size: 14px !important;
	}
	body.featured_story #main{
		width: 100%;	
		padding: 0px 0px 8px 0px;
	}
	body.featured_story #main > p{
		font-size: 16px;
		line-height: 28px;
	}
	body.featured_story #main .content h3{
		font-size: 21px;
		line-height: 31px;
	}
	body.featured_story #main .content p.chapter-break{
		margin-top: 15px;
		width: calc(100vw - 40px);
		padding-left: 0px;
	}
	body.featured_story #main .content p.pull-quote-wide{
		font-size: 25px;
		line-height: 35px;
		padding-bottom: 24px;
		margin-top: 15px;
		margin-bottom: 5px;
		margin-left: 20px;
		margin-right: 20px;
		padding-left: 10px;
		text-indent: -10px;
	}
	body.featured_story #main .content iframe{
		max-width: 100vw !important;
	}
	body.featured_story #main .content .signup{
		height: auto;
		text-align: center;
		padding: 20px;
		width: calc(100vw - 40px);
		margin: 15px 20px 20px 20px;
		border-width: 1px 0px;
	}
	body.featured_story #main .content .signup h3{
		text-align: center;
		margin: 0px !important;
	}
	body.featured_story #main .content .signup img{
		width: 75px;
		position: relative;
		transform: none;
		margin: 0px auto 10px auto;
	}
	body.featured_story #main .content .signup form{
		display: none;	
	}
	body.featured_story .talking {
		width: calc(100vw - 40px);
		margin: 25px auto 5px auto;
	}
	body.featured_story .talking h4 {
		padding-bottom: 0px;
	}
	body.featured_story #related .wrap{
		padding-top: 0px !important;
	}
	body.featured_story #related .w25{
		margin: 0px;
		min-height: 80px;
	}
	body.featured_story #related a.post.sm{
		margin: 10px 0px;
		border-bottom: 0px;
		padding-bottom: 0px;
	}
	body.featured_story #related .wrap{
		padding: 20px 0px;
		padding-bottom: 0px;
	}
	body.featured_story #related .post{
		margin: 0px;
	}
	body.featured_story #related .thumb{
		margin-top: 5px;
	}


}


@media only screen and (max-width: 550px) {
	
	#search_column > #searchform {
		width: 90%;
		margin: 0px 5%;
		overflow: auto;
		float: none;
	}
	
	#search_close{
		float: left;	
		margin-top: 10px;
	}
	#feed h4{
		padding: 0px 20px 20px 20px;
	}
	
	
	input#s{
		font-size: 30px;
	}
	
	.row.mid-nowrap {
 	   flex-wrap: wrap;
	}
	
	#trending .post{
		padding: 4px 20px 5px;
		margin: 0px 20px;
	}
	
	#trending .post:first-of-type{
		padding-top: 20px;
	}

	#trending .post span{
		display: none;
	}
	
	#trending .post hr{
		display: block;
	}
	
	#trending .post:last-of-type hr{
		opacity: 0.0;
	}
	.speaker h2 span{
		line-height: 22px;
	}
	.signup h3{
		max-width: 80%;
	}
	
	.w25, .w33, .w50, .col.w50, .col.w25, .sls .col.w25, 
	.newsletter_signup form .btn, 
	.newsletter_signup input[type="email"],
	.collection_stories li{
    	width: 100%;
    	display: block;
	}
	
	.wrap, .single #related .wrap {
		padding-left:0;
		padding-right:0;
	}
	
	.single .wrap, #single-vid .wrap{
		padding: 20px;
	}
	
	.heading {
		padding-left:20px;
		padding-right:20px;
	}
	
	.lg h2{
		padding: 0 40px;
	}
	
	.thumb .cat{
		font-size: 14px;
	}
	
	.video .thumb{
		height: 137px;
	}
	
	.vids .post{
		margin: 20px 0px;
	}
	
	.vids.divide{
		margin-top: 0px;		
	}

	.vids.divide .wrap{
		border-top: 1px solid #e5e5e5;
		border-bottom: 0px;
		padding: 0px ;
		margin: 0px 20px;	
	}
	
	#vid-head h2{
		font-size: 22px;
		line-height: 30px;
	}
	
	.vids h4{
		padding: 20px 0px;
	}
	
	.view_all{
		/*display: none;*/
		margin-right: 0px !important;
		padding-top: 2px !important;
	}
	
	.noborder li.col.w25,
	#bottom_vids.noborder li.col.w33{
		padding: 0px 20px !important;
	}
	
	#top_vids .heading h2{
		margin-bottom: 10px;
	}

	#single-vid .tags h6{
		font-size: 11px;
	}
	
	#single-vid{
		margin-bottom: 0px;
	}

	#featured-videos .slide{
		width: 100% !important;
		padding: 20px;
	}
		
	#selectSlide{
		display: none;	
	}

	#single-vid .divider{
		display: none;
	}

	
	/* Single */
	
	.single > .wrap{
		padding: 0px;
	}
	
	#single_header,
	.single .content,
	.single .caption,
	.single .credit,
	.single aside {
		padding: 0px 20px;
	}
	
	
	#single_header{
		padding-top: 20px;
		font-size: 10px;
	}
	
	#single_header h1{
		font-size: 22px;
		line-height: 30px;
		padding: 5px 0 10px 0;
	}
	
	.article__paragraph.opening, 
	.article__intro,
	.flashcard_story p{
		font-size: 16px;
		margin: 0px;
	}
	
	.author.mobile,
	.author.mobile a {
		font-size: 10px !important;
		padding-bottom:20px;
		color: black !important;
	}
	
	.pull-quote{
		font-size: 16px;
		line-height: 24px;
	}
	
	.inline_story{
		padding: 0px;	
	}
	
	.inline_story span {
		position: relative;
		width: 100%;
		height: 150px;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		margin: 20px 0px;
	}
	
	.inline_story h4{
		margin: 10px 0px;
		padding: 0px 0px 5px 0px;
		background-position: 0px bottom;
	}
	
	.inline_story  p{
		margin: 10px 0px;	
		padding: 0px;
	}
	
	.listicle dt:before{
		font-size: 20px;
		line-height: 28px;
	}
	
	.listicle dt{
		padding: 4px 0 5px 0;
		line-height: 24px !important;
		font-size: 16px;
		min-height: 20px;
	}
	
	.listicle dt, .listicle dd{
		padding-left: 20px;
	}

	.listicle dd{
		padding-bottom: 20px;
		margin-bottom: 0px;
	}
	
	.listicle dt:nth-of-type(n+10),
	.listicle dd:nth-of-type(n+10){
		padding-left: 30px !important;
	}

	.mobile_date{
		color: #999;
	}
		
	aside h5.author{
		padding-top: 0px;
		padding-bottom: 10px;
		color: #000;	
	}	
	
	.single aside h5.author a{
		color: #000;
		letter-spacing: 0.75px;
	}

	.single aside h5.author:before{
		content: 'About';	
	}
	
	.btn.red.mobile span{
		display: inline;
		line-height: 35px;
		font-size: 13px;
	}
	
	.btn.red.mobile:hover{
		text-decoration: none;
	}

	.details p{
		font-size: 16px;
		line-height: 24px;
	}

	aside .date,
	aside .signup,
	aside .most-read,
	aside .sidebar_story,
	aside .noborder{
		display: none;	
	}
	
	.tags{
		display: none;
	}
	
	#related .post {
		border-bottom: 0px;
	}	

	.speaker {
	    padding: 0 0;
	    position: relative;
	}
	
	.speaker:before, .speaker:after {
		display: none
	}
	
	.post.lg, .post.feature {
		margin: 0;
	}
	
	.post.feature .thumb {
		float:none;
		width: 100%;
	}
	
	.thumb {
    	height: 225px;
    }
	
	.feature .head {
	    left: 0 !important;
	    right: 0 !important;
	    width: auto;
	    transform: none;
	    position: relative;
	    margin: -20% 20px 0;
	}
	
	.feature .thumb{
		height: 225px;
	}
	
	section.p60{
		margin: 25px 0 10px 0px;
	}
	
	section.speakerBox{
		margin-bottom: 30px;
	}

	.feature .head h2{
		font-size: 22px;
		line-height: 30px;
	}
	
	.featured_articles .post p.author{
		display: none;
	}
	
	.head.flashcard h4 a, 
	.head.opinion h4 a{
		font-size: 22px;
		line-height: 30px;
	}
	
	.icon{
		margin-bottom: 0px;	
	}
	
	.author em{
		display: none;	
	}
	
	.post h2 {
	    font-size: 22px;
	    line-height: 35px;
	    font-weight: normal;
	}
	
	.heading p{
		border-bottom: 1px solid #e1e1e1;
		margin-bottom: 0px;
		padding-bottom: 25px;
	}
	
	#main .content {
	    margin-left: 0px;
	    margin-top: 25px;
	}	
	
	#main .content h2{
		font-size: 18px;
		margin: 0px 0 15px;
	}
	
	#main .content p,
	.flashcard_story p,
	.article__paragraph,
	#main .content ul{
		padding-bottom: 25px;
		line-height: 28px;	
	}
	
	#main h1 {
	    font-size: 26px;
		line-height: normal;
	}
	
	#main h1.blog_title{
		padding: 20px 20px;
	}
	
	#blog_archive p.blog_author{
		margin-left: 20px;	
	}

	.blog_author {
		padding: 10px 0px;
	}
	
	.mobile_author.blog_author {
		padding: 0px;
		
	}
	.mobile_author.blog_author strong{
		letter-spacing: 0.75px;
	}

	#main h1.blog_post{
		font-size: 22px;
		line-height: 30px;
		padding: 0px 20px;
	}
	
	#blog_archive hr{
		margin: 1em 20px;	
	}
	
	.inner-headline{
		line-height: 18px;
	}
	
	.listing li{
		padding: 25px 0px;
		width: 90%;
		margin: 0px 5%;
		margin-top: 10px;
	}
	
	.listing li h2{
		line-height: 30px;
		margin-top: 10px;
	}
	
	.listing li h5{
		display: none;
	}

	.listing li h5.mobile{
		display: block;
		margin-bottom: 15px;
	}
	.listing li .author{
		font-size: 10px !important;
	}
	.mobile_divider{
		display: block;
		border-bottom: 1px solid #e1e1e1;
		margin: 0px 20px;
	}
	
	#blog_archive span.drop-cap{
		display: inline-block;
		font-size: inherit;
		float: none;
		padding: 0px;	
	}
	
	
	#related .wrap{
		border-top: 0px;	
	}
	
	/* Flash Cards */
	
	#flash-heading {
		margin-bottom:10px;
		padding: 0px 20px;
		display: none;
	}
	
	#flash-heading h1 {
	    font-size: 20px;
	    line-height: 28px;
	}	
	
	#flash-heading h1 img {
		display: none;
	}
	
	#flash-content {
		padding: 0;
		border-bottom: 0px;
	}
	
	#flash-content div.nav a {
		font-size: 30px;
		top: 5px
	}
	
	#flash-content h2 {
	    margin: 0 -20px;
	}
	
	#flash-content h2 strong {
		text-align: center;
		float:none;
		border-bottom:1px solid #e1e1e1;
		padding:10px 0;
		margin: 0 0 30px;
		display: block;
	}
	
	#flash-content h2 span {
		padding: 0 20px;
		margin-bottom: 20px;
	}
	
	#flash-content div.nav a.next{
		right: 0px;
	}
	#flash-content div.nav a.prev{
		left: 0px;
	}
	.flashcard_story {
		padding:0 20px 20px;
	}
	.topic{
		padding-top: 0px;
	}
	
	/* Collections */
	
	#top_videos li{
		width: 100%;
	}
	#top_stories .w50{
		display: none;
	}
	
	#collection_banner{
		background-image: none !important;
		height: auto !important;
		padding: 0px 0px 0px 0px;
		background-color: white;
		margin-bottom: 0px;
	}
	#collection_banner h1{
		color: #00c6ff;
		font-size: 2em;
		line-height: 1em;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	#collection_banner h2{
		color: #a3a3a3;
		font-size: 10px;
		line-height: 18px;
		letter-spacing: 1px;
		padding: 0px 20px 25px 20px;
	}
	#collection_banner h2:before,
	#collection_banner h2:after{
		content: '–';
	}
	img.desktop_banner{
		display: none;
	}
	img.mobile_banner{
		display: inline-block;
		max-width: 95vw;
	}
	.collection_stories h4{
		font-family: "adriane", serif;
		font-style: normal;
	}
	.collection_stories p.author,
	.collection_stories h5{
		display: block !important;
	}
	

	/* Jobs */
		
	.job{
		border-bottom: 0px;
	}
	
	.description {
		padding:0 20px 20px;
		width: auto;
		float: none;
		line-height: 28px;
		font-size: 16px;		
	}

	.job-content > aside p:last-of-type{
		padding-bottom: 40px;
		border-bottom: 1px solid #e1e1e1;
	}


	.job h2 a {
		font-size: 25px;
		line-height: 30px;
		padding:20px 40px 20px 20px;
	}
	
	.job aside{
		padding:20px;
	}	
	
	.job aside h3 {
		padding:10px 0;
		font-size: 14px;
	}
	
	.jobs_heading div{
		padding-top: 12px;	
	}
	
	.jobs_heading p{
		margin-top: 0px;
		font-size: 16px;		
		line-height: 28px;
	}
	
	/* Video */
	
	#slideNav {
		display: none;
	}
	
	#vid {
		margin:0 -20px;
	}
	.vids .post{
		margin: 15px 0px;
	}
	
	.vids.divide{
		margin-top: 0px;		
	}

	.vids.divide .wrap{
		border-top: 1px solid #e5e5e5;
		border-bottom: 0px;
		padding: 0px ;
		margin: 0px 20px;	
	}
	
	.vids h4{
		padding: 25px 0px 0px 20px;
	}
	
	#bottom_vids.vids h4{
		padding-left: 0px;
	}
	
	.noborder li.col.w25,
	#bottom_vids.noborder li.col.w33{
		padding: 0px 20px !important;
	}
		
	#single-vid{
		margin-bottom: 0px;
	}
	
	#featured-videos {
    	border-bottom: 0px;
		padding: 0;
		margin: 0 0 20px;
		margin-bottom: 8px;
	}
	
	#featured-videos .thumb {
		height: 195px;
	}

	#featured-videos .slide{
		width: 100% !important;
		padding: 20px;
	}
	#featured-videos .slide:first-of-type .title{
		padding: 20px;
	}

	#featured-videos .title{
		padding: 20px 0px 0px 0px;
	}
	
	#featured_vids_section h4{
		padding-left: 0px;	
	}

	#selectSlide{
		display: none;	
	}
	
	/* Newsletter */
	
	#newsletter_fp > .inner_form{
		margin: 0px;
		padding: 20px;
	}
	
	#newsletter_fp{
		padding: 30px;
	}

	/* About */
	
	.staff .col{
		padding: 5px 10px;
	}
	
	
	/* Supporters */
	
	#supporters .partners li.col {
		max-width: 90%;
		margin: 0% 5%;	
	}
	
	#supporters .heading {
		padding-bottom: 0px;
		margin-bottom: 12px;
	}

	#supporters h3{
		padding-bottom: 0px;
	}
	
	#supporters li img{
		margin-bottom: 10px;	
	}
	
	.support{
		padding: 22px 0px;	
	}
	
	#supporters .partners li.col span{
		font-size: 18px;
		line-height: 24px;
	}
	
	#supporters li.col a{
		font-size: 14px;
		line-height: 18px;
	}
	
}