:root {
    --menu-breakpoint: 768px;

    --selection-color: rgba(0, 163, 255, .25);
    --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: #293033;
    --footer-legal-bg-color: #004C6D;
    --footer-text-color: #FFFFFF;

    --primary-color: #00a3ff;
    --primary-color-disabled: #58bffa;
    --primary-color-hover: #0194e6;
    --primary-color-overlay-text: #FFFFFF;
    --secondary-color: #32D342;
    --secondary-color-hover: #2cbc3a;
    --secondary-color-overlay-text: #FFFFFF;

    --btn-primary-color: #00a3ff;
    --btn-primary-color-disabled: #028ddc;
    --btn-primary-color-hover: #0194e6;
    --btn-primary-color-text: #FFFFFF;
    --btn-primary-color-text-hover: #FFFFFF;

    --btn-outline-primary-color: #fff;
    --btn-outline-primary-color-disabled: #028ddc;
    --btn-outline-primary-color-hover: #0194e6;
    --btn-outline-primary-color-text: #004C6D;
    --btn-outline-primary-color-text-hover: #fff;

    --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: #E7E8E9;
    --btn-tertiary-color-disabled: #dfdfe1;
    --btn-tertiary-color-hover: #d4d5d7;
    --btn-tertiary-color-text: #000000;
    --btn-tertiary-color-text-hover: #000000;

    --text-main: #000;
    --text-main-disabled: #878787;
    --text-primary: #00a3ff;
    --text-primary-hover: #1daafa;
    --text-secondary: #6d6e71; /* in figma, the color is grey everywhere the text-secondary class is used. before it was set to this blue: #004C6D;*/
    --text-secondary-hover: #014461;

    --border-main: #878787;
    --border-secondary: #E7E8E9;
    --border-tertiary: #ADADAD;

    --bucher-yellow: #FFED00;

    --scrollbar-track:#E7E8E9;
    --scrollbar-thumb:#cdcdcd;

    /*
        /
        /
        /
        /
        /
    */
    --light-gray: #E7E8E9;
    --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: white;
    --btn-outline-primary-bg-color-hover: #00a3ff;
    --btn-outline-primary-border-color: #00a3ff;
    --btn-outline-primary-border-color-hover: #00a3ff;
    --btn-outline-primary-text-color: #00a3ff;
    --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: #e7e8e9;
    --border-secondary-color: #6d6e71;
    --primary-text-color: #004C6D;
    --primary-dark: #004C6D;
    --secondary-text-color: #5e5e5e;
    --expand-container-border-width: 1;
    --input-disabled-bg-color: #e7e8e9;
    --input-disabled-border-color: #878787;
    /*--border-primary-color2: #878787;*/
    --text-dark: #004C6D;
    --text-black: black;
    --text-black-disabled: lightgray;
    --border-radius: 0.25rem;
    --facet-filter-bg: #e7e8e9;
    --small-font-size: 14px;
}

@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: 500;
}
/*#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;
}
info > strong {
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    background-color: var(--primary-color);
    color: white;
    border-radius: .25rem;
    line-height: 1.5;
    font-size: 1rem;
    vertical-align: middle;
}