@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* 
  CUSTOM CLASSES:
  .custom-hero: adds overlay to hero image
  .custom-headers: overrides h1, h2, h3 headers with "Noto Serif" font
*/

/* Buttons */
.website-styles a.btn.btn-primary,
.website-styles button.btn.btn-primary,
.website-styles .button>.attendease-block-content>.col-xs-12>p>a.btn-primary,
.website-styles a.btn.btn-default,
.website-styles button.btn.btn-default,
.website-styles .button>.attendease-block-content>.col-xs-12>p>a.btn-default,
.account-styles a.btn.btn-primary,
.account-styles button.btn.btn-primary,
.account-styles .button>.attendease-block-content>.col-xs-12>p>a.btn-primary,
.account-styles a.btn.btn-default,
.account-styles button.btn.btn-default,
.account-styles .button>.attendease-block-content>.col-xs-12>p>a.btn-default {
  box-shadow: none;
}

.attendease-block-hero.custom-hero .attendease-block-hero-filter::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.3;
}

.attendease-block.custom-headers h1,
.attendease-block.custom-headers h2,
.attendease-block.custom-headers h3 {
  font-family: 'Noto Serif', serif;
}

.modal .modal-dialog .modal-header .modal-title {
  color: #002D74;
}

.modal .modal-dialog .modal-content .modal-footer {
  text-align: center;
}

.attendease-block p.lead {
  max-width: 900px;
  margin: 0 auto;
}