/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Article
- Article Lede
- Left Rail (Share Buttons)
- Article Body
- Right Rail (More Articles)
*/


/* Article
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* Article Lede
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.article__lede {
	padding-top: 4rem;
	color: #333;
}
@media (min-width: 640px) {
	.article__lede {
		padding-top: 4rem;
	}
}
@media (min-width: 1024px) {
	.article__lede {
		padding-bottom: 3rem;
	}
}
.article__lede__category {
	letter-spacing: 0.5px;
	font-family: "VistaMedium", "Vista Sans OT", sans-serif;
	font-weight: 500;
	font-size: 1.25rem;
	text-transform: uppercase;
	color: inherit;
	margin-bottom: 1rem;
	display: inline-block;
	transition: color .2s;
}
.article__lede__category:hover {
	color: #CFB67A;
}
.article__lede__headline {
	font-family: "CaeciliaBold", "Caecilia LT Std", Georgia, serif;
	font-weight: bold;
	font-size: 3rem;
	line-height: 1.2;
	color: inherit;
	margin-bottom: 0.5rem;
	letter-spacing: 0;
}
.article__lede__headline i, .article__lede__headline em {
	font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
}
@media (min-width: 640px) {
	.article__lede__headline {
		font-size: 4rem;
	}
}
@media (min-width: 1800px) {
	.article__lede__headline {
		font-size: 5rem;
	}
}
.article__lede__byline-content {
	font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
	font-style: italic;
	font-size: 1.5rem;
	color: inherit;
	margin-bottom: 0;
}
.article__lede__published {
	color: inherit;
	transition: color .2s;
}
.article__lede__published:hover {
	color: #CFB67A;
}
.article__lede p a {
	color: #333;
	padding-bottom: 2px;
	border-bottom: 1px solid hsl(42, 47%, 65%);
	transition: color .2s ease, border-color .2s ease;
}
.article__lede p a:hover {
	color: #CFB67A;
	border-color: hsl(42, 47%, 65%);
}
.article__lede__banner {
	margin: 0;
	margin-bottom: 3rem;
}
.article_lede_banner2{

	display: none;
}
.article__lede__image {
    position: relative;
    background-color: #cfcfcf;
    width: 100%;
    padding-bottom: 54.0540541%;
    background-size: cover;
}

.article__lede__banner figcaption {
	display: block;
	font-size: 1.1rem;
	line-height: 1.5;
	font-family: "VistaRegular", "Vista Sans OT", sans-serif;
	color: #666;
	margin-top: 0.5rem;
}
@media (min-width: 1024px) {
    .article__lede__banner {
    	margin-bottom: 4rem;
	}
}


/* Left Rail (Share Buttons)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.article__left-rail {
	padding-left: 0;
	min-height: 1rem;
	clear: both;
}
.share-article {
	padding-top: 0.5rem;
	overflow: hidden;
	position: relative;
}
.share-article > li {
	float: left;
	margin-bottom: 0.5rem;
}
.share-article.fixed {
	position: fixed;
	top: 8rem;
}
@media (min-width: 1024px) {
	.share-article.fixed > li {
		clear: both;
		float: none;
	}
}
.share-article__facebook .fa-circle {
    color: hsl(222, 44%, 42%);
    transition: color .3s ease;
}
.share-article__facebook:hover .fa-circle {
    color: hsl(222, 44%, 24%);
}
.share-article__twitter .fa-circle {
	color: hsl(197, 91%, 64%);
	transition: color .3s ease;
}
.share-article__twitter:hover .fa-circle {
	color: hsl(197, 91%, 40%);
}
.share-article__pinterest .fa-circle {
	color: hsl(356, 70%, 46%);
}
.share-article__pinterest:hover .fa-circle {
	color: hsl(356, 70%, 39%);
}
.share-article__linkedin .fa-circle {
	color: hsl(204, 83%, 38%);
}
.share-article__linkedin:hover .fa-circle {
	color: hsl(204, 83%, 28%);
}
.share-article__email .fa-circle {
	color: #666;
}
.share-article__email:hover .fa-circle {
	color: #444;
}
.share-article__more .fa-circle {
	color: hsl(0, 0%, 81%);
	transition: color .3s ease;
}
.share-article__more:hover .fa-circle {
	color: hsl(0, 0%, 63%);
}
.share-article__facebook .fa-facebook     {top: 1px;}
.share-article__twitter .fa-twitter       {top: 1px;}
.share-article__pinterest .fa-pinterest-p {top: 2px;}
.share-article__linkedin .fa-linkedin     {}
.share-article__email .fa-envelope        {}
.share-article__more .fa-close            {top: 1px;}
.share-article input[type=checkbox] {
	position: absolute;
	width: 48px;
	height: 48px;
	left: 212px;
	opacity: 0;
	z-index: 9999;
	margin-top: 0px;
	cursor: pointer;
}
.share-article input[type=checkbox]:checked {
	margin-top: 0;
	left: 84px;
}

.share-article > li.extra {
	transition: width 2s, height 2s, opacity 2s;
}
.share-article input[type=checkbox]:checked ~ li.extra {
	width: 0;
	height: 0;
	opacity: 0;
	display: none;
}
.share-article input[type=checkbox]:checked ~ .share-article__more .fa-close:before {
	content: "\f064";
}
.share-article input[type=checkbox]:hover ~ .share-article__more .fa-circle {
	color: hsl(0, 0%, 63%);
}

@media (min-width: 1024px) {
	.article__left-rail {
		width: 7.2%;
		width: 9.75%;
	}
	.share-article {
		width: 48px;
		margin-top: -4px;
	}
	.share-article input[type=checkbox] {
		margin-top: 270px;
		left: 0;
		width: 100%;
	}
	.share-article input[type=checkbox]:checked {
		margin-top: 108px;
		left: 0;
	}
}
@media (min-width: 1300px) {
	.article__left-rail {
		/*width: 6%;*/
	}
}
@media (min-width: 1800px) {
	.article__left-rail {
		width: 9.75%;
	}
    .share-article__facebook .fa-facebook     {top: 1px;}
    .share-article__twitter .fa-twitter       {top: 1px;}
    .share-article__pinterest .fa-pinterest-p {top: 1px;}
    .share-article__linkedin .fa-linkedin     {top: -1px}
    .share-article__email .fa-envelope        {top: -1px}
    .share-article__more .fa-close            {top: -1px;}
}


/* Article Body
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.article__body {
	position: relative;
	padding: 0;
}
.article__body h2 i, .article__body h2 em {
	font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
}
.article .article__body__qa {
	font-size: 1.8em;
	color: hsl(42, 47%, 65%);
}
.deck {
	font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
	font-style: italic;
	font-size: 2rem;
	line-height: 3rem;
	padding-bottom: 3rem;
	border-bottom: 1px solid hsl(0, 0%, 92%);
	padding-top: 0;
	border-top: none;
	margin-bottom: 3rem;
}
.article__body hr:first-child {
	margin-top: 0;
	margin-bottom: 3rem;
}
.article__body figure {
	margin: 0;
}
/* fix for WordPress putting stupid <p> tags in <figure> */
figure p {margin: 0;}
.article__body figure img {
	width: 100%;
}
.article__body figcaption,
.wp-caption-text, .img-caption {
	display: block;
	font-size: 1.1rem;
	line-height: 1.5;
	font-family: "VistaRegular", "Vista Sans OT", sans-serif;
	color: #666;
}
.article__body .figure-full,
.article__body .figure-right,
.article__body .figure-left {
	width: 100%;
	margin:  2rem 0;
}
.wp-caption,
img.alignright,
img.alignleft,
img.aligncenter,
img.alignnone {
	width: 100% !important;
	margin: 2rem 0 !important;
	position: relative;
}
.wp-caption img,
img.alignright,
img.alignleft,
img.aligncenter,
img.alignnone {
	width: 100% !important;
	height: auto !important;
}
.wp-caption img {
	margin: 0 !important;
}
.wp-caption-text {
	margin-bottom: 0 !important;
}
aside.pull-quote, .article__body h6, q.pull-quote {
	font-family: "CaeciliaItalic", "Caecilia LT Std", Georgia, serif;
	font-style: italic;
	font-size: 2.5rem;
	line-height: 4rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
	margin-bottom: 3rem;
	border-top: 1px solid rgba(102,102,102,0.2);
	border-bottom: 1px solid rgba(102,102,102,0.2);
	color: #9a262b;
	width: 100%;
}
@media (min-width: 640px) {
	.article__body .figure-full {
		margin: 4rem 0;
	}
	.article__body .figure-right {
		width: 50%;
		float: right;
		margin-right: 0;
		margin-left: 3rem;
		margin-top: 1rem;
	}
	.article__body .figure-left {
		width: 30%;
		float: left;
		margin-left: 0;
		margin-right: 3rem;
		margin-top: 1rem;
	}
	.wp-caption.alignright,
	.wp-caption.aligncenter,
	.wp-caption.alignnone,
	img.alignright,
	img.aligncenter,
	img.alignnone {
		width: 50% !important;
		float: right !important;
		margin-right: 0 !important;
		margin-left: 3rem !important;
		margin-top: 1rem !important;
	}
	.wp-caption.alignleft,
	img.alignleft {
		width: 30% !important;
		float: left !important;
		margin-left: 0 !important;
		margin-right: 3rem !important;
		margin-top: 1rem !important;
	}
}
@media (min-width: 1024px) {
	.article__body {
		padding-right: 0;
		padding-left: 1.5rem;
		width: 90.25%;
	}
	.article__body .figure-full {
		width: 100%;
	}
	.article__body .figure-right {
		width: 47.5%;
		margin-right: 0rem;
	}
	.wp-caption.alignright,
	.wp-caption.aligncenter,
	.wp-caption.alignnone,
	img.alignright,
	img.aligncenter,
	img.alignnone {
		margin-right: -14.9253731% !important;
	}
	aside.pull-quote {
		width: 100%;
	}
}
@media (min-width: 1300px) {
	.article__body .figure-right {
		width: 48%;
	}
}
@media (min-width: 1800px) {
	.article__body {
		width: 80.4597701%;
		/*width: 90.25%;*/
	}
	.article__body .figure-full {
		/*width: 114.9253731%;*/
		width: 112.5%;
	}
	.article__body .figure-right {
		/*margin-right: -14.9253731%;*/
		margin-right: -12.5%;
	}
	aside.pull-quote {
		/*width: 114.9253731%;*/
		width: 112.5%;
	}
	/*.deck {
		width: 100%;
		padding-right: 12.5%;
	}*/
}


/* Sidebars */
.article__body .sidebar {
	background: hsl(0, 0%, 95%);
	/*min-height: 48rem;*/
	box-sizing: border-box;
	/*padding: 4rem 3rem 6rem;*/
	padding: 2rem 3rem 5rem;
	/*border-radius: 8px;*/
	margin: 4rem 0;
}
.article__body .sidebar > h2:first-child {
	margin-top: 0;
}
.article__body .sidebar h3 {
	margin-bottom: 0;
}
@media (min-width: 640px) {
	.article__body .sidebar--right {
		width: calc(50% - 1.5rem);
		float: right;
		margin: 1rem 0 2rem 3rem;
	}
}
@media (min-width: 1024px) {
	.article__body .sidebar--right {
		margin: 1rem -26% 2rem 3rem;
	}
}

/* Right Rail (More Articles)
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.article__right-rail__inner {
    border-top: 1px solid hsl(0, 0%, 92%);
    padding-top: 2rem;
}
.article__right-rail h3 {
	margin-top: 0;
	font-size: 1.166666667rem;
	font-family: "VistaMedium", "Vista Sans OT", sans-serif;
	font-weight: 500;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.article__right-rail__articles {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.article__right-rail .article-block {
	padding-bottom: 2rem;
	border-bottom: 1px solid hsl(0, 0%, 92%);
	margin-bottom: 2rem;
}
.article__right-rail .article-block__image {
	padding-bottom: 54.0540541%;
	margin-bottom: 1rem;
}
.article__right-rail .article-block__title {
	font-size: 1.66666667rem;
	margin: 0;
    margin-bottom: 0.25rem;
}
.article__right-rail .article-block__summary {
	font-size: 1.33rem;
	line-height: 1.4;
	margin: 0;
}
.more-from-this-issue__issue-cover {
	width: 100%;
	margin-bottom: 0.5rem;
	opacity: 1;
}
.more-from-this-issue__link {
    font-family: "CaeciliaBold", "Caecilia LT Std", Georgia, serif;
    font-size: 1.33rem;
    font-weight: bold;
	color: inherit;
	transition: color .2s;
}
.more-from-this-issue__link:hover {
	color: #CFB67A;
}
@media (min-width: 1024px) {
    .article__right-rail {
    	border-left: 1px solid hsl(0, 0%, 92%);
    }
    .article__right-rail__inner {
        border-top: none;
        padding-top: 0;
    }
}