:root {
    --menu-breakpoint: 768px;
    --selection-color: rgba(239, 125, 0, 0.25);
    --background-color: #111;
    --background-color-secondary: #3c3c3c;
    --background-transparent: rgba(0,0,0, 0.9);
    --background-color-inverted: #fff;
    --header-bg-color: #111;
    --header-text-color: #FFFFFF;
    --menu-bg-color: #3c3c3c;
    --menu-text-color: #FFFFFF;
    --footer-bg-color: #000000;
    --footer-legal-bg-color: #ef7d00;
    --footer-text-color: #FFFFFF;
    --primary-color: #ef7d00;
    --primary-color-disabled: #f1a34d;
    --primary-color-hover: #c86a02;
    --primary-color-overlay-text: #000000;
    --secondary-color: #32D342;
    --secondary-color-hover: #2cbc3a;
    --secondary-color-overlay-text: #FFFFFF;
    --btn-primary-color: #ef7d00;
    --btn-primary-color-disabled: #f1a34d;
    --btn-primary-color-hover: #c86a02;
    --btn-primary-color-text: #000000;
    --btn-primary-color-text-hover: #000000;
    --btn-secondary-color: #32D342;
    --btn-secondary-color-disabled: #53d360;
    --btn-secondary-color-hover: #2cbc3a;
    --btn-secondary-color-text: #FFFFFF;
    --btn-secondary-color-text-hover: #FFFFFF;
    --btn-tertiary-color: #3c3c3c;
    --btn-tertiary-color-disabled: #dfdfe1;
    --btn-tertiary-color-hover: #d4d5d7;
    --btn-tertiary-color-text: #000000;
    --btn-tertiary-color-text-hover: #000000;
    --text-main: #FFFFFF;
    --text-main-disabled: #939393;
    --text-primary: #ef7d00;
    --text-primary-hover: #c86a02;
    --text-secondary: #8f4c02;
    --text-secondary-hover: #6a3801;
    --border-main: #939393;
    --border-secondary: #3c3c3c;
    --scrollbar-track: #3c3c3c;
    --scrollbar-thumb: #cdcdcd;
    --user-primary-color: #ef7d00; /* placeholder - will be set by dealer number */
    /*
        /
        /
        /
        /
        /
    */
    --light-gray: #3c3c3c;
    --light-gray-hover: #d4d5d7;
    --dark: #293033;
    --global-font-family: "Barlow", sans-serif;
    --heading-font-family: "Barlow", sans-serif;
    --text-font-family: "Barlow", sans-serif;
    --bg-selection-color: rgba(0, 163, 255, 0.35);
    --btn-primary-border-color: #00a3ff;
    --btn-primary-border-color-hover: #0062cc;
    --btn-primary-text-color: white;
    --btn-primary-text-color-hover: white;
    --btn-outline-primary-bg-color: #ef7d00;
    --btn-outline-primary-bg-color-hover: #ef7d00;
    --btn-outline-primary-border-color: #ef7d00;
    --btn-outline-primary-border-color-hover: #ef7d00;
    --btn-outline-primary-text-color: #ef7d00;
    --btn-outline-primary-text-color-hover: white;
    --btn-secondary-border-color: #32D342;
    --btn-secondary-border-color-hover: #51aa3e;
    --btn-secondary-text-color: white;
    --btn-secondary-text-color-hover: white;
    --btn-outline-secondary-bg-color: white;
    --btn-outline-secondary-bg-color-hover: #609e53;
    --btn-outline-secondary-border-color: #609e53;
    --btn-outline-secondary-border-color-hover: #609e53;
    --btn-outline-secondary-text-color: #609e53;
    --btn-outline-secondary-text-color-hover: white;
    --btn-outline-tertiary-bg-color: transparent;
    --btn-outline-tertiary-bg-color-hover: #878787;
    --btn-outline-tertiary-border-color: #878787;
    --btn-outline-tertiary-border-color-hover: #878787;
    --btn-outline-tertiary-text-color: black;
    --btn-outline-tertiary-text-color-hover: white;
    --btn-tertiary-text-color: black;
    --btn-tertiary-text-color-hover: black;
    --border-primary-color: #adadad;
    --border-light-color: #3c3c3c;
    --border-secondary-color: #6d6e71;
    --primary-text-color: #ef7d00;
    --primary-dark: #ef7d00;
    --secondary-text-color: #5e5e5e;
    --expand-container-border-width: 1;
    --required-bg-color: #fffce3;
    --input-disabled-bg-color: #3c3c3c;
    --input-disabled-border-color: #878787;
    /*--border-primary-color2: #878787;*/
    --text-dark: #ef7d00;
    --text-black: black;
    --text-black-disabled: lightgray;
    --border-radius: 0.25rem;
    --facet-filter-bg: #3c3c3c;
    --small-font-size: 14px;
}

    /* DEALER THEME COLORS */

    :root.custom-colors {
        --background-color: #FFF;
        --background-color-secondary: #E7E8E9;
        --background-transparent: rgba(255,255,255, 0.9);
        --background-color-inverted: #000;
        --header-bg-color: #FFF;
        --header-text-color: #000000;
        --menu-bg-color: #E7E8E9;
        --menu-text-color: #000000;
        --footer-bg-color: #E7E8E9;
        --footer-legal-bg-color: var(--user-primary-color);
        --footer-text-color: #000;
        --primary-color: var(--user-primary-color);
        --primary-color-disabled: color-mix(in srgb, var(--user-primary-color) 100%, white 50%);
        --primary-color-hover: color-mix(in srgb, var(--user-primary-color) 100%, black 15%);
        --primary-color-overlay-text: #FFF;
        --btn-outline-primary-bg-color: var(--user-primary-color);
        --btn-outline-primary-bg-color-hover: var(--user-primary-color);
        --btn-outline-primary-border-color: var(--user-primary-color);
        --btn-outline-primary-border-color-hover: var(--user-primary-color);
        --btn-outline-primary-text-color: var(--user-primary-color);
        --btn-outline-primary-text-color-hover: white;
        --btn-outline-primary-color-text-hover: white;
        --btn-primary-color: var(--user-primary-color);
        --btn-primary-color-disabled: #f1a34d;
        --btn-primary-color-hover: color-mix(in srgb, var(--user-primary-color) 100%, black 15%);
        --btn-primary-color-text: #FFF;
        --btn-primary-color-text-hover: #FFF;
        --btn-tertiary-color: #E7E8E9;
        --btn-tertiary-color-disabled: #dfdfe1;
        --btn-tertiary-color-hover: #d4d5d7;
        --btn-tertiary-color-text: #000000;
        --btn-tertiary-color-text-hover: #000000;
        --primary-text-color: var(--user-primary-color);
        --primary-dark: var(--user-primary-color);
        --text-main: #000;
        --text-primary: var(--user-primary-color);
        --text-dark: var(--user-primary-color);
        --border-main: #878787;
        --border-secondary: #E7E8E9;
        --border-tertiary: #ADADAD;
        --light-gray: #E7E8E9;
    }

        :root.custom-colors .k-button-flat-primary {
            color: var(--text-primary) !important;
        }

/* END DEALER THEME COLORS */
@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-Regular.ttf');
}

@font-face {
    font-family: 'Barlow Bold';
    src: url('../fonts/Barlow/Barlow-Bold.ttf');
}

@font-face {
    font-family: 'Barlow Italic';
    src: url('../fonts/Barlow/Barlow-Italic.ttf');
}

@font-face {
    font-family: 'Nanum Pen';
    src: url('../fonts/NanumPen/NanumPen-Regular.ttf');
}


@media (min-width: 768px) {
    .menu-bar {
        display: flex !important;
    }

    .mobile-menu {
        display: none !important;
    }

    #menuMobileButton {
        display: none !important;
    }
}


/*#region Global Styles */

::selection {
    background-color: var(--bg-selection-color);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
/*#endregion */

.font-nanum {
    font-family: "Nanum Pen", Arial, Helvetica, sans-serif;
}



.properties-grid .property:nth-child(odd) {
    background: var(--light-gray)
}

input:not([type=checkbox]):not([type=radio]):not(:disabled) {
    background-color: var(--background-color) !important;
}