:root {
  --themecolorbrown: #806c61;
  --themecolororange: #ef7728;
  --themecolordesertgold: #b47c34;
  --themecolorbattleship: #47484a;
  --themecolordarkbattleship: #090c0d;
  --themecolorsatinblack: #06080a;
  --themecoloreggwhite: #dad1c8;
  --themecolorburntorange: #c24f0d;
}

body {
  background-color: #fbfbfb;
}

#brand {
  background-color: #000;
  padding: .8rem 1rem;
}

  #brand img {
    max-height: 120px;
  }

@media (max-width: 767px) {
  #brand img {
    max-height: 40px;
  }
}

.btn {
  text-decoration: none !important;
}

.ts-background-intro {
  background-image: url(/assets/video/intro.jpg);
  background-size: cover;
  background-position: center center;
}

#ts-hero .ts-background-image.ts-background-position-center {
  background-position: center center;
}

.ts-has-overlay.ts-has-overlay-light:after {
  opacity: .2;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}

  .btn-outline-dark:hover {
    background-color: #212529;
    border-color: #212529;
  }

/**
.navbar-brand {
    display: flex;
}
**/

#main-navigation .navbar {
  /*background-color: #1f1f1f;*/
  background-color: var(--themecolordarkbattleship);
  font-family: "Roboto Condensed", sans-serif;
  font-weight: normal;
  font-style: normal;
}

/** --- Navigation --- **/

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

#main-navigation .navbar-nav > .nav-item > .nav-link:after {
  background-color: var(--themecolorburntorange);
}

#main-navigation .nav-link {
  opacity: .5;
}

  /* NAVIGATION ICONS */

  #main-navigation .nav-link:before {
    font-family: gonzocons;
    margin-left: -3px;
    font-weight: 400;
  }

  #main-navigation .nav-link.home-icon:before {
    content: "\e92c";
  }

  #main-navigation .nav-link.about-icon:before {
    content: "\e90b";
  }

  #main-navigation .nav-link.buggy-icon:before {
    content: "\e925";
  }

  #main-navigation .nav-link.programme-icon:before {
    content: "\e939";
  }

  #main-navigation .nav-link.news-icon:before {
    content: "\e910";
  }

  #main-navigation .nav-link.videos-icon:before {
    content: "\e960";
  }

  #main-navigation .nav-link.charity-icon:before {
    content: "\e92b";
  }

  #main-navigation .nav-link.partners-icon:before {
    content: "\e954";
  }

  #main-navigation .nav-link.sponsors-icon:before {
    content: "\e93c";
  }

  #main-navigation .nav-link.shop-icon:before {
    content: "\e956";
  }

  #main-navigation .nav-link.contact-icon:before {
    content: "\e944";
  }


  #main-navigation .nav-link span:first-child {
    display: none;
  }

#main-navigation .nav-item:after {
  opacity: .3 !important;
  font-family: gonzocons;
  position: absolute;
  visibility: visible !important;
  color: #fff;
  margin-left: -3px;
  font-weight: 400;
}

/**
#main-navigation .about-link:after{content: "\e90b";}

#main-navigation .portfolio-link:after{content: "\e910";}

#main-navigation .media-link:after{content: "\e930";}
**/

#main-navigation .nav-link[data-toggle="collapse"] {
  padding-left: 21px;
}

#main-navigation .nav-link .ts-hidden {
  margin-left: 7px;
}

/** --- Typography --- **/

.primary-font {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: normal;
  font-style: normal;
}

.secondary-font {
  font-family: 'Roboto', sans-serif;
}

p {
  font-family: 'Roboto', sans-serif;
  opacity: 1;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Condensed", sans-serif;
  font-weight: normal;
  font-style: normal;
}

.fw-600 {
  font-weight: 600;
}

/** --- Header --- **/

header.ts-hero .container h1 {
  text-transform: uppercase;
  font-weight: 500;
}

/** Home video intro **/

/**
.ts-has-overlay:after {
    background-color: #00000063;
}
**/

@media (max-width: 35.9375rem) {
  #brand-navigation {
    height: 5rem;
  }
}

.darkbackground-black {
  background-color: #000 !important;
}

@media (max-width: 575.98px) {
  #brand {
    width: 100%;
    left: -0.5rem;
  }

  .navbar-brand {
    margin-left: auto;
  }
}

/** Block Links **/

.ts-gallery__item-tall {
  height: 45rem;
}


#ts-footer nav .nav-link {
  text-decoration: none;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: normal;
  font-style: normal;
}

/** Light **/

.ts-bg-sand {
  background-color: #F9F2E8;
}

.ts-bg-sand-medium {
  background-color: #b4a185;
}

.ts-bg-dark {
  background-color: var(--themecolorsatinblack) !important;
}

/** about **/

@media (min-width: 1200px) {
  .ts-member .ts-image {
    height: 21rem;
  }
}

@media (max-width: 767.98px) {
  .ts-member .ts-image {
    height: 30rem;
  }
}


.accordion .card-header {
  padding: 0;
}

.accordion .btn-link {
  width: 100%;
  text-align: left;
  text-decoration: none;
  color: #333;
  padding: 15px 20px;
  position: relative;
  letter-spacing: 1px;
}

  .accordion .btn-link:hover,
  .accordion .btn-link:focus {
    text-decoration: none;
  }

.accordion .icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--themecolororange);
}

/* Hide minus by default */
.accordion .fa-minus {
  display: none;
}

/* When expanded */
.accordion .btn-link[aria-expanded="true"] .fa-plus {
  display: none;
}

.accordion .btn-link[aria-expanded="true"] .fa-minus {
  display: inline-block;
}

/*.card-header {
  background-color: rgb(198 186 170 / 18%);
}*/

/** Programme **/

.list.list-dashed li h4:before {
  background-color: var(--themecolororange);
  opacity: 1;
}

/** Footer **/

#ts-footer {
  background-color: var(--themecolorsatinblack);
}

a.racecar {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  color: #666;
  font-weight: bold;
  font-style: italic;
  text-decoration: none !important;
  border: 0 none !important;
  font-size: 0.9rem;
  letter-spacing: 0.03rem;
}

/** Responsive Iframe **/

.article-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/**  PageTitle **/

.ts-block-margin {
  margin-top: 78px;
}

@media (max-width: 767px) {
  .ts-block-margin {
    margin-top: 60px;
  }
}

@media (max-width: 575px) {
  .ts-block-margin {
    margin-top: 0;
  }
}

.ts-block {
  padding-bottom: 4rem;
  padding-top: 4rem;
  position: relative;
}

@media (min-width: 62rem) and (max-width: 74.9375rem) {
  .ts-block {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

@media (min-width: 75rem) {
  .ts-block {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
}

/* Sponsors
-----------------------------------------------------------------*/

.feature-list {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

  .feature-list li {
    padding: 0 25px;
    font-weight: 600;
    letter-spacing: 0.05em;
  }

    /* Dividers between items */
    .feature-list li + li {
      border-left: 1px solid rgba(0, 0, 0, 0.25);
    }

/* Mobile */
@media (max-width: 767.98px) {
  .feature-list {
    flex-direction: column;
    align-items: center;
  }

    .feature-list li {
      padding: 10px 0;
      width: 100%;
      text-align: center;
    }

      .feature-list li + li {
        border-left: none;
        border-top: 1px solid rgba(0, 0, 0, 0.25);
      }
}