@charset "UTF-8";

/* 

  custom css

*/

body {
  background-color: #fff; /* pink: e41395 */
  margin:0;
  padding:0;
  color: #333333;
  font-size: 18px;
  line-height: 1.6;
  /*
  font-family: 'Mukta', sans-serif;
  font-family: 'Square Peg', cursive; 
  */
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
}


@media (max-width: 767.98px) { 
  body {
    font-size: 20px;
  }
}

strong, b {
  font-weight: 500;
}

a, a:hover, a:visited  {
  color: #ffffff; /* yellow: f8a939, pink: e41395 */
}


h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family: 'Square Peg', cursive; 
}

h2 {

  font-size: 5rem;
}

small, .small {
    font-size: 0.775em;
}

.logo {
 /* max-width: 550px; */
}

.navbar {
    background-color: transparent;
}

.header-bg {
  background-image: url("../img/attraction-collision-005-splitc.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.header-bg-para {
  margin-top:0px;
  height: 100vh;
}

@media (max-width: 767.98px) { 
  .header-bg-para {
    margin-top:0px;
    height: 600px;
  }
}



#social-icons {
  font-size:38px;
}

#social-icons a {
  margin-right: 10px;
}

#social-icons-social {
  font-size:38px;
  color: #e41395;
}

#social-icons-social a {
  margin-right: 10px;
  color: #e41395;
}

.header-bg2 {
  background-image: url("../img/307A0800.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


#shows {
  margin-top:0px;
  height: 100vh;
}

#media {
  margin-top:0px;
  height: 100vh;
}

/* Set the border color */
.custom-toggler.navbar-toggler {
  border-color: #f9a93a;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(249, 169, 58, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #f9a93a; 
}

.msgc {
  height: auto;
  margin: 0 auto;
  padding: 0px;
  position: relative;
}

.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #d83a69; /* e41395 */
    border-color: #d83a69; 
}

  .show-col {
    text-align: center;
  } 

  .show-col a {
    color: #e41395;
  }

  .footer-foot {
    height:50px;background-color:#d83a69;
  }

  .le-show {
    border-radius:10px;
  }