/* ===============================
   GLOBAL RESET / BASE
================================ */
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
}

/* ===============================
   HEADER
================================ */
.Header__logo img {
  max-height: 3rem;
  max-width: 7rem;
  display: block;
}

.Header__homeNavbarFixed {
  background-color: #000;
}

.Header__name,
.Header__searchTitle,
.Header__description {
  color: #ffffff;
}

.Header__searchTitle {
  font-size: 30px;
  font-weight: bold;
}

.Header__description {
  font-size: 18px;
  margin-bottom: 20px;
}

.Header__globalSearch {
  max-width: 570px;
}

/* SEARCH BUTTON (TOP RIGHT) */
.Header__globalSearch button,
.Header__searchBtn {
  background-color: #02a4ff !important;
  border-color: #02a4ff !important;
  color: #ffffff !important;
}

/* ===============================
   PRIMARY BRAND COLOR (BLUE)
================================ */
.commonStyle__zt3BrandBg,
.commonStyle__zt3buttonPrimaryBg {
  background-color: #02a4ff !important;
}

.commonStyle__zt3Brand,
.commonStyle__zt3BrandBorder {
  color: #02a4ff !important;
  border-color: #02a4ff !important;
}

.commonStyle__zt3Link,
.themeLink {
  color: #000 !important;
}

/* ===============================
   BUTTONS – FORCE BLUE
================================ */
button,
a.Button__btnFont,
.Button__footerBtn,
button[type="submit"] {
  background-color: #02a4ff !important;
  border-color: #02a4ff !important;
  color: #ffffff !important;
}

button:hover,
a.Button__btnFont:hover {
  background-color: #028fe0 !important;
}

/* SUBMIT A TICKET BUTTON */
a[href*="ticket"] {
  color: #ffffff !important;
}

/* ===============================
   ICONS
================================ */
.Icon__brand,
.Icon__greyShade70 {
  color: #02a4ff !important;
}

button svg,
a svg {
  fill: #ffffff !important;
  color: #ffffff !important;
}

/* SCROLL TO TOP BUTTON */
.ScrollTop__icon,
.ScrollTop__btn {
  background-color: #02a4ff !important;
  border-color: #02a4ff !important;
  color: #ffffff !important;
}

/* ===============================
   CONTENT
================================ */
.NoContent__title {
  font-size: 1.333rem;
  font-weight: 600;
  color: #02a4ff;
  margin-top: 1rem;
}

/* ===============================
   FOOTER
================================ */
.footer {
  background-color: #ffffff;
  border-top: 1px solid #e5e5e5;
  padding: 40px 20px;
  text-align: center;
}

.footer-container {
  max-width: 1300px;
  margin: 0 auto;
}

/* FOOTER TITLE */
.footer-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}

/* BRAND LOGOS */
.brand-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 25px;
}

.brand-logos img {
  width: 120px;
  height: 120px;
  object-fit: contain;
  padding: 10px;
  background: #ffffff;
}

/* POWERED BY */
.footer-powered {
  font-size: 14px;
}

.footer-powered a {
  color: #02a4ff;
  font-weight: 600;
  text-decoration: none;
}

.footer-powered a:hover {
  text-decoration: underline;
}

/* ===============================
   LIST STYLES
================================ */
.list-unstyled a {
  color: #000;
}

/* ===============================
   RESPONSIVE
================================ */
@media (max-width: 768px) {
  .brand-logos img {
    width: 90px;
    height: 90px;
  }
}

.Icon__Xlarge {
    width: 1.8125rem;
    height: 1.8125rem;
}