/*
font-family: 'Dream Orphans';
font-family: 'Lato', sans-serif;
font-family: 'Droid Serif', serif;

default color: #151515;
para graph: color: #6a6a6a;
color: #f68a27;   .hover
border: 1px solid rgba(0, 0, 0, 0.04);

*/

/********************** FONTS ***************************/
@import url('https://fonts.googleapis.com/css?family=Droid+Serif|Lato');



@font-face {
	font-family: 'Dream Orphans';
	src: url('./fonts/DreamOrphans-Regular.eot');
	src: url('./fonts/DreamOrphans-Regular.eot?#iefix') format('embedded-opentype'),
		url('./fonts/DreamOrphans-Regular.woff') format('woff'),
		url('./fonts/DreamOrphans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a4a4a4;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #a4a4a4;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #a4a4a4;
}
:-moz-placeholder { /* Firefox 18- */
  color: #a4a4a4;
}

::selection{
	background-color: #f68a27;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

/* Scroll Bar *****/
::-webkit-scrollbar {
    width: 12px;
		height: 5px;
}
::-webkit-scrollbar-track {
	background-color: #f4f4f4;
}
::-webkit-scrollbar-thumb{
  background: #f68a27;
	border: 1px solid #f4f4f4;
	border-radius: 6px;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.5);
}

body{
	position: relative;
  margin: 0px auto;
  color: #151515;
  font-family: 'Droid Serif', serif;
	font-weight: normal;
  background-color: #ffffff;
  font-size: 8px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img[src*=".jpg"], img[src*=".jpeg"]{
	background-color: #f0f0f0;
	background-image: url("../images/imagePlaceholder.svg");
	background-size: cover;
	background-position: center;
}
p{
	margin: 10px 0px;
  font-size: 1.8em;
	color: #6a6a6a;
	line-height: 1.4;
}
p.dark{
	color: #151515;
}
p.quest{
	padding-top: 15px;
	color:#151515;
	font-size:2.2em;
	font-weight:bold;
}

.center{
	text-align: center;
}
a{
	margin: 0px;
  text-decoration: none;
  color: #f68a27;
  transition: 0.4s;
}
a:hover{
  transition: 0.4s;
	color: #f68a27;
}
a.reverse{
	color: #151515;
}
a.reverse:hover{
	color: #f68a27;
}
a.authorLink{
	color: #6a6a6a;
	font-weight: bold;
}
a.authorLink:hover{
	color: #f68a27;
}
hr{
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
i.divider::after, i.dividerLight::after{
	content: "|";
	font-style: normal;
	margin: 0px 8px;
}
i.dividerLight{
	color: #151515;
	opacity: 0.2;
}
i.dot::before{
	content: "•";
	font-style: normal;
	color: #f68a27;
	margin: 0px 8px;
	vertical-align: middle;
}
i.block::after{
	content: "";
	font-style: normal;
	color: #f68a27;
	margin: 0px 3px;
}
i.block{
	background-color: #f68a27;
	margin-right: 10px;
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Lato', sans-serif;
	margin: 10px 0px;
	color: #151515;
}
h1{
	font-size: 4em;
}
h2{
	font-size: 3.8em;
}
h3{
	font-size: 3.5em;
}
h4{
	font-size: 2.8em;
	line-height: 1.2;
	border-color: transparent;
	text-transform: uppercase;
	text-align: center;
}
h4.small{
 font-size: 2.2em;
 margin: 5px 0px;
}
h5{
	font-family: 'Droid Serif', serif;
	font-size: 2em;
}
h6{
	font-family: 'Droid Serif', serif;
	font-size: 1.5em;
	color: #f68a27;
	font-weight: normal;
	margin: 8px 0px;
}
button{
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
  font-size: 13px;
	font-weight: bold;
  outline: 0px;
  border: 0px;
  background-color: #f68a27;
  padding: 10px 25px;
  color: #ffffff;
  cursor: pointer;
	border-radius: 3px;
}
button:hover{
  background-color: #f1790b;
}
header{
  position: sticky;
  top: 0px;
	z-index: 5;
  text-align: center;
  background-color: #ffffff;
  padding: 0px 5.5%;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
}
header.relative{
	position: relative;
}
.logo{
  position: relative;
  display: block;
	z-index: 1;
	padding: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.logo img{
	width: 260px;
}
.footerLogo{
	width: 100px;
}
.menu{
	padding: 5px 0px;
}
.menu li, .mobileMenu li{
  list-style: none;
  display: inline-block;
  margin: 6px 1.3vw;
  font-weight: bold;
  vertical-align: middle;
}
.menu ul, .mobileMenu ul{
  margin: 0px;
  padding: 0px;
}
.menu a{
	font-size: 1.8em;
	color: #151515;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}
.menu a:hover{
	color: #f68a27;
}
.menu li.active a{
	color: #f68a27;
}
.search-button button{
  background-color: #ffffff;
  background-image: url("../images/search-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
	background-size: cover;
  padding: 8px;
  vertical-align: top;
}
.search-button button:hover{
	background-image: url("../images/search-icon-hover.svg");
}
.closeMenuButton{
	position: absolute;
  display: none;
	right: 7%;
	top: 25px;
	font-size: 22px;
	font-family: arial;
	cursor: pointer;
	transition: 0.4s;
	background-image: url("../images/icon-close.svg");
	background-size: cover;
	width: 20px;
	height: 20px;
}
.closeMenuButton:hover{
	transition: 0.4s;
	background-image: url("../images/icon-close-hover.svg");
}
.mobileMenu{
  display: none;
}

.searchCurtain{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.98);
	padding-top: 40px;
	padding-bottom: 30px;
	text-align: center;
}
.searchCurtain.closeMenuButton{
	display: block;
}
.search-container{
	position: relative;
	width: 600px;
	max-width: 90%;
	margin: 0px auto;
}
.suggestions{
	position: relative;
	margin-top: 5px;
	max-height: 70vh;
	overflow: auto;
	padding: 0px 5px;
}
.hanging{
	position: absolute;
	width: 100%;
	margin-top: 0px;
	background-color: #ffffff;
	padding: 0px;
}
.suggestions a{
	display: block;
	font-size: 14px;
	text-align: left;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 8px 10px;
	margin: 4px 0px;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08);
	color: #6a6a6a;
}
.suggestions a:hover{
	background-color: #ffffff;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
	color: #f68a27;
}
.hanging a{
	background-color: #fbfbfb;
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: none;
	margin: 0px;
	border-top: 0px;
}
.searchBox{
	position: sticky;
	top: 86px;
	width: 760px;
	max-width: 100%;
	background-color: white;
	padding: 15px 0px;
	z-index: 1;
}
.search-container input{
	background-color: transparent;
	outline: none;
	border: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	width: 100%;
	padding: 10px 40px 10px 10px;
}
.search-container ::-webkit-search-cancel-button{
	position:relative;
	-webkit-appearance: none;
	height: 12px;
	width: 12px;
	background-image: url("../images/icon-close.svg");
	background-size: cover;
	opacity: 0.4;
	transition: 0.4s;
}
.search-container ::-webkit-search-cancel-button:hover{
	transition: 0.4s;
	opacity: 1;
}
.search-container button{
	background-color: transparent;
	background-image: url("../images/search-icon.svg");
	background-repeat: no-repeat;
	background-position: center;
	padding: 15px;
	position: absolute;
	right: 5px;
	top: 4px;
}
.searchBox button{
	top: 18px;
}
.search-container button:hover{
	background-image: url("../images/search-icon-hover.svg");
}
.homeBanner{
	margin-top: -80px; /* None */
	position: relative;
	width: 100%;
	height: auto;
	background-color: #ffffff;
}
.homeBannerImage{
	width: 100%;
	max-height: 100vh;	/* 90vh */
	overflow-y: hidden;
}
.homeBannerText{
	position: absolute;
	color: #ffffff;
	text-shadow: 2px 3px 10px rgba(0, 0, 0, 1);
	z-index: 1;
	bottom: 10%;
	left: 5%;
}
.homeBannerText h1{
	font-family: 'Dream Orphans';
	font-weight: normal;
	font-size: 4vw;
	max-width: 40vw;
	margin: 0px;
	color: #ffffff;
}
.homeBannerText h5{
	font-size: 1.2vw;
	margin: 5px 0px;
	font-weight: normal;
	opacity: 0.8;
	color: #ffffff;
}
.homeBannerText h5:first-child{
	text-transform: uppercase;
}
.homeBannerText h5 span{
	padding: 0px 10px;
	opacity: 0.4;
}

.homeContainer{
	position: relative;
	margin: 8vh auto;
	width: 1200px;
	max-width: 90%;
	margin-top: 4vh;
}
.postTiles{
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.04);
	padding: 15px;
	padding-bottom: 5px;
	background-color: #ffffff;
}

 h4.title{
	display: inline;
	text-align: left;
	text-transform: none;
	vertical-align: top;
	text-decoration: none;
 }
h4.title:hover{
	border-bottom: 1px solid #f68a27;
}
h4.blank:hover{
	border-bottom: 0px;
}
.photoStoryTile{
	position: relative;
}
.photoStoryTile::after{
	content: "";
	position: absolute;
	bottom: 7%;
	right: 5%;
	background-image: url("../images/icon-photo.png");
	background-position: center;
	background-size: cover;
	padding: 20px
}
.mostReadTiles > div{
	position: relative;
	display: inline-block;
	width: 45%;
	margin: 10px 0px;
	vertical-align: top;
}
.mostReadTiles > div:last-child{
	width: 52%;
	margin-left: 2%;
}

.homePodcastFeatured{
	position: relative;
	display: inline-block;
	width: 66%;
	margin-right: 2%;
	vertical-align: top;
}
.homePodcastSlider{
	position: relative;
	display: inline-block;
	width: 31%;
	vertical-align: top;
}
.homePodcastTiles{
	position: relative;
}
.homePodcastTiles > div{
	display: inline-table;
	width: 52%;
	vertical-align: middle;
	margin: 5px 0px;
}
.homePodcastTiles > div:first-child{
	width: 45%;
	margin-right: 2%;
}
.homePodcastTiles img{
	max-width: 100%;
}

div.homePodcast{
	position: absolute;
	text-align:center;
	bottom: 30px;
	left: 30px;
}
div.homePodcast p{
	color: white;
}
button.homePodcast{
	width: 50px;
	height: 50px;
	max-width: 100%;
	background-color: transparent;
	background-image: url("../images/icon-podcast.svg"), url("../images/icon-podcast.png");
	background-size: cover;
}
.smallPodcast{
	transform: scale(0.9);
	margin-bottom: -15px;
}
.microPodcast{
	transform: scale(0.9);
	margin-bottom: -15px;
	margin-left: -10px;
}
.tinyPodcast{
	transform: scale(0.7);
	position: absolute;
	bottom: -20px;
	left: -20px;
}

#homePlayer{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	width: 100%;
	height: 100px;
	display: none;
}
#homePlayer iframe{
	opacity: 1;
	width: 100%;
	height: 100%;
}
#homePlayer .closePlayer{
	position: absolute;
	left: 8px;
	top: 8px;
	cursor: pointer;
	background-image: url("../images/icon-close.png");
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: white;
	filter: invert(1);
	padding: 15px;
	opacity: 0;
	transition: 0.4s;
}
#homePlayer iframe:hover + .closePlayer, #homePlayer .closePlayer:hover{
	opacity: 0.6;
	transition: 0.4s;
}
.subscribeLabel{
	background-color: #fff4eb;
	padding: 20px 5% 30px 5%;
	text-align: center;
	margin: 30px 0px;
}
.subscribeLabel h4{
	font-weight: bold;
}
.subscribeLabel button{
	margin-top: 10px;
	padding: 10px 45px;
}
.quoteBox{
	margin: 30px 0px;
	margin-top: 10px;
	background-color: #fff4eb;
	padding: 50px 5%;
	text-align: center;
	background-image: url("../images/quoteBack.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-origin: content-box;
}

h4.homeQuote{
	display: inline;
	font-size: 3.5em;
	font-weight: bold;
	text-transform: none;
}
h4.homeQuote:hover{
	border-bottom: 1px solid #f68a27;
}
h4.homeQuote::before, h4.homeQuote::after{
	content: '“';
	font-size: 120%;
}
 h4.homeQuote::after{
	content: '”';
}
h4.homeQuoteFrom{
	text-transform: none;
	margin: 10px 0px;
	font-size: 1.7em;
	opacity: 0.8;
}
h4.homeQuoteFrom::before{
	content: '(';
}
h4.homeQuoteFrom::after{
	content: ')';
}
.quoteBox p{
	margin-top: 0px;
}
.homeAuthorContainer{
	position: relative;
	text-align: center;
}
.homeAuthors h4{
	text-transform:  none;
}
.homeAuthors p{
	margin: auto;
	width: 250px;
	max-width: 100%;
	white-space: normal;
}
.homeAuthors img{
	border-radius: 50%;
	width: 100px;
}

.homeAuthors{
	position: relative;
	display: inline-table;
	width: 33%;
	box-sizing: border-box;
	padding: 40px 15px;
}

.homeAuthors::after{
	position: absolute;
	z-index: -1;
	top: 20%;
	bottom: 20%;
	right: 0;
	content: '';
	border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.homeAuthors:last-child::after{
	border-right: none;
}

.homeCurrentIssue h4, .homeCurrentIssue p{
	text-align: left;
	width: 320px;
	max-width: 100%;
}
.homeCurrentIssue hr{
	margin-left: 50px;
}
h4.homeCurrentIssueHead{
	text-transform: none;
	margin: 15px 0px;
}
.homeCurrentIssue button{
	margin-top: 10px;
	margin-right: 10px;
}
.homeCurrentIssue::after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	content: '';
	border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.homeEditorsPick{
	background-color: #fef5eb;
	box-sizing: border-box;
	padding: 15px 4%;
	text-align: center;
}
.homeEditorsThumb{
	background-color: rgba(0, 0, 0, 0.05);
	margin: 30px auto;
	height: 200px;
	width: 200px;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.footerContainer{
	position: relative;
	margin: 4vh auto;
	width: 1200px;
	max-width: 90%;
}
.newsletterLabel{
	background-color: #f1f1f1;
	background-image: url("../images/newsletterBack.jpg");
	background-size: cover;
	padding: 5px 0px;
}
.newsletterLabel h4{
	margin-top: 0px;
}
.newsletterLabel p{
	margin-bottom: 0px;
}
.newsletterLabel input[type=email]{
	display: inline;
	font-size: 12px;
	outline: 0px;
	border: 0px;
	padding: 12px 12px;
	width: 58%;
	margin-right: 2%;
	color: #6a6a6a;
	margin-top: 15px;
}
.newsletterLabel label{
	font-size: 14px;
}
.newsletterLabel input[type=radio]:checked + span{
	color: #f68a27;
	transition: 0.4s;
}
.footer p small{
	font-size: 12px;
	margin-top: 5px;
}
.footer a{
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	color: #6a6a6a;
}

.footerSocial p{
	margin-top: 0px;
	font-size: 14px;
	margin-bottom: 20px;
}
.footerSocial a{
	display: inline-block;
	margin-right: 10px;
	opacity: 0.8;
}
.footerSocial a:hover{
	opacity: 1;
}
.footer a:hover{
	color: #f68a27;
}
.studyProgressContainer{
	padding: 5px 5%;
	position: sticky;
	z-index: 1;
	top: 0px;
	background-color: white;
	display: none;
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.15);
}
.postTitle, h3.postTitleProgress{
	text-transform: none;
	text-align: center;
	font-size: 4em;
}
h3.postTitleProgress{
	text-align: left;
	font-size: 2.4em;
}
#studyProgress{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background-color: rgba(246, 138, 39, 0.15);
	text-align: left;
}
#studyProgress > div{
	height: 100%;
	width: 0%;
	max-width: 100%;
	background-color: rgba(246, 138, 39, 1);
}
.postContainer{
	position: relative;
	width: 800px;
	max-width: 60%;
	margin: auto;
}
.postContainer p{
	font-size: 2em;
	line-height: 1.8;
	margin: 15px 0px;
}
.postInfo{
	position: relative;
	text-align: center;
	padding-bottom: 10px;
}
.postInfo p{
	font-size: 1.5em;
	text-align: center;
}
.postInfoFooter img{
	width: 80px;
	max-width: 100%;
	border-radius: 50%;
}
.postInfoFooter p{
	margin: 5px 0px;
	line-height: 1.2;
}
.postInfoFooter p:first-child{
	color: #000;
}
.postContent{
	position: relative;
	padding: 15px 0px;
	padding-bottom: 30px;
	font-size: 18px;
	color: #6a6a6a;
	line-height: 1.8;
}
/*
.postContent div:first-child::first-letter{
	color: #f68a27;
	font-size: 3.5em;
	float: left;
	line-height: 50px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px;
}
*/
s{
  color: #f68a27;
  font-size: 3.5em;
  float: left;
	display: inline-block;
  line-height: 50px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
	text-decoration: none;
}
.postContent p, .postContent div{
	position: relative;
	font-size: 18px!important;
	color: #6a6a6a;
	line-height: 1.8;
	margin: 10px 0px;
}
.postContent hr{
  margin: 0px;
  padding: 35px 0px 25px 0px;
  border: none;
}
.postContent hr::after{
  content: "***";
  position: absolute;
  left: 48%;
  transform: translateX(-50%);
  transform: translateY(-50%);
}
.postContent ul, ol{
	margin: 0px;
	padding: 0px;
	padding-left: 30px;
}
.postContent a{
	color: #6a6a6a;
	text-decoration: underline;
}
.postContent a:hover{
	color: #f68a27;
}
.postContent b{
	color: #151515;
}
q, blockquote{
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 30px 0px;
	font-size: 22px;
	background-color: #fbfbfb;
	padding: 30px 5%;
	text-align: left;
	font-style: italic;
	border-left: 4px solid #f68a27;
	line-height: 1.6;
	color: #151515;
	background-image: url("../images/quoteBack.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 10%;
	background-origin: content-box;
	font-family: 'Lato', sans-serif;
}
q::before,  blockquote::before{
	content: "“";
}
q::after, blockquote::after{
	content: "”";
}
q.synopsis, blockquote.synopsis, blockquote.insights{
	/*background-color: #fff4eb;*/
	background-image: none;
}
cite, strike{
	position: relative;
	float: right;
	font-style: italic;
  text-decoration: none;
	color: #6a6a6a;
	font-size: 70%;
	padding: 10px 5px;
	text-align: right;
}
cite::before, strike::before{
	content: "—";
}
q.synopsis::before, q.synopsis::after, blockquote.synopsis::before, blockquote.synopsis::after, blockquote.insights::before, blockquote.insights::after{
	content: "";
}
blockquote.insights{
	border-left: 0px;
}
blockquote.insights::before, blockquote.insights::after{
	content: "";
	position: absolute;
	top: 0px;
	left: 38.5%;
	border-top: 4px solid #f68a27;
	width: 25%;
}
blockquote.insights::after{
	top: auto;
	bottom: 0;
}
span.quoteInitials{ /* First two words of Quote/Snippet, targetted by JQuery */
	color: #f68a27;
}
.postContent iframe{
	width: 100%;
	height: 440px;
}
.postContent img{
	max-width: 100%;
}
.poster{
	position: relative;
	cursor: pointer;
}
.postContent div.caption{
  text-align: center;
  margin-top: -5px;
  margin-bottom: 5px;
	font-size: 12px!important;
	font-style: italic;
	opacity: 0.9;
}
div.photoContent{
	padding: 0px;
	align-content: center;
	text-align: center;
}
.photoContent > div{
	padding: 0px;
	position: relative;
	display: inline-block;
	width: auto;
	cursor: pointer;
}
.contentImage{
  position:relative;
  margin:10px 0px;
  text-align:center;
}
.contentImage > div{
	position: relative;
	display: inline-block;
	margin: auto;
	cursor: pointer;
}
.contentImage img{
  max-width:100%;
  margin: 0px;
}
.photoContent > div::after, .poster::after, .contentImage > div::after{
	content: "";
	border-radius: 50%;
	background-image: url('../images/icon-fullscreen.png');
	width: 25px;
	height: 25px;
	background-size: cover;
	position: absolute;
	top: 15px;
	right: 15px;
	transition: 0.4s;
	pointer-events: none;
}
.photoContent > div:hover::after, .poster:hover::after, .contentImage > div:hover::after{
	transition: 0.4s;
	background-color: rgba(0, 0, 0, 0.2);
}
.photoContent img{
	width: auto;
	max-width: 100%;
	max-height: 80vh;
}
.sideSocialSticker{
	position: fixed;
	left: 8vw;
	top: 35vh;
	font-size: 10px;
	color: #bbbbbb;
	text-align: center;
	display: none;
}
.like-count{
	padding-top: 10px;
	margin-bottom: -5px;
}
.disqus-comment-count{
	padding-top: 0px;
	margin-bottom: -5px;
}
i.time{
	background-image: url("../images/icon-time.png");
	background-position: center;
	background-repeat: no-repeat;
	padding: 6px;
	margin-right: 6px;
}
i.icon{
	background-position: center;
	background-repeat: no-repeat;
	padding: 10px;
	transition: 0.4s;
}
i.icon:hover{
	transition: 0.4s;
}
i.like{
	background-image: url("../images/like.svg");
}
i.like:hover{
	background-image: url("../images/like-hover.svg");
}
i.like.active{
	background-image: url("../images/like-seleted.svg");
}
i.facebook{
	background-image: url("../images/fb.svg");
}
i.facebook:hover{
	background-image: url("../images/fb-hover.svg");
}
i.twitter{
	background-image: url("../images/twitter.svg");
}
i.twitter:hover{
	background-image: url("../images/twitter-hover.svg");
}
i.reddit{
	background-image: url("../images/reddit.svg");
}
i.reddit:hover{
	background-image: url("../images/reddit-hover.svg");
}
i.mail{
	background-image: url("../images/mail.svg");
}
i.mail:hover{
	background-image: url("../images/mail-hover.svg");
}
i.print{
	background-image: url("../images/print.svg");
}
i.print:hover{
	background-image: url("../images/print-hover.svg");
}
i.comment{
	background-image: url("../images/comment.svg");
}
i.comment:hover{
	background-image: url("../images/comment-hover.svg");
}
i.share{
	background-image: url("../images/share.svg");
}
i.share:hover{
	background-image: url("../images/share-hover.svg");
}
i.whatsapp{
	background-image: url("../images/whatsapp.svg");
}
i.whatsapp:hover{
	background-image: url("../images/whatsapp-hover.svg");
}
.sideSocialSticker > div{
	padding: 16px 15px;
	cursor: pointer;
}
.suggestedPosts{
	position: fixed;
	right: 15px;
	top: 25vh;
	width: 18%;
	font-size: 8px;
	border-left: 1px solid rgba(0, 0, 0, 0.05);
	display: none;
}
.suggestedPosts h4{
	font-size: 16px;
}
.suggestedPosts ul{
	padding: 0px;
	padding-left: 30px;
}
.suggestedPosts li{
	list-style: decimal;
	font-size: 14px;
	color: #6a6a6a;
	padding: 10px 0px;
}
.suggestedPosts li span{
	border-color: transparent;
	transition: 0.4s;
}
.suggestedPosts li:hover span{
	display: inline;
	border-bottom: 1px solid #f68a27;
	transition: 0.4s;
}
.mobilePostLinks{
	display: none;
}
.hoverShare{
	display: none;
}

.comments{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 12;
	background-color: white;

}
#disqus_thread{
	position: relative;
	width: 1024px;
	max-width: 100%;
	margin: 4vh auto;
	margin-top: 8vh;
	height: 88vh;
	padding: 0px 15px;
	overflow-y: scroll;
}
#disqus_thread::-webkit-scrollbar-thumb{
	background: #f9f9f9;
	border: 0px;
}
#disqus_thread::-webkit-scrollbar-thumb:hover{
	background: #eeebeb;
}
#disqus_thread::-webkit-scrollbar-track {
	background-color: white;
}
#disqus_thread::-webkit-scrollbar-track:hover {
	background-color: #f9f9f9;
}
#disqus_thread::-webkit-scrollbar {
    width: 8px;
}
.innerHomeLeft, .innerHomeRight{
	position: relative;
	display: inline-table;
	vertical-align: top;
}
.innerHomeLeft{
	position: relative;
	width: 64%;
}
.searchResults{
	text-align: left;
	width: 760px;
	max-width: 100%;
}
.innerHomeLeft > div > div{
	padding: 15px;
	padding-bottom: 5px;
	border: 1px solid rgba(0, 0, 0, 0.04);
	margin-bottom: 30px;
	background-color: #ffffff;
}
.innerHomeRight{
	width: 31%;
	margin-left: 4%;
}
.innerHomeRight > div{
	background-color: #fff4eb;
	padding: 5px 15px;
	margin-bottom: 30px;
}
.innerMostRead{
	padding-top: 0px;
}
.innerMostRead > div{
	padding-bottom: 0px;
}
.authorBanner{
	margin: auto;
	width: 1100px;
	max-width: 100%;
}
.authorBanner img{
	border-radius: 50%;
	width: 140px;
	max-width: 100%;
}
button.followButton{
	background-color: white;
	color: #6a6a6a;
	font-size: 16px;
	text-transform: none;
	font-family: 'Droid Serif', serif;
	border: 1px solid rgba(0, 0, 0, 0.08);
	padding: 8px 15px;
	transform: scale(0.8);
}
.postList{
	min-height: 160px;
}
.postList img{
	width: 100%;
}

.postList h6{
	margin-top: 0px;
}

.postList > div{
	position: relative;
	display: inline-table;
	vertical-align: top;
}
.postList > div:first-child{
	width: 25%;
	float: right;
}
.postList > div:last-child{
	width: 72%;
	margin-left: 1%;
	margin-bottom: 10px;
}
.otherAuthors{
	padding: 30px 0px;
}
.otherAuthors .homeAuthors:first-child::before, .otherAuthors  .homeAuthors:nth-child(2)::before, .otherAuthors  .homeAuthors:nth-child(3)::before{
	border-bottom: 0px;
}
.subscriptionForm{
	position: relative;
	margin: 40px 0px;
}
.subscriptionForm h4{
	text-align: left;
	text-transform: none;
}
.subscriptionForm > div{
	position: relative;
	margin: 30px auto;
	width: 80%;
}
.subscriptionForm label{
	font-size: 14px;
	color: #6a6a6a;
	vertical-align: top;
}
.subscriptionForm a{
	color: #6a6a6a;
	vertical-align: top;
}
.subscriptionForm a:hover{
	color: #f68a27;
}
.subscriptionPlan{
	text-align: center;
}
.subscriptionPlan label{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 200px;
	max-width: 40%;
	margin: 15px 4%;
	cursor: pointer;
}
.subscriptionPlan p{
	font-size: 14px;
	margin: 5px 0px;
	line-height: 1;
	color: #151515;
}
.subscriptionPlan p.price{
	font-size: 28px;
	font-weight: bold;
}
.subscriptionPlan p.unit{
	font-size: 14px;
}
.subscriptionPlan p.detail{
	font-size: 16px;
	line-height: 1.4;
	color: #6a6a6a;
}
.subscriptionPlan span{
	display: inline-block;
	border: 1px solid #f68a27;
	padding: 15px 0px;
	width: 120px;
	margin: 10px 0px;
}
.subscriptionPlan input[type=radio]{
	display: none;
}
.subscriptionPlan input[type=radio] + div{
	opacity: 0.4;
	filter: grayscale(1);
	transition: 0.4s;
}
.subscriptionPlan input[type=radio]:checked + div{
	opacity: 1;
	filter: grayscale(0);
	transition: 0.4s;
}
.subscriptionInput label{
	position: relative;
	display: block;
	margin: 30px 0px;
}
.subscriptionInput label.half{
	display: inline-table;
	vertical-align: top;
	width: 48%;
}
.subscriptionInput label.left{
	margin-right: 3.5%;
}
.subscriptionInput input, .subscriptionInput select{
	width: 100%;
	border: 0px;
	outline: 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	padding: 10px 2px;
	background-color: white;
	transition: 0.4s;
}
.subscriptionInput input:focus, .subscriptionInput select:focus{
	transition: 0.4s;
	border-bottom: 1px solid #f68a27;
}
.subscriptionInput input:focus + span{
	color: #f68a27;
}
.subscriptionInput input + span{
	font-size: 16px;
	color: #6a6a6a;
	position: absolute;
	top: 10px;
	left: 0;
	transition: 0.2s;
	cursor: text;
}
.subscriptionInput input:focus + span, .subscriptionInput input:valid + span,  .subscriptionInput input + span.hung{
	top: -12px;
	transition: 0.2s;
	font-size: 14px;
}
.mobileOnly,.mobileOnlyInline, .xs-only{
	display: none!important;
}
#galleryView{
	position: fixed;
	z-index: 15;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100vw;
	max-height: 100vh;
	background-color: rgba(0, 0, 0, 0.98);
	display: none;
}
#selectedImage{
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	width: 87%;
	height: 100vh;
	text-align: center;
}
.fullWidth{
	width: 100%!important;
}
#selectedImageFile{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: inline-table;
}
#selectedImageFile > img{
	max-width: 96%;
	max-height: 90vh;
	animation-name: fadeIn;
	animation-duration: 1s;
}
#selectedImageFile > span{
	border-radius: 50%;
	background-image: url('../images/icon-normalscreen.png');
	width: 25px;
	height: 25px;
	background-size: cover;
	position: absolute;
	top: 15px;
	right: 5%;
	transition: 0.4s;
	cursor: pointer;
}
#selectedImageFile > span:hover{
	transition: 0.4s;
	background-color: rgba(0, 0, 0, 0.2);
}
#galleryControls{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	color: white;
	text-align: center;
}
#galleryControls button{
	background-color: transparent;
	padding: 0px;
	font-family: 'Droid Serif', serif;
	margin: 10px 10px;
	font-size: 14px;
	height: 25px;
	vertical-align: top;
}
#galleryControls button.prev, #galleryControls button.next{
	background-image: url("../images/icon-gallery-arrow.png");
	background-size: cover;
	width: 25px;
	padding: 0px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.1);
	transition: 0.4s;
}
#galleryControls button.prev:hover, #galleryControls button.next:hover{
	background-color: rgba(255, 255, 255, 0.25);
	transition: 0.4s;
}
#galleryControls button.prev{
	transform: rotate(180deg);
}
#galleryControls button:disabled, #galleryControls button:disabled{
	opacity: 0.2;
	transition: 0.4s;
	cursor: auto;
}
#galleryControls button.readCaption, #galleryControls button.hideCaption{
	opacity: 0.5;
	transition: 0.4s;
}
 #galleryControls button.hideCaption{
	 display: none;
 }
#galleryControls button.readCaption:hover, #galleryControls button.hideCaption:hover{
	opacity: 1;
	transition: 0.4s;
}
p#galleryCaption{
	background-color: rgba(0, 0, 0, 0.9);
	color: #ffffff;
	line-height: 1.6;
	margin: 0px;
	padding: 15px 3%;
	font-size: 1.8em;
	display: none;
	text-align: left;
}
#otherImages{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 12.5%;
	float: right;
	max-height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: rgba(0, 0, 0, 0.8);
}
#otherImages::-webkit-scrollbar {
    width: 4px;
}
#otherImages::-webkit-scrollbar-track {
	background-color: transparent;
}
#otherImages::-webkit-scrollbar-thumb{
  background-color: rgba(255, 255, 255, 0.2);
	border: 0px solid black;
}
#otherImages::-webkit-scrollbar-thumb:hover{
	background-color: rgba(255, 255, 255, 0.4);
}
/*
#otherImages img{
	display: block;
	width: 96%;
	margin: 4px 2%;
	max-width: 100%;
	max-height: 100px;
	opacity: 0.4;
	transition: 0.4s;
	transition-timing-function: ease-out;
	cursor:pointer;
}*/
#otherImages img{
	display: block;
	height: 90px;
	margin: 4px auto;
	max-width: 100%;
	max-height: 90px;
	opacity: 0.4;
	transition: 0.4s;
	transition-timing-function: ease-out;
	cursor:pointer;
}
#otherImages img:hover{
	opacity: 0.6;
}
#otherImages img.active{
	opacity: 1;
	transition: 0.4s;
	transition-timing-function: ease-in;
	cursor:auto;
}
span.sameLine{
	white-space: nowrap;
}
.otherSubjects{
	position: relative;
	text-align: center;
	padding: 10px 0px 15px 0px;
	white-space: nowrap;
	overflow-x: auto;
}
.otherSubjects a{
	color: #151515;
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 5px;
}
.otherSubjects a::before{
	content: "• ";
	margin-right: 5px;
	text-transform: none;
	font-size: 14px;
	color: #f68a27;
	opacity: 0.8
}
.otherSubjects a:first-child::before{
	content: "";
	margin-right: 0px;
}

.otherSubjects a:hover{
	color: #f68a27;
}
.cartoons{
	position: relative;
	margin: auto;
	width: 100%;
	max-width: 500px;
	border-bottom: none!important;
}
.cartoonsBox{
	position: relative;
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.04);
	background-color: #ffffff;
}
.cartoonsBox img{
	width: 100%;
}
.podcastStory{
	background-color: #fff7f6;
	padding: 0px;
	margin: 52px 0px 30px 0px;
	position: relative;
}
.podcastStory > div{
	position: relative;
	padding: 0px;
}
.playlistTitle{
	padding: 10px;
}
.playlistTitle h4{
	vertical-align: middle;
	margin-right: 35px;
}
span.totalEpisodes{
	font-size: 16px;
	margin-left: 8px;
	opacity: 0.8;
}
button.playlistReverse{
	background-color: transparent;
	background-image: url("../images/icon-reverse.png");
	background-size: cover;
	padding: 15px;
	position: absolute;
	right: 16px;
	top: 16px;
	opacity: 0.6;
}
button.playlistReverse:hover{
	opacity: 1;
}
.playlistContainer{
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 5px;
	max-height: 220px;
}
.playlistContainer::-webkit-scrollbar {
    width: 8px;
		height: 8px;
}
.playlistContainer::-webkit-scrollbar-track {
	background-color: transparent;
}
.playlistContainer::-webkit-scrollbar-thumb{
  background: #f68a27;
	border: 2px solid #fff4eb;
	border-radius: 4px;
}
.playlist{
	position: relative;
	padding: 0px 15px;
	cursor: pointer;
	transition: 0.4s;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.playlist:last-child{
	border-bottom: none;
}
.playlist:hover::after, .playlist.active::after{
	content: "";
	width: 30px;
	height: 30px;
	max-width: 100%;
	background-color: transparent;
	background-image: url("../images/icon-podcast.svg"), url("../images/icon-podcast.png");
	background-size: cover;
	position: absolute;
	bottom: 30px;
	left: 45px;
}
.playlist:not(.active):hover::after{
	transition: 0.4s;
	filter: grayscale(1);
	opacity: 0.8;
}
.playlist.active{
	background-color: #ffebe9;
}
.playlistInfo{
	padding: 5px;
}
.playlist p{
	margin: 8px 0px;
	font-size: 1.4em;
	line-height: 1.2;
}
.playlist p.playlistDesc{
	font-size:16px;
}
.playlist span.playlistHead{
	color: #151515;
}
.playlist span.playlistTime{
	float: right;
}
.podcastLinks{
	position: relative;
	text-align: center;
}
.podcastLinks > div{
	display: inline;
	max-width: 49%;
}
.podcastSocial > div{
	display: inline-block;
	padding: 10px 1.2vw;
	border-right: 1px solid rgba(0, 0, 0, 0.02);
}
.podcastSocial .like-count, .podcastSocial .disqus-comment-count{
	display: inline;
	margin-left: 8px;
	opacity: 0.6;
}
button.iTunes{
	background-image: url("../images/icon-iTunes.png");
	background-size: cover;
	height: 25px;
}
.podcastListenOn p, .podcastListenOn img{
	display: inline-table;
	vertical-align: middle;
	font-size: 14px;
}
.podcastListenOn p{
	padding: 0px 10px;
}
 .podcastListenOn img{
	 margin: 5px;
 }
 .aboutUsInfo{
	 font-size: 1.8em;
	 color: #6a6a6a;
   line-height: 1.4;
	 padding: 10px 0px;
 }
 .aboutUsInfo div, .aboutUsInfo p{
 	margin: 10px 0px;
 }
 .aboutUs .homeAuthors{
	 border: 1px solid rgba(0, 0, 0, 0.04);
 }
.aboutUs .homeAuthors::before{
	content: "";
	border-bottom: none;
}
 .meetTeam{
	 position: relative;
	 background-color: #f7f7f5;
	 background-image: url("../images/meetTeamBack.jpg");
	 background-size: cover;
	 background-position: center;
	 border: 1px solid rgba(0, 0, 0, 0.06);
	 width: 722px;
	 max-width: 100%;
	 margin: auto;
	 padding: 15px 5%;
 }
 .meetTeam p{
	 font-size: 1.6em;
	 text-transform: uppercase;
	 color: #151515;
	 display: inline-table;
	 vertical-align: middle;
 }
 .meetTeam p:last-child{
	 padding-top: 10px;
	 float: right;
 }
.contactMails{
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	margin-right: 15px;
}
.contactMails:last-child{
	border-bottom: none;
}
.contactMails img{
	width: 50px;
	max-width: 100%;
}
.contactMails > div:last-child{
 	padding-left: 0px;
}
.contactMails > div:first-child{
 	text-align: right;
	padding-left: 0px;
}
.contactMails p{
	margin: 0px;
}
.contactMails p.mailAdd{
	color: #151515;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0px;
}
i.phone, i.lphone{
	padding: 6px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 8px;
	opacity: 0.8;
}
i.phone{
	background-image: url("../images/icon-phone.png");
}
i.lphone{
	background-image: url("../images/icon-lphone.png");
}
span.address{
	color: #151515;
	font-weight: bold;
}
.policyLinks ul{
	margin: 0px;
	padding: 0px;

}
.policyLinks li{
	list-style: none;
	display: inline-table;
	width: 24.8%;
	text-align: center;
	font-size: 1.6em;
	padding: 10px 0px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}
.policyLinks li.active{
	border-bottom: 2px solid #f68a27;
}
.policyLinks li a{
	color: #9c9c9c;
}
.policyLinks li a:hover{
	color: #6a6a6a;
}
.policyLinks li.active a{
	color: #151515;
}
.policyText{
	margin: 50px 0px;
}
.policyText a{
	color: #6a6a6a;
	text-decoration: underline;
}
p.heading{
	font-weight: bold;
	color: #151515;
	margin-top: 20px;
}
.postYear{
	text-align: center;
	border-bottom: none!important;
}
.postYear select{
	outline: 0px;
	padding: 4px 5px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.postYear option{
	outline: 0px;
}
.archiveIndex img{
	width: 100%;
}
.archiveIndex p{
	text-align: center;
}
.archiveIndex:hover{
	color: #f68a27;
}
.archivePosts{
	padding-left: 30px;
}
.archivePosts h4{
	text-align: left;
	font-size: 2.2em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 5px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.archivePosts h4:first-child{
	margin-top: 5px;
}
.archivePosts a{
	font-size: 1.6em;
	display: block;
	margin: 10px 0px;
}
.editors-note, .editors-note p{
	position: relative;
	font-size: 18px;
	color: #6a6a6a;
	line-height: 1.8;
	margin: 10px 0px;
}
#editorNote{
	background-color: #ffffff;
	transition: 1s;
}
#editorNoteList{
	background-color: #f5f0f1;
}
#editorNoteList p{
	margin: 0px;
	padding: 10px 20px;
	cursor: pointer;
	outline: 0px;
	color: #151515;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#editorNoteList p:first-child{
	border-top: none;
}
#editorNoteList div{
	background-color: #fff5f7;
	padding: 5px 0px;
}
#editorNoteList a{
	padding: 0px 16px;
	margin: 10px 0px;
	display: block;
	font-size: 1.6em;
	color: #6a6a6a;
	border-left: 4px solid transparent;
}
#editorNoteList a:hover{
	border-color: rgba(0, 0, 0, 0.2);
	color: #151515;
}
#editorNoteList a.active{
	border-color: #f68a27;
	color: #f68a27;
}
.thisIssuePoster{
	background-color: #fff5f7;
	padding: 30px;
}
.thisIssuePoster button{
	margin-right: 15px;
}
.itemSelected{
	position: relative;
	background-color: #fef4eb;
	padding: 15px;
	box-sizing: border-box;
	font-size: 16px;
	text-align: center;
}
.itemSelected > div{
	position: relative;
	display: inline-table;
	vertical-align: middle;
	max-width: 100%;
	height: 100%;
}
.itemSelected > div:nth-child(1){
	width: 50%;
	border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.itemSelected > div:nth-child(2){
	width: 49%;
}
.itemSelectedView{
	position: relative;
	white-space: nowrap;
	padding: 5px;
}
.itemSelectedView > div{
	position: relative;
	display: inline-table;
	vertical-align: middle;
}
.itemSelectedView > div:nth-child(2){
	width: 20%;
	margin: 0px 10px;
}
.payReceipt{
	width: 100%;
	font-size: 14px;
	max-width: 450px;
	color: #6a6a6a;
}
.payReceipt thead{
	background-color: #f5f0f0;
	text-align: center;
}
.payReceipt thead td{
	padding: 10px 0px;
}
.payReceipt td{
	padding: 8px 15px;
	width: 50%;
}
.payReceipt td:nth-child(even){
	text-align: left;
}
.payReceipt tr:nth-child(even){
	background-color: #fafafa;
}


p.receiptHead{
	font-size: 26px;
	margin: 20px 0px;
	vertical-align: middle;
	text-align: center;
}
p.receiptHead i{
	color: #36db29;
	display: block;
	font-size: 180%;
	margin-bottom: 15px;
}
p.receiptHead.error i{
	color: #e0471e;
}
p#newsletterInfo{
	position:absolute;
	font-size:14px;
	padding-left:30px;
	color: #f68a27;
	display: none;
	right: 5%;
}
div.photoCaption{
	font-size: 1em;
  margin: 0px;
	line-height: 1.5;
	padding-bottom: 40px;
}
.featuredText{
	position: relative;
	background-color:#f8f8f8;
	height: 90%;
	margin-top: 3%;
	padding: 2% 40px;
}
.featuredText > div{
	position: relative;
	margin-top: 30%;
	transform: translateY(-40%);
}
#twitterShare{
  position: absolute;
	padding: 10px 5px;
  background: #ffffff;
  cursor: pointer;
  text-decoration: none;
	box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px 0px 8px 0px;
	display: none;
}
a.innerSubscribe{
	display: block;
	padding-top: 15px;
	text-align: left;
}
a.innerSubscribe button{
	border: 1px solid #f68a27;
	background-color: #ffffff;
	color: #f68a27;
	transition: 0.4s;
	padding: 10px 35px;
	min-width: 80%;
}
a.innerSubscribe button:hover{
	background-color: #f68a27;
	color: #ffffff;
	transition: 0.4s;
}
div.inlineDownload{
	margin: 10px 0px;
	text-align: center;
}

.topNotice{
	position: relative;
	padding: 4px 2%;
	background-color: #000000;
	cursor: pointer;
	padding-right: 50px;
}
.topNotice::after{
	content: "";
	height: 15px;
	width: 15px;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 50%;
	background-image: url('../images/icon-close.svg');
	background-size: cover;
	position: absolute;
	right: 10px;
	top: 10px;
	pointer-events: none;
}
.topNotice p{
	font-size: 13px;
	color: #c2c2c2;
}
.flashNews{
	position: relative;
	display: -webkit-flex; /* Safari */
	display: flex; /* Standard syntax */
	background-color: #f4f4f4;
}
.flashNews > div{
	position: relative;
	padding: 15px;
}
.flashTag{
	background-color: #f68a27;
	margin-left: 1%;
}
.flashTag > div{
	position: relative;
	width: 36px;
	height: 36px;
	padding: 6px;
	margin-top: 20%;
	border: 2px solid #ffffff;
	border-radius: 50%;
}
.flashTag img{
	width: 100%;
}
.flashText{
	position: relative;
	margin-left: 10px;
}
.flashImage{
	position: relative;
}
.flashSticker .flashImage{
	display: none;
}
.flashPopup .flashNews{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.95);
	display: none;
	z-index: 100;
	padding: 0px;
}
.flashPopup .flashTag{
	display: none;
}
.flashPopup .flashText{
	display: none;
	margin-left: 0;
	width: 100%;
	padding: 0px;
	background-color: #f4f4f4;
}
.flashPopup .flashText > div{
	position: relative;
	background-color: #ffffff;
	width: 100%;
	max-width: 640px;
	margin: 0px auto;
	padding: 0px;
}
.flashPopup .flashText > div > div:last-child{
	padding: 5px 10px;
}
.flashClose{
	display: none;
	position: absolute;
	right: 5%;
	top: 20px;
	cursor: pointer;
	transition: 0.4s;
	background-image: url("../images/icon-close.svg");
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
	background-color: #ffff;
	border-radius: 50%;
	box-shadow: 1px 2px 5px rgba(0,0,0,0.2)
}
.flashClose:hover{
	transition: 0.4s;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	transform: scale(1.2);
	background-image: url("../images/icon-close-hover.svg");
}
.flashPopup .flashClose{
	display: block;
}
.flashTile{
	display: flex;
}
.flashTile .flashNews{
	display: inline-table;
	width: 50%;
}
.flashTile .homeBannerImage{
	width: 50%;
}
.flashTile .flashNews > div{
	padding: 0px;
	margin: 0px;
}
.flashTile .flashTag{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 45px;
	height: 45px;
	border-radius: 0px 0px 100% 0px;
}
.flashTile .flashTag > div{
	margin-top: 0px;
	border: 0px;
	padding: 4px 6px 6px 4px;
}
.flashTile .flashInfo{
	position: absolute;
	margin-top: -25%;
	margin-left: 5%;
	text-shadow: 2px 3px 10px rgba(0, 0, 0, 1);
}
.flashTile .flashInfo h4{
	font-family: 'Dream Orphans';
  font-weight: normal;
  font-size: 3.5vw;
  margin: 0px;
  color: #ffffff;
}
.flashTile .flashInfo p{
	display: none;
}
.flashTile .flashInfo h6{
	font-size: 1.2vw;
	margin: 5px 0px;
	font-weight: normal;
	opacity: 0.8;
	color: #ffffff;
}
.flashTile .homeBannerText{
	left: auto;
	right: 5%;
	text-align: right;
}
h5.sub-heading{
	font-size: 1.2em;
	text-align: center;
}
h5.sub-heading > span{
	font-size: 0.8em;
	display: block;
}
h5.sub-heading > span > span{
	font-size: 0.7em;
	color: #6a6a6a;
	font-weight: normal;
	margin-left: 10px;
}
.postCategory, .postExcerpt{
	text-align: center;
}
@media screen and (max-width:999px){  /** Tablet Screen ******/
	#twitterShare i.twitter{
		background-image: url("../images/twitter-hover.svg");
	}
	.hoverShare{
		display: block;
	}
	.flashTile{
		display: block;
	}
	.flashTile .flashNews{
		width: 100%;
		background-color: #ffffff;
	}
	.flashTile .homeBannerImage{
		width: 100%;
	}
	.flashTile .flashInfo h4{
	  font-size: 6vw;
	  max-width: 80vw;
	}
	.flashTile .flashInfo h6{
		font-size: 3vw;
	}
	.featuredText{
		height: 100%;
		margin-top: 0px;
		padding: 3% 20px;
	}
	.featuredText > div{
		position: relative;
		margin-top: 0px;
		transform: translateY(0);
	}

	.archivePosts{
		padding-left: 15px;
		padding-top: 30px;
	}
	.contactMails{
		margin: 0px;
	}
	.homeBannerImage{
		max-height: 60vh;
	}

	.meetTeam p:last-child{
		display: block;
		padding-top: 0px;
		float: none;
		text-align: right;
	}

	.podcastLinks > div{
		display: block;
		max-width: 100%;
	}
	.podcastSocial > div{
		margin-bottom: 15px;
	}
	.podcastSocial > div:last-child{
		border-right: none;
	}
	.playlist p{
		margin: 4px 0px;
		font-size: 1.2em;
		line-height: 1.2;
	}
	.playlist p.playlistDesc{
		font-size:12px;
	}
	#selectedImage{
		width: 100%;
	}
	#otherImages{
		display: none;
	}
	.mobileOnly{
		display: block!important;
	}
	.mobileOnlyInline{
		display: inline!important;
	}
	.homeBannerText h1{
		font-size: 6vw;
		max-width: 80vw;
	}
	.homeBannerText h5{
		font-size: 2vw;
	}
	header{
		text-align: right;
	  padding: 15px 4%;
	}
	.logo{
		display: inline-block;
		float: left;
		padding: 0px;
		border-bottom: none;
	}
	.innerHomeLeft{
		width: 100%;
	}
	.innerHomeRight{
		display: none;
	}

	.homePodcastFeatured{
		display: block;
		width: 100%;
		margin-right: 0%;
	}
	.homePodcastSlider{
		position: relative;
    white-space: nowrap;
    height: auto;
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
		padding: 15px 0px 30px 0px;
		margin: 15px 0px;
	}
	.homePodcastTiles{
		display: inline-block;
		width: 400px;
		max-width: 70%;
		margin: 0px 5%;
		white-space: normal;
	}
	.homePodcastTiles > div{
		width: 100%;
	}
	.homePodcastTiles > div:first-child{
		width: 100%;
		margin-right: 0px;
	}
	.mobilePostLinks{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: white;
		z-index: 5;
		display: none;
		border-top: 1px solid rgba(0, 0, 0, 0.04);
	}
	.mobilePostLinks > div{
		position: relative;
		display: inline-table;
		width: 15%;
		text-align: center;
		vertical-align: middle;
	}
	.mobilePostLinks > div::after{
		content: "";
		position: absolute;
		top: 5px;
		bottom: 5px;
		right: 0;
		border-right: 1px solid rgba(0, 0, 0, 0.04);

	}
	.mobilePostLinks > div:first-child{
		width: 45%;
		font-size: 8px;
	}
	.disqus-comment-count{
		padding-top: 10px;
	}

	.suggestedPosts{
		background-color: rgba(255, 255, 255, 0.98);
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		width: 100%;
		z-index: 5;
		padding-top: 60px;
	}
	.suggestedPosts ul{
		margin: auto;
		width: 280px;
		max-width: 100%;
	}
	.sideSocialSticker{
		background-color: rgba(255, 255, 255, 0.98);
		position: fixed;
		right: 0;
		top: 0;
		left: 0;
		bottom: 0;
		display: none;
		z-index: 5;
		padding-top: 20vh;
	}
	.sideSocialSticker > div{
		padding: 20px 15px;
		transform: scale(1.4);
	}
	.sideSocialSticker > div:first-child{
		padding: 0px;
		transform: scale(1);
	}
	.desktopOnly{
		display: none;
	}
	.postContainer{
		position: relative;
		width: 800px;
		max-width: 90%;
	}
  .logo img{
    width: 160px;
  }
  .menu{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(255, 255, 255, 0.98);
    padding-top: 80px;
  }
  .closeMenuButton{
    display: block;
  }

  .menu li{
    display: block;
    text-align: left;
    padding: 2vh 5%;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
  .menu li:first-child{
    border: 0px;
  }
  .menu li button{
    width: 100%;
    margin: 10px 0%;
  }
  .menu li.search-button{
    display: none;
  }
  .mobileMenu{
    display: block;
  }

  .hamburger button{
    background-color: #ffffff;
    background-image: url("../images/icon-hamburger.svg");
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
    vertical-align: top;
  }
	.homeContainer{
		margin-top: 2vh;
	}
	#homePlayer .closePlayer{
		opacity: 0.6;
		top: -12px;
		left: 2;
		padding: 10px;
		border-radius: 50%;
	}

	.homeAuthorContainer{
		height: 350px;
		width: auto;
		overflow-y:hidden;
		overflow-x: scroll;
		white-space: nowrap;
	}

	.homeCurrentIssue::after{
		border-right: 0px;
	}

	.homePhotoStory{
		display: block;
		width: 100%;
	}
	.homePhotoStory > div > div:last-child{
		padding-right: 0px;
	}

	hr.mostReadH{
		display: none;
	}
	.mostReadSlider{
		position: relative;
		white-space: nowrap;
		height: auto;
		width: 100%;
		overflow-y: hidden;
		overflow-x: scroll;
		padding-bottom: 15px;
	}
	.mostReadTiles{
		display: inline-block;
		margin: 15px;
		width: 400px;
		max-width: 80%;
		background-color: white;
		padding:  15px;
		white-space: normal;
	}
	.mostReadTiles > div{
		display: inline-block;
		width: 100%;
		margin: 0px;
		vertical-align: top;
	}
	.mostReadTiles > div:last-child{
		width: 100%;
		margin-left: 2%;
	}

}
@media screen and (max-width:768px){
	.postTitle, .postCategory, .postExcerpt, .postInfo p{
		text-align: left;
	}
	.topNotice p{
		font-size: 11px;
		color: #c2c2c2;
	}
	.xs-only{
		display: block!important;
	}
	.postContent iframe{
		width: 100%;
		height: 385px;
	}

	.policyLinks li{
		width: 48.8%;
		font-size: 1.6em;
		padding: 20px 0px;
	}
	.itemSelected > div:nth-child(1){
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.04);
		text-align: left;
	}
	.itemSelected > div:nth-child(2){
		padding-top: 10px;
		width: 100%;
		text-align: right;
	}
	.itemSelectedView{
		padding-bottom: 10px;
	}
	.itemSelectedView > div:nth-child(2){
		width: 20%;
		margin: 0px 5px 0px 10px;
	}

}
@media screen and (max-width:499px){  /** Mobile Screen ******/
	.featuredText{
		height: 100%;
		margin-top: 0px;
		padding: 5px 15px;
	}
	.postContent iframe{
		height: 28vh;
	}
	.thisIssuePoster{
		background-color: #fff5f7;
		padding: 30px 15px;
	}
	.thisIssuePoster button{
		margin-right: 5px;
	}
	.policyLinks li{
		width: 48.8%;
		font-size: 1.4em;
		padding: 5px 0px;
		padding-top: 15px;
	}

	.homeBannerImage{
		max-height: 50vh;
	}
	.subscriptionInput label.half{
		display: block;
		width: 100%;
	}
	.subscriptionInput label.left{
		margin-right: 0%;
	}
	.subscriptionPlan label{
		max-width: 44%;
		margin: 15px 0%;
	}
	.subscriptionPlan label:first-child{
		margin-right: 6%;
	}
	.subscriptionPlan img{
		width: 40px;
	}
	.homeBannerText h1{
		font-size: 6vw;
	}
	.homeBannerText h5{
		font-size: 3vw;
	}
	.subscriptionForm > div{
		width: 100%;
	}
	.postList > div:first-child{
		width: 100%;
		float: none;
	}
	.editVoid{
		display: none;
	}
	.postList > div:last-child{
		width: 100%;
		margin-left: 0%;
		margin-top: 15px;
	}

	.homeCurrentIssue h4, .homeCurrentIssue p{
		width: 100%;
	}
	.homePhotoStory > div > div{
		display: block;
		width: 100%;
	}
	.homePhotoStory > div > div:last-child{
		display: block;
		width: 100%;
		padding: 0px 0px;
	}


}

@media print {
    header, footer, .LinksFromPost, #studyProgress,  #studyProgress > div{
        display: none;
				opacity: 0;
    }
		.studyProgressContainer{
			display: none;
		}
		.postContainer{
			width: 90%;
			max-width: 90%;
		}

}