:root {
  --font-headline: 'dunbar-low', sans-serif !important;
  --font-button: 'dunbar-low', sans-serif !important;
  --font-sans: 'dunbar-low', sans-serif !important;
  --font-serif: 'dunbar-low', sans-serif !important;
}

h1,
h2,
h3,
h1 p,
h2 p,
h3 p,
h1 p span,
h2 p span,
h3 p span,
.font-headline,
[data-element-id='nav-desktop'],
[data-element-id='nav-desktop'] button,
.btn,
.btn--base,
[data-element-id='mobile-nav-layout'],
[data-element-id='mobile-nav-layout'] button,
[data-element-id='mobile-nav-layout'] a,
[data-element-id='cp-contactBar-address-heading'] {
  font-family: var(--font-headline);
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

.font-bold,
.font-black {
  font-family: var(--font-headline);
  font-weight: 400 !important;
}

.btn {
  font-family: var(--font-headline);
  font-weight: 400 !important;
}

p,
ul:not([data-element-id='nav-desktop']),
ul:not([data-element-id='nav-desktop']) li,
blockquote,
em,
ul:not([data-element-id='nav-desktop']) a,
ol,
ol li,
label,
label span {
  font-family: var(--font-headline);
  font-weight: 300 !important;
  font-size: 20px !important;
}

[data-element-id='mobile-nav-layout'] ul li,
[data-element-id='top-navigation'] ul li,
[data-element-id='mobile-nav-layout'] ul li a,
[data-element-id='top-navigation'] ul li a,
[data-element-id='mobile-nav-layout'] ul li button,
[data-element-id='top-navigation'] button {
  font-size: 16px !important;
  font-weight: 400 !important;
}

[data-osc-product='shop-form-dates'],
[data-osc-product='shop-form-selection-button'] span,
[data-osc-product='shop-form-button'] span {
  font-size: 16px !important;
  font-weight: 400 !important;
}

button[data-osc-product='shop-form-button'] {
  text-transform: uppercase !important;
  font-size: 16px !important;
}

[data-element-id='hero-image'] [data-element-id='subtitle-wrapper'] {
  text-transform: none !important;
}