@charset "UTF-8";
body {
  font-family: "Mona Sans", sans-serif;
}

h1.page-title {
  font-weight: 200;
  font-size: 2.5em;
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  h1.page-title {
    font-size: 3em;
  }
}
@media (min-width: 1200px) {
  h1.page-title {
    font-size: 3.5em;
  }
}

h2 {
  margin-bottom: 1.5rem;
}

h4 {
  font-weight: 700;
  color: #8c323a;
  border-bottom: 5px solid #8c323a;
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.45rem;
  }
}

.text-light h4 {
  color: #f8f9fa;
  border-bottom: 5px solid #f8f9fa;
}

#header {
  background-color: transparent;
  background-image: none;
}
@media (max-width: 577px) {
  #header .container {
    padding: 0px;
  }
  #header .navbar-toggler {
    margin: auto;
    width: 100%;
  }
  #header .navbar-collapse {
    /* background: #00000024; */
    text-align: center;
    padding-bottom: 16px;
    padding-top: 8px;
  }
}

img.site-logo {
  width: 100%;
  height: auto;
  margin-bottom: 0.5em;
}
@media (min-width: 576px) {
  img.site-logo {
    max-height: 75px;
    width: auto;
    margin-bottom: 0;
  }
}

li.donation-menu-button {
  margin-top: 0.5em;
}
@media (min-width: 992px) {
  li.donation-menu-button {
    margin-top: 0;
  }
}

.hero {
  max-width: 100%;
  position: relative;
  background-color: #8c323a;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%230c0405' fill-opacity='0.07' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.hero-image {
  width: 100%;
}

.tagline {
  font-size: 2.4em;
  color: white;
  font-weight: 200;
  line-height: normal;
}
@media (min-width: 1200px) {
  .tagline {
    font-size: 3.4em;
  }
}

#footer {
  background-color: #402f31;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='64' viewBox='0 0 48 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28v-4L36 12 24 24 12 12 0 24v4l4 4-4 4v4l12 12 12-12 12 12 12-12v-4l-4-4 4-4zM8 32l-6-6 10-10 10 10-6 6 6 6-10 10L2 38l6-6zm12 0l4-4 4 4-4 4-4-4zm12 0l-6-6 10-10 10 10-6 6 6 6-10 10-10-10 6-6zM0 16L10 6 4 0h4l4 4 4-4h4l-6 6 10 10L34 6l-6-6h4l4 4 4-4h4l-6 6 10 10v4L36 8 24 20 12 8 0 20v-4zm0 32l10 10-6 6h4l4-4 4 4h4l-6-6 10-10 10 10-6 6h4l4-4 4 4h4l-6-6 10-10v-4L36 56 24 44 12 56 0 44v4z' fill='%230c0405' fill-opacity='0.09' fill-rule='evenodd'/%3E%3C/svg%3E");
  border-top: 1.8em solid #8c323a;
}
#footer .footer-icons {
  margin-top: 12px;
}
#footer .footer-icons a {
  margin-right: 0.75rem;
}

.social-icons a {
  margin-right: 0.75rem;
}

@media (min-width: 1200px) {
  .home .hero {
    min-height: 500px;
  }
}
.home .impact-num {
  font-weight: 700;
}
.home .impact-text {
  padding-left: 60px;
  margin-bottom: 1.5em;
}
.home .impact-icon-wrapper {
  display: inline-block;
  width: 50px;
}

div#newsletter-signup {
  background: #8c323a;
}

#mc_embed_signup {
  padding: 30px 25px;
  border-radius: 8px;
  box-shadow: 2px 2px 8px #752b31;
  font-family: "Mona Sans", sans-serif;
  background: #fff;
  clear: left;
  max-width: 100%;
}

.page-title-banner {
  min-height: 200px;
  background-size: cover;
  padding-top: 18px;
  background-color: #8c323a;
}
@media (min-width: 768px) {
  .page-title-banner {
    min-height: 245px;
  }
}

.about-us .page-title-banner {
  background: url(/img/about-us-hero-bg.jpg) no-repeat left top;
  background-size: cover;
  background-color: #8c323a;
}

.scholarship-dinner .page-title-banner {
  background: url(/img/scholarship-dinner-banner.jpg) no-repeat left top;
  background-size: cover;
  background-color: #8c323a;
}

.scholarships .page-title-banner {
  background: url(/img/scholarships-hero-bg.jpg) no-repeat left top;
  background-color: #8c323a;
  background-size: cover;
}

.school-logo {
  height: 150px;
}

.recipient-table {
  max-height: 80vh;
  overflow-y: scroll;
  border: 2px solid #dee2e6;
}

#sponsorship-tiers ul {
  list-style-type: none;
}
#sponsorship-tiers ul li::before {
  content: "⬩";
  color: #8c323a;
  display: inline-block;
  width: 1em;
  margin-left: -1.2em;
}
#sponsorship-tiers ul.bullets-light li::before {
  color: white;
}

.gold-card {
  background: linear-gradient(45deg, #d4af37 5%, #debc5b 10%, #e7c97c 30%, #efd69d 50%, #e7c97c 70%, #debc5b 80%, #d4af37 95%);
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
  transition: all 0.2s ease-in-out;
}

.silver-card {
  background: linear-gradient(to bottom, #dbdbdb, #f9f9f9, #dbdbdb);
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
  transition: all 0.2s ease-in-out;
}

.red-platinum-card {
  background: linear-gradient(45deg, #80272e 5%, #8c323a 10%, #9b444c 30%, #af5a61 50%, #9b444c 70%, #8c323a 80%, #80272e 95%);
  text-shadow: 1px 1px 2px rgba(98, 15, 15, 0.554);
  transition: all 0.2s ease-in-out;
}

.sponsor-logo {
  height: 150px;
}

.sponsors h3 {
  margin-bottom: 2rem;
}

a.icon-link > .bi {
  position: relative;
  bottom: 4px;
}

/*
.img-download-container::before {
    display: inline-block;
    content: "";
    vertical-align: -.125em;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download" viewBox="0 0 16 16"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/><path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/></svg>');
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    width: 2em;
    height: 2em;
  }
*/
.footer-icons {
  margin-top: 12px;
}
.footer-icons a {
  margin-right: 12px;
}

.fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1.5s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/*# sourceMappingURL=style.css.map */