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

.secondary {
	color: #A7AEAE; /* $secondary */
}

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

.quaternary {
	color: #2A6091; /* $quaternary */
}

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

.off {
	color: #ECF0F1; /* $off */
}

.dark {
	color: #313131; /* $dark */
}
/* End Color Tokens */

/* Paragraph 0 Styles */
p.text-highlight-0 {
	width: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height: 2;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin-top: 2rem;
}

p.text-highlight-0 strong a {
	margin: 0 .35rem;
}

p.text-highlight-0 strong a, p.text-highlight-0 strong a:hover {
	color: #313131; /* $dark */
}

p.text-highlight-0 strong {
	padding: 1.5em .5em;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.2em;
}

p.text-highlight-0 strong:first-child {
	background-color: #2A6091; /* $primary */
	color: #FFFFFF; /* $light */
	width: 40%;
	font-size: 1.35em;
	letter-spacing: .1em;
	text-transform: uppercase;
	line-height: 1.2em;
}

p.text-highlight-0 strong:nth-child(2) {
	width: 60%;
	background-color: #ECF0F1; /* $off */
	font-weight: 700;
}
/* End Paragraph 0 Styles */

/* Paragraph 1 Styles */
p.text-highlight-1 {
	background-color: #313131; /* $dark */
	color: #FFFFFF; /* $light */
	text-align: center;
	padding: 1.5rem 4%;
	line-height: 1.5em;
}
/* End Paragraph 1 Styles */

/* Paragraph 2 Styles */
p.text-highlight-2 {
	background-color: #FFFFFF; /* $light */
	border: solid 5px #ECF0F1; /* $off */
	box-shadow: 0 .3em 1em rgba(0,0,0,0.2);
	color: #313131; /* $dark */
	font-size: 1.5em;
	font-style: italic;
	font-family: 'Cabin', sans-serif; /* @accentfont */
	text-align: center;
	padding: 1.5rem 4%;
	line-height: 1.5em;
}
/* End Paragraph 2 Styles */

/* Paragraph 3 Styles */
p.text-highlight-3 {
	background-color: #134070; /* $tertiary */
	padding: 0.5em 30% 0.5em 5%;
	line-height: 1.5;
	color: #ECF0F1; /* $off */
	font-size: 1.111em;
	position: relative;
}

p.text-highlight-3:before {
	content: '';
	position: absolute;
	width: 25%;
	height: 100%;
	top: 0;
	right: 0;
	background-image: url(/images/icon_logo-callout.png);
	background-color: #ECF0F1; /* $off */
	background-repeat: no-repeat;
	background-position: center;
	background-size: 6.167em auto;
}

p.text-highlight-3 em {
	font-size: 1.925em;
	font-family: 'Cabin', sans-serif; /* @accentfont */
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}
/* End Paragraph 3 Styles */

/* Bullet List Styles */
ul.bullet-list-1, ul.bullet-list-2, ul.bullet-list-3 {
	padding: 1.5em 6%;
	background-color: #FFFFFF; /* $light */
	border: solid 5px #2A6091; /* $primary */
	box-shadow: 0 .3em 1em rgba(0,0,0,0.2);
	margin-top: 1.5em;
}

ul.bullet-list-1 li:nth-child(n+2), ul.bullet-list-3 li:nth-child(n+2) {
	padding-left: 2.5rem;
	position: relative;
}

ul.bullet-list-1 li, ul.bullet-list-2 li, ul.bullet-list-3 li {
	line-height: 1.5em;
	margin-bottom: 1rem;
}

ul.bullet-list-1 li:first-child, ul.bullet-list-2 li:first-child, ul.bullet-list-3 li:first-child {
	font-size: 1.5em;
	font-family: 'Cabin', sans-serif; /* @accentfont */
	font-weight: 700;
	padding-bottom: .7rem;
	border-bottom: solid 3px #EEEEEE;
}

ul.bullet-list-1 li:nth-child(n + 2):before, ul.bullet-list-2 li:nth-child(n + 2):before, ul.bullet-list-3 li:nth-child(n + 2):before {
	content: '\e7b3';
	font-family: 'icomoon-ult';
	color: #2A6091; /* $primary */
	font-size: 1.5em;
	margin-right: 1rem;
	vertical-align: middle;
	line-height: 1em;
	position: absolute;
	left: 0;
	top: 0;
}

ul.bullet-list-2 {
	counter-reset: bullet-list-2;
	background-image: url(/images/repeating-patterns/grunge.png);
	border-color: #313131; /* $dark */
}

ul.bullet-list-2 li:nth-child(n+2) {
	counter-increment: bullet-list-2;
	padding-left: 3rem;
	position: relative;
	font-size: 1.1em;
}

ul.bullet-list-2 li:nth-child(n + 2):before {
	content: counter(bullet-list-2);
	background-color: #313131; /* $dark */
	color: #FFFFFF; /* $light */
	width: 2rem;
	height: 2rem;
	font-family: 'Nunito Sans', sans-serif; /* @mainfont */
	border-radius: 50%;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	font-size: 1.2rem;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

ul.bullet-list-3 {
	background-color: #A7AEAE; /* $secondary */
	border-color: #313131; /* $dark */
	border-width: 8px;
	border-left: none;
	border-right: none;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	border-top-color: rgba(151,151,151,0.106);
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

ul.bullet-list-3 li:first-child {
	border-bottom: solid 3px #313131; /* $dark */
	display: block;
	-webkit-flex: 1 0 100%;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	width: 100%;
	margin-bottom: 1.5rem;
}

ul.bullet-list-3 li:nth-child(n + 2) {
	width: auto;
	-webkit-flex: 1 1 40%;
	-ms-flex: 1 1 40%;
	flex: 1 1 40%;
}

ul.bullet-list-3 li:nth-child(n + 2):before {
	content: '\e188';
}

ul.bullet-list-3 li:nth-child(even) {
	padding-right: 2%;
}
/* End Bullet List Styles */

/* Responsive Styles */
@media screen and (max-width:1500px) {
	p.text-highlight-0 strong:first-child {
		width: 42%;
	}

	p.text-highlight-0 strong:last-child {
		width: 58%;
	}
}

@media screen and (max-width:1150px) {
}

@media screen and (max-width:800px) {
	p.text-highlight-0 {
		padding: 0;
		line-height: 1.25em;
	}

	p.text-highlight-0 strong:first-child {
		width: 100%;
		line-height: 1.25em;
		padding: 1.2em .5em 0.9em;
	}

	p.text-highlight-0 strong:last-child {
		border: solid 5px #E74C3C;
		width: 100%;
	}
}

@media screen and (max-width:550px) {
	ul.bullet-list-3 li:nth-child(n + 2) {
		-webkit-flex: 1 0 100%;
		-ms-flex: 1 0 100%;
		flex: 1 0 100%;
	}

	ul.bullet-list-3 li:nth-child(even) {
		padding-right: 0;
	}

	p.text-highlight-3:before {
		display: none;
	}

	p.text-highlight-3 {
		padding: 0.5em 3%;
	}

	p.text-highlight-3 em {
		font-size: 1.75em;
	}
}
/* End Responsive Styles */