:root {
  --themeht-primary-color: #053d5a;
  --themeht-secondary-color: #053d5a;
  --themeht-text-color: #053d5a;
  --themeht-bg-dark-color: #053d5a;
  --themeht-typography-body-font-family: "Century Gothic", CenturyGothic, "Avenir Next", Arial, sans-serif;
  --font-content: var(--themeht-typography-body-font-family);
  --font-heading: var(--themeht-typography-body-font-family);
}

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--themeht-typography-body-font-family);
}

.banner-1 {
  background-image: linear-gradient(110deg, #e8f0f4 0%, #f7fafb 56%, #e8f0f4 100%);
}

.navbar-brand img,
.footer-logo img {
  width: auto;
  max-width: 220px;
  max-height: 60px;
  object-fit: contain;
}

.footer-logo {
  background: #fff;
  border-radius: 8px;
  padding: 12px;
}

.ht-toggler .ag-nav-hamburger {
  display: flex;
  width: 28px;
  flex-direction: column;
  gap: 5px;
}

.ht-toggler .ag-nav-hamburger span {
  display: block;
  height: 3px;
  width: 100%;
  border-radius: 2px;
  background: #053d5a;
}

.droptech-page-content-class h1,
.droptech-page-content-class h2,
.droptech-page-content-class h3,
.droptech-page-content-class h4,
.droptech-page-content-class h5,
.droptech-page-content-class h6 {
  color: var(--themeht-primary-color);
}

/* The theme's floating header and large marketing cards need compact portal spacing. */
.ag-candidate-page {
  padding-top: 160px !important;
}

.ag-candidate-page .card {
  padding: 0 !important;
}

.ag-candidate-page .card-body {
  padding: 1.5rem;
}

.ag-candidate-page a[href*="candidate_resume"] {
  color: #053d5a;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .ag-candidate-page {
    padding-top: 120px !important;
  }
}

.header .navbar-nav .ag-mobile-action {
  display: none;
}

@media (max-width: 767px) {
  .header .navbar-nav .ag-mobile-action {
    display: list-item;
  }
}