/* ===============================================
FONT-SIZE - RESET ============================= */

/* Document level adjustments */
html { font-size: 16px; }
@media (max-width: 900px) { html { font-size: 15px; } }
@media (max-width: 400px) { html { font-size: 14px; } }

/* body {-webkit-font-smoothing: antialiased !important;}  cleans up aliasing on type */


/* ===============================================
REM SETTING =================================== */

/* Sets font-size relative to html font-size — see above */
section, article, module, table { font-size: 1rem; }

h5.label.maroon { font-size: 2em; background: none; }


/* ===============================================
LINKS ========================================= */

a { color: #8D0034; }

a:link {
	outline: none;
	outline-offset: 0;
}

a:visited, a:hover, a:focus {
	outline: none;
	outline-offset: 0;
	color: #5D0024;
	text-decoration: none;
}

p a {
	font-weight: bold;
	line-height: 1;
	color: #5D0024;
	outline: none;
	outline-offset: 0;
	text-decoration: none;
	background-image: url('<t4 type="media" id="406288" formatter="path/*"/>');
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	background-position: 0 100%;
}

a:hover, article.content p a:hover, a.label:focus, a.label:hover { color: #8D0034; }

.nav a:visited,
.nav a:hover,
.nav a:focus {
	outline: none;
	outline-offset: 0;
	color: #e1e1e1;
	text-decoration: none;
}

ul li span.info a,
ul li span.info a:hover,
ul li span.info a:visited,
ul li span.info a:active,
ul li span.info a:link
{
  color: #ffffff !important;
}

ul li::marker.
ul li::marker[style]
{
    position: relative !important;
    display: none;
}

.details ul {
    margin: 0 !important;
}

/* ===============================================
HEADERS - ORGANIZING LABELS =================== */

h1 {
	font-size: 2em;
}

h1, h2, h3 {
	margin: 10px 0;
	padding: 0;
	font-family: "Antenna Bold", sans-serif;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: .015em;
}

h4, h5, h6 {
	margin: 15px 0 5px 0;
	padding: 0;
	font-family: "Antenna Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 1.25;
	letter-spacing: .015em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #272727; }

h1.primary,
h2.secondary-explainer,
h3.standalone, .accordion h3.standalone,
h4.subhead,
h5.label,
h6.category.bold,
h6.category.light { font-family: "Antenna Bold", sans-serif !important; }

h1.primary,
h1.primary-alternate,
h2.secondary-explainer,
h2.secondary-alternate,
h3.standalone, .accordion h3.standalone,
h4.subhead,
h5.label,
h6.category.bold,
h6.category.light { font-weight: normal; font-style: normal; }

h6.category.bold.maroon { background: none; }

h1.primary							{ font-size: 	2.25em; }
h1.primary-alternate		{ font-size: 	2.75em; letter-spacing: -.01em; }
h2.secondary-explainer	{ font-size: 	1.75em; }
h2.secondary-alternate	{ font-size: 	2.15em; letter-spacing: -.01em; }
h3.standalone						{ font-size: 	1.45em; line-height: 1.5; } .accordion h3.standalone { display: inline-block; }
h4.subhead							{ font-size: 	1.15em; letter-spacing: -.01em; }
h5.label								{ font-size: 	1.10em; font-family:"Antenna Black"; letter-spacing: -.01em; color: #272727; }
h6.category.bold				{ font-size: 	0.975em; letter-spacing: -.01em; }
h6.category.light				{ font-size: 	0.975em; letter-spacing: -.02em; }

h6.category.graphic-text {
	margin: 20px 0 0 40px;
	font-family: 'Antenna', sans-serif;
	line-height: 1.85;
}

	@media (max-width: 414px) { h5.label { font-size: .975em; } }

.label {
		display: block;
    padding: 0;
    font-size: 1.15em;
    font-weight: bold;
    line-height: 1.45;
    color: #272727;
    text-align: left;
    white-space: normal;
    vertical-align: baseline;
    border-radius: 0;
    background: none;
    background-color: none;
}

.label.list { margin-top: 35px; margin-bottom: 30px; }


/* ===============================================
HEADERS - DISPLAY ============================= */

h1.display { font-size: 3.5em; letter-spacing: -.005em; }

h1.arnhem.display { font-size: 3.5em; font-weight: lighter; letter-spacing: -.0175em; text-transform: none; }


/* ===============================================
FONT FAMILY - STYLE =========================== */

body { font-family: 'arial', san-serif; }

.arnhem { font-family: 'Arnhem Blond', 'Georgia', serif !important; font-weight: 100; letter-spacing: -.0175em; }

.italic, .explainer { font-style: italic; text-transform: none; }


/* ===============================================
UPPERCASE ===================================== */

h5, h6,

.label, .label-chapter, .label-feature, .label-chapter-secondary, .category,

.credit, .byline, .tagline, .credit-tagline, .credit-byline,

.credit-personality-name, .credit-personality-title,

.calendar-date, .calendar-day,

.leader, .cta,

.number, .number-50, .scale, .key, callout, .uppercase { text-transform: uppercase; }


/* ===============================================
FONT WEIGHTS ================================== */

.light	{ font-family:"Antenna Light"	!important; font-style: normal; font-weight: 100 !important; letter-spacing: -.5px; }
.bold		{ font-family:"Antenna Bold"	!important; font-style: normal; font-weight: bold; }
.black	{ font-family:"Antenna Black"	!important; font-style: normal; font-weight: normal; }


/* ===============================================
FONT SCALE ==================================== */

.small				{ font-size: 85% !important; }
.extra-small	{ font-size: 70% !important; }
.number .small { font-size: 80% !important; }
.number p.body.extra-small { font-size: 60% !important; }
.display			{ font-size: 150%; }
h5.display		{ font-size: 150%; }

/* ===============================================
PARAGRAPHS ==================================== */

p {
	margin: 0 0 10px;
	padding: 0;
	font-family: 'arial', san-serif;
	font-size: 1.1em;
	line-height: 1.65;
}

.body {
	font-family: 'arial', sans-serif;
	font-size: .975em;
	line-height: 1.65;
}

p.bold, p.intro.bold, p.explode.bold, p.infobox.bold, p.endnote.bold,
p.body.bold, p.body.bold, p.body.intro.bold, p.body.explode.bold, p.body.infobox.bold, p.body.endnote.bold {
	font-family: 'arial', sans-serif !important;
	font-weight: bold;
	font-weight: 700;
}

p.body.intro { font-size: 1.125em; line-height: 1.75; }
	@media (max-width: 768px) { p.body.intro { font-size: 1.1em; } }

p.body.explode { font-size: .975em; line-height: 1.95; }

p.infobox { font-size: .925em; }

p.body.endnote {
	padding: 10px 0 0 0;
	font-size: .85em;
	line-height: 1.65;
	font-style: italic;
	border-top: solid 1px $gray-light;
}

p.body span.dropcap,
p.body.intro span.dropcap,
p.body.explode span.dropcap {
	float: left;
	margin-top: 5px;
	padding-right: 6px;
	padding-left: 0;
	color: #272727;
	font-family: 'Antenna Black';
	font-size: 3.15em;
	line-height: .9;
}

p.body.intro span.dropcap		{ font-size: 5.2em; }

p.body.explode span.dropcap	{ font-size: 3.5em; }

.alternate { font-family: 'Arnhem Blond', 'Georgia', serif; }

.body-group { margin: 0 0 25px 0; }

.body-group p { margin: 0; }

.leadin {
	margin: 0;
	padding: 0;
	font-family: 'arial', san-serif;
	font-size: 1em;
	font-weight: bold;
	font-weight: 700;
	line-height: 1.65;
}


/* ===============================================
CREDITS ======================================= */

.byline, .credit-byline { font-size: .8em; margin: 0 0 5px 0; }

.credit-byline.explainer { font-size: 1.05em; }


/* ===============================================
BREAKOUTS ===================================== */

.number { margin: 20px 0; }

.number.display { margin: 10px 0 0; }

.number.display p.body { margin: 0 0 20px 0; line-height: 1.35; }

.number h1.display	{ margin: -12px 0 5px 0; font-size: 450%; letter-spacing: -.055em; }
	@media (max-width: 600px) { .number h1.display { font-size: 300% } .number.display h1.display { font-size: 200%; } }

.number p.body	{ margin: 0 0 -2px 0; line-height: 1.75; }

blockquote, blockquote p, #page-content blockquote, #page-content blockquote p  {
	display: inline-block;
	margin: 20px 0 30px !important;
	padding: 0 !important;
	width: 100%;
	max-width: 100%;
	font-family: 'Antenna Bold', san-serif;
	font-size: 1.25em;
	font-weight: 700;
	font-style: none;
	letter-spacing: 0em;
	line-height: 1.85;
	color: #272727;
	border-left: 0;
	border-top: none 0;
	border-bottom: none 0;
}

blockquote p, #page-content blockquote p { margin: 0 0 10px !important; padding: 0; }
	@media (max-width: 414px) { blockquote, blockquote p { font-size: 1.05em; line-height: 1.85; } }

blockquote cite {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'Antenna Light', san-serif;
	font-size: .7em;
	font-weight: lighter;
	font-weight: 100;
	font-style: normal;
	letter-spacing: 0;
	line-height: 1.45;
	text-transform: uppercase;
}

blockquote cite a {
	font-family: 'Antenna Bold', san-serif;
	font-weight: bold;
}


/* ===============================================
IMAGES ========================================

img { width: 100%; margin: 10px 0 5px; }

img:before, .image img:before {
	content: "";
	display: table;
	margin-top: 56.25%;
	width: 100% !important;
	overflow: hidden;
}

img.credit-personality-image { margin: 0 10px 5px 0; width: auto; height: auto; }

.image p.credit { margin: 0 0 5px 0; text-align: right; }

.image h3.standalone { margin: 0 0 5px 0; }

.image h5.label.display { margin: 0 0 5px 0; font-size: 1em; }

.image p.caption { margin: 0 0 10px 0; line-height: 1.45; }

.image.boxed img, .image.boxed-dark-gallery img { width: 100%; margin: 0 0 5px; } */

/* ===============================================
INFOBOXES ===================================== */

article.content .infobox, .infobox {
	padding: 20px 2.469% !important;
	width: 100% !important;
	background: $gray-extra-light;
}

.infobox .explainer { font-size: .975em; font-weight: 100; }

.infobox h6 { margin: 15px 0; font-size: .975em; }

.infobox .tagline { font-size: .7em; }

.infobox ul { font-size: 1em; margin: 0 0 10px 15px; }


/* ===============================================
LISTS ========================================= */

.list {
	margin: 20px 0 0 20px;
	padding: 0;
}

.list h5.label-topic, ul h5.label-topic, ol h5.label-topic, dl h5.label-topic {
	margin: 15px 0 0 0;
}

.list h6.category, ul h6.category, ol h6.category, dl h6.category {
	margin: 15px 0 0 0;
}

ol, ul, #page-content article.content ol, #page-content article.content ul {
	margin: 10px 0 0 50px;
	padding: 0;
	list-style-type: none;
}

ol, #page-content article.content ol {
    counter-reset: ordered-list-counter;
    list-style-type: none !important;
}

ol li:before, #page-content article.content ol li:before {
    content: counter(ordered-list-counter, decimal)".";
    counter-increment: ordered-list-counter;
    margin-right: 5px;
    font-family: 'Antenna Bold', sans-serif;
    font-size: .975em;
    font-weight: bold;
    list-style-type: none !important;
}

ol ol, ul ul {
	margin: 7px 0 7px 15px;
	padding: 0;
	list-style-type: square;
    text-align: left;
}

ol li, ul li {
	margin: 10px 0;
	font-family: 'Arial', sans-serif;
	font-size: 1.2em;
	line-height: 1.45;
    text-shadow: 1px 1px 3px #000000;
    font-weight: bold;
}

ol li li, ul li li {
	font-size: 1em;
}

dl {
	margin: 20px 0 0 20px;
	padding: 0;
	font-family: 'myriad-pro', sans-serif;
	font-size: 1em;
	list-style-type: none;
}

dl dt {
	margin: 15px 0 3px;
	font-family: 'Antenna Bold', sans-serif;
	font-size: .975em;
	font-weight: bold;
	font-weight: 700;
	line-height: 1.45;
	text-transform: uppercase;
}

dl dd {
	margin: 0 0 0 15px;
	padding: 0;
	font-size: .975em;
}

ul span.bullet, ol span.bullet,
p span.bullet, .list span.bullet { margin: 0 5px; }

/* ===============================================
CTAS - BUTTON ================================= */

.cta-wrapper {
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	background: rgba(0,0,0,0);
}

button { margin: 0 0 10px 0; }

.btn,
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	display: inline-block;
	width: auto;
	font-weight: normal;
	font-style: normal;
	background-color: #5D0024;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover, .cta {
	font-size: .95em;
	font-weight: normal;
	font-style: normal;
}

p.small a.cta { font-size: .925em; }

/* ===============================================
CTAS ========================================== */

p a.cta {
	margin-left: 0;
	font-family: "Antenna Bold", "Arial", sans-serif;
	font-weight: bold;
	letter-spacing: -.025em;
	text-decoration: none;
	background: none;
	background-color: none;
	background-image: none !important;
}

p.small a.cta { font-size: .925em; }

.cta:hover { background: none; color: #8D0034; }

/* ===============================================
CSS END ======================================= */