/* overrides for bulma css */

.font-family-override {
  font-family: 'Georgia', serif;
}

.font-weight-override:not(h1, h2, h3, h4, h5) {
  font-weight: 600 !important;
}

.p-size-override {
  font-size: 0.5rem !important;
}

.p-cal {
  font-size: 0.1rem !important;
}

@media only screen and (max-width: 768px) {
  p, li {
    font-size: 1.2rem !important;
  }
}

@media screen and (min-width: 768px) {
  p, li {
    font-size: 1.4rem !important;
  }
}

.notice-small {
  font-size: 1.3rem;
}

.a-non-nav {
  color: white !important;
  text-decoration: underline;
  font-weight: 800;
}

.p-heavy {
  font-weight: 800;
}

.book-button-text-color, .text-color-override {
  color: #fff !important;
}

.body-bg-img-fixed, .nav-bg {
  background-color: transparent !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(./assets/colour-bokeh-abstract.jpg);
  /* https://i.pinimg.com/564x/56/ed/c6/56edc6c6cc4c585afef59fb7286147e0.jpg */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.navbar-menu {
  background-color: transparent !important;
  background-image: none;
}

.hero-img {
  max-width: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media only screen and (max-width: 768px) {
  .hero-img-mobile {
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .form-bg-mobile {
    width: 100%;
    height: 850px;
    background: rgba(255, 255, 255, 0.125);
    border-radius: 25px;
  }
}

@media screen and (min-width: 768px) {
  .form-bg {
    background: rgba(255, 255, 255, 0.2);
    width: 55%;
    height: 750px;
    border-radius: 25px;
  }
}

@media screen and (min-width: 768px) {
.map-embed-dt {
  width: 100%;
  height: 650px;
  padding-left: 2rem;
  padding-right: 2rem;
  }
}

@media only screen and (max-width: 768px) {
  .map-embed-mobile, .cal-embed-mobile {
    width: 100%;
    height: 450px;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
  }
}

@media screen and (min-width: 768px) {
  .cal-embed-dt {
    width: 100%;
    height: 800px;
    padding-left: 2rem;
    padding-right: 2rem;
    }
  }
  
  @media only screen and (max-width: 768px) {
    .cal-embed-mobile {
      width: 100%;
      height: 450px;
      padding-left: 0.1rem;
      padding-right: 0.1rem;
    }
  }

  @media screen and (min-width: 768px) {
    .img-404-dt {
      width: 50%;
      height: auto;
      padding-left: 2rem;
      padding-right: 2rem;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .img-404-mobile {
        width: 650%;
        height: auto;
        padding-left: 0.1rem;
        padding-right: 0.1rem;
      }
    }

    .rsvp {
      width: 100%;
      height: 700px;
    }