/* Color Tokens */
.primary {
	color: #B9A06F; /* $primary */
}

.secondary {
	color: #3F6400; /* $secondary */
}

.tertiary {
	color: #BAB7AB; /* $tertiary */
}

.light {
	color: #F2F0EE; /* $light */
}

.dark {
	color: #211F1C; /* $dark */
}

.white {
	color: #FFFFFF; /* $white */
}
/* End Color Tokens */

/* General Content Styles */
.content-style {
	color: #211F1C; /* $dark */
	font-weight: 400;
}

.content-style ul {
	margin: .7em auto;
}

.content-style li ul {
	margin-top: 0;
}

.content-style ul li {
	position: relative;
	padding: .1em 0 .1em 2em;
	font-size: .95em;
}

.content-style ul li:before {
	content: '\e0fd';
	font-family: 'icomoon-ult';
	font-size: .5em;
	position: absolute;
	left: 0;
	color: #FFFFFF; /* $white */
	line-height: 2;
	background-color: #3F6400; /* $secondary */
	border-radius: 100%;
	width: 2em;
	height: 2em;
	display: block;
	text-align: center;
	top: 1em;
}

.content-style img.float-right {
	display: block;
	float: right;
	max-width: 45%;
	height: auto !important;
	margin: 0 0 1em 1em;
}

.content-style img.float-left {
	display: block;
	float: left;
	max-width: 45%;
	height: auto !important;
	margin: 0 1em 1em 0;
}

.content-style img.no-float {
	display: block;
	max-width: 90%;
	height: auto !important;
	margin: 1em auto;
}

.text-highlight.v1 {
	background-color: #F2F0EE; /* $light */
	padding: 3% 4%;
	font-size: 1.1em;
	margin: 1.111em auto;
	text-align: center;
	font-weight: 400;
}

.text-highlight.v2 {
	color: #211F1C; /* $dark */
	padding: 2% 4%;
	font-size: 1.111em;
	margin: 1.111em 4%;
	text-align: center;
	border: solid 2px #BAB7AB; /* $tertiary */
	font-weight: 400;
}

.text-highlight.v2 a:hover {
	color: #211F1C; /* $dark */
}

.text-highlight.v3 {
	background-color: #B9A06F; /* $primary */
	color: #FFFFFF; /* $white */
	text-align: center;
	padding: 3% 4%;
	margin: 1.111em auto;
}

.text-highlight.v3 a {
	color: #3F6400; /* $secondary */
}

.text-highlight.v3 a:hover {
	color: #FFFFFF; /* $white */
}

.custom-callout {
	background-color: #BAB7AB; /* $tertiary */
	color: #F2F0EE; /* $light */
	text-align: left;
	padding: 3% 4% 3% 12rem;
	margin: 1.111em auto;
	position: relative;
	background-image: url(/images/custom-callout.png);
	background-repeat: no-repeat;
	background-position: 2.5% 50%;
	font-weight: 700;
	font-size: 1.444em;
}

.custom-callout a {
	color: #3F6400; /* $secondary */
}

.custom-callout a:hover {
	color: #FFFFFF; /* $white */
}

.simple-cta {
	text-align: center;
	padding: 4% 5%;
	margin: 1.5em auto;
	border: solid 1px #AAA697; /* darken($tertiary,10%) */
	background-color: #E8E4E0; /* darken($light,5%) */
}

.simple-cta h3 {
	margin: 0 auto .5em !important;
}

.simple-cta p {
	margin: .75em auto 1.25em;
}

.simple-cta .btn {
}
/* End General Content Styles */

/* Content Areas Basic Styles */
.content-area {
}

.content-area + .content-area, .content-area + script + .content-area {
	background-color: #E8E4E0; /* darken($light,5%) */
}

.content-area.simple {
	padding: 0;
}

.content-area .main {
}

.content-area.simple .main.thin {
	padding: 4% 8%;
}

.sub-banner-area.extended-img + .content-area.simple .main.thin {
	background-color: #FFFFFF; /* $white */
}

.content-area header {
}

.content-area .flex header {
	text-align: left;
	padding-bottom: 0;
}

.content-area header h2 {
}

.content-area header h3 {
}

.content-area .flex {
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.content-area .flex + .flex {
	margin-top: 3em;
}

.content-area .flex.reverse {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.no-flexbox .content-area .flex {
	display: table;
}

.content-area .flex > * {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
}

.no-flexbox .content-area .flex > * {
	display: table-cell !important;
	vertical-align: top;
}

.no-flexbox .content-area .flex > *:first-child {
	padding-right: 3%;
}

.content-area .flex > .two-thirds {
	width: 63%;
}

.content-area .flex > .half {
	width: 48%;
}

.content-area .flex > .third {
	width: 33%;
}

.content-area .flex > .three-fifths {
	width: 58%;
}

.content-area .flex > .two-fifths {
	width: 38%;
}

.content-area.v2 .content {
	padding: 5em 0;
}

.content-area .flex > * > *:first-child, .content-area .flex > * > *:first-child > *:first-child, .content-area.simple .main.thin .content-style > *:first-child {
	margin-top: 0; /* eliminates extra top spacing */
}

.content-area .flex > * > *:last-child, .content-area .flex > * > *:last-child > *:last-child {
	margin-bottom: 0; /* eliminates extra bottom spacing */
}

.content-area.simple .content-style > *:last-child, .content-area.simple .main.thin .content-style > *:last-child {
	margin-bottom: 0; /* eliminates extra bottom spacing */
}
/* End Content Areas Basic Styles */

/* Content Area Single CTA */
.content-area .flex .cta-box .single-cta {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
}

.content-area .flex .cta-box .single-cta:empty {
	display: none;
}

.content-area .flex .cta-box .single-cta a {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	line-height: 1.2;
	padding: 8% 3% 16%;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
}

.no-flexbox .content-area .flex .cta-box .single-cta a {
	display: block;
}

.content-area .flex .cta-box.v1 .single-cta a {
	background-color: #F2F0EE; /* $light */
	color: #F2F0EE; /* $light */
	-webkit-transition: background-color .4s ease 0s, color .4s ease 0s;
	-moz-transition: background-color .4s ease 0s, color .4s ease 0s;
	-o-transition: background-color .4s ease 0s, color .4s ease 0s;
	transition: background-color .4s ease 0s, color .4s ease 0s;
}

.content-area .flex .cta-box.v1 .single-cta a:hover {
	background-color: #B9A06F; /* $primary */
	color: #3F6400; /* $secondary */
}

.content-area .flex .cta-box.v2 .single-cta a {
	background-color: #E8E4E0; /* darken($light,5%) */
	color: #211F1C; /* $dark */
	-webkit-transition: background-color .4s ease 0s, color .4s ease 0s;
	-moz-transition: background-color .4s ease 0s, color .4s ease 0s;
	-o-transition: background-color .4s ease 0s, color .4s ease 0s;
	transition: background-color .4s ease 0s, color .4s ease 0s;
}

.content-area .flex .cta-box.v2 .single-cta a:hover {
	background-color: #B9A06F; /* $primary */
	color: #3F6400; /* $secondary */
}

.content-area .flex .cta-box .single-cta a icon {
	display: block;
	font-size: 5em;
}

.content-area .flex .cta-box.v1 .single-cta a icon {
	color: #211F1C; /* $dark */
}

.content-area .flex .cta-box.v2 .single-cta a icon {
	color: #211F1C; /* $dark */
}

.content-area .flex .cta-box .single-cta a strong {
	display: block;
	text-transform: uppercase;
	font-size: 1.667em;
	font-weight: 300;
	color: #B9A06F; /* $primary */
	-webkit-transition: color .5s ease 0s;
	-moz-transition: color .5s ease 0s;
	-o-transition: color .5s ease 0s;
	transition: color .5s ease 0s;
}

.content-area .flex .cta-box .single-cta a:hover strong {
	color: #FFFFFF; /* $white */
}

.content-area .flex .cta-box .single-cta a icon + strong {
	margin-top: .75em;
}

.content-area .flex .cta-box .single-cta a strong br {
}
/* End Content Area Single CTA */

/* Content Area Video Popup with Image */
.cms-layout .content-area .flex .cta-box {
	position: relative;
	display: block;
}

.content-area .flex .cta-box .video-img {
	height: auto;
	position: relative;
}

.content-area .flex .cta-box .video-img img {
	display: block;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 0;
	padding-bottom: 60%;
}

.content-area .flex .cta-box .video-img > strong {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	text-transform: uppercase;
	color: #FFFFFF;
	cursor: pointer;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.no-flexbox .content-area .flex .cta-box .video-img > strong {
	display: table;
}

.no-flexbox .content-area .flex .cta-box .video-img > strong > * {
	display: table-cell;
	vertical-align: middle;
}

.content-area .flex .cta-box .video-img > strong:hover {
}

.content-area .flex .cta-box .video-img > strong icon {
	font-size: 4em;
	position: relative;
	color: #FFFFFF; /* $white */
	-webkit-transition: background-color .5s ease, color .5s ease;
	-moz-transition: background-color .5s ease, color .5s ease;
	-o-transition: background-color .5s ease, color .5s ease;
	transition: background-color .5s ease, color .5s ease;
	padding: .35em .5em;
}

.content-area .flex .cta-box .video-img > strong:hover icon {
	color: #3F6400; /* $secondary */
}

.content-area .flex .cta-box .video-pop {
}

.content-area .flex .cta-box .video-pop .bg {
}

.content-area .flex .cta-box .video-pop .video-con {
}

.content-area .flex .cta-box .video-pop .video {
}

.content-area .flex .cta-box .video-pop .video-pop-btn {
}
/* End Content Area Video Popup with Image */

/* Two Column Layout */
.column-content {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-top: 4em;
	padding-bottom: 4em;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.no-flexbox .column-content {
	display: block;
	overflow: hidden;
}

.no-flexbox .column-content:after {
	content: ' ';
	display: block;
	clear: both;
}

.column-content  .main-zone {
	-webkit-flex: 0 1 58%;
	-ms-flex: 0 1 58%;
	flex: 0 1 58%;
}

.no-flexbox .column-content .main-zone {
	display: block;
	width: 60%;
	float: left;
}

.column-content  .side-zone {
	-webkit-flex: 0 1 37%;
	-ms-flex: 0 1 37%;
	flex: 0 1 37%;
	max-width: 37%;
}

.no-flexbox .column-content .side-zone {
	display: block;
	width: 37%;
	float: right;
}
/* End Two Column Layout */

/* Two Column Main Content */
.content-area.main-content {
	padding: 0;
}
/* End Two Column Main Content */

/* 1000px Responsive */
@media screen and (max-width:1000px) {
	body {
	}

	.content-area.simple .main.thin {
		padding: 5% 3%;
	}
}
/* End 1000px Responsive */

/* 800px Responsive */
@media screen and (max-width:800px) {
	body {
	}

	.content-area .flex {
		display: block;
	}

	.content-area .flex > * {
		width: 100% !important;
	}

	.content-area .flex > *:last-child {
		margin-top: 1.5em;
	}

	.column-content {
		display: block;
		padding-top: 6%;
		padding-bottom: 6%;
	}

	.content-area .flex .single-cta a {
		padding: 1.5em 3%;
	}
}
/* End 800px Responsive */

/* 650px Responsive */
@media screen and (max-width:650px) {
	body {
	}

	.content-area .flex + .flex {
		margin-top: 1.5em;
	}

	.content-area.simple .main.thin {
		padding: 8% 3%;
	}

	.custom-callout {
		background-image: none;
		padding: 3% 4%;
	}
}
/* End 650px Responsive */

/* 550px Responsive */
@media screen and (max-width:550px) {
	body {
	}

	.text-highlight.v1 {
		font-size: 1em;
		padding: 4% 5%;
	}

	.text-highlight.v2 {
		font-size: 1em;
		padding: 4% 5%;
	}

	.content-area .flex .single-cta a icon {
		font-size: 3em;
	}

	.content-area .flex .single-cta a strong {
		font-size: 1.222em;
	}

	.content-style img.float-right, .content-style img.float-left, .content-style img.no-float {
		display: block;
		float: none;
		margin: 1em auto;
		max-width: 90%;
	}
}
/* End 550px Responsive */
