body {
  font-family: 'Work Sans', sans-serif; }

h1, h2, h3, h4 {
  margin-bottom: 1rem; }

h1 {
  font-size: 2.4rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.2rem;
  text-transform: uppercase; }

h4 {
  font-size: 1.2rem; }

.center {
  text-align: center; }

a,
a:focus,
a:hover {
  color: #00ABDD;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  padding-bottom: .25rem; }

a:hover {
  border-bottom: 1px solid #00ABDD; }

.btn {
  color: white;
  border-radius: 0; }

.btn:hover {
  color: white; }

.right {
  text-align: right; }

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none;
  /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff; }

html,
body {
  height: 100%;
  background-color: #000; }

body {
  color: #fff;
  text-align: center; }

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  /* For at least Firefox */
  min-height: 100%; }

.site-wrapper-inner {
  display: table-cell;
  vertical-align: top; }

/*
 * Header
 */
.masthead {
  margin-bottom: 2rem; }

.masthead-brand {
  margin-bottom: 0; }

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
  border-bottom: .25rem solid transparent; }

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, 0.25); }

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem; }

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff; }

@media (min-width: 48em) {
  .masthead-brand {
    float: left; }
  .nav-masthead {
    float: right; } }

/*
 * Cover
 */
.cover {
  padding: 0 1.5rem; }

.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: bold; }

/*
 * Affix and center
 */
@media (min-width: 40em) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0; }
  .mastfoot {
    position: fixed;
    bottom: 0; }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle; }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%;
    /* Must be percentage or pixels for horizontal alignment */ } }

@media (min-width: 62em) {
  .masthead,
  .cover-container {
    width: 42rem; } }

.cover-container {
  margin-right: auto;
  margin-left: 0; }

.inner {
  padding: 2rem; }

.inner.cover {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 1rem 1rem 1rem 2rem;
  text-align: left;
  position: relative;
  z-index: 10; }
  .inner.cover h1 {
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 0; }
  .inner.cover p {
    padding: .25rem;
    display: inline;
    clear: both; }
  .inner.cover ul {
    margin: 0 0 1rem;
    padding: 0; }
    .inner.cover ul li {
      list-style: none;
      display: inline-block; }
  .inner.cover .btn {
    background: #fff;
    color: #000; }

.nav-masthead .nav-link {
  color: #fff;
  font-weight: 400; }

.carousel {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%; }
  .carousel .carousel-indicators {
    bottom: 15%; }
  .carousel .carousel-inner {
    height: 100%; }
  .carousel .carousel-item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    width: 100%;
    height: 100%; }
  .carousel .one {
    background-image: url(../../files/images/graphics/wch20-slide-01.jpg); }
  .carousel .two {
    background-image: url(../../files/images/graphics/wch20-slide-02.jpg); }
  .carousel .three {
    background-image: url(../../files/images/graphics/wch20-slide-03.jpg);
    background-position-x: right; }
  .carousel .four {
    background-image: url(../../files/images/graphics/wch20-slide-04.jpg); }
  .carousel .five {
    background-image: url(../../files/images/graphics/wch20-slide-05.jpg); }
  .carousel .six {
    background-image: url(../../files/images/graphics/wch20-slide-06.jpg); }

@media (min-width: 768px) {
  .carousel {
    display: block; } }

.counter {
  display: none;
  text-align: left;
  color: #fff; }
  .counter ul#countdown {
    margin: 0;
    padding: 0; }
    .counter ul#countdown li {
      display: inline-block;
      zoom: 1;
      *display: inline;
      /* ie7 */
      background: transparent;
      width: 50px;
      text-align: center;
      font-weight: 700; }
      .counter ul#countdown li span {
        font-size: 1.4rem;
        position: relative; }
      .counter ul#countdown li span::before {
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        top: 11px; }
    .counter ul#countdown p {
      font-size: .43rem;
      font-weight: 400;
      padding: inherit; }

@media (min-width: 768px) {
  .counter {
    display: block; } }

.mastfoot {
  text-align: left;
  color: white;
  left: 0;
  background: #000; }
  .mastfoot .nav-tabs {
    position: absolute;
    top: -3rem; }
  .mastfoot img {
    width: 100%; }
  .mastfoot .logos {
    max-width: 420px; }
  @media (max-width: 39.9em) {
    .mastfoot img {
      margin: 1rem 0; } }

/*# sourceMappingURL=wch20-mainstyle.css.map */