/*/////////////////////////////////////////////
//// BEGIN: Homepage Variant v1
/////////////////////////////////////////////*/

/* BEGIN: Sidebar - Left
-----------------------------------*/
.sidebar-left {
	flex-basis: 23%;
	max-width: 400px;
	background: #28352E;
}

.sidebar-left .chapter-list .chapter {
	height: 141px;
	padding: 0 5%;
	position: relative;
}

.sidebar-left .chapter-list .chapter:after {
	content: '';
	display: block;
	position: relative;
	width: 86.45%;
	max-width: 280px;
	height: 1px;
	margin: 0 auto;
	background: rgba(225,218,199,0.20);
}

.sidebar-left .chapter-list .chapter.chapter--active {
	background: #42594D;
}

.sidebar-left .chapter-list .chapter.chapter--active:after {
	display: none;
}

.sidebar-left .chapter-list .chapter.chapter--active::before {
	content: ' ';
	display: block;
	position: absolute;
	top: -1;
	left: 0;
	width: 100%;
	height: 1px;
	background: #42594D;
}

.sidebar-left .chapter-list .chapter > a {
	width: 86.45%;
	max-width: 280px;
	height: 100%;
	margin: 0 auto;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.sidebar-left .chapter .chapter__title {
	flex-basis: 100%;
	margin-bottom: 10px;
	color: #E7C983;
	font-size: 24px;
	line-height: 1;
}

.sidebar-left .chapter .chapter__excerpt {
	flex-basis: 100%;
	margin-bottom: 0;
	color: #FBF5E5;
	font-size: 13px;
	line-height: 1.4;
}

.chapter__selection-container--mobile {
	display: none;
}

/* BEGIN: Related Assets
-----------------------------------*/	
.blog-content-container {
	flex-basis: 66%;
	padding: 8% 0;
}

.fullwidth .blog-content-container {
	flex-basis: 70%;
	max-width: calc(100% - 360px);
	margin: 0 auto;
	background: #fbf5e5;
}

.blog_post:not(.blog_post--multi) .blog-content-container .content {
	padding-right: 12%;
	border-bottom: 0;
}

.blog-content-container .content__chapter-header {
	width: 100%;
	max-width: 840px;
	margin: 0 auto 20px;
	text-align: center;
}

.blog-content-container .content__chapter-header h1 {
	margin-bottom: 10px;
	font-size: 32px;
}

.blog-content-container .content__chapter-excerpt {
	margin-bottom: 55px;
	color: #28352E;
	font-size: 24px;
	text-align: center;
	line-height: 1.2;
}

.blog-content-container .content__chapter-image img {
	width: 100%;
	margin-bottom: 40px;
	opacity: 0;
}

.blog-content-container .content {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding-bottom: 6%;
	border-bottom: 1px solid #E1DAC7;
}

.blog-content-container .content h2 {
	margin-bottom: 40px;
	font-size: 32px;
	line-height: 1.05;
	text-align: center;
}

.blog-content-container .content iframe,
.blog-content-container .content img {
	opacity: 0;
}

.blog-content-container .content iframe,
.blog-content-container .wp-block-gallery {
	margin: 55px auto 60px;
}

.blog-content-container .wp-block-image {
	display: -ms-flexbox;
	display: flex;
	flex-direction: column-reverse;
	margin: 80px auto 40px;
}

.blog-content-container .wp-block-image.footer-image {
	margin-bottom: 0;
}

.blog-content-container .wp-block-image.footer-image img {
	padding-top: 20px;
}

.blog-content-container .footer-image-supporting-text {
    margin-top: 40px;
}

.blog-content-container .wp-block-image.size-full img {
	width: 100%;
}

.blog-content-container .wp-block-image figcaption {
	margin: 0;
	padding: 15px 0;
	border-top: 1px solid #E1DAC7;
	color: #28352E;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: left;
	text-transform: uppercase;
}

.blog-content-container p {
	margin: 0 auto 25px;
	color: #28352E;
	line-height: 1.5;
}

.blog-content-container p a {
	color: #6ACD98;
	text-decoration: underline;
}

.blog-content-container > p:first-child {
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 1.5;
}

.blog-content-container .wp-block-quote {
	margin: 55px auto 60px;
	padding-left: 1.5em;
	border-left-color: #C6AA68;
}

.blog-content-container .wp-block-quote p,
.blog-content-container .wp-block-pullquote p {
	margin-bottom: 30px;
	color: #B39754;
	font-family: interstate-condensed, sans-serif;
	font-size: 30px;
	letter-spacing: 0;
	line-height: 1.15;
}

.blog-content-container .wp-block-quote cite,
.blog-content-container .wp-block-pullquote cite {
	color: #28352E;
	font-size: 16px;
	line-height: 1.35;
	text-transform: initial;
}

.blog-content-container .wp-block-quote cite strong,
.blog-content-container .wp-block-pullquote cite strong {
	font-size: 20px;
}

.blog-content-container .wp-block-pullquote {
	margin: 55px auto 60px;
	padding: 0 0 0 1.5em;
	border: 0;
	border-left: 4px solid #c6aa68;
	text-align: left;
}

.blog-content-container .wp-block-pullquote p {
}

.blog-content-container .wp-block-pullquote p strong {
	font-weight: 100;
}

.blog-content-container iframe {
	margin: 0 auto;
}

.blog-content-container .content ul {
	margin: 0 auto 25px;
	padding: 0 30px;
}

.blog-content-container .content ul.beige,
.blog-content-container .content > ul:first-child {
	margin: 0 auto 55px;
	padding: 30px;
	background: #E7C983;
}

.blog-content-container .wp-block-gallery ul {
	margin-bottom: 0;
	padding: 0;
}

.blog-content-container .content ul li {
	margin-bottom: 7px;
	list-style: disc;
}

.blog-content-container .content ul.beige li,
.blog-content-container .content > ul:first-child li {
	margin-left: 35px;
}

.blog-content-container .content .twitter-tweet {
	margin: 0 auto !important;
}

.blog-content-container .content__navigation {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	padding: 10px 0;
}

.blog-content-container .content__navigation li {
	flex-basis: 50%;
	flex-grow: 1;
}

.blog-content-container .content__navigation li.content__navigation-control--next {
	text-align: right;
}

.blog-content-container .content__navigation img {
	width: 12px;
	display: inline-block;
	vertical-align: unset;
}

.content__navigation-control--prev img {
	margin-right: 10px;
}

.content__navigation-control--next img {
	margin-left: 10px;
}

/* BEGIN: Sidebar - Right
-----------------------------------*/
.sidebar-right {
	margin: 0;
	padding: 8% 0 0;
	flex-basis: 33%;
	max-width: 380px;
}

.sidebar-right .sidebar-facts {
	margin-bottom: 40px;
	background: #28352E;
}

.sidebar-right .sidebar-facts ul {
	padding: 30px;
}

.sidebar-right .sidebar-facts li {
	margin-left: 20px;
	margin-bottom: 10px;
	list-style: disc;
	color: #FBF5E5;
	font-size: 14px;
}

.sidebar-newsletter {
	margin-bottom: 40px;
	padding: 40px 8%;
	background: #E7C983;
	text-align: center;
}

.sidebar-newsletter h5 {
	margin-bottom: 10px;
	color: #28352E;
	font-family: interstate-condensed, sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.sidebar-newsletter p {
	margin-bottom: 30px;
	font-size: 14px;
}

.sidebar-newsletter .email-form input[type="email"] {
	margin-bottom: 0;
	padding: 7px 10px;
	background: #fff;
	border: 0;
	border-radius: 0;
	color: #28352E;
	font-family: sweet-sans-pro, sans-serif;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 0;
	line-height: 1.75;
}

.sidebar-newsletter .email-form input[type="email"]::placeholder {
	color: #C4B89D;
	font-style: normal;
}

.sidebar-newsletter .email-form input[type="submit"],
.sidebar-newsletter .email-form input[type="button"] {
	background: #6ACD98;
	top: 0;
	width: 100px;
	height: 100%;
	border-radius: 0;
	color: #fff;
	font-family: sweet-sans-pro, sans-serif;
	font-size: 12px;
	font-weight: 100;
	letter-spacing: 1px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.sidebar-bottom {
	display: none;
}

/* BEGIN: Related Assets
-----------------------------------*/
.section-related {
	padding: 5.75% 0;
	background: #F0E8D3;
}

.section-related .section-header {
	margin-bottom: 25px;
}

.section-related .section-header h3 {
	color: #28352E;
	font-family: interstate-condensed, sans-serif;
	font-size: 24px;
	font-weight: 100;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.section-related ul {
}

.section-related li {
	flex-basis: 31.33%;
}

.section-related li img {
	margin-bottom: 23px;
	vertical-align: middle;
}

.section-related li h4 {
	color: #28352E;
	font-size: 18px;
	letter-spacing: 0;
	line-height: 1.35;
}

.blog_post + .section-download {
	margin-top: 0;
}

/*/////////////////////////////////////////////
//// BEGIN: Media Queries
/////////////////////////////////////////////*/

/* BEGIN: Hovers */
@media screen and (min-width: 767px) {

	.sidebar-left .chapter-list .chapter:hover {
		background: #324339;
	}

	.sidebar-left .chapter-list .chapter:hover:after {
		display: none;
	}
	
	.blog-content-container p a:hover {
		color: #4AB77D;
	}
	
	.sidebar-newsletter .email-form input[type="submit"]:hover,
	.sidebar-newsletter .email-form input[type="button"]:hover {
		background: #4AB77D;
	}
}

@media screen and (min-width: 961px) {

	.sidebar-right .sidebar-facts .sidebar-facts__expand {
		display: none;
	}
}

/* BEGIN: Responsive */
@media screen and (min-width: 1441px) {
	
	.blog_post:not(.blog_post--multi) .blog-content .section-wrapper {
		max-width: 1160px;
	}
}

/* BEGIN: Responsive */
@media screen and (max-width: 1440px) {

	body.single-post .main-header {
		position: absolute;
	}
	
	.blog-content-container .content,
	.blog-content-container .content__navigation {
		max-width: 650px;
	}
}

/* BEGIN: iPad / Mobile */
@media screen and (min-width: 960px) and (max-width: 1195px) {

	.section-related .section-header,
	.section-related li {
		padding: 0 10px;
	}

	.sidebar-left {
		flex-basis: 25%;
		max-width: 295px;
	}

	.fullwidth .blog-content-container {
		max-width: calc(100% - 295px);
	}
}

/* BEGIN: iPad / Mobile */
@media screen and (max-width: 960px) {

	/* BEGIN: Blog - Header
	-----------------------------------*/
	.blog-header {
		margin-bottom: 11%;
	}

	.blog-header .section-wrapper {
		max-width: 100%;
		padding: 0;
		margin-right: auto;
	}

	.blog-header .section-content {
		width: 100%;
		flex-basis: 100%;
	}

	.blog-header .col-left {
		padding: 11% 20px;
	}

	.blog-header .eyebrow {
		position: relative;
		top: auto;
		margin-bottom: 13%;
		font-size: 3vw;
	}

	.blog-header h1 {
		margin-bottom: 10%;
		line-height: 1.13;
	}

	.blog-header__author-image-container {
		width: 11.1vw;
		height: 11.1vw;
	}

	.blog-header__author-container span {
		font-size: 4.5vw;
	}

	.sidebar-left,
	.blog-content-container,
	.fullwidth .blog-content-container,
	.sidebar-right {
		flex-basis: 100%;
		width: 100%;
		max-width: 100%;
	}

	.blog-content-container {
		order: 2;
	}
	
	.blog_post:not(.blog_post--multi) .blog-content-container .content {
		padding-right: 0;
	}

	/* BEGIN: Sidebar - Left
	-----------------------------------*/
	.sidebar-left {
		background: transparent;
		margin-bottom: 0;
		order: 1;
	}

	.chapter__selection-container--desktop {
		display: none;
	}

	.chapter__selection-container--mobile {
		display: block;
	}

		.sidebar-left .dropdown {
			position: relative;
			display: inline-block;
			width: 100%;
			margin: 0 auto;
		}

		.sidebar-left .dropdown.chapter-selection {
			z-index: 9999;
		}

		.sidebar-left .dropdown .dropdown__button {
			display: inline-block;
			width: 100%;
			padding: 10px 35px 10px 15px;
			background: #fff;
			border: 1px solid #E1D6B9;
			cursor: pointer;
			color: #28352E;
			font-size: 14px;
			font-size: 4vw;
		}

		.sidebar-left .dropdown .dropdown__button:after {
			content: '';
			position: absolute;
			top: 50%;
			right: 15px;
			width: 0;
			height: 0;
			border-top: 5px solid #28352E;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			transform: translateY(-50%);
		}

		.sidebar-left .dropdown .dropdown__menu {
			position: absolute;
			top: 100%;
			margin-top: -1px;
			border: 1px solid #E1D6B9;
			box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
			background: #fff;
			list-style: none;
			z-index: 1;
			width: 100%;
		}

		.sidebar-left .dropdown .dropdown__input,
		.sidebar-left .dropdown .dropdown__input + .dropdown__menu {
			display: none;
		}

		.sidebar-left .dropdown .dropdown__input:checked + .dropdown__menu {
			display: block;
		}

		.sidebar-left .dropdown .dropdown__menu li {
			height: auto;
			cursor: pointer;
			white-space: nowrap;
		}

		.sidebar-left .dropdown .dropdown__menu li:not(:last-child) {
			border-bottom: 1px solid #ccc;
		}

		.sidebar-left .dropdown .dropdown__menu li.chapter--active {
			background: #42594D;
		}

		.sidebar-left .dropdown .dropdown__menu li a {
			display: block;
			padding: 10px 35px 10px 15px;
			color: #8C5F35;
			font-size: 14px;
			font-size: 4vw;
			font-weight: 400;
		}

		.sidebar-left .dropdown .dropdown__menu li.chapter--active a {
			color: #E7C983;
		}

	/* BEGIN: Blog Content
	-----------------------------------*/
	.blog-content-container .content .content__chapter-header {
		margin: 6% 0;
	}

	.blog-content-container .content .content__chapter-excerpt {
		font-size: 5vw;
	}

	.blog-content-container .content__chapter-image img {
		margin-bottom: 0;
	}

	.fullwidth .blog-content-container .content {
		max-width: 100%;
	}

	.blog-content-container .content h1 {
		font-size: 6.7vw;
	}

	.blog-content-container p,
	.blog-content-container .content ul li {
		max-width: 100%;
		margin-bottom: 5%;
		font-size: 4vw;
	}

	.blog-content-container p:first-child {
		font-size: 5vw;
	}

	.blog-content-container .content ul.beige {
		margin: 0 auto 12%;
		padding: 9% 3% 7%;
	}

	.blog-content-container .content ul.beige li {
		margin-left: 10%;
	}

	.blog-content-container .wp-block-image,
	.blog-content-container .wp-block-image img {
		width: 100%;
	}

	.blog-content-container .wp-block-image figcaption {
		font-size: 3vw;
	}

	.blog-content-container .wp-block-quote {
		margin: 16.5% auto;
	}

	.blog-content-container .wp-block-quote p,
	.blog-content-container .wp-block-pullquote p {
		font-size: 6.7vw;
	}

	.blog-content-container .wp-block-quote cite {
		font-size: 4vw;
	}

	.blog-content-container .wp-block-quote cite strong {
		font-size: 4.5vw;
	}

	.sidebar-right .sidebar-facts {
		margin-bottom: 0;
	}

	.sidebar-right .sidebar-newsletter {
		display: none;
	}

	.sidebar-bottom {
		display: block;
		order: 3;
	}

	.blog-content-container .content__navigation {
		max-width: 100%;
		font-size: 4vw;
	}

	.blog-content-container .content__navigation ul {
		flex-direction: row;
	}

	.blog-content-container .content__navigation li a > span:first-child {
		display: block;
	}

	.blog-content-container .content__navigation img {
		width: 3vw;
	}

	/* BEGIN: Sidebar - Right
	-----------------------------------*/
	.sidebar-right {
		padding: 0;
	}

	.sidebar-right .sidebar-facts ul {
		padding: 5% 5% 7%;
		overflow: hidden;
	}

	.sidebar-right .sidebar-facts li {
		font-size: 4vw;
	}

	.sidebar-right .sidebar-facts .sidebar-facts__expand {
		flex-direction: row;
		justify-content: center;
		padding: 3% 20px;
		border-top: 1px solid rgba(225,218,199,0.20);
		color: #FBF5E5;
		font-size: 3.4vw;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

	.sidebar-right .sidebar-facts .sidebar-facts__expand img {
		flex-basis: 12px;
		max-width: 12px;
		margin: 0 10px;
		transition: transform 0.2s ease;
	}

	.sidebar-right .sidebar-facts--expanded .sidebar-facts__expand img {
		transform: rotate(180deg);
	}

	.sidebar-right .sidebar-facts .facts__expand-copy--collapse {
		display: none;
	}

	.sidebar-right .sidebar-facts--expanded .facts__expand-copy--expand {
		display: none;
	}

	.sidebar-right .sidebar-facts--expanded .facts__expand-copy--collapse {
		display: block;
	}

	.sidebar-newsletter {
		padding: 12.5% 8%;
	}

	.sidebar-newsletter h5 {
		font-size: 6.7vw;
	}

	.sidebar-newsletter p,
	.sidebar-newsletter .email-form input[type="email"] {
		font-size: 4vw;
	}

	.sidebar-newsletter .email-form input[type="email"] {
		margin-bottom: 3%;
		padding: 2.25% 5%;
	}

	.sidebar-newsletter .email-form input[type="submit"],
	.sidebar-newsletter .email-form input[type="button"] {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		font-size: 3.4vw;
		line-height: 3.15;
	}

	.section-related {
		padding: 11% 0;
	}

	.section-related .section-header h3 {
		font-size: 5.6vw;
	}

	.section-related li {
		max-width: 100%;
		margin-bottom: 11%;
	}

	.section-related li img {
		width: 100%;
		margin-bottom: 4.5%;
	}

	.section-related li h4 {
		font-size: 4.5vw;
	}
}

/* BEGIN: Mobile */
@media screen and (max-width: 767px) {

	body.post {
		margin-top: 14.5vw;
	}
}

/* BEGIN: Mobile */
@media screen and (max-width: 400px) {

	body.post {
		margin-top: 12.5vw;
	}
}
/* FIN */