/*================================================
B3 - TYPOGRAPHY - 050516
================================================*/

/* NAME: typography.css */
/* LOCATION: http://luc.edu/media/luc.edu/b3/css/ */
/* PURPOSE: styles global B3-typography - 050516 */
/* EXAMPLE: http://luc.edu/patternlibrary/resources/typography/ */
/* EXAMPLE: http://www.luc.edu/umc/brandstandards/graphicidentity/typography */

/*================================================
================================================*/

/* ===============================================
SPACERS ======================================= */

body { background: #ffffff; }

/* .container { background: #ffffff; }  ONLY FOR LOCAL DEVELOPMENT!!! */

#page-content article { width: 93.103% !important; max-width: 93.103% !important; min-width: 93.103% !important; }

.spacer-section-no-rule {
	display: block;
	margin: 40px 1.5%;
	width: 97%;
	height: 2px;
	background: rgba(0,0,0,0);
}

.spacer-section {
	display: block;
	margin: 5px 0;
	padding: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0,0,0,.15);
}

.spacer-category {
	display: block;
	margin: 15px 0 20px;
	padding: 0;
	width: 100%;
	height: 1px;
	background: rgba(0,0,0,.15);
}

.padding-left-right-0 { padding-left: 0 !important; padding-right: 0 !important; }


/* ===============================================
COL - ADJUSMENTS - BS ========================= */

#numbers .col-sm-4 {
	position: relative;
	padding: 25px 25px;
	width: 33%;
	min-height: 1px;
	box-sizing: border-box;
}

#numbers .col-sm-4 { display: inline-block; }

.col-sm-12 { width: 100%; }

#lists .col-sm-12, #lists .col-sm-4,
#tables .col-sm-12, #tables .col-sm-4,
form .col-sm-12,
.form-module.col-sm-12, .form-module.col-sm-4, .form-group.col-sm-12 {
	padding: 0 !important;
  padding-left: 15px !important;
	padding-right: 15px !important;
}


/* ===============================================
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 { 1rem; }


/* ===============================================
GLOBAL========================================= */

.maroon { color: #680013 !important; }

.reverse { color: #cccccc !important; }

.sentence-case { text-transform: none !important; }

.inline { display: inline; width: auto; }

.label.light { opacity: .25; }

.rule-left { border-left: solid 1px #cccccc; }

.boxed { margin: 20px 0; padding: 20px; background: #eeeeee; }

.boxed-mid { margin: 20px 0; padding: 20px; background: #888888; }

.boxed-dark, .boxed-dark-gallery { margin: 20px 0; padding: 20px; background: #272727; }

.boxed-dark-gallery { padding: 40px; }

.bg-info, .bg-success, .bg-warning, .bg-danger { background-color: rgba(0,0,0,.1); }

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


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

a { color: #680013; }

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

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

p a, article.content p a {
	line-height: 1;
	color: #680013;
	outline: none;
	outline-offset: 0;
	text-decoration: none;
	background-image: url('/media/b3/images/semi-transparent-pixel.png');
	background-repeat: no-repeat;
	background-repeat: repeat-x;
	background-position: 0 100%;
}

p a { font-weight: bold; }

a:hover, article.content p a:hover { color: #922247; }

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


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

h1.pagelayout { font-size: 2.25em;
text-transform:uppercase; }

h1, h2, h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: "Antenna Bold", sans-serif;
	font-weight: normal;
	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.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; }

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; } .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; }

#leftColumn h1, #leftColumn h2 { font-size: 1.75em; }

#rightColumn h1, #rightColumn h2 { font-size: 1.75em; }

@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.minion.display { font-size: 3.5em; font-weight: lighter; letter-spacing: -.01em; text-transform: none; }

.jumbotron.h1 { font-size: 3.25em; }

.jumbotron p { font-size: .95em; }


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

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

.minion { font-family: 'minion-pro', serif !important; font-weight: 100; }

.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; letter-spacing: .5px; }
.extra-small	{ font-size: 70% !important; letter-spacing: .5px; }
.display			{ font-size: 150%; }
h5.display		{ font-size: 150%; }

.number p.body.extra-small { font-size: 60% !important; }


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

p {
	margin: 0 0 10px;
	padding: 0;
	font-family: 'arial', san-serif;
	font-size: .975em;
	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 #cccccc;
}

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: 'Georgia'; }

.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; }

.credit, .tagline, .credit-tagline { font-size: .7em; margin: 0 0 5px 0; }

.personality-wrapper { display: table; width: 100%; }

.personality-wrapper.image {
	display: table-cell !important;
	margin: 0;
	padding: 0 10px 0 0;
	width: 100%;
	vertical-align: bottom;
}

.personality-info {
	display: table-cell !important;
	margin: 0;
	padding: 0;
	width: 100%;
	vertical-align: bottom;
}
	@media (max-width: 460px) { .personality-wrapper, .personality-info { display: block !important; } .personality-wrapper.image { display: block !important; width: 100%; } }

.credit-personality, .credit-personality-title, .credit-personality-name { font-size: .85em; }

.personality-info h6.category, .personality-info h6.category { margin: 5px 0 !important; }

.personality-info p.explainer { margin: 5px 0 0 0; vertical-align: baseline; }


/* ===============================================
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.35; }

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; }

#footer-address img { margin-top: 0; }


/* ===============================================
UTILITY ======================================= */

.utility { margin: 10px 0; }

.utility h6.category { margin: 0 0 3px 0; }

.utility p { margin: 0; }


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

#page-content article.content .infobox, .infobox {
	padding: 20px 2.469% !important;
	width: 100% !important;
	background: #eeeeee;
}

.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: 20px 0 0 20px;
	padding: 0;
	list-style-type: square;
	list-style-position: inside;
}

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;
}

ol li, ul li {
	margin: 7px 0;
	font-family: 'myriad-pro', sans-serif;
	font-size: .975em;
	line-height: 1.45;
}

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; }


/* ===============================================
CALENDAR ====================================== */

.calendar-event-info {
	display: table;
	margin: 10px 0 8px 0;
	padding: 0 0 2px 0;
	width: auto;
	height: auto;
}

.calendar p { font-size: .9em; line-height: 1.6; }

.calendar p.explainer {
	display: block; 
	vertical-align: bottom;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 1.35;
}

.calendar h6.category { margin: 10px 0; font-size: .975em; line-height: 1.45; }

.calendar-box {
	float: left;
	margin: 0 10px 0 0;
	width: 50px;
	min-width: 50px;
	max-width: 50px;
}

p.calendar-date, p.calendar-day {
	margin: 0;
	padding: 6px 0 5px;
	width: 100%;
	font-size: .7em !important;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
	background: #680013;
}

p.calendar-day { color: #cccccc; background: #272727; }

p.calendar-date { border-radius: 4px 4px 0 0; }


/* ===============================================
TABS ========================================= */

#page-content article.content #content-tabs ul, #content-tabs ul {
	margin: 10px 0 30px 0 !important;
	padding: 0 0 4px 0;
	list-style-type: none !important;
	list-style-image: none !important;
}

#tabs > li { list-style-image: none !important; }


#tabs > li a {
	display: inline;
	padding: 8px 15px 6px;
	font-family: 'Antenna Light', sans-serif !important;
	font-size: .825em !important;
	font-weight: normal;
	color: #eeeeee;
	text-transform: uppercase;
	line-height: 1;
	list-style-type: none !important;
	list-style-image: none !important;
	border-color: #cccccc;
	border-bottom: #ffffff;
	background: #cccccc;
	background: -moz-linear-gradient(top, #cccccc 90%, #aaaaaa 95%, #888888 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cccccc 90%,#aaaaaa 95%,#888888 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cccccc 90%,#aaaaaa 95%,#888888 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
}

#tabs > li.active a {
	color: #888888;
	border-bottom-color: #ffffff;
	background: #ffffff;
}


/* ===============================================
FORMS ========================================= */

#page-content article.content input,
#page-content article.content textarea,
#page-content article.content .uneditable-input { width: 100%; }

#page-content article.content input[type="radio"],
#page-content article.content input[type="checkbox"] { width: auto; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input { margin-bottom: 0; }

input[type="radio"], input[type="checkbox"] { margin-left: 0 !important; margin-right: 5px !important; width: auto; }

form { display: inline-block; }

.form-module { font-size: 1em; }

.form-module label, label { margin-top: 5px; font-size: .725em; color: #525252; text-transform: uppercase; }

.form-module p { width: 100%; font-size: .95em; }

.form-sub-header-group h6 { margin: 0; } /* Unique margins to maintain continuity h6 and h6/p combinations */

.form-sub-group { margin: 20px 0 0 0; padding: 0; width: 100%; } /* Separates groupings within forms */

.form-group { margin-bottom: 5px; }

input.form-control, textarea.form-control, select.form-control,
#select-custom .dropdown-toggle.btn-default {
	width: 100%;
	font-size: .85em;
	font-weight: 100;
	height: 30px;       
	line-height: 1.2em;
	line-height: 20px\9; /*for IE */
	letter-spacing: 0.025em;
	color: #aaaaaa;
	text-transform: none;
	border-radius: 4px !important;
	border: solid 1px #cccccc;
	background: #ffffff;
	box-shadow: none;
}
	@media (max-width: 400px) { input.form-control { margin: 10px 0 0 0; } }

#select-custom .dropdown-toggle.btn-default { font-weight: bold; color: #525252; }

select.form-control { font-size: .65em; text-transform: uppercase; }

select.form-control option { text-transform: none; }

.form-control:focus {
	font-size: .85em;
	line-height: 1;
	color: #aaaaaa;
  border-color: #cccccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.15);
  outline: 0 none;
  cursor: text;
}

textarea.form-control {
	min-height: 70px;
	max-width: 100%;
	font-size: .85em;
	height: 30px;       
	line-height: 1.35;
	line-height: 20px\9; /*for IE */
	font-weight: 100;
	color: #272727 !important;
	text-transform: none;
}

textarea.form-control:focus {
	line-height: 1.35;
}

input[type="checkbox"], input[type="file"] {
	display: inline-block !important;
	margin: 1px 0 20px 0;
	padding: 0 0 0 10px;
	width: auto;
}

input[type="file"] { margin: 0 0 0; }

.radio, .checkbox, .radio-inline, .checkbox-inline {
	margin: 0 0 8px;
	padding: 0 0 0 5px;
}

.checkbox label, .checkbox-inline label, radio label, radio-inline label {
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0;
	font-weight: bold;
	letter-spacing: .015em;
}

/* SUPPORT TEXT */

.help-block {
    display: block;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: .95em;
    font-style: italic;
    color: #737373;
}

/* FORM VALIDATION STATES - ERROR */

.has-error .form-control {
    border-color: #A30042;
    background: rgba(238,177,17,.15);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #A30042;
}

/* FORM VALIDATION STATES - WARNING */

.has-warning .form-control {
    border-color: #A30042;
    background: rgba(238,177,17,.1);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #A30042;
}

.checkbox.disabled label, .checkbox-inline.disabled label {
	color: #888888 !important;
	font-weight: normal;
}

/* IMPORTANT - INTERACTIVE STATES - These need to remain separate to apply to different browsers */

/* PLACEHOLDER */

.checkbox label span, .checkbox-inline label span { display: inline-block; margin: 0 0 0 15px; }

::-webkit-input-placeholder { font-family: "Antenna", "Arial", sans-serif; font-size: .775em; color: #cccccc; text-transform: uppercase; } /* WebKit, Blink, Edge */

:-moz-placeholder { font-family: "Antenna", "Arial", sans-serif; font-size: .775em; color: #cccccc; opacity: 1; text-transform: uppercase; } /* Firefox 4 to 18 */
   
::-moz-placeholder { font-family: "Antenna", "Arial", sans-serif; font-size: .775em; color: #cccccc; opacity: 1; text-transform: uppercase; }  /* Firefox 19+ */
   
:-ms-input-placeholder { font-family: "Antenna", "Arial", sans-serif; font-size: .775em; color: #cccccc; text-transform: uppercase; } /* IE 10-11 */

:placeholder-shown { font-family: "Antenna", "Arial", sans-serif; font-size: .775em; color: #cccccc; text-transform: uppercase; } /* Standard */

/* FOCUS STATES */

select:focus { text-transform: uppercase; font-size: .65em; }

input:focus::-webkit-input-placeholder { color: #ffffff; } /* WebKit, Blink, Edge */

input:focus:-moz-placeholder { color: #ffffff; } /* Firefox 19+ */

input:focus::-moz-placeholder { color: #ffffff; } /* Firefox 4 to 18 */

input:focus:-ms-input-placeholder { color: #ffffff; } /* IE 10-11 */

input:focus::placeholder-shown { color: #ffffff; } /* Standard */

/* HAS-ERROR */

.has-error select:focus { text-transform: uppercase; font-size: .65em; }

.has-error input:focus::-webkit-input-placeholder { color: rgba(238,177,17,0); } /* WebKit, Blink, Edge */

.has-error input:focus:-moz-placeholder { color: rgba(238,177,17,0); } /* Firefox 19+ */

.has-error input:focus::-moz-placeholder { color: rgba(238,177,17,0); } /* Firefox 4 to 18 */

.has-error input:focus:-ms-input-placeholder { color: rgba(238,177,17,0); } /* IE 10-11 */

.has-error input:focus::placeholder-shown { color: rgba(0,0,0,0,0); } /* Standard */

/* HAS-WARNING */

.has-warning select:focus { text-transform: uppercase; font-size: .65em; }

.has-warning input:focus::-webkit-input-placeholder { color: rgba(238,177,17,0); } /* WebKit, Blink, Edge */

.has-warning input:focus:-moz-placeholder { color: rgba(238,177,17,0); } /* Firefox 19+ */

.has-warning input:focus::-moz-placeholder { color: rgba(238,177,17,0); } /* Firefox 4 to 18 */

.has-warning input:focus:-ms-input-placeholder { color: rgba(238,177,17,0); } /* IE 10-11 */

.has-warning input:focus::placeholder-shown { color: rgba(0,0,0,0,0); } /* Standard */

/* HAS-ERROR - HAS-WARNING - FOCUS */

.has-error .form-control:focus, .has-warning .form-control:focus {
    border-color: #A30042;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.15);
}


/* ===============================================
TABLES ======================================== */

table, th, tr, td,
#page-content table, #page-content th, #page-content tr, #page-content td,
#page-content table th, #page-content table tr, #page-content table td {
	padding: 8px 6px 7px;
	font-family: 'Antenna', san-serif;
	font-size: .925em;
	font-weight: 100;
	line-height: 1.35;
	letter-spacing: .015em;
}

table, #page-content table,  {
	margin: 20px 0;
	border-collapse: collapse;
	border-spacing: 0;
}

tr, #page-content tr, #page-content table tr { border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; }

tr th, #page-content tr th {
	font-weight: bold;
	letter-spacing: .5px;
	color: #eeeeee;
	text-transform: uppercase;
	border-right: solid 1px #cccccc;
	background: #888888;
}

td, #page-content td, #page-content td {
	vertical-align: top;
	width: 100px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

#page-content tr th.st-head-row.st-head-row-main { background: #680013; }

.table-sub-group { margin: 30px 0 0 0; padding: 0; width: 100%; } /* Separates groupings within tables */

.stacktable { width: 100%; }

.st-head-row { padding-top: .85em; } .st-head-row a { color: #cccccc; } 

.st-head-row.st-head-row-main { font-size: 1em; }

.st-key { width: 19%; text-align: left; padding-right: 1%; }

.st-val { width: 79%; padding-left: 1%; }

/* DESKTOP */

.stacktable.large-only { display: table; }

.stacktable.small-only { display: none; }

/* TABLE - RESPONSIVE ========================= */

@media (max-width: 800px) {

table, th, tr, td,
#page-content table, #page-content table th, #page-content table tr, #page-content table td {
	font-family: 'Antenna', san-serif;
	font-size: .935em;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 5px 8px 4px; }

tr th, #page-content tr th, #page-content table tr th { text-transform: none; }

.stacktable.large-only { display: none; }

.stacktable.small-only { display: table; }
	
.st-head-row { background: #eeeeee; }
	
.st-head-row.st-head-row-main {
	color: #eeeeee;
	text-transform: uppercase;
	background: #888888;
}
	
}


/* ===============================================
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: #680013;
}

#select-custom .button,
#select-custom .btn,
#select-custom .btn:hover,
#select-custom .btn:focus,
#select-custom .btn:active,
#select-custom .btn.active,
#select-custom .btn.disabled,
#select-custom .btn[disabled],
#select-custom .btn-group,
#select-custom .btn-group-open,
#select-custom .button,
#select-custom .btn {
	display: inline-block;
	width: 100%;
	min-width: 100%;
	font-size: .85em;
	text-align: left;
	text-transform: uppercase !important;
	background-color: #ffffff !important;
}

#select-custom .btn-group.open,
#select-custom .btn-group.open .dropdown-toggle { box-shadow: none; }

#select-custom .btn-group > .dropdown-menu {
	margin: 0 2%;
	padding: 10px 2%;
	width: 96%;
	min-width: 96%;
	text-align: left;
	background-color: #ffffff !important;
}

#select-custom .btn-group > .dropdown-menu li {
	margin: 0;
	padding: 5px 0;
	font-size: 1.1em;
	text-transform: none;
	border-bottom: solid 1px #cccccc;
}

#select-custom .btn-group > .dropdown-menu li:hover {
	background-color: #f8f8f8;
}

#select-custom .btn-group > .dropdown-menu li:last-child {
	border-bottom: 0 none;
}

#select-custom .btn-group > .dropdown-menu li a {
	margin: 0;
	padding: 0 1%;
	width: 98%;
	border-bottom: none;
	background-color: none;
}

#select-custom .btn-group > .dropdown-menu li a:hover,
#select-custom .btn-group > .dropdown-menu li a:focus {
	background-color: transparent;
	border: #cccccc !important;
	box-shadow: 0 none;
}

#select-custom .btn-group span {
	display: table;
	float: left;
	margin: 3px 0 0 0;
}

#select-custom .btn-group span.select-arrow {
	float: right;
	display: table;
	top: 0;
	bottom: 0;
	margin: -2px 0 0;
	width: 10px;
	height: 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20fill%3D%22%23555555%22%20%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%22-261%20145.2%2024%2024%22%20style%3D%22enable-background%3Anew%20-261%20145.2%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M-245.3%2C156.1l-3.6-6.5l-3.7%2C6.5%20M-252.7%2C159l3.7%2C6.5l3.6-6.5%22%2F%3E%0A%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-color: none;
	background-size: 170% 170%;
}

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

.btn.cta, input[type="file"] {
	margin: 0;
	padding: 4px 8px 4px 8px;
	font-family: "Antenna Bold", "Arial", sans-serif;
	font-size: .825em;
	font-weight: bold;
	font-style: normal;
	color: #eeeeee;
	text-align: left;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-shadow: none;
	background-color: #680013;
	background-image: none;
	border: none;
	border-radius: 3px;
	outline: none;
	text-decoration: none;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
}

input[type="file"] {
	margin: 30px 0 0;
	width: 100%;
	font-size: .65em;
	text-transform: uppercase !important;
	background-color: #eeeeee;
}

.btn.cta:hover, .btn-group.cta:hover,
.btn.cta:active, .btn-group.cta:active,
.btn.cta:visited, .btn-group.cta:visited {
	color: #FFF;
	background-color: #5C131F;
}

/* ===============================================
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;
}

/* ===============================================
ADJUSTMENT ==================================== */

.col-xs-12.padding-left-right-0,
.col-sm-12.padding-left-right-0,
.col-md-12.padding-left-right-0,
.col-lg-12.padding-left-right-0 { padding-left: 0 !important; padding-right: 0 !important; }


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