/* Styles for widgets that are exclusive to articles */

/* Article image and text widgets, next post loader */
@media only screen {
	.articleImageWrapper {
		position: relative;
		z-index: 4;
		left: 0;
		top: 0;
		margin: 0;
		/*padding: 5px 30px;*/
	}
	.panel_custom_content .articleImageWrapper {
		padding: 40px 0;
	}
	.articleImageWrapper .articleImage {
		position: relative;
		display: block;
		width: 100%;
	}
	.articleTextWrapper .articleText {
		display: block;
		margin: 40px 0;
	}
	.articleTextWrapper .articleText .headline {
		display: block;
		width: 72%;
		margin: 20px auto;
		color: black;
		font-weight: bold;
		font-size: 9vw;
		line-height: 9vw;
		text-indent: -20px;
		padding-left: 20px;
	}
	.articleTextWrapper .articleText .textBorder {
		display: block;
		width: 64%;
		height: 4px;
		margin: 0 auto;
		background-color: black;
	}
	
	.post_loader {
		position: relative;
		display: block;
		top: 150px;
		width: 100%;
		height: auto;
		margin: 0 auto;
		clear: both;
		text-align: center;
		opacity: 1;
		-webkit-transition: all 500ms ease;
		   -moz-transition: all 500ms ease;
			-ms-transition: all 500ms ease;
			 -o-transition: all 500ms ease;
				transition: all 500ms ease;
	}
	.post_loader.hiding {
		height: 0;
		opacity: 0;
	}
	.post_loader .loadMoreWrapper {
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 60px 0;
		background-color: white;
	}
	.post_loader .loadMoreButton.waiting {
		cursor: wait;
	}
	.content_container[data-page-type="article"] {
		-webkit-animation: articleFadeIn ease 500ms;
		   -moz-animation: articleFadeIn ease 500ms;
			-ms-animation: articleFadeIn ease 500ms;
			 -o-animation: articleFadeIn ease 500ms;
				animation: articleFadeIn ease 500ms;
	}
}
@media only screen and (min-width: 40.063em) {
	.articleTextWrapper .articleText .headline {
		width: 98%;
		font-size: 7vw;
		line-height: 7vw;
	}
	.panel_custom_content.one_col .articleTextWrapper .articleText .headline {
		width: 100%;
		text-indent: 0;
		padding: 0 30px;
	}
	.articleTextWrapper .articleText .textBorder {
		display: none;
	}
	
	.panel_custom_content.one_col .articleImageWrapper {
		/*padding-left: 30px;*/
	}
	.panel_custom_content.two_col .left_content .articleImageWrapper {
		padding: 0 10px;
	}
	.panel_custom_content.two_col .right_content .articleImageWrapper {
		margin: unset;
		padding: 0 0 0 10px;
	}
	
	.panel_custom_content.one_col .articleImageWrapper.x2 { margin: 15px 0 15px 2%; }
	.panel_custom_content.one_col .articleImageWrapper.x3 { margin: 15px 2% 15px 0; }
	.panel_custom_content.one_col .articleImageWrapper.x2 .articleImage,
	.panel_custom_content.one_col .articleImageWrapper.x3 .articleImage { width: 80%; }
	.panel_custom_content.one_col .articleImageWrapper.x3 .articleImage { float: right; }
	
	.panel_custom_content.two_col .articleImageWrapper.y2 { margin-top: -25% !important; }
	.panel_custom_content.two_col .articleImageWrapper.y3 { margin-top: -50% !important; }
	.panel_custom_content.two_col .articleImageWrapper.y4 { margin-top: 25% !important; }
	.panel_custom_content.two_col .articleImageWrapper.y5 { margin-top: 50% !important; }
	
	.articleTextWrapper.y2 { margin-top: -15% !important; }
	.articleTextWrapper.y3 { margin-top: -30% !important; }
	.articleTextWrapper.y4 { margin-top: 15% !important; }
	.articleTextWrapper.y5 { margin-top: 30% !important; }
}
@media only screen and (min-width: 64.063em) {
	.articleImageWrapper {
		padding: 0;
	}
	.panel_custom_content.one_col .articleTextWrapper .articleText .headline {
		font-size: 3.5vw;
		line-height: 3.5vw;
		width: 96%;
		margin: 0;
	}
	.panel_custom_content.two_col .articleTextWrapper .articleText .headline {
		font-size: 4vw;
		line-height: 4vw;
		width: 96%;
		margin: 0;
	}
	.panel_custom_content.one_col .articleTextWrapper .articleText {
		padding: 40px 0 40px 100px;
	}
	.panel_custom_content.one_col .articleImageWrapper {
		padding-left: 20px;
	}
	.panel_custom_content.one_col .articleImageWrapper.x2 {
		margin-left: -15px;
	}
	.panel_custom_content.one_col .articleImageWrapper.x3 {
		margin-right: -15px;
	}

	.panel_custom_content.one_col .articleImageWrapper .articleImage {}
	.panel_custom_content.one_col.indent_content .articleImageWrapper.x1.y1 .articleImage {
		max-width: 100%;
		padding: 10px 40px 10px 100px;
	}
	.panel_custom_content.one_col.indent_content .panel_custom_content.two_col .articleImageWrapper.x1.y1 .articleImage {
		padding: 10px 40px 10px 0;
	}
	.panel_custom_content.two_col .left_content .articleImageWrapper .articleImage {
		max-width: 99%;
		padding: 0;
	}
	.panel_custom_content.two_col .right_content .articleImageWrapper .articleImage {
		max-width: 86%;
		padding: 0;
	}
	.post_loader {
		max-width: 66%;
		margin: 0;
	}
	.post_loader .loadMoreWrapper {
		margin-left: 30px;
		background-color: transparent;
	}
}
@media only screen and (min-width: 1300px) {
	.panel_custom_content.one_col .articleImageWrapper.x3 {
		margin-right: -60px;
	}
}
@media only screen and (min-width: 1400px) {
	.panel_custom_content.one_col .articleTextWrapper .articleText {
		padding: 20px 0 0 190px;
	}
	.panel_custom_content.one_col .articleImageWrapper.x2 {
		margin-left: -60px;
	}
	.panel_custom_content.two_col .left_content .articleImageWrapper {
		margin-left: 0;
	}
}
@media only screen and (min-width: 1600px) {
	.panel_custom_content.one_col .articleTextWrapper .articleText .headline,
	.panel_custom_content.two_col .articleTextWrapper .articleText .headline {
		font-size: 64px;
		line-height: 64px;
	}
	.panel_custom_content.one_col .articleImageWrapper .articleImage {}
	.panel_custom_content.one_col .articleImageWrapper.x2 {
		margin-left: -95px;
	}
	.panel_custom_content.one_col .articleImageWrapper.x2 .articleImage {
		width: 78%
	}
	.panel_custom_content.one_col.indent_content .articleImageWrapper.x1.y1 .articleImage {
		max-width: 940px;
		padding-left: 130px;
	}
	.panel_custom_content.one_col.indent_content .panel_custom_content.two_col .articleImageWrapper.x1.y1 .articleImage {
		padding: 10px 80px 10px 0;
	}
	.panel_custom_content.one_col .articleImageWrapper.x3 {
		margin-right: -75px;
	}
	.panel_custom_content.two_col .right_content .articleTextWrapper .articleText .headline {
		font-size: 72px;
		line-height: 72px;
	}
}
@-webkit-keyframes articleFadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes articleFadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-ms-keyframes articleFadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes articleFadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}
@keyframes articleFadeIn {
	0% { opacity:0; }
	100% { opacity:1; }
}

.articleImageWrapper p.credit {
	color: #848484;
	font-size: 9px;
	text-transform: uppercase;
	font-family: Oswald, sans-serif;
	padding-left: 40px;
}
.panel_custom_content.two_col .articleImageWrapper p.credit {
	padding-left: 0;
}