.global_navbar {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
  backdrop-filter: blur(10px) brightness(100%);
  -webkit-backdrop-filter: blur(10px) brightness(100%);
}

.global_header {
  margin-bottom: 97px;
}

.global_body {
  min-height: 100vh;
  background-color: white;
  color: #a0a0a0;
}

.landing_hero_container {
  padding: 2em;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  background: url("/static/img/jdm-background-rotated.jpg") center / cover no-repeat;
  min-height: 30em;
  background-color: #F0F8FF;
}

.landing_hero_container h1, .landing_hero_container h2, .landing_hero_container h3, .landing_hero_container h4, .landing_hero_container h5, .landing_hero_container h6 {
  color: white;
  font-weight: bold;
  text-shadow: 0px 0px 2px #000000, 0px 0px 11px var(--bs-black);
}

.landing_hero_container .btn {
  margin-top: 2em;
}

.landing_feature_section {
  padding-top: 4em;
  padding-bottom: 4em;
  background-color: white;
}

.landing_feature_item_column {
  padding-top: 2em;
  padding-bottom: 2em;
}

.landing_feature_item_column h1, .landing_feature_item_column h2, .landing_feature_item_column h3, .landing_feature_item_column h4, .landing_feature_item_column h5, .landing_feature_item_column h6 {
  font-weight: bold;
  color: #ffd700;
  text-align: center;
  margin-bottom: 1em;
}

.landing_feature_item_column p {
  color: #a0a0a0;
  text-align: justify;
}

.landing_feature_testimonial_column {
  padding-top: 3em;
  padding-bottom: 3em;
}

.landing_feature_testimonial_column h1 {
  font-weight: bold;
  color: #ffd700;
  text-align: center;
}

.landing_feature_testimonial_column p {
  color: #a0a0a0;
  text-align: justify;
}

.landing_featured_listings_section {
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #f0f8ff;
}

.landing_featured_listings_section h1 {
  font-weight: bold;
  color: #ffd700;
  text-align: center;
}

.landing_featured_listings_section p {
  color: #a0a0a0;
}

.landing_featured_listings_section img {
  border-radius: 10px;
  box-shadow: 0px 0px 2px black;
}

.global_footer {
  background-color: #f0f8ff;
}

.global_footer h1, .global_footer h2, .global_footer h3, .global_footer h4, .global_footer h5 {
  font-weight: bold;
  color: #808080;
}

.global_footer p {
  color: #a0a0a0;
  text-align: justify;
}

/* Links */

a {
  text-decoration: none;
  transform: scale(1);
  transition: transform 0.5s ease;
}

a:hover {
  transform: scale(1.03);
  transition: transform 0.2s ease;
}

/* Global: sub-page banner containers */

.global_banner_container {
  min-height: 10em;
}

/* Headings for banners: currently there's no text in them, but keeping this CSS */

.global_banner_container h1, .global_banner_container h2, .global_banner_container h3, .global_banner_container h4, .global_banner_container h5, .global_banner_container h6 {
  text-shadow: 1px 0px 2px #000000, 0px 0px 11px var(--bs-black);
  color: white;
  font-weight: bold;
}

/* Global: text div */

.global_content_block {
  padding-top: 3em;
  padding-bottom: 3em;
  text-align: justify;
}

.global_content_block p {
  margin-top: 1em;
  margin-bottom: 2em;
}

.global_content_block h1, .global_content_block h2, .global_content_block h3, .global_content_block h4, .global_content_block h5, .global_content_block h6 {
  font-weight: bold;
  color: #ffd700;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Banner containers: they're all the same, except for the background image */

.guide_banner_container {
  background: url("/static/img/page-banners/5182.jpg") center / cover no-repeat;
}

.newsletter_banner_container {
  background: url("/static/img/page-banners/4595.jpg") center / cover no-repeat;
}

.faq_banner_container {
  background: url("/static/img/page-banners/5014.jpg") center / cover no-repeat;
}

.contact_banner_container {
  background: url("/static/img/page-banners/3912.jpg") center / cover no-repeat;
}

.tos_banner_container {
  background: url("/static/img/page-banners/2874.jpg") center / cover no-repeat;
}

.privacy_banner_container {
  background: url("/static/img/page-banners/2609.jpg") center / cover no-repeat;
}

/* FAQ */

.faq-item {
  margin-bottom: 2em;
}

.faq-item h3 {
  cursor: pointer;
  margin-bottom: 0.5em;
  text-align: left;
  color: #808080;
  font-weight: normal;
}

.faq-item p {
  margin-left: 1em;
}

/* ToS and Privacy Policy containers */

.literature-container p {
  margin-bottom: 1em;
  margin-top: 1em;
}

.nav-link.active {
  font-weight: bold;
}