@font-face {
    font-family: 'Cormorant Garamond';
    src: url('../fonts/CormorantGaramond-VariableFont_wght.ttf') format('truetype-variations');
    font-weight: 300 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mabry Mono Pro';
    src: url('../fonts/MabryMonoPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Monospace 821 BT';
    src: url('../fonts/MONOSPACE821BT.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Neue Helvetica';
    src: url('../fonts/HelveticaNeue-LightExt.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {
    --font-text: 'Monotype Garamond', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --font-heading: 'Neue Helvetica', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    
    --font-elegant: var(--font-text);
    --font-modern: var(--font-heading);
    --font-mono: 'Monospace 821 BT', 'Courier New', monospace;
    --font-alt: var(--font-heading);
    
    --font-body: var(--font-text);
    --font-primary: var(--font-heading);
    --font-secondary: var(--font-text);
    --font-luxury: var(--font-text);
}


body {
    font-family: var(--font-text) !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading) !important;
    letter-spacing: 1px;
}

p, small, td, th, section, article {
    font-family: var(--font-text);
    letter-spacing: 1px;
}

button, .btn, input[type="submit"], input[type="button"], .button {
    font-family: var(--font-heading);
    letter-spacing: 1px;
}


label, input::placeholder, textarea::placeholder {
    font-family: var(--font-heading);
    letter-spacing: 1px;
}

.entry-title, .post-title, .page-title {
    font-family: var(--font-heading) !important;
    letter-spacing: 1px;
}

.entry-content, .post-content, .page-content {
    font-family: var(--font-text) !important;
    letter-spacing: 1px;
}

.widget, .sidebar {
    font-family: var(--font-text);
    letter-spacing: 1px;
}

.widget-title {
    font-family: var(--font-heading) !important;
    letter-spacing: 1px;
}

#site-footer {
    font-family: var(--font-text);
}

p a, .entry-content a, .post-content a, .page-content a {
    font-family: var(--font-text) !important;
}

.text, .content, .description, .excerpt, .summary {
    font-family: var(--font-text);
}

main, .main-content, .content-area {
    font-family: var(--font-text);
}

.title, .heading, .header-title, .section-title, .main-title {
    font-family: var(--font-heading) !important;
}

.button, .btn-primary, .btn-secondary, .cta, .call-to-action {
    font-family: var(--font-heading);
}

.form-control, .form-input, input, textarea, select {
    font-family: var(--font-text);
}

.card, .section, .block, .module {
    font-family: var(--font-text);
}

.card-title, .section-header, .block-title {
    font-family: var(--font-heading) !important;
}

.wp-block-heading, .wp-block-paragraph, .wp-block-button__link {
    font-family: inherit;
}

.wubook-booking-engine-container, .booking-form, .confirmation-form {
    font-family: var(--font-text);
}

.wubook-booking-engine-container h1, 
.wubook-booking-engine-container h2, 
.wubook-booking-engine-container h3,
.booking-form h1,
.booking-form h2,
.booking-form h3 {
    font-family: var(--font-heading) !important;
}