/* Mobile Header Interim CSS */
.simplified-mobile-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background-color: #1c2331;
  width: 100%;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Additional rules to remove gap after logo */
.simplified-mobile-header + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Fix spacing on featured section */
.hero-section, section:first-of-type {
  margin-top: 0 !important;
  padding-top: 20px !important;
}

.simplified-mobile-header svg {
  height: 40px;
  width: auto;
}

/* Desktop Header Visibility */
@media (min-width: 901px) {
  .simplified-mobile-header {
    display: none !important;
  }
}

/* Mobile Header Visibility */
@media (max-width: 900px) {
  .main-header {
    display: none !important;
  }
}