:root {
  /* colors */
  --bright-blue: #007bff;
  --ghost-white: ghostwhite;
  --alice-blue: aliceblue;
  --footer-slate: #e6e8f1;
  --white: white;
  --slate-gray: lightslategray;
  --silver: silver;
  --graphite: #506578;
  --light-graphite: rgba(80, 101, 120, .9);
  --lighter-graphite: rgba(80, 101, 120, .7);
  --very-light-graphite: rgba(80, 101, 120, .5);
  --lightest-graphite: rgba(80, 101, 120, .3);
  --ultra-light-graphite: rgba(80, 101, 120, .1);
  --trench-blue: #406885;
  --light-blue:  #d0e9fe;
}

body {
  box-sizing: border-box;
  font-family: 'Open Sans', "Arial", sans-serif !important;
  color: var(--slate-gray);
  font-size: 1rem;
  background: var(--white);
}

h1, h2, h3, h4 {
  color: var(--trench-blue) !important;
}

h5, h6 {
  color: var(--slate-gray) !important;
}

p, li, td, tr {
  color: var(--slate-gray);
}

/* Colors ------------------------------------------------- */
.bright-blue {
  color: var(--bright-blue);
}

.trench-blue {
  color: var(--trench-blue) !important;
}

.ghost-white {
  color: var(--ghost-white);
}

.alice-blue {
  color: var(--alice-blue);
}

.light-blue {
  color: var(--light-blue);
}

.footer-slate {
  color: var(--footer-slate);
}

.white {
  color: var(--white);
}

.slate-gray {
  color: var(--slate-gray);
}

.silver {
  color: var(--silver);
}

.graphite {
  color: var(--graphite);
}

.light-graphite {
  color: var(--light-graphite);
}

.lighter-graphite {
  color: var(--lighter-graphite);
}

.very-light-graphite {
  color: var(--very-light-graphite);
}

.lightest-graphite {
  color: var(--lightest-graphite);
}

.ultra-light-graphite {
  color: var(--ultra-light-graphite);
}

/* Utilities ----------------------------------------------- */

.pointer {
  cursor: pointer;
}

.nd-logo {
  max-width: 75px;
}

/* Back-to-top button ------------------------------------- */
#topper {
  display: none;
  position: fixed;
  bottom: 40%;
  right: 0;
  z-index: 99;
  border: none;
  outline: none;
  background-color: var(--bright-blue);
  color: var(--white) !important;
  padding: 8px 4px 10px 4px;
  border-radius: 2px 0 0 2px;
  font-size: 1rem;
  cursor: pointer !important;
}

#topper:hover {
  background-color: var(--bright-blue);
  color: var(--white);
}

/* links --------------------------------------------------- */
#wrapper a {
  color: var(--bright-blue);
}

#wrapper a:hover {
  color: var(--trench-blue);
}

#event-details {
  margin-top: 4rem;
}

/* Headers ----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  color: var(--trench-blue);
}

#nav-buttons {
  background: var(--trench-blue);
  margin-top: 0;
  margin-bottom: 4rem;
  padding: 2rem;
}

.nav-pills li {
  height: 100%;
}

.nav-pills .nav-link {
  color: var(--light-blue);
}

.nav-pills .nav-link.active {
  background: transparent;
  border-bottom: 5px solid var(--white);
  padding-bottom: 1.5rem;
  border-radius: 0;
  font-weight: 600;
  color: var(--white;)
}

.jumbotron {
  min-height: 350px;
  max-height: 350px;
  background: url('../img/banner.png');
  background-size: cover;
  background-position: center center;
  border-radius: 0;
  margin-bottom: 0;
}

.list-group-item {
  padding-left: .1rem;
}

.list-group-flush li:last-of-type {
  border-bottom: none;
}

.list-group-flush li:first-of-type {
  border-top: none;
}

.callout {
  background: var(--alice-blue) !important;
  padding: .5rem;
  border-radius: 3px;
  margin-top: 1rem;
}

.img-host {
  max-width: 60px;
}

.table-borderless p {
  line-height: 1.5;
}

#iframe-embed {
  margin-top: 3rem !important;
}

#iframe-embed p {
  padding-right: 3rem !important;
  margin-bottom: 0rem !important;
}

#poster-link {
  margin-top: -2.5rem;
  margin-right: 2rem;
  text-align: right;
  background: white;
  padding: .3rem;
}

.alert-secondary {
  background: var(--alice-blue) !important;
  color: var(--slate-gray);
}

.section-header {
  margin-bottom: 2rem;
}

.section-subheaders {
  margin-bottom: 1.25rem;
  margin-top: 2.4rem;
}

#sponsor-boxes .sponsor {
  padding: 1.2rem;
}

#sponsor-boxes .sponsor:hover {
  background: var(--alice-blue);
}

/* faq --------------------------------------------------*/

#tab-content .card {
  background: var(--white);
}

#tab-content .card-body {
  padding-left: 2.25rem;
}

#tab-content .card-header {
  border-bottom: none;
  background: var(--white) !important;
  padding-bottom: .1rem;

}

#contact-us {
  margin-top: 3rem;
}

.lead {
  padding-left: 2rem;
  border-left: 10px solid var(--graphite);
}

/* Footer ----------------------------------------------- */
#main-footer {
  background: var(--footer-slate);
  margin-top: 4rem;
}