/**
* Theme Custom Properties (CSS Variables)
*/
:root {
    /* COLORS */
    --color-primary: #b69737;
    --color-primary-rgb: 182, 151, 55;
    --color-primary-light: #d4bd72;
    --color-primary-dark: #b09c5b;
    --color-primary-100: rgb(248.664556962, 245.0936708861, 234.035443038);
    --color-primary-200: rgb(235.9936708861, 225.2810126582, 192.1063291139);
    --color-primary-300: rgb(223.3227848101, 205.4683544304, 150.1772151899);
    --color-primary-400: rgb(207.4841772152, 180.7025316456, 97.7658227848);
    --color-primary-500: #b69737;
    --color-primary-600: rgb(145.6, 120.8, 44);
    --color-primary-700: rgb(118.3, 98.15, 35.75);
    --color-primary-800: rgb(100.1, 83.05, 30.25);
    --color-primary-900: rgb(72.8, 60.4, 22);
    --color-secondary: #1c4088;
    --color-secondary-light: rgb(226.3073170732, 233.9024390244, 249.0926829268);
    --color-secondary-dark: rgb(18.2, 41.6, 88.4);
    --color-secondary-100: rgb(226.3073170732, 233.9024390244, 249.0926829268);
    --color-secondary-200: rgb(168.9219512195, 191.7073170732, 237.2780487805);
    --color-secondary-300: rgb(111.5365853659, 149.512195122, 225.4634146341);
    --color-secondary-400: rgb(42.7682926829, 97.756097561, 207.7317073171);
    --color-secondary-500: #1c4088;
    --color-secondary-600: rgb(22.4, 51.2, 108.8);
    --color-secondary-700: rgb(18.2, 41.6, 88.4);
    --color-secondary-800: rgb(15.4, 35.2, 74.8);
    --color-secondary-900: rgb(11.2, 25.6, 54.4);
    --color-tertiary: #c43326;
    --color-tertiary-light: #c19591;
    --color-tertiary-dark: #6a1b13;
    --color-dark: #333333;
    --color-dark-rgb: 51, 51, 51;
    --color-darker: #202020;
    --color-darkest: #141414;
    --color-dark-light: #666666;
    --color-dark-medium: #4d4d4d;
    --color-black: #000000;
    --color-light: #ece5cf;
    --color-light-rgb: 236, 236, 236;
    --color-lighter: #f4f1e7;
    --color-lighter-rgb: 250, 250, 250;
    --color-lightest: #FDFCF7;
    --color-light-medium: #cccccc;
    --color-light-dark: #cccccc;
    --color-white: #ffffff;
    --color-shadow-light: hsla(220, 20%, 50%, .2);
    --color-shadow-dark: hsla(220, 0%, 0%, .2);
    --color-gray-100: #f4f1e7;
    --color-gray-200: #ededed;
    --color-gray-250: #e6e6e6;
    --color-gray-300: #cccccc;
    --color-gray-350: #afafaf;
    --color-gray-400: #999999;
    --color-gray-450: #8b8b8b;
    --color-gray-500: #7d7d7d;
    --color-gray-600: #666666;
    --color-gray-700: #4d4d4d;
    --color-gray-800: #3a3a3a;
    --color-gray-900: #333333;
    --color-success: #35a464;
    --color-danger: #FA5353;
    --color-error: #FA5353;
    --color-warning: #ffc83c;
    --color-info: #4AA7E4;
    --color-muted: #cccccc;
    --color-text-default: #333333;
    --color-text: var(--color-text-default);
    --color-text-heading: #545146;
    --color-text-rgb: 51, 51, 51;
    --color-text-muted: #999999;
    --color-placeholder: #999999;
    --color-text-light: #ece5cf;
    --color-background: #ffffff;
    --color-link: #b69737;
    --color-link-hover: #b09c5b;
    --color-gradient-default: linear-gradient(to right, #ead797 0%, #d0bf89 20%, #d0bd7d 25%, #d3be7a 30%, #d4bd72 100%);
    --color-gradient-hollow-default: linear-gradient(to right, rgba(234, 215, 151, .2) 0%, rgba(234, 215, 151, .2) 15%, rgba(234, 215, 151, .1) 30%, transparent 100%, #d4bd72 100%);

    /* SPACING */
    --z-index-base: 3;
    --width-xs: 400px;
    --width-sm: 600px;
    --width-md: 900px;
    --width-lg: 1200px;
    --width-xl: 1400px;
    --width-max: 1600px;
    --screen-xs: 478px;
    --screen-sm: 576px;
    --screen-md: 768px;
    --screen-lg: 992px;
    --screen-xl: 1200px;
    --screen-xxl: 1440px;
    --screen-3xl: 1920px;
    --mobile-menu-screen-breakpoint: 1200px;
    --spacing-base: 1.1rem;
    --spacing-mult-xxs: .25;
    --spacing-xxs: calc(var(--spacing-base) * var(--spacing-mult-xxs));
    --spacing-mult-xs: .5;
    --spacing-xs: calc(var(--spacing-base) * var(--spacing-mult-xs));
    --spacing-mult-sm: .75;
    --spacing-sm: calc(var(--spacing-base) * var(--spacing-mult-sm));
    --spacing-mult-md: 1;
    --spacing-md: calc(var(--spacing-base) * var(--spacing-mult-md));
    --spacing-mult-lg: 1.5;
    --spacing-lg: calc(var(--spacing-base) * var(--spacing-mult-lg));
    --spacing-mult-xl: 2;
    --spacing-xl: calc(var(--spacing-base) * var(--spacing-mult-xl));
    --spacing-mult-xxl: 2.5;
    --spacing-xxl: calc(var(--spacing-base) * var(--spacing-mult-xxl));
    --section-spacing-y: calc(var(--spacing-md, 1.1rem) * 2.5);
    --section-spacing-x: calc(var(--spacing-base, 1.1rem) * 1.5);
    --section-padding-y: var(--section-spacing-y);
    --section-padding-x: var(--section-spacing-x);
    --section-padding-top: var(--section-padding-y);
    --section-padding-right: var(--section-padding-x);
    --section-padding-bottom: var(--section-padding-y);
    --section-padding-left: var(--section-padding-x);
    --section-padding-default: var(--section-padding-top) var(--section-padding-right) var(--section-padding-bottom) var(--section-padding-left);
    --main-content-padding-y: var(--section-padding-y);
    --main-content-padding-x: var(--section-padding-x);
    --main-content-padding-top: var(--main-content-padding-y);
    --main-content-padding-right: var(--main-content-padding-x);
    --main-content-padding-bottom: var(--main-content-padding-y);
    --main-content-padding-left: var(--main-content-padding-x);
    --main-content-padding-default: var(--main-content-padding-top) var(--main-content-padding-right) var(--main-content-padding-bottom) var(--main-content-padding-left);

    /* BUTTONS */
    --btn-color-default: var(--color-primary);
    --btn-color-contrast-default: var(--color-white);
    --btn-color-bg-default: var(--btn-color);
    --btn-color-text-default: var(--btn-color-contrast-default);
    --btn-color-border-default: var(--btn-color-default);
    --btn-color: var(--btn-color-default);
    --btn-color-hover: var(--color-primary-dark);
    --btn-color-contrast: var(--btn-color-contrast-default);
    --btn-color-bg: var(--btn-color-bg-default);
    --btn-color-bg-hover: var(--btn-color-hover);
    --btn-color-text: var(--btn-color-text-default);
    --btn-color-text-hover: var(--btn-color-contrast);
    --btn-color-border: var(--btn-color-border-default);
    --btn-padding-y-default: var(--spacing-xs);
    --btn-padding-x-default: var(--spacing-base);
    --btn-padding-y: var(--spacing-sm);
    --btn-padding-x: var(--spacing-base);
    --btn-border-radius: var(--border-radius-default);
    --btn-border-thickness: .1em;
    --btn-opacity: 1;
    --btn-linear-gradient: none;
    --btn-transition-default: all .3s ease-in-out;
    --btn-border-radius-default: 6px;
    --btn-font-size-default: var(--font-size-base);
    --btn-icon-size-default: 1rem;
    --btn-spacing-mult: 1;
    --btn-font-size-mult: 1;
    --btn-font-size: calc(var(--btn-font-size-default) * var(--btn-font-size-mult));
    --btn-font-family: var(--font-family-headings);
    --btn-font-weight: var(--font-weight-semi-bold);
    --btn-icon-size: var(--btn-icon-size-default);
    --btn-icon-color: var(--btn-color-text, var(--btn-color-contrast));
    --btn-icon-color-hover: var(--btn-color-text-hover, var(--btn-color-contrast));
    --btn-icon-url-default: url(/wp-content/themes/atatitle/public/dist/icons/arrow-right.svg);

    /* COMPONENTS */
    --card-width: 100%;
    --card-min-width: 240px;
    --card-max-width: 450px;
    --card-height: auto;
    --card-max-height: none;
    --card-spacing-base-default: var(--spacing-base);
    --card-spacing-base: calc(var(--card-spacing-base-default) * .7);
    --card-color-text: var(--color-text-default);
    --card-color-bg: var(--color-white);
    --card-bg-image: none;
    --card-background: var(--card-color-bg);
    --card-border-radius: 10px;
    --card-padding-y: var(--card-spacing-base);
    --card-padding-x: var(--card-spacing-base);
    --card-padding: var(--card-padding-y) var(--card-padding-x);
    --form-width: 100%;
    --form-max-width-default: 720px;
    --form-min-width-default: 200px;
    --form-max-width: var(--form-max-width-default, 600px);
    --form-min-width: var(--form-min-width-default, 200px);
    --form-font-size-base: var(--font-size-scaling-default);
    --form-line-height-default: 1.6;
    --form-label-text-color-default: #999999;
    --form-label-font-size-default: calc(var(--form-font-size-base) * .9);
    --form-label-font-weight-default: 500;
    --form-label-text-color: var(--form-label-text-color-default, var(--color-dark-light));
    --form-label-font-size: var(--form-label-font-size-default, 1rem);
    --form-label-font-weight: var(--form-label-font-weight-default, 500);
    --form-field-width-default: 16rem;
    --form-field-height-default: 2.75rem;
    --form-field-height-checkable-input: calc(var(--form-field-height-default) * .4);
    --form-color-primary: #b69737;
    --form-color-light: #f4f1e7;
    --form-color-medium: #cccccc;
    --form-input-background-color: #f4f1e7;
    --form-field-background-color: #fff;
    --form-custom-select-padding-base: .5rem;
    --form-custom-select-padding-left: 2.5rem;
    --form-custom-select-check-icon-padding: .8rem;
    --form-custom-select-item-padding: var(--form-custom-select-padding-base) var(--form-custom-select-padding-base) var(--form-custom-select-padding-base) var(--form-custom-select-padding-left);
    --form-input-outline-box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, var(--color-primary, #b69737) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
    --form-input-border-color: var(--form-color-medium);
    --form-input-border-color-hover: var(--form-color-primary);
    --form-input-border-color-focus: var(--form-color-primary);
    --form-input-border-radius-default: 0;
    --form-input-border: 0;
    --form-input-width-default: 100%;
    --form-input-spacing-bottom: 1.5rem;
    --form-input-placeholder-color: var(--color-gray-350);
    --form-input-error-border: 1px solid var(--color-error);
    --form-group-spacing: 1.5rem;
    --header-top-bar-height: 46px;
    --header-height: 70px;
    --header-position: sticky;
    --header-scrolling-top-spacing: .9rem;
    --header-width: 100%;
    --header-logo-width-max: 220px;
    --header-logo-width-min: 160px;
    --header-logo-height: auto;
    --header-logo-height-max: 64px;
    --header-logo-height-min: 50px;
    --header-max-width: calc(var(--container-width-default) + (var(--section-padding-x) * 2));
    --header-spacing-base: calc(var(--spacing-base) / 2);
    --header-padding-y: calc(var(--header-spacing-base) * .4);
    --header-padding-x: calc(var(--header-spacing-base) * .4);
    --header-margin-top: calc(var(--header-spacing-base) * 1.5);
    --header-spacing: calc(var(--header-spacing-base) * 1);
    --header-z-index: calc(var(--z-index-base) + 96);
    --header-color-background: var(--color-white);
    --header-menu-item-color: var(--color-text-default);
    --header-border-radius: 10px;
    --header-overhang-height: 40px;
    --header-box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);
    --nav-color-text: var(--color-text-default);
    --nav-item-gap: calc(var(--header-spacing) * 1);
    --submenu-expand-icon-color: var(--color-white);
    --submenu-spacing: calc(var(--spacing-base) / 1.5);
    --submenu-min-width: 170px;
    --submenu-color-background: var(--color-secondary);
    --submenu-color-background-hover: var(--color-secondary-600);
    --submenu-color-text: var(--color-white);
    --sub-submenu-color-background: var(--color-dark);
    --sub-submenu-color-background-hover: var(--color-darker);
    --sub-submenu-color-text: var(--color-white);
    --page-content-margin-top: calc(var(--main-content-padding-y) * -1 - var(--header-overhang-height));
    --page-content-max-width: 1920px;
    --page-content-constrained-container-max-width: calc(var(--page-content-max-width) - (var(--section-padding-x) * 2));
    --scroll-offset: calc(var(--header-height) + var(--header-margin-top));
    --site-content-background-top: calc(var(--header-margin-top) * -1);
    --site-content-background-height: calc(var(--page-banner-height, 400px) + (var(--header-margin-top) * 2) - var(--header-overhang-height));
    --site-content-background-image: url(/wp-content/themes/atatitle/public/dist/images/ata-header-bg-full.jpg);
    --page-banner-height: unset;
    --page-banner-min-height: 400px;
    --page-banner-height-desktop: 500px;
    --hero-max-width: var(--page-content-constrained-container-max-width);
    --hero-border-radius: 10px;
    --hero-height-max: 1000px;
    --hero-padding-top: calc(var(--section-padding-y) * 2.25);
    --hero-padding-bottom: calc(var(--section-padding-y) * 1.75);
    --hero-padding-x: var(--section-padding-x);
    --hero-spacing-base: 1.5rem;
    --hero-accent-width: min(180px, 27vw);
    --hero-quicklink-max-width: 480px;
    --hero-quicklink-padding: 2rem;
    --hero-quicklink-overlay-accent-width: 20%;
    --table-width: 100%;
    --table-spacing-base: var(--spacing-base);
    --table-max-width-default: var(--width-xl);
    --table-min-width-default: 300px;
    --table-max-width: var(--table-max-width-default, 600px);
    --table-min-width: var(--table-min-width-default, 300px);
    --table-font-size-base: var(--font-size-scaling-default);
    --table-font-weight: var(--font-weight-default);
    --table-line-height-base: var(--line-height-default);
    --table-text-color-default: var(--color-text-default);
    --table-text-color-head: var(--color-text-light);
    --table-bg-color-default: var(--color-white);
    --table-bg-color-head: var(--color-darkest);
    --table-bg-color-body: var(--table-bg-color-default);
    --table-bg-color-row-head: none;
    --table-bg-color-row-body: var(--table-bg-color-default);
    --table-bg-color-row: var(--table-bg-color-row-body);
    --table-border-radius: var(--border-radius-default);
    --table-box-shadow-default: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    --table-box-shadow: none;
    --table-padding-y-default: var(--table-spacing-base);
    --table-padding-x-default: calc(var(--table-spacing-base) * 1.5);
    --font-size-root: 18px;
    --font-size-base: 18px;
    --font-size-base-min: 14px;
    --font-weight-default: 400;
    --font-weight-thin: 300;
    --font-weight-md: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-headings: 400;
    --font-size-default: 18px;
    --font-family-default: aileron, sans-serif;
    --font-family-headings: Crimson Pro, sans-serif;
    --font-size-scaling-default: clamp(.7777777778 * 1rem, calc(22.2222222222 * -1 * calc((1 - .7777777778) / (77.7777777778 - 22.2222222222)) + .7777777778) * 1rem + calc((1 - .7777777778) / (77.7777777778 - 22.2222222222)) * 100 * 1vw, 1 * 1rem);
    --loader-icon-width: 40px;
    --loader-icon-height: 40px;
    --loader-icon-thickness: .3rem;
    --loader-icon-color: #b69737;
    --loader-overlay-color: var(--overlay-bg-color-default, rgba(16, 16, 16, .65));
    --loader-overlay-z-index: var(--overlay-bg-z-index, 99);
    --border-radius-default: 6px;
    --box-shadow-default: 2px 2px 5px 0px rgba(51, 51, 51, .25);
    --box-shadow-active: 5px 5px 5px 0px rgba(51, 51, 51, .25);
    --line-height-default: 1.6;
    --line-height-heading: 1.2;
    --line-height-button: 1.2;
    --container-width-default: 1600px;
    --container-width-xs: 760px;
    --container-width-sm: 1000px;
    --container-width-md: 1200px;
    --container-width-lg: 1400px;
    --container-width-xl: 1600px;
    --container-max-width: var(--container-width-default);
    --icon-size-default: 1.1rem;
    --icon-width-default: 1.1rem;
    --icon-height-default: 1.1rem;
    --icon-width: var(--icon-width-default);
    --icon-height: var(--icon-height-default);
    --icon-color: currentColor;
    --mobile-menu-panel-box-shadow: 5px 0 40px hsla(0, 0%, 0%, .45);
    --mobile-menu-panel-max-width: 540px;
    --mobile-menu-icon-width: 40px;
    --mobile-menu-icon-height: 4px;
    --mobile-menu-icon-gutter: 7px;
    --mobile-menu-icon-color: var(--color-light);
    --mobile-menu-bg-color: var(--color-primary-dark);
    --mobile-menu-overlay-color: rgba(var(--color-dark-rgb), .5);
    --modal-padding: var(--spacing-base);
    --modal-spacing: var(--spacing-base);
    --modal-border-radius: var(--border-radius-default);
    --modal-overlay-background: rgba(38, 38, 41, .67);
    --modal-overlay-backdrop-filter: blur(32px);
    --overlay-bg-color-r: 88;
    --overlay-bg-color-g: 87;
    --overlay-bg-color-b: 82;
    --overlay-bg-color-opacity: .85;
    --overlay-bg-color: rgba(88, 87, 82, .85);
}

@media (min-width: 992px) {
    :root {
        --header-height: 80px;
        --page-banner-height: var(--page-banner-height-desktop);
        --header-padding-x: calc(var(--header-spacing-base) * .6);
        --section-spacing-y: calc(var(--spacing-md, 1.1rem) * 4);
        --section-spacing-x: calc(var(--spacing-base, 1.1rem) * 2);
    }
}

@media (min-width: 1200px) {
    :root {
        --header-margin-top: var(--header-top-bar-height);
        --header-padding-y: calc(var(--header-spacing-base) * .4);
        --header-padding-x: calc(var(--header-spacing-base) * .4);
        --header-spacing: calc(var(--header-spacing-base) * 1);
        --submenu-color-background: var(--color-primary-600);
        --submenu-color-background-hover: var(--color-primary);
        --submenu-expand-icon-color: var(--color-primary-dark);
    }
}

@media (min-width: 1440px) {
    :root {
        --header-spacing-base: var(--spacing-base);
        --nav-item-gap: var(--header-spacing);
    }
}