/****************************************
* Defaults for Entire Website
****************************************/
html, body, p, address {font-family: 'Open Sans', sans-serif; line-height: 165%; font-size: 1.03rem; }
a {color: #005a9c; text-decoration: underline;}
a:hover {color: #007dd9;}
.lead {font-size: 1.35em; font-weight: 400;}

/****************************************
* Form
****************************************/
input[type=text], input[type=email], textarea {
  font-size: 1em !important;
  min-height: 2.8em;
  padding: .5em;
}

textarea:focus, input:focus, .uneditable-input:focus {
  /*border-color: rgba(0, 0, 0, 1) !important;*/
  /*box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6) !important;*/
  /*outline: 0 none !important;*/
}

/****************************************
* Jumbotron
****************************************/
.jumbotron-university {
	padding: 10em 0 10em 0;
}

.jumbotron-university > div > h1 {
	font-size: 3.5rem;
	color: #fff;
	text-decoration: uppercase;
}

/****************************************
* Order Forms
****************************************/
.table > thead >tr > th, #order-table > tbody > tr > td, .order-table > tbody > tr > td {
  vertical-align: middle;
  text-align: center;
  font-size: .9em;
}

#order-table {
  margin-top: 1em;
  margin-bottom: 1em;
}

#order-table > thead > tr > th {
  color: #d40000;
  font-size: .8em;
  text-transform: uppercase;
  border: 1px solid #d40000;
  font-weight: bold;
  letter-spacing: 1px;
}

#order-table > thead > tr > th {
  border-top: 0;
  border-top: 2px solid #d40000;
}

#order-table > tbody > tr > td:first-child, #order-table > thead > tr > th:first-child {
  border-left: 0;
}

#order-table > tbody > tr > td:last-child, #order-table > thead > tr > th:last-child {
  border-right: 0;
}

#order-table > tbody > tr:last-child td {
  border-bottom: 2px solid #d40000;
}

#order-table > tbody > tr > td {
  border: 1px solid #d40000;
}

#order-table td input { width: 75px; text-align: center; }
#order-total { font-weight: bold; font-size: 21px;  }

#order-table > tbody > tr > td:first-child, #order-table > thead > tr > th:first-child {
  border-left: 0;
}

#order-table > tbody > tr > td:last-child, #order-table > thead > tr > th:last-child {
  border-right: 0;
}

#order-table > tbody > tr:last-child td {
  border-bottom: 2px solid #d40000;
}

#order-table > tbody > tr > td {
  border: 1px solid #d40000;
}


.details-summary-table {text-align: center; vertical-align: middle;}

.details-summary-table > tbody > tr > td {
  padding: 1em;
  width: 50%;
  vertical-align: middle;
}

.details-summary-table > tbody > tr > td > .title {
  color: #d40000;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.details-summary-table > tbody > tr:first-child  {
  border-top: 0;
  border-top: 2px solid #d40000;
}

.details-summary-table > tbody > tr > td:first-child, .details-summary-table > thead > tr > th:first-child {
  border-left: 0;
}

.details-summary-table > tbody > tr > td:last-child, .details-summary-table > thead > tr > th:last-child {
  border-right: 0;
}

.details-summary-table > tbody > tr:last-child td {
  border-bottom: 2px solid #d40000;
}
.details-summary-table > tbody > tr > td {
  border: 1px solid #d40000;
}


.order-summary-table {text-align: center; vertical-align: middle;}
.order-summary-table > thead > tr > th {
  color: #d40000;
  text-transform: uppercase;
  border: 1px solid #d40000;
  font-weight: bold;
  letter-spacing: 1px;
}

.order-summary-table > tbody > tr > td {
  padding: 1em;
  vertical-align: middle;
}

.order-summary-table > tbody > tr > td > .title {
  color: #d40000;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.order-summary-table > thead > tr:first-child  {
  border-top: 0;
  border-top: 2px solid #d40000;
}

.order-summary-table > tbody > tr > td:first-child, .order-summary-table > thead > tr > th:first-child {
  border-left: 0;
}

.order-summary-table > tbody > tr > td:last-child, .order-summary-table > thead > tr > th:last-child {
  border-right: 0;
}

.order-summary-table > tbody > tr:last-child td {
  border-bottom: 2px solid #d40000;
}
.order-summary-table > tbody > tr > td {
  border: 1px solid #d40000;
}

.transparent {background: transparent; border: none;}
.totals {max-width: 100px; padding: 5px; margin: 5px 0 5px 0; text-align: center;}
.total-box { border: 3px solid green; width: 100px; padding: 3px; margin: 5px 0 5px 0; text-align: center; }

/****************************************
* Menus
****************************************/
.navbar-inverse {background-color: #000; background-image: none;}
.navbar-inverse .navbar-nav>li>a {color: #fff; font-size:.95em; text-decoration: none;}
.dropdown-menu>li>a {text-decoration: none;}
.navbar-nav>li>.dropdown-menu {background-color: #000; color: #fff;}
.navbar-nav>li>.dropdown-menu>li>a {color: #fff;font-size:1.1em; padding: 13px}
.navbar-nav>li>.dropdown-menu>li>a:hover {background-color: #000; background-image: none; text-decoration: underline;}
.navbar-brand {text-decoration: none; color: #fff !important;}

#navbarNavDropdown > ul > li > a {color: #fff; font-size:.95em; text-decoration: none;}
#navbarNavDropdown > ul > li.nav-item.dropdown.show > div > a {color: #fff;}
#navbarNavDropdown > ul > li.nav-item.dropdown.show > div > a:hover {background-color: #000;}

/****************************************
* Background Colors
****************************************/
.bg_blue {background-color: #005a9c; color: #fff; border-bottom: 3px solid #d40000}
.bg_red {background-color: #a10000; color: #fff; border-bottom: 0px solid #005a9c}
.bg_black {background-color: #000; color: #fff;}
.bg_lightblue {background-color: #dde5ee;}

/****************************************
* Buttons
****************************************/
.btn-red {padding: 9px; background-color: #d40000; background-image: none; text-shadow: none; color: #fff; padding: 1em 1.5em; border-radius: 0; font-size: .75em; transition: background-color 0.5s ease;}
.btn-red:hover {background-color: #aa0000; color: #fff}
.btn-red:active {color: #fff;}
.btn-black {text-decoration: none; padding: 9px; background-color: #000000; background-image: none; text-shadow: none; color: #fff; padding: 1em 1.5em; border-radius: 0; font-size: .8em; transition: background-color 0.5s ease;}
.btn-black:hover {background-color: #222; color: #fff}
.btn-black:active {color: #fff;}

/****************************************
* Headings and Fonts
****************************************/
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;  color: #000}
h2 {font-weight: 800; font-size: 2.55em; margin: 0 auto 0.5em auto; padding-top: 0.5em; padding-bottom: 0.5em; color: #000; border-top: 5px solid #000; border-bottom: 5px solid #000; width:80%;}
h3 {font-size: 2em; font-family: 'Open Sans', sans-serif; color: #d40000; margin-bottom: 0.5em; margin-top: 0.5em}

.text-h3 {font-size: 2em;}

.help-block {font-size: 1em; line-height: 125%;margin-bottom: 0;}
.black {color: #000000;}
.red {color: #d40000;}


/****************************************
* Lists
****************************************/

.terms ol {
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.terms ol li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

/* Unordered list within the list */
.terms ol ol ul > li:before  {
	counter-increment: none;
	content: "\2022"; /* bullet point */
}

.terms ol ol ul > li  {
	counter-increment: none;
}

/* Ordered list within the list */
.terms ol ol ol > li  {
	counter-increment: yas;
	margin-left: 3em;
}

.terms ol ol ol > li:before  {
	color: #d40000;
	content: counter(yas, lower-alpha) ") ";
}


.terms  ol li.red_number:before {
  color: red ;
  font-size: 2em;
}

.terms ol li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;
	color: #d40000;
}

.terms ol li li {
	margin-bottom: .5em; /* adds gap at bottom of each item in list */
	margin-top: .5em; /* adds gap at top of each item in list */
}

.terms ol li li:before {
    content: counters(item, ".") " ";
}

/****************************************
* Footer
****************************************/
.footer {font-size: 16px; padding: 5em}
.footer h3 {font-size: 1.5em}
.footer img {max-width: 200px;}
.footer ul { margin-left: 0; padding: 0; list-style-type: none;}
.footer li { display: block; outline: 0, padding: 0; margin: 0;}
.footer a {color: #fff; text-decoration: none;}
.footer a:hover, .footer a:visited, .footer a:active {color: #fff; text-decoration: underline;}

/**
* Options
**/
.border_top {border-top: 5px solid #000; padding-top: 0.4em;}
.oswald {font-family: 'Oswald', sans-serif;}
.required {font-size: 11px; color: #d40000; text-transform: uppercase;}
.lead {line-height: 175%;}
.opensans {font-family: 'Open Sans', sans-serif;}
.bold {font-weight: bold;}
.light {font-weight: 400;}
.font_heading {font-size: 3em; margin-bottom: 0.5em;}
.white {color: #fff;}
.nopadding {padding: 0;}
.nomargin {margin: 0;}
.noborder {border: 0}

/**************************************
* Utilities
**************************************/

/* From: https://stackoverflow.com/questions/7191348/preventing-nav-to-appear-as-untitled-section-on-html5-websites */
.offscreen {
  position: absolute;
  clip: rect(1px 1px 1px 1px); /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }