@font-face {font-family:"champion-lightweight";src: url("https://fortrockfestival.com/wp-content/uploads/2017/11/champion-htf-lightweight-webfont.eot");src: url("https://fortrockfestival.com/wp-content/uploads/2017/11/champion-htf-lightweight-webfont.eot?#iefix") format("embedded-opentype"),url("https://fortrockfestival.com/wp-content/uploads/2017/11/champion-htf-lightweight-webfont.woff2") format("woff2"),url("https://fortrockfestival.com/wp-content/uploads/2017/11/champion-htf-lightweight-webfont.woff") format("woff"),url("https://fortrockfestival.com/wp-content/uploads/2017/11/champion-htf-lightweight-webfont.ttf") format("truetype"),url("https://fortrockfestival.com/wp-content/uploads/2017/11/champion-htf-lightweight-webfont.svg#champion-lightweight") format("svg");font-weight: normal;font-style: normal;}
body, body#tinymce.wp-editor {
      background-color: #111111;
    color:#ffffff;  font-family:"champion-lightweight",sans-serif;;}

body, button, input, select, textarea {
  font-family:"champion-lightweight",sans-serif;;  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

h1, h2, h3, h4, h5, h6 {
  color:#c3b600;  text-shadow: -2px 2px 0px #000000;  font-family:"brothers",sans-serif;;font-weight: normal;    text-transform: uppercase;}

h1 {
  font-size: 60px;
}







.slider-description {
  text-shadow: -2px 2px 0px #000000;}

.remodal-overlay {
      background-color: #111111;
    opacity: 0.8;
}

.remodal {
      background-color: #12b097;
  }

.remodal-close {
  color:#ffffff;}

.link-tiles h2 {
  color:#ffffff;  text-shadow: -2px 2px 0px #000000;}

a, a:visited {
  color:#d53e91;}

.shiftnav-toggle-button {
  color:#d53e91!important;}

a:hover, a:focus, a:active {
  color:#0096c9;}

.btn, a.btn, .shiftnav .btn, .shiftnav a.btn, input[type="submit"] {
      background-color: #d53e91;
    box-shadow: -2px 2px 0px #87275b;  color:#ffffff;  text-shadow: 1px 1px 0px #000000;    font-family:"brothers",sans-serif;;font-weight: normal;  text-transform: uppercase;  }

  button, input[type="button"], input[type="reset"], input[type="submit"], .btn, .shiftnav-toggle.btn {
    padding: 8px 10px 9px;
  }

  .engagement-bar .email-subscribe .btn {
     padding: ;       }

#shiftnav-toggle-main a {
  color:#ffffff!important;}

.btn:hover, .btn:active, .btn:focus, a.btn:hover, a.btn:active, a.btn:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus  {
      background: #87275b;
     
}

.input-border, .shiftnav .input-border {
      background-color: #d53e91;
  }

.shiftnav .input-border {
  box-shadow: -2px 2px 0px #87275b;}

input.input {
      background-color: #000000;
    color:#ffffff; 
}

::-webkit-input-placeholder {
  color:#ffffff; 
}

::-moz-placeholder {
  color:#ffffff; 
}

:-ms-input-placeholder {
  color:#ffffff; 
}

:-moz-placeholder {
  color:#ffffff; 
}

input.input:focus {
      background-color: #d53e91;
    color:#ffffff; 
}

input.input:focus::-webkit-input-placeholder {
  color:#ffffff; 
}

input.input:focus::-moz-placeholder {
  color:#ffffff; 
}

input.input:focus:-ms-input-placeholder {
  color:#ffffff; 
}

input.input:focus:-moz-placeholder {
  color:#ffffff; 
}

.grid-text-block h2, .grid-text-block .view-details {
  color:#ffffff;  text-shadow: -1px 1px 0px #000000;}

.grid-text-block .grid-subtitle {
  color:#ffffff;}

  .grid-name,
  .grid-subtitle,
  .grid-info h2 {
    font-family: "champion-lightweight",sans-serif;;
  }


.engagement-bar {
      background-color: #000000;
  }

.email-subscribe {
  box-shadow: -2px 2px 0px #87275b;      position: relative;
    top: -1px;
  }


.cta-btn {
  }

.main-navigation, .shiftnav.shiftnav-skin-none, .shiftnav.shiftnav-skin-none ul.shiftnav-menu, .shiftnav-enabled #shiftnav-toggle-main {
  font-family:"brothers",sans-serif;;  text-transform: uppercase;}

.main-navigation {
      background-color: #12b097;
  }


.shiftnav.shiftnav-skin-none, .shiftnav.shiftnav-skin-none ul.shiftnav-menu, .shiftnav-enabled #shiftnav-toggle-main {
      background-color: rgba(18,176,151, 0.95);
  }


.page-navigation-wrap:before {
      background-color: #ffffff;
    background-image: linear-gradient(90deg, #ffffff, transparent);
    background: #ffffff;
    background: linear-gradient(90deg, #ffffff, transparent);
  }
.page-navigation-wrap:after {
      background-color: #ffffff;
    background-image: linear-gradient(-90deg, #ffffff, transparent);
    background: #ffffff;
    background: linear-gradient(-90deg, #ffffff, transparent);
  }

.page-navigation, .page-navigation-select, .page-navigation-select .dropdown-menu {
      background-color: #ffffff;
    font-family:"brothers",sans-serif;;  text-transform: uppercase;  border-top: 1px solid #000000;  border-bottom: 1px solid #000000;}

.page-navigation-select .btn {
  font-family:"brothers",sans-serif;;  text-transform: uppercase;}

.main-navigation li > a, .main-navigation li > a, .shiftnav.shiftnav-skin-none .shiftnav-submenu-activation i.fa, #shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
  color:#ffffff;  }

.main-navigation li:hover > a, .main-navigation li:focus > a {
      background-image: none;
    background-color: #ffffff;
    color:#12b097;  }

.page-navigation a {
  color:#000000;  border-right: 1px solid #000000;}

.page-navigation-select .btn, .page-navigation-select .caret, .page-navigation-select .dropdown-menu > li > a {
  color:#000000; 
}

.page-navigation a:first-child {
  border-left: 1px solid #000000;}

.page-navigation-select .dropdown-menu a {
  border-bottom: 1px solid #000000;}

.page-navigation a:hover, .page-navigation a.active, .page-navigation-select .btn:hover, .page-navigation-select .btn:focus, .page-navigation-select .dropdown-menu a:hover, .page-navigation-select .dropdown-menu a:focus {
      background-image: none;
    background-color: #000000;
    color:#ffffff;}

.page-navigation-select .btn:hover .caret, .page-navigation-select .btn:focus .caret {
  color:#ffffff;}

.page-navigation a.active:before {
  border-top: 11px solid #000000;}

.header-text {
      font-family:"brothers",sans-serif;;font-weight: normal;}

.site-header,
.combined-nav .engagement-bar {
  border-color:#0096c9;}

.site-content {
  background: url() top center;
  background-repeat: no-repeat;  
    background-position:center center;  background-size:cover;  padding-bottom: 10.35%;}


.site-content:after {
  content:"";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0;
  padding-bottom: 20.70%;
  background: url(https://fortrockfestival.com/wp-content/uploads/2017/11/footer.png) center bottom no-repeat;
  background-size: cover;
  z-index: -1;
}

  @media only screen and (-webkit-min-device-pixel-ratio: 1.3),
  only screen and (min--moz-device-pixel-ratio: 1.3),
  only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333),
  only screen and (min-resolution: 125dpi),
  only screen and (min-resolution: 1.3dppx) {
    .site-content:after {
      background-image: url(https://fortrockfestival.com/wp-content/uploads/2017/11/footer@2x.png);
    } 
  }


.countdown-wrap {
  margin-top: 1%;
  margin-bottom: -1%; 
}



.countdown .value {
    font-family:"brothers",sans-serif;;font-weight: normal; 
  color:#d53e91;  font-size:57px;}

.countdown .label {
    font-family:"champion-lightweight",sans-serif;;font-weight: normal; 
  color:#ffffff;  font-size:35px;  text-transform: uppercase;}

.site-footer {
      background-color: #12b097;
    color:#ffffff;}

.accordion-group .accordion-title {
  background-color:#ffffff;  color:#000000;}

.accordion-group .accordion-content div {
  border-color:#ffffff;}


.ticket-type {background-color:rgba(255,255,255,0.08);}
.ticket-type .ticket h3 {
  background-color:#12b097;  color:#ffffff;}

.ticket-type .ticket .ticket-levels,
.ticket-type .ticket .ticket-level {
  border-color:#12b097;}

.ticket-type .ticket .ticket-level.sold-out:after {
  background-color:#12b097;}

.ticket-type .ticket .ticket-level.off-sale {
    color:#c3b600;}

.ticket-type .ticket .ticket-level.on-sale {
  background-color:#12b097;  color:#ffffff;}

.ticket-type .ticket .ticket-level.sold-out {
  background-color:#000000;  color:#c3b600;}

.content-assets {
  border-bottom:1px solid #0096c9;}

.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
      background-color: #ffffff;
    color:#000000;  border-color: #000000;  font-family:"brothers",sans-serif;;  text-transform: uppercase;  }

.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody td.event,
.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody tr:nth-child(2n+2) td.event,
.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event a {
      background-color: #d53e91;
  
}

.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody td.event:hover,
.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody tr:nth-child(2n+2) td.event:hover,
.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event a:hover {
      background-color: #0096c9;
  }

.mptt-shortcode-event a,
.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event a {
  color:#ffffff;}

.mptt-shortcode-event a:hover,
.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event a:hover {
  color:#ffffff;}

.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title {
  font-family:"brothers",sans-serif;;  text-transform: uppercase;  }

.mptt-shortcode-wrapper .mptt-shortcode-table tbody td {
 border-color:#000000; 
}

.tabbed-content .tabs .tab,
.mptt-shortcode-list,
.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column {
  border-color: #12b097;}

.tabbed-content .tabs .tab a {
  font-family:"brothers",sans-serif;;  text-transform: uppercase;  }

.tabbed-content .tabs .tab {
      background-color: ;
  }

.tabbed-content .tabs .tab.active, .tabbed-content .tabs .tab:hover, .tabbed-content .tabs .tab.active:hover {
      background-color: #12b097;
  }

.tabbed-content .tabs .tab a {
  color:#ffffff;}

.tabbed-content .tabs .tab.active a,
.tabbed-content .tabs .tab:hover a {
  color:#ffffff;}