body {
  background: #2b3336;
}

.bg-container > .container {
  min-height: calc(100vh - 260px) !important;
}

.footer {
  /*position: fixed;*/
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #2b3336;
  color: white;
  text-align: center;
  padding: 20px;
  font-family: "Avenir Next";
  text-align: left;
}

@font-face {
  font-family: "Avenir Next";
  src: url("/public/assets/fonts/AvenirNext-Medium-06.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Regular";
  src: url("/public/assets/fonts/AvenirNext-Regular-08.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Avenir Next Bold";
  src: url("/public/assets/fonts/AvenirNext-Bold-01.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gyst-Medium";
  src: url("/public/assets/fonts/Gyst Variable/Gyst-Medium.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gyst-Bold";
  src: url("/public/assets/fonts/Gyst Variable/Gyst-Bold.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
}

/* Override Bootstrap font styles */
/*h1, h2, h3, h4, h5, h6 {
        font-family: 'Avenir Next Bold' !important;
    }*/

a,
p,
li,
span,
button,
input,
select,
textarea,
form {
  font-family: "Avenir Next Regular" !important;
  /* Use Avenir Next for headers */
}

h1,
h2,
h3,
h4 {
  font-family: "Gyst-Bold";
  /* Use Gyst-Medium for other text */
}

#schedule {
  padding: 0px 20px;
}

.nav-pills a {
  padding: 10px 0px !important;
}

.image-filter {
  position: fixed;
  z-index: -1;
  /*opacity: 0.65;*/
  opacity: 0.2;
  background: #2b3336;
  height: 100vh;
  width: 100%;
}

.bg-container {
  /* background-image: url('/public/assets/img/wizard-city.jpg');
        background-attachment: fixed;
        background-color: red;*/
}

.image-container {
  /*opacity: 0.15;
        z-index: -1;
      background-image: url('/public/assets/img/wizard-city.jpg');
        position: absolute;
        width: 100%;*/
}

#gallery {
  padding-top: atan2();
}

#lightgallery {
  text-align: center;
}

#lightgallery a {
  display: inline-block;
}

#lightgallery a img {
  max-height: 200px;
}

#min-nav.nav {
  padding: 20px;
}

#min-nav .nav-link {
  color: white;
}

#min-nav .nav-itme a.active {
  font-weight: bold !important;
  color: white !important;
}

#min-nav .nav-link:hover {
  background: rgba(255, 255, 255, 0.4) !important;
  color: #2b3336;
}

#min-nav .nav-link a:visited {
  color: #2b3336;
}

.container .jumbotron {
  margin-top: 30px;
  padding: 50px !important;
  /*background: rgba(43, 51, 54, 0.5);*/
  /* background: rgba(43, 51, 54, 0.85); */
  /* color: white; */
}

@media only screen and (max-width: 600px) {
  .container .jumbotron {
    margin-top: 0px;
  }

  #gallery,
  #gallery .container {
    padding-right: 0px;
    padding-left: 0px;
  }

  .wizard-container {
    padding: 10px;
  }
}

.jumbotron {
  margin-bottom: 0px;
}

.social-media {
  /*width: 48px;*/
  width: 24px;
  margin-bottom: 20px;
}

.social-medie-link:hover {
  text-decoration: none;
}

/* .jumbotron > h1,
.jumbotron > h2,
.jumbotron > h3,
.jumbotron > h4,
.jumbotron > h5 {
  color: rgb(240, 240, 240);
}

.jumbotron p {
  font-size: 1.2em;
  color: rgb(230, 240, 230);
} */

.jumbotron a {
  color: brown;
}

.container-text {
  background-color: #f0ead6;
  padding: 20px;
}

.container-text p {
  color: #2b3336;
}

.container-text .card {
  padding: 0px;
}