/* Shared presentation rules loaded after both the home bundle and page styles. */
:root {
  --default-font: "Montserrat", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --heading-font: var(--default-font);
  --nav-font: var(--default-font);
  --cg-font-family: var(--default-font);
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: var(--default-font) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.navmenu,
.btn {
  font-family: var(--default-font) !important;
}

.eyebrow,
.section-eyebrow,
.tourist-eyebrow,
[class$="__eyebrow"] {
  display: inline-flex;
  margin-bottom: 12px;
  color: #004655 !important;
  font-size: 12px;
  font-weight: 600 !important;
  letter-spacing: .08em;
  line-height: 1.35;
  text-transform: none !important;
}

.page-title .eyebrow,
.page-title .section-eyebrow,
.page-title .tourist-eyebrow,
.page-title [class$="__eyebrow"],
.home-hero .eyebrow,
.home-hero .section-eyebrow,
.home-hero [class$="__eyebrow"] {
  color: rgba(255, 255, 255, .82) !important;
}

.header .topbar,
.header .topbar .contact-info i a,
.header .topbar .contact-info i span,
.header .topbar .topbar-contact {
  font-size: 14px;
}

@media (width <= 575px) {
  .header .topbar,
  .header .topbar .contact-info i a,
  .header .topbar .contact-info i span,
  .header .topbar .topbar-contact {
    font-size: 12px;
  }
}

.hotel .service-tag,
.hotel .feature-label,
.hotel .feature-value {
  font-weight: 400 !important;
  text-transform: none !important;
}

.hotel .service-content h3 {
  font-weight: 600 !important;
  text-transform: none !important;
}

.cg-album-card__content h3,
.cg-video-card__body h3,
.cg-gallery-card__content h3,
.home-gallery-card__content strong {
  font-weight: 600 !important;
  text-transform: none !important;
}

.navmenu a,
.navmenu a:focus,
#navmenu a[aria-current="page"] {
  font-weight: 400 !important;
}