/*
  Version: 1.0.2
*/

@font-face {
  font-family: 'thirsty_rough_regregular';
  src: url('fonts/thirstyroughregular-webfont.woff2') format('woff2'),
     url('fonts/thirstyroughregular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

smooth-animation {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

body.logged-in .navbar-fixed-top, body.logged-in .site{ 
  top: 28px; 
}

body.logged-in .site {
  position: relative;
  top: 28px;
}

body {
  background-color: #fff;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
}

h1, h2, h3, h4, h5, h6, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, #countdown {
  font-family: interstate,sans-serif;
  font-weight: 800;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.row {
  margin: 0;
}

.btn, .mc4wp-form input[type=submit]{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
  color: #345973;
  background-color: #9ec7c4;
   -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: 0;
}

.btn:hover, .btn:focus, .btn:active {
  background-color: #1c3c4a;
  color: #fff;
   -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/* Navigation */

.navbar-default {
  background-color: #ee2e38;
  border-bottom-color: #fff;
}

.navbar-header h1 {
  display: inline;
  color: #fff;
  font-family: 'thirsty_rough_regregular';
  text-transform: none;
  text-shadow: 1px 1px 1px #002B2B;
}

.navbar-header img {
  width: 40px;
  height: 40px;
}

.navbar-toggle {
  padding: 0;
  border: 0;
  margin-top: 5px;
  margin-bottom: 2px;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:active {
  color: #fff;
}

.navbar-header h1 .navbar-brand {
  color: #fff;
  font-size: 22px;
}

.navbar-default .navbar-nav>li>a, .site-footer .navbar-nav>li>a, .dropdown-menu>li>a{
  color:#fff;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
}

.dropdown-menu>li>a {
  padding: 7px 25px;
}

.head-social .navbar-nav>li>a {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 10px;
}

.head-social .navbar-nav>li:first-child>a {
  border-left: 1px solid #fff;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.site-footer .navbar-nav>li>a:focus, .site-footer .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color:#345973;
  background-color: #9ec7c4;
}


.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover,
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  color:#fff;
  background-color: #345973;
}

.dropdown-menu {
  padding: 10px 0 10px 0;
  border-radius: 0;
  background: rgba(255,255,255, .8);
}

.head-social {
  position: absolute;
  top: -5px;
  right: 10%;
}

.head-social .navbar-nav {
  list-style-type: none;
  display: inline; 
  float: left;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
}

.head-social .nav>li {
  display: inline;
  float: left;
}

.head-social img {
  width: 30px;
  height: 30px;
  display: inline-block;
}

.navbar-toggle {
  float: left;
  margin-left: 15px;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.navbar-default .navbar-toggle {
  border-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #9ec7c4;
  border-color: #345973;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
  background-color: #345973;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width:320px) {
  .head-social {
    top: -8px;
    right: 15px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: rgba(255,255,255, 0.9);
  }
  .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #345973;
    text-transform: uppercase;
    font-weight: bold;
  }
  .navbar-nav .open .dropdown-menu {
    margin-left: 20px;
  }
  .navbar-default {
    background: transparent;
  }
  .navbar-header {
    background-color: #ee2e38;
  }
  .navbar-default #menu-main-menu.navbar-nav>li>a {
    margin-left: 18px;
  }
  .navbar-default #menu-main-menu.navbar-nav>li>a.dropdown-toggle {
    margin-left: 0;
  }
  .caret {
    float: left;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 7px;
  }
  .site-footer .nav>li {
    display: inline-block;
  }
  .navbar-default .head-social .navbar-nav>li>a {
    padding-left: 5px;
    padding-right: 5px;
  }
  .navbar-default .head-social .navbar-nav>li:first-child>a {
    padding-left: 8px;
  }
  .head-social .navbar-nav {
    margin-top: 8px;
    padding-top: 0px;
  }
  .navbar-default {
    border-bottom-color: transparent;
  }
}

@media (min-width:768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
  .head-social {
    top: -5px;
    right: 2%;
  }
  .navbar-default {
    background-color: #ee2e38;
    border-bottom-color: #fff;
  }
  .navbar-default .navbar-collapse {
    background: transparent;
  }
  .navbar-default .navbar-nav>li>a {
    color: #fff;
  }
   .caret {
    float: none;
    margin-left: 2px;
    margin-right: 0;
    margin-top: 0;
  }
  .navbar-default #menu-main-menu.navbar-nav>li>a {
    margin-left: 0;
  }
  .dropdown-menu>li>a {
    color:#345973;
  }
  .navbar-nav .open .dropdown-menu {
    margin-left: 0px;
  }
  .navbar-default .head-social .navbar-nav>li>a {
    padding-left: 0px;
    padding-right: 15px;
  }
  .navbar-default .head-social .navbar-nav>li:first-child>a {
    padding-left: 10px;
  }
  .head-social {
    top: -10px;
  }
  .head-social .navbar-nav {
    padding-top: 0;
    margin-top: 10px;
  }
  .navbar-default {
    border-bottom-color: #fff;
  }
  .site-header .container {
    width: 100%;
  }
}

@media (min-width:992px) {
  .head-social {
    right: 5%;
  }
  .site-header .container {
    width: 970px;
  }
}

@media (min-width:1200px) {
  .head-social {
    right: 10%;
  }
  .site-header .container {
    width: 1170px;
  }
}

/* Footer */

.site-footer {
  background-color: #002b3b;
  background-image: url(/wp-content/themes/fwf/img/foot-fireworks.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  color: #fff;
  margin-top: 40px;
}

.top-foot-row {
  padding-top: 25px;
  padding-bottom: 30px;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.copyright, .located-at {
  padding-bottom: 30px;
}

.site-footer .copyright, .site-footer .located-at, .site-footer .foot-logo {
  text-align: center;
}

.site-footer .social {
  text-align: right;
}

.site-footer .foot-logo img, .site-footer .located-at img {
  display: inline-block;
  max-width: 275px;
}

.site-footer .located-at img {
  display: inline-block;
  max-width: 225px;
}

.site-footer .copyright {
  font-size: 14px;
}

.site-footer .social img {
  width: 30px;
  height: 30px;
  display: inline-block;
}

.site-footer .social .list-inline li {
  margin-left: 15px;
}

.site-footer .navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
}

.site-footer .mc4wp-form input {
  color: #002b3b;
}

@media (min-width:320px) {
  .site-footer, .site-footer .social {
    text-align: center;
  }
  .site-footer .navbar-nav>li>a {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width:768px) {
  .site-footer {
    text-align: initial;
  }
  .site-footer .social {
    text-align: right;
  }
  .site-footer .navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Home */

.home-hero {
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  height: 70vh;
  width: 100%;
  z-index: -1;
  margin-top: 50px;
  border-bottom: 3px solid #9ec7c4;
}

.header-logo {
  max-width: 25vw;
  z-index: 1;
  position: absolute;
  top: 8%;
  right: 20%;
  width: 100%;
  text-align: center;
}

.home-intro {
  text-align: center;
}

.home-intro h2 {
  color: #283944;
  font-size: 48px;
}

.home-intro h3 {
  color: #b62528;
  font-size:32px;
}

@media (min-width:320px) {
  .header-logo {
    max-width: 320px;
    right: 0;
  }
  .home-intro h2 {
    font-size: 28px;
  }
  .home-intro h3 {
    font-size: 24px;
  }
}

@media (min-width:400px) {
  .header-logo {
    right: 10%;
  }
}

@media (min-width:768px) {
  .header-logo {
    max-width: 20vw;
    right: 10%;
  }
  .home-intro h2 {
    font-size: 48px;
  }
  .home-intro h3 {
    font-size: 32px;
  }
}

/* Sponsors */

.sponsors {
  margin-top: 50px;
  text-align: center;
}

.title-ribbon, .livestream-title {
  background: #9ec7c4;
  color: #345973;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  max-height: 63px;
}

.stars {
  position: relative;
  overflow: visible;
  padding: 0;
}

.stars img {
  display: inline-block;
  height: 123px;
  margin-top: -29px;
}

.sponsors h2, .livestream-title h2 {
  font-family: 'thirsty_rough_regregular';
  text-transform: none;
  color: #1c3c4a;
  position: relative;
  display: inline-block;
}

.spon-title {
  padding-top: 50px;
  text-align: center;
}

.spon-title img {
  max-width: 500px;
  display: inline-block;
}

.media .spon-title {
  padding-bottom: 0px;
}

.presented-by, .skyrocket, .firecracker, .cherrybomb, .sparkler, .media {
  margin-bottom: 20px;
}

.spon-logos img {
  display: inline-block;
}

.presented-by .spon-logos img {
  max-width: 500px;
}

.presented-by .spon-logos .gopuff {
  width: 100%;
  float: left;
  padding-top: 60px;
}

.presented-by .spon-logos {
  margin-left: 14.666667%;
}

.presented-by .spon-logos .trwd img {
  padding-top: 50px;
  padding-bottom: 10px;
}

.skyrocket .spon-logos, .firecracker .spon-logos, .cherrybomb .spon-logos {
  padding-top: 30px;
  padding-bottom: 10px;
}

.sparkler .spon-logos {
  padding-top: 30px;
  padding-bottom: 40px;
}

.media {
  margin-top: 0px;
}

.media .spon-item img {
  display: inline-block;
}

.inkind {
  margin-bottom: 50px;
}

.inkind .spon-logos {
  padding-top: 30px;
}

.inkind .spon-logos img {
  max-width: 150px;
}

@media (min-width:320px) {
  .presented-by .spon-logos {
    margin-left: 0;
  }
  .sponsors h2, .livestream-title h2 {
    margin-bottom: 20px;
    font-size: 16px;
    margin-top: 5px;
  }
  .livestream-title h2 {
    padding-top: 9px;
    margin-top: 5px;
    font-size: 16px;
  }
  .stars img {
    height: 90px;
    margin-top: -22px;
  }
  .stars.star-l img {
    left: -13px;
    position: absolute;
  }
  .stars.star-r img {
    right: -13px;
    position: absolute;
  }
  .livestream .col-xs-3 {
    width: 30%;
  }
  .livestream .col-xs-6 {
    width: 40%;
  }
  .title-ribbon, .livestream-title {
    max-height: 45px;
  }
  .media .spon-item img {
    max-width: 125px;
  }
  .presented-by .spon-item, .skyrocket .spon-item, .firecracker .spon-item, .cherrybomb .spon-item, .sparkler .spon-item {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (min-width:768px) {
  .presented-by .spon-logos {
    margin-left: 14.666667%;
  }
  .skyrocket .andrews {
    text-align: right;
    padding-right: 60px;
  }
  .skyrocket .coors {
    text-align: left;
    padding-left: 60px;
  }
  .sponsors h2, .livestream-title h2 {
    margin-bottom: 10px;
    font-size: 32px;
    margin-top: 15px;
  }
  .live-stream-title h2 {
    padding-top: 0px;
  }
  .stars img {
    height: 123px;
    margin-top: -29px;
  }
  .stars.star-l img {
    left: 20%;
    position: relative;
  }
  .stars.star-r img {
    right: 20%;
    position: relative;
  }
  .hours-title .stars.star-l img, .location-title .stars.star-l img, .parking-title .stars.star-l img{
    left: 45%;
  }
  .hours-title .stars.star-r img, .location-title .stars.star-r img, .parking-title .stars.star-r img{
    right: 45%;
  }
  .title-ribbon, .livestream-title {
    max-height: 63px;
  }
  .page-template-page-sponsor .sponsors, .page-template-page-sponsor .sponsors .title-ribbon {
    margin-top: 0px;
  }
  .presented-by .spon-item, .skyrocket .spon-item, .firecracker .spon-item, .cherrybomb .spon-item, .sparkler .spon-item {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .skyrocket .spon-item {
    padding-top: 10px;
  }
  .firecracker .spon-item, .cherrybomb .spon-item, .sparkler .spon-item, .media .spon-item, .inkind .spon-item {
    padding-top: 30px;
  }
  .presented-by .streams {
    padding-top: 35px;
  }
}

/* Base Page Styles */

.int-hero {
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  height: 50vh;
  width: 100%;
  z-index: -1;
  margin-top: 50px;
  border-bottom: 3px solid #ee2e38;
}

h1.entry-title {
  color: #345973;
  text-align: center;
}

.site-main .entry-content {
  text-align: center;
}

.page-contact .site-main .entry-content {
  text-align: initial;
}

/* Square Landing Page Styles */

/* Base card styles */

.card {
  position: relative;
  align-items: center;
  justify-content: center;
}

.card a {
  color: #fff;
  text-decoration: none;
}

.card a:hover {
  color: #fff;
  text-decoration: none;
}

.card-content {
  background-color: #08354a;
  border-radius: 0;
  align-items: center;
  justify-content: center;
  display: flex;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.card-content h2 {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
}

.card-content:hover {
  background-color: #9ec7c4;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.card-content:hover h2 {
  color: #345973;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.card-content h2 {
  margin: 10px 0 10px 0;
}

.card-img img {
  width: 100%;
}

@media (min-width:320px) {
  .card-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* Cards Flexbox stuff */

@media (min-width: 320px) {
    .cards {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-justify-content: space-evenly;
          -ms-flex-pack: space-evenly;
              justify-content: space-evenly;
      margin-top: -1em;
      text-align: center;
      align-items: center;
    }
    .card {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 0 1 calc(100% - .5em);
          -ms-flex: 0 1 calc(100% - .5em);
              flex: 0 1 calc(100% - .5em);
      margin-bottom: 1em;
    }
    .page-activities-2021 .sq-3 .card-content {
      padding-top: 10px;
      padding-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .cards {
      margin-top: inherit;
      padding-bottom: 100px;
      max-width: 1000px;
      margin-left: 7%;
    }
    .card {
      -webkit-flex: 0 1 calc(50% - .5em);
          -ms-flex: 0 1 calc(50% - .5em);
              flex: 0 1 calc(50% - .5em);
              max-width: 360px;
      margin-bottom: 2em;
      padding-left: 10px;
      padding-right: 10px;
    }
    .card {
      -webkit-flex: 0 1 calc(33% - .5em);
      -ms-flex: 0 1 calc(33% - .5em);
      flex: 0 1 calc(33% - .5em);
    }
    .page-activities-2021 .sq-3 .card-content {
      padding-top: 0px;
      padding-bottom: 0px;
    }
}

@media (min-width:992px) {
  .cards {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;    
  }
}

/* Square individual card edits */

.page-about .sq-2 h2, .page-about .sq-3 h2, .page-about .sq-4 h2, .page-about .sq-5 h2 {
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (min-width:320px) {
  .page-about .sq-1 h2 {
    font-size: 24px;
  }
  .page-about .sq-2 h2, .page-about .sq-3 h2, .page-about .sq-4 h2, .page-about .sq-5 h2 {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 24px;
  }
}

@media (min-width:768px) {
  .page-about .sq-1 h2 {
    font-size: 30px;
  }
  .page-about .sq-2 h2, .page-about .sq-3 h2, .page-about .sq-4 h2, .page-about .sq-5 h2 {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 30px;
  }
}

/* Live Music page */

.music-contain {
  margin-bottom: 40px;
}

.bands {
  text-align: center;
}

.band-item {
  background: #9ec7c4;
  color: #345973;
  margin-bottom: 30px;
}

.band-img {
  padding-left: 0;
}

.band-info {
  padding-top: 40px;  
}

@media (min-width:320px) {
  .band-img {
    padding-left: 0;
    padding-right: 0;
  }
  .band-info {
    padding: 0;
  }
  .band-info h2 {
    font-size: 24px;
  }
  .band-info p {
    font-size: 16px;
  }
}

@media (min-width:768px) {
  .band-img {
    padding-left: 0;
    padding-right: 15px;
  }
  .band-info {
    padding-top: 40px;
  }
  .band-info h2 {
    font-size: 30px;
  }
  .band-info p {
    font-size: 18px;
  }
}

/* Schedule */

.title-time {
  text-align: center;
}

.schedule {
  padding-bottom: 30px;
  margin-bottom: 50px;
}

.schedule-item {
  padding-top: 10px;
  border-bottom: 1px solid #000;
}

@media (min-width:320px) {
  .schedule-item .col-xs-6 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width:768px) {
  .schedule-item .col-xs-6 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Livestream */

.livestream {
  text-align: center;
  margin-bottom: 50px;
  padding-bottom: 30px;
  position: relative;
}

.livestream-title {
  background: #9ec7c4;
  color: #345973;
  margin-top: 20px;
  margin-bottom: 50px;
  position: relative;
}

.livestream-contain img {
  display: inline-block;
}

.fox-descript {
  padding-top: 30px;
  text-align: center;
}

.fox-descript p{
  padding-top: 60px;
}

.ranch-logo {
  padding-top: 30px;
  text-align: center;
}

.ranch-logo p{
  padding-top: 60px;
}

.ranch-logo img {
  display: inline-block;
  max-width: 150px;
}

.fox-descript img {
  display: inline-block;
  max-width: 150px;
}

#countdown {
  position: absolute;
  left: 35%;
  bottom: 10%;
  color: #fff;
  font-size: 32px;
}

.fireworks-line hr {
  border-color: #ccc;
}

@media (min-width:320px) {
  #countdown {
    left: 24%;
    font-size: 15px;
  }
  .ranch-logo img {
    max-width: 150px;
  }
  .fox-descript, .ranch-logo {
    padding-top: 0;
  }
  .ranch-descript {
    text-align: center;
  }
  .fox-descript p, .ranch-logo p{
    padding-top: 0;
    text-align: center;
  }
}

@media (min-width:768px) {
  #countdown {
    left: 35%;
    font-size: 32px;
  }
  .ranch-logo img {
    max-width: 140px;
  }
  .ranch-descript {
    text-align: center;
  }
  .fox-descript {
    padding-top: 0; 
  }
  .fox-descript p, .ranch-logo p{
    padding-top: 60px;
    text-align: center;
  }
}

/* Location, Hours and Parking */

.hours-title, .location-title, .parking-title {
  text-align: center;
  position: relative;
}

.hours-title h2, .location-title h2, .parking-title h2{
  font-family: 'thirsty_rough_regregular';
  text-transform: none;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
}

.hours-descript, .location-descript, .parking-descript {
  text-align: center;
  padding-bottom: 40px;
}

.hours-descript img, .location-descript img, .parking-descript img {
  display: inline-block;
}

.fest-map {
  padding-bottom: 20px;
}

@media (min-width:320px) {
  .hours-title h2, .location-title h2, .parking-title h2 {
    font-size: 26px;
  }
  .parking-descript h4 {
    font-size: 22px;
  }
}

@media (min-width:768px) {
  .hours-title h2, .location-title h2, .parking-title h2 {
    font-size: 32px;
  }
}

/* FAQ */

.to-not-list {
  margin-top: 40px;
}

.bring-list ul.bring, .bring-list ul.not-bring {
  list-style-type: none;
}

.bring-list ul.bring li:before {
  content: '';
  position: absolute;
  left: 0;
  width: 25px;
  height: 29px;
  background: url(/wp-content/themes/fwf/img/check-mark.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline;
  margin-top: -5px;
}

.bring-list ul.not-bring li:before {
  content: '';
  position: absolute;
  left: 0;
  width: 25px;
  height: 29px;
  background: url(/wp-content/themes/fwf/img/x-mark.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline;
  margin-top: -5px;
}

.bring-list-title {
  background-color: #08354a;
  color: #9ec7c4;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 40px;
}

.bring-list-title:after {
  content: "";
  position: absolute;
  top: auto;
  left: 42%;
  border-style: solid;
  border-width: 26px 26px 0;
  border-color: #08354a transparent;
  display: block;
  width: 0;
  z-index: 0;
}

.bring-list-title h3 {
  padding: 0;
  margin: 0;
}

.bring-list-title span {
  color: #fff;
}

.bring .bring-list-item {
  padding-bottom: 20px;
}

.not-bring .bring-list-item {
  padding-bottom: 15px;
}

.bring-list-item h4 {
  margin: 0;
}

.bring-list-item p {
  margin: 0;
  line-height: 1.2;
}

.bring-list-item small {
  font-size: 75%;
}

/* Contact */

@media (min-width:320px) {
  .wpcf7-form-control {
    width: 100%;
  }
}

@media (min-width:768px) {
  .wpcf7-form-control {
    width: initial;
  }
}

/* Fireworks page */

.firework-example img {
  margin-bottom: 20px;
}

@media (min-width:320px) {
  .fire-begin {
    font-size: 25px;
    padding-bottom: 20px;
  }
  .fire-begin span {
    display: block;
  }
}

@media (min-width:768px) {
  .fire-begin {
    font-size: 32px;
    padding-bottom: 0px;
  }
  .fire-begin span {
    display: initial;
  }
}

/* Food and Drink page */

.fd-example img {
  margin-bottom: 20px;
}

/* Gallery */

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}

.masonry { 
  -webkit-column-count: 4;
  -moz-column-count:4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  margin: 1.5em;
  padding: 0;
  -moz-column-gap: 1.5em;
  -webkit-column-gap: 1.5em;
  column-gap: 1.5em;
  font-size: .85em;
}

.masonry-item {
  display: inline-block;
  margin: 0 0 1.5em;
  width: 100%;
  -webkit-transition:1s ease all;
}

@media only screen and (max-width: 320px) {
  .masonry {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

@media only screen and (min-width: 321px) and (max-width: 768px){
  .masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    margin: 0;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1200px){
  .masonry {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    margin: 1.5em;
  }
}

@media only screen and (min-width: 1201px) {
  .masonry {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
    margin: 1.5em;
  }
}

/* Modal */

.modal-header {
  text-align:center;
}

.modal h4 {
  font-weight:bold;
  font-size:24px;
}

.pulse .modal-content {
  background-image: url(/wp-content/themes/flyfest/img/popup-desk.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 675px;
}

.pulse .mc4wp-response p {
  color: #fff;
}

.pulse .modal-header, .pulse .modal-footer {
  border: 0;
}

.pulse .mc4wp-form {
  position: absolute;
  bottom: 4%;
  right: 13%;
  width: 350px;
}

.pulse p {
  font-size: 12px;
}

.pulse .close {
  color: #fff;
  opacity:1;
  font-size: 42px;
  margin-top: 20px;
}

@media (min-width:320px) {
  .pulse .modal-body {
    position: absolute;
    bottom: 7%;
    right: 0;
  }
  .pulse .mc4wp-form {
    position: absolute;
    bottom: 15px;
    right: -30px;
    width: 350px;
  }
  .pulse .mc4wp-response {
    position: absolute;
    bottom: 40px;
    width: 250px;
    right: 40px
  }
  .pulse p {
    text-align: center;
  }
  .pulse .modal-content {
    background-image: url(/wp-content/themes/fwf/img/pulse-mobile.jpg);
    min-height: 550px;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .pulse-field {
    text-align: center;
    margin-bottom: 5px;
  }
  .pulse-btn {
    text-align: center;
  }
  .pulse.modal {
    top: 10%;
  }
  .pulse .close {
    margin-top: 0px;
  }
}

@media (min-width:768px) {
  .pulse .modal-body {
    right: 13%;
    bottom: 6%;
  }
  .pulse .mc4wp-form {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: -60px;
  }
  .pulse .mc4wp-response {
    position: absolute;
    bottom: 40px;
    width: 350px;
  }
  .pulse #mc_embed_signup .mc4wp-response p {
    text-align: left;
  }
  .pulse .modal-content {
    background-image: url(/wp-content/themes/fwf/img/pulse-desktop.jpg);
    min-height: 675px;
  }
  .pulse-field, .pulse-btn {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .pulse.modal {
    top: 6%;
  }
  .pulse .close {
    margin-top: 20px;
  }
}

.unclickable {
	cursor: default;
}

/* IE BS */
@media all and (-ms-high-contrast:none) {
  /*IE 10 and up doesn't let you do the IF IE anymore. So you have to do it this way.*/
}

/* Apply styles for screens with a maximum width of 600px */
@media only screen and (max-width: 600px) {
  .spon-title img {
    /* Your mobile-specific styles go here */
    /* For example: */
    width: 100%; /* Make the image take up the full width */
    max-width: 300px; /* Limit the maximum width of the image */
  }
}