/** Default fonts change **/
body {
    letter-spacing: unset; /* Too wide by default */
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
}

.accordion-button:not(.collapsed) {
  background-color: rgb(238, 238, 238);
  color: black;
  border-color: black;
}
.accordion-button:focus {
  border-color: var(--wt-dark);
  box-shadow: unset;
}

/*** Nav bar ***/
#mainNav {
    height: var(--wt-navbar-height);
    background-color: white;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0 0.5rem 0.5rem rgba(197, 197, 197, 0.15);
}

/* Dropdown/popup menu only visible on slim windows/mobile */
#mainNav .navbar-toggler-right {
  margin-right: 1rem;
}

#mainNav .navbar-brand img {
    max-height: 4.5rem !important;
    margin-left: 1rem;
}
#mainNav .navbar-brand.branding-small  {
  display: none;
}

@media (max-width: 500px) {
  #mainNav .navbar-brand.branding-wide  {
    display: none;
  }
  #mainNav .navbar-brand.branding-small  {
    display: block;
  }
}

/* The links */
#mainNav .nav-link {
    color: var(--wt-udeep);
    padding: 1rem;
    font-size: 1.1rem;
    font-weight: 600;
}

#mainNav .nav-link:hover {
    color: var(--wt-udeep);
    opacity: 0.5;
}

#mainNav .navbar-nav > li:last-child {
    margin-right: 5rem;
}


/** Donate button, with wiggle effect **/
#mainNav .nav-item.button-donate .nav-link {
    background-color: var(--wt-udeep);
    padding: 15px 25px !important;
    border-radius: 25px;
    color: white !important;
    font-weight: 900;
    margin-left: 2rem;
    animation: wiggle 4s linear infinite;
}

#mainNav .nav-item.button-donate .nav-link:hover {
    opacity: 0.8;
}

@keyframes wiggle {
  0%, 34% {
    transform: rotateZ(0) translateY(0.5rem);
  }
  35% {
    transform: rotateZ(-5deg) translateX(-0.2rem) translateY(0.5rem);
  }
  40% {
    transform: rotateZ(5deg) translateX(0.2rem) translateY(0.5rem);
  }
  45% {
    transform: rotateZ(-2deg) translateX(-0.2rem) translateY(0.5rem);
  }
  50% {
    transform: rotateZ(2deg) translateX(0.2rem) translateY(0.5rem);
  }
  55% {
    transform: rotateZ(-0.5deg) translateX(-0.2rem) translateY(0.5rem);
  }
  60%, 100% {
    transform: rotateZ(0) translateY(0.5rem);
  }
}

/* Stuff specific to widescreen mode */

#navbarResponsive {
  background-color: white;
  z-index: 9;
}

#mainNav #navBarResponsive .ms-auto {
  margin-left: 0 !important;
}

@media (max-width: 1400px) {
  #navbarResponsive {
    transform: translateY(-1rem);
    box-shadow: 0 0.25rem 2px -2px rgb(185, 185, 185, 0.75);;
  }

  /* Fixed nav needs to shift a bit */
  #mainNav.menu-bot #navbarResponsive {
    transform: translateY(calc(-100% - var(--wt-navbar-height)));
    box-shadow: 0px -4px 3px rgba(185, 185, 185, 0.75);
  }

  #navbarResponsive .navbar-nav > li:last-child {
    padding-bottom: 3rem;
  }

}

/** Footer in our style **/
#footer {
  background-image: radial-gradient(circle at top left,rgba(83,104,158,0.95) 25%,rgba(33,50,94,0.75) 70%),url(../img/film-theme/9.jpg) !important;
  background-color: var(--wt-mid);
  padding: 3rem 0;
  letter-spacing: 0.04rem;
  background-size: cover;
  background-position-x: 50%;
  background-position-y: center;
}

#footer p {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
}

#footer p a {
  color: var(--wt-udeep);
  font-weight: 600;
  text-decoration: none;
}
#footer p a:hover {
  opacity: 0.5;
}





.masthead {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 30rem;
    padding: 15rem 0;
    margin-top: 5.5rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 75%, #000 100%), url("/img/title.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
  }


.row {
  margin: 0;
}

.owl-item div {
  width: 200px;
  margin: 0 auto;
  text-align: center;
}