a:hover {
  cursor: pointer;
}
/*
 $$$$$$\   $$$$$$\  $$\       $$$$$$\  $$$$$$$\   $$$$$$\  
$$  __$$\ $$  __$$\ $$ |     $$  __$$\ $$  __$$\ $$  __$$\ 
$$ /  \__|$$ /  $$ |$$ |     $$ /  $$ |$$ |  $$ |$$ /  \__|
$$ |      $$ |  $$ |$$ |     $$ |  $$ |$$$$$$$  |\$$$$$$\  
$$ |      $$ |  $$ |$$ |     $$ |  $$ |$$  __$$<  \____$$\ 
$$ |  $$\ $$ |  $$ |$$ |     $$ |  $$ |$$ |  $$ |$$\   $$ |
\$$$$$$  | $$$$$$  |$$$$$$$$\ $$$$$$  |$$ |  $$ |\$$$$$$  |
 \______/  \______/ \________|\______/ \__|  \__| \______/ 
*/


.bg-green           { background-color: #748D3A; }
.bg-green-light     { background-color: #9EAF75; }

.bg-blue            { background-color: #25768D; }

.bg-orange          { background-color: #E36525; }
.bg-orange-dark     { background-color: #D64615; }

.bg-grey            { background-color: #333333; }
.bg-grey-dark       { background-color: #111111; }

.bg-red             { background-color: #C22327; }
.bg-red-dark        { background-color: #AA1416; }

.bg-purple          { background-color: #894561; }
.bg-purple-dark     { background-color: #692C43; }

.bg-yellow          { background-color: #F9AC3F; }
.bg-yellow-dark     { background-color: #F59027; }

.green     { color: #748D3A !important; }
.blue      { color: #25768D !important; }
.orange    { color: #E36525 !important; }
.red       { color: #C22327 !important; }
.grey      { color: #333333 !important; }
.purple    { color: #894561 !important; }
.yellow    { color: #F9AC3F !important; }
.brown     { color: #985A25 !important; }



#get-involved.bg-img  { background: url(/assets/images/get-involved/1.jpg); }
#about.bg-img         { background: url(/assets/images/about/1.jpg); }
#press.bg-img         { background: url(/assets/images/press/1.jpg); }
#schedule.bg-img      { background: url(/assets/images/schedule/1.jpg); }
#sponsors.bg-img      { background: url(/assets/images/sponsors/1.jpg); }
#tickets.bg-img       { background: url(/assets/images/tickets/1.jpg); }

#get-involved.bg-img, #about.bg-img, #schedule.bg-img, #press.bg-img, #sponsors.bg-img, #tickets.bg-img {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover; 
}


/*
 $$$$$$\  $$\       $$$$$$\  $$$$$$$\   $$$$$$\  $$\       $$$$$$\  
$$  __$$\ $$ |     $$  __$$\ $$  __$$\ $$  __$$\ $$ |     $$  __$$\ 
$$ /  \__|$$ |     $$ /  $$ |$$ |  $$ |$$ /  $$ |$$ |     $$ /  \__|
$$ |$$$$\ $$ |     $$ |  $$ |$$$$$$$\ |$$$$$$$$ |$$ |     \$$$$$$\  
$$ |\_$$ |$$ |     $$ |  $$ |$$  __$$\ $$  __$$ |$$ |      \____$$\ 
$$ |  $$ |$$ |     $$ |  $$ |$$ |  $$ |$$ |  $$ |$$ |     $$\   $$ |
\$$$$$$  |$$$$$$$$\ $$$$$$  |$$$$$$$  |$$ |  $$ |$$$$$$$$\\$$$$$$  |
 \______/ \________|\______/ \_______/ \__|  \__|\________|\______/ 
*/

body {
  font-family: 'Montserrat', sans-serif;
  color: #FFF;
}

a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: underline;
}

a, a:hover, a:visited, a:focus{
  text-decoration: underline;
  color: #FFF;
}

.center {
  text-align: center;
}

h1 {
  font-weight: 900;
  font-size: 72px;
  line-height: 72px;
  text-align: center;
  text-transform: uppercase;
}
  @media (max-width: 1024px) {
      .intro h1, h1 {
          font-size: 48px;
          line-height: 54px;
      }
  }
  @media (max-width: 768px) {
      .intro h1, h1 {
          font-size: 42px;
          line-height: 42px;
      }
  }


h2 {
  font-weight: 800;
  font-size: 42px;
  font-size: 54px;
  text-align: center;
  text-transform: uppercase;
}
  @media screen and (max-width: 1024px) { 
    h2 {
      font-size: 32px;
      line-height: 135%; 
    }
  }


h3, h3 a {
  font-weight: 800;
  font-size: 28px;
  line-height: 36px;
}

h3 a:hover {
  opacity: 50%;
}
  @media screen and (max-width: 768px) { 
    h3 {
      font-size: 21px;
      line-height: 140%; 
    }
  }

p, address {
  font-weight: 400;
}

p strong {
  font-weight: 700;
}

p, ul, ol, button, label, address{
  font-size: 18px;
  line-height: 24px;
}

p.footnote {
  font-size: 11px;
  line-height: 13px;
  font-style: italic;
}

a {
  font-weight: 600;
}


ul.careers li {
  font-size: 21px;
  line-height: 32px;
}

section, .section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.container.full-width {
  width: 100%;
}

@media (max-width: 1024px) {
  .container {
    width: 100%;
  }
}

.wrapper {
  border-radius: 30px;
  padding: 30px;
  margin-bottom: 20px;
}

.section-header {
  margin-top: 80px;
}

/*
$$$$$$$\  $$\   $$\ $$$$$$$$\ $$$$$$$$\  $$$$$$\  $$\   $$\  $$$$$$\  
$$  __$$\ $$ |  $$ |\__$$  __|\__$$  __|$$  __$$\ $$$\  $$ |$$  __$$\ 
$$ |  $$ |$$ |  $$ |   $$ |      $$ |   $$ /  $$ |$$$$\ $$ |$$ /  \__|
$$$$$$$\ |$$ |  $$ |   $$ |      $$ |   $$ |  $$ |$$ $$\$$ |\$$$$$$\  
$$  __$$\ $$ |  $$ |   $$ |      $$ |   $$ |  $$ |$$ \$$$$ | \____$$\ 
$$ |  $$ |$$ |  $$ |   $$ |      $$ |   $$ |  $$ |$$ |\$$$ |$$\   $$ |
$$$$$$$  |\$$$$$$  |   $$ |      $$ |    $$$$$$  |$$ | \$$ |\$$$$$$  |
\_______/  \______/    \__|      \__|    \______/ \__|  \__| \______/ 
*/
a.button,
button.button {
  border: none;
  font-size: 15px;
  font-weight: 800;
  background-color: #F9AC3F;
  color: #FFF;
  max-width: 300px;
  text-align: center;
  padding: 12px 20px;
  border-radius: 8px;
  margin: 20px auto;
  display: block;
  text-decoration: none;
}

a.button:hover,
button.button:hover {
  background-color: #E36525;
}

/*
$$$$$$$\   $$$$$$\        $$$$$$\ $$\      $$\  $$$$$$\  
$$  __$$\ $$  __$$\       \_$$  _|$$$\    $$$ |$$  __$$\ 
$$ |  $$ |$$ /  \__|        $$ |  $$$$\  $$$$ |$$ /  \__|
$$$$$$$\ |$$ |$$$$\ $$$$$$\ $$ |  $$\$$\$$ $$ |$$ |$$$$\ 
$$  __$$\ $$ |\_$$ |\______|$$ |  $$ \$$$  $$ |$$ |\_$$ |
$$ |  $$ |$$ |  $$ |        $$ |  $$ |\$  /$$ |$$ |  $$ |
$$$$$$$  |\$$$$$$  |      $$$$$$\ $$ | \_/ $$ |\$$$$$$  |
\_______/  \______/       \______|\__|     \__| \______/ 
*/

.bg-img {
  height: 80vh;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center; 
}
  @media (max-width: 1024px) {
    .bg-img {
      background-attachment: scroll !important;;
    }
  }

.bg-img img, .intro img {
  display: block;
  width: 60%;
  height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: .9;  
  z-index: -1;
}

#get-involved.bg-img {
  height: 70vh;
  margin-top: 140px;
  min-height: 300px;
  position: relative;
}

  @media screen and (max-width: 1024px) { 
    #get-involved.bg-img {
      margin-top: 90px;
    } 
  }

.extra-padding {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

  @media screen and (max-width: 1024px) { 
    .extra-padding {
      padding-left: 15px !important;
      padding-right: 15px !important;
    } 
  }

/*
$$\      $$\ $$$$$$$$\ $$\   $$\ $$\   $$\ 
$$$\    $$$ |$$  _____|$$$\  $$ |$$ |  $$ |
$$$$\  $$$$ |$$ |      $$$$\ $$ |$$ |  $$ |
$$\$$\$$ $$ |$$$$$\    $$ $$\$$ |$$ |  $$ |
$$ \$$$  $$ |$$  __|   $$ \$$$$ |$$ |  $$ |
$$ |\$  /$$ |$$ |      $$ |\$$$ |$$ |  $$ |
$$ | \_/ $$ |$$$$$$$$\ $$ | \$$ |\$$$$$$  |
\__|     \__|\________|\__|  \__| \______/ 
*/

.navbar-nav {
  margin: 30px 0;
  z-index: 1000;
}

.navbar-collapse {
    background-color: rgba(255,255,255,.85);
}

.navbar-toggle {
  padding: 35px 20px 30px;
  margin: 0 15px 0 0;
}

.top-nav-collapse .icon-bar {
  width: 33px;
  margin-bottom: 8px;
  background: #666;
}

.top-nav-collapse:hover .icon-bar {
  background: #000;
}

.navbar-custom .social-media { 
  position: absolute;
  top: 30px;
  left: 30px;
}

.navbar-custom .social-media a {
  margin-right: 2px;
}

.navbar-custom .nav li a {
  font-size: 30px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 25px 0;
}
  @media (max-width: 768px){
    .navbar-custom .nav li a {
      font-size: 18px;
      padding: 15px 0;
    }
  }

.navbar-custom .nav li a:hover {
  background-color: rgba(255,255,255,.5);
}

.navbar-custom a.logo { 
  width: 500px;
}

.navbar-custom a.logo img { 
  width: 500px;
}

.navbar-custom a.logo { 
  line-height: 60px;
}

@media (max-width: 1024px) {
  .navbar-custom {
    height: 60px;
  }
  .navbar-toggle {
    padding: 20px 5px 10px;
  }
  .navbar-custom .social-media .facebook {
    margin-right: 0px;
  }
  .navbar-custom a.logo { 
    width: 300px;
    padding: 0;
    line-height: 60px;
    padding-left: 10px;
  }
  .navbar-custom a.logo img { 
    width: 300px;
  }
  .navbar-custom .social-media { 
    top:15px;
    left: 15px;
  }
  .navbar-custom .social-media img { 
    width: 30px;
  }
  .top-nav-collapse .icon-bar {
    width: 23px;
    margin-bottom: 5px;
  }
}

@media (max-width: 768px) {
  .navbar-custom a.logo { 
    margin-left: 5px;
    width: 280px;
  }
  .navbar-custom a.logo img { 
    width: 280px;
  }
  .navbar-custom .social-media{
    display: none;
  }
}

/*
$$$$$$$\   $$$$$$\  $$\   $$\ $$\   $$\ $$$$$$$$\ $$$$$$$\  
$$  __$$\ $$  __$$\ $$$\  $$ |$$$\  $$ |$$  _____|$$  __$$\ 
$$ |  $$ |$$ /  $$ |$$$$\ $$ |$$$$\ $$ |$$ |      $$ |  $$ |
$$$$$$$\ |$$$$$$$$ |$$ $$\$$ |$$ $$\$$ |$$$$$\    $$$$$$$  |
$$  __$$\ $$  __$$ |$$ \$$$$ |$$ \$$$$ |$$  __|   $$  __$$< 
$$ |  $$ |$$ |  $$ |$$ |\$$$ |$$ |\$$$ |$$ |      $$ |  $$ |
$$$$$$$  |$$ |  $$ |$$ | \$$ |$$ | \$$ |$$$$$$$$\ $$ |  $$ |
\_______/ \__|  \__|\__|  \__|\__|  \__|\________|\__|  \__|
*/

section#banner {
  padding-top: 16px;
  padding-bottom: 6px;
  margin-top: 0px;
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  z-index: 999;
}

#banner br {
  display: none;
}

@media (max-width: 1024px) {
  section#banner {
    padding-top: 15px;
    padding-bottom: 5px;
    top: 60px;
  }
}
@media (max-width: 512px) {
  #banner br {
    display: block;
  }
}

section#banner p {
  font-size: 21px;
  color: white;
}

section#banner a, section#banner a:hover {
  color: white;
  text-decoration: underline;
  font-weight: bold;
  font-size: 21px;
}
section#banner a:hover {
  opacity: 50%;
}

@media (max-width: 1024px) {
  section#banner p {
    font-size: 16px;
  }
  section#banner a, section#banner a:hover {
    font-size: 16px;
  }
}

/*
 $$$$$$\  $$$$$$$$\ $$$$$$$$\       $$$$$$\ $$\   $$\ $$\    $$\  $$$$$$\  $$\   $$\    $$\ $$$$$$$$\ $$$$$$$\  
$$  __$$\ $$  _____|\__$$  __|      \_$$  _|$$$\  $$ |$$ |   $$ |$$  __$$\ $$ |  $$ |   $$ |$$  _____|$$  __$$\ 
$$ /  \__|$$ |         $$ |           $$ |  $$$$\ $$ |$$ |   $$ |$$ /  $$ |$$ |  $$ |   $$ |$$ |      $$ |  $$ |
$$ |$$$$\ $$$$$\       $$ |           $$ |  $$ $$\$$ |\$$\  $$  |$$ |  $$ |$$ |  \$$\  $$  |$$$$$\    $$ |  $$ |
$$ |\_$$ |$$  __|      $$ |           $$ |  $$ \$$$$ | \$$\$$  / $$ |  $$ |$$ |   \$$\$$  / $$  __|   $$ |  $$ |
$$ |  $$ |$$ |         $$ |           $$ |  $$ |\$$$ |  \$$$  /  $$ |  $$ |$$ |    \$$$  /  $$ |      $$ |  $$ |
\$$$$$$  |$$$$$$$$\    $$ |         $$$$$$\ $$ | \$$ |   \$  /    $$$$$$  |$$$$$$$$\\$  /   $$$$$$$$\ $$$$$$$  |
 \______/ \________|   \__|         \______|\__|  \__|    \_/     \______/ \________|\_/    \________|\_______/ 
*/

@media (max-width: 768px) {
  form#form1 {
    margin-bottom: 60px;
  }
}

.white-background{
  background-color: #FFFFFF30;
  border-radius: 20px;
  padding: 30px 0;
}

.white-background h4 a {
  display: block;
  width: 80%;
  background-color: white;
  color: #25768D;
  margin: 0 auto 5px;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 15px;
  text-transform: uppercase;
}

.white-background h4 a:hover {
  background-color: #FFFFFF90;
}
.white-background h4 a{
  font-weight: bold;
}

.bigger {
  padding-right: 50px;
}
.bigger p {
  font-size: 21px;
  line-height: 28px;
}
/*
 $$$$$$\  $$$$$$$\   $$$$$$\  $$\   $$\ $$$$$$$$\ 
$$  __$$\ $$  __$$\ $$  __$$\ $$ |  $$ |\__$$  __|
$$ /  $$ |$$ |  $$ |$$ /  $$ |$$ |  $$ |   $$ |   
$$$$$$$$ |$$$$$$$\ |$$ |  $$ |$$ |  $$ |   $$ |   
$$  __$$ |$$  __$$\ $$ |  $$ |$$ |  $$ |   $$ |   
$$ |  $$ |$$ |  $$ |$$ |  $$ |$$ |  $$ |   $$ |   
$$ |  $$ |$$$$$$$  | $$$$$$  |\$$$$$$  |   $$ |   
\__|  \__|\_______/  \______/  \______/    \__|   
*/

.stats > div { 
  padding: 0 60px;
}

.stats > div:first-child { 
  border-right: 1px rgba(255,255,255,.5) solid;
}

.stats h3 {
  font-size: 120px;
  line-height: 120px;
  font-weight: 900;
}

.stats p {
  max-width: 300px;
  margin: 0 auto;
}

  @media (max-width: 1024px) {
    .stats {
      margin: 0 20px 40px;
    }
    .stats > div { 
      padding: 0 30px;
    }
    .stats h3 {
      font-size: 90px;
    }
  }

  @media (max-width: 768px) {
    .stats {
      margin: 0 20px 40px;
      padding: 0 20px;
    }
    .stats > div { 
      padding: 0 20px;
    }

    .stats > div:first-child { 
      border-right: none;
      border-bottom: 1px rgba(255,255,255,.5) solid;
    }

    .stats h3 {
      margin: 0;
    }

    .stats p {
      margin-bottom: 30px;
    }
  }

.about-slideshow div, .battle-of-the-bands-slideshow div {
  text-align: center;
}

.about-slideshow div img, .battle-of-the-bands-slideshow div img {
  margin: 0 auto;
  display: block;
  width: calc(100% - 72px);
  margin-bottom: 20px;
}

.slick-dotted.slick-slider {
  margin-bottom: 60px;
}

.slick-prev:before, .slick-next:before {
  font-size: 72px;
}

.slick-next {
    margin-top: -40px;
    right: -30px;
}
.slick-prev {
    margin-top: -40px;
    left: -80px;
}

  @media (max-width: 1440px) {
    .slick-next {
        margin-top: -40px;
        right: 110px;
        z-index: 500;
    }
    .slick-prev {
        margin-top: -40px;
        left: 55px;
        z-index: 500;
    }
  }

.slick-dots {
  font-size: 40px;
  color:#F00;
}

.slick-dots li button:before {
  font-size: 15px;
  line-height: 15px;
  color: #FFF;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #FFF;
}

/*
 $$$$$$\   $$$$$$\  $$\   $$\ $$$$$$$$\ $$$$$$$\  $$\   $$\ $$\       $$$$$$$$\ 
$$  __$$\ $$  __$$\ $$ |  $$ |$$  _____|$$  __$$\ $$ |  $$ |$$ |      $$  _____|
$$ /  \__|$$ /  \__|$$ |  $$ |$$ |      $$ |  $$ |$$ |  $$ |$$ |      $$ |      
\$$$$$$\  $$ |      $$$$$$$$ |$$$$$\    $$ |  $$ |$$ |  $$ |$$ |      $$$$$\    
 \____$$\ $$ |      $$  __$$ |$$  __|   $$ |  $$ |$$ |  $$ |$$ |      $$  __|   
$$\   $$ |$$ |  $$\ $$ |  $$ |$$ |      $$ |  $$ |$$ |  $$ |$$ |      $$ |      
\$$$$$$  |\$$$$$$  |$$ |  $$ |$$$$$$$$\ $$$$$$$  |\$$$$$$  |$$$$$$$$\ $$$$$$$$\ 
 \______/  \______/ \__|  \__|\________|\_______/  \______/ \________|\________|
*/

.schedule-header {
  margin-top: 60px;
  border-bottom: 1px rgba(255,255,255,.5) solid;
}

.schedule-item {
  min-height: 50px;
  border-bottom: 1px rgba(255,255,255,.5) solid;
  clear: both;
  height: auto;
}

.schedule-item p {
  line-height: 24px;
  margin-bottom: 0;
  padding: 13px 0;
}
  @media (max-width: 768px) {
    .schedule-item p {
      font-size: 13px;
      line-height: 18px;
      padding: 14px 0;
    }
  }

.clear {
  display: block;
  clear: both;
}
/*
 $$$$$$\  $$$$$$$\   $$$$$$\  $$\   $$\  $$$$$$\   $$$$$$\  $$$$$$$\  
$$  __$$\ $$  __$$\ $$  __$$\ $$$\  $$ |$$  __$$\ $$  __$$\ $$  __$$\ 
$$ /  \__|$$ |  $$ |$$ /  $$ |$$$$\ $$ |$$ /  \__|$$ /  $$ |$$ |  $$ |
\$$$$$$\  $$$$$$$  |$$ |  $$ |$$ $$\$$ |\$$$$$$\  $$ |  $$ |$$$$$$$  |
 \____$$\ $$  ____/ $$ |  $$ |$$ \$$$$ | \____$$\ $$ |  $$ |$$  __$$< 
$$\   $$ |$$ |      $$ |  $$ |$$ |\$$$ |$$\   $$ |$$ |  $$ |$$ |  $$ |
\$$$$$$  |$$ |       $$$$$$  |$$ | \$$ |\$$$$$$  | $$$$$$  |$$ |  $$ |
 \______/ \__|       \______/ \__|  \__| \______/  \______/ \__|  \__|
*/

.sponsor {
  display: block;
  margin-bottom: 15px;
  padding-left: 0;
}

.sponsor img {
  max-width:100%;
  max-height:100%;
  border-radius: 10px;
}

.sponsor-header {
  margin-top: 60px;
}


.sponsor-header a {
  color: #FFF;
}
.sponsor-header a:hover {
  color: #D64615;
  text-decoration: underline;
}

/*
$$$$$$$$\  $$$$$$\   $$$$$$\            
$$  _____|$$  __$$\ $$  __$$\           
$$ |      $$ /  $$ |$$ /  $$ | $$$$$$$\ 
$$$$$\    $$$$$$$$ |$$ |  $$ |$$  _____|
$$  __|   $$  __$$ |$$ |  $$ |\$$$$$$\  
$$ |      $$ |  $$ |$$ $$\$$ | \____$$\ 
$$ |      $$ |  $$ |\$$$$$$ / $$$$$$$  |
\__|      \__|  \__| \___$$$\ \_______/ 
                         \___|          
*/

/*
$$$$$$$$\  $$$$$$\   $$$$$$\ $$$$$$$$\ $$$$$$$$\ $$$$$$$\  
$$  _____|$$  __$$\ $$  __$$\\__$$  __|$$  _____|$$  __$$\ 
$$ |      $$ /  $$ |$$ /  $$ |  $$ |   $$ |      $$ |  $$ |
$$$$$\    $$ |  $$ |$$ |  $$ |  $$ |   $$$$$\    $$$$$$$  |
$$  __|   $$ |  $$ |$$ |  $$ |  $$ |   $$  __|   $$  __$$< 
$$ |      $$ |  $$ |$$ |  $$ |  $$ |   $$ |      $$ |  $$ |
$$ |       $$$$$$  | $$$$$$  |  $$ |   $$$$$$$$\ $$ |  $$ |
\__|       \______/  \______/   \__|   \________|\__|  \__|
*/

#footer a {
  color: #FFF;
}
#footer a:hover {
  color: #999;
  text-decoration: underline;
}

#footer img.mhf-logo,
#footer address,
#footer p {
  max-width: 350px;
  padding-right: 20px;
}

#footer .social-media { 
  text-align: center;
  margin: 0;
  padding: 0;
}

#footer .social-media a { 
  text-decoration: none;
  padding-left: 5px;
}

@media (max-width: 1024px) {
  #footer address,
  #footer p {
    max-width: 500px;
    margin: 0 auto 20px auto;
    padding-right: 20px;
  }
}

#footer address {
  font-weight: 600;
}


@media (max-width: 1024px) {
  #footer .container .row div {
    padding: 0 0 40px 0;
  }
}

@media (max-width: 786px) {
  #footer {
    padding: 20px;
  }
  #footer p {
    padding: 0;
  }
}


/*
$$$$$$$$\  $$$$$$\  $$$$$$$\  $$\      $$\  $$$$$$\  
$$  _____|$$  __$$\ $$  __$$\ $$$\    $$$ |$$  __$$\ 
$$ |      $$ /  $$ |$$ |  $$ |$$$$\  $$$$ |$$ /  \__|
$$$$$\    $$ |  $$ |$$$$$$$  |$$\$$\$$ $$ |\$$$$$$\  
$$  __|   $$ |  $$ |$$  __$$< $$ \$$$  $$ | \____$$\ 
$$ |      $$ |  $$ |$$ |  $$ |$$ |\$  /$$ |$$\   $$ |
$$ |       $$$$$$  |$$ |  $$ |$$ | \_/ $$ |\$$$$$$  |
\__|       \______/ \__|  \__|\__|     \__| \______/ 
*/

form label {
  font-weight: 600;
}

form input,
form select {
  border: none;
  height: 50px;
  color: #000000;
  width: 100%;
  padding: 10px;
  font-weight: 400;
  border-radius: 5px;
  font-size: 15px;
}
form select {
  /** for the dropdown indicator */
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='grey' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 2em;  
}

form input[type="submit"]{
  font-size: 15px;
  font-weight: 800;
  background-color: #F9AC3F;
  color: #FFF;
  min-width: 300px;
  text-align: center;
  padding: 12px 20px;
  border-radius: 8px;
  margin: 20px auto;
  display: block;
  text-transform: uppercase;
  max-width: 300px;
}

form input[type="submit"]:hover {
  background-color: #E36525;
}

form div.field {
  margin-bottom: 20px;
}




/*
$$\      $$\  $$$$$$\  $$$$$$$\   $$$$$$\  $$\       $$$$$$\  
$$$\    $$$ |$$  __$$\ $$  __$$\ $$  __$$\ $$ |     $$  __$$\ 
$$$$\  $$$$ |$$ /  $$ |$$ |  $$ |$$ /  $$ |$$ |     $$ /  \__|
$$\$$\$$ $$ |$$ |  $$ |$$ |  $$ |$$$$$$$$ |$$ |     \$$$$$$\  
$$ \$$$  $$ |$$ |  $$ |$$ |  $$ |$$  __$$ |$$ |      \____$$\ 
$$ |\$  /$$ |$$ |  $$ |$$ |  $$ |$$ |  $$ |$$ |     $$\   $$ |
$$ | \_/ $$ | $$$$$$  |$$$$$$$  |$$ |  $$ |$$$$$$$$\\$$$$$$  |
\__|     \__| \______/ \_______/ \__|  \__|\________|\______/ 
*/

.modal.big .modal-dialog{
  width: 92vw;
}

.modal.big .modal-content{
  background-color: #000;
}

.modal {
  text-align: center;
}
  @media screen and (min-width: 768px) { 
    .modal:before {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%;
    }
  }

.modal .modal-content {
    background-color: #25768D;
    color: #fff;
    opacity: 1;
    border-radius: 10px;
    overflow: scroll;
    max-height: 90vh;
}

.modal .modal-body {
    padding: 0 60px;
}

@media screen and (max-width: 768px) { 
  .modal .modal-content {
    padding-top: 15px;
    width: calc(100vw - 20px);
    max-height: 96vh;
  }
  .modal .modal-body {
    padding: 20px 30px;
  }
  .modal .modal-header {
    padding-left: 15px;
    max-width: 900px;
  }
}
.modal-header {
  padding: 10px 15px 0 30px;
}
.modal-header h5 {
  padding-bottom: 0;
  line-height: 50px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-backdrop { 
  background-color: white
}

.modal-backdrop.in {
  opacity: .9;
}

.modal .modal-header {
  border-bottom: none;
  padding: 0 30px;
}

.modal .modal-header h2 {
  margin-top: 30px;
}

.modal .modal-header .close {
    font-size: 72px;
    line-height: 50px;
    opacity: 1;
    text-shadow: none;
    font-weight: 400;
    color: #FFF;
    position: fixed;
    top: 10px;
    right: 10px;
}

.modal .modal-header .close:hover {
    opacity: .5;
}