/* Since Elementor overwrites some variables, a prefixed version of some of the global styles + additional variables for usage*/
:root {
    /* Generell variables */

    --beon-font-family: "Fira Sans", sans-serif;
    --beon-font-family-2: "Playfair Display", Sans-serif;
    --beon-font-size-small: 14px;
    --beon-font-size-15: 15px;
    --beon-font-size-medium: 17px;
    --beon-primary-color: #D8AE5E;
    --beon-primary-color-2: #261E10;

    --beon-primary-color-light: #F2F5FC;

    --beon-primary-text-color: #6B6259;

    --beon-border-radius-small: 6px;

    --beon-border-color: #E8E5E0;
    --beon-bg-color: #F8F5F2;
    --beon-page-bg-color:#FAF8F3;

    --beon-shadow-color: #00000029;
    --beon-highlight-hover-color: #C5D751;
    --beon-white: #FFF;
    --beon-icon-filter-text-color: brightness(0) saturate(100%) invert(10%) sepia(55%) saturate(376%) hue-rotate(360deg) brightness(99%) contrast(98%);
    --beon-icon-filter-white: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(340deg) brightness(109%) contrast(101%);
    --beon-box-shadow: 0px 2px 12px 0px rgba(38, 29.999999999999982, 16, 0.058823529411764705);
    /* Hover color option? */


    /* Main Search */
    --beon-search-border: 1px solid var(--beon-border-color);
    --beon-search-bg-color: var(--beon-white);
    --beon-search-border-radius: var(--beon-border-radius-small);
    --beon-search-button-bg-color: var(--beon-primary-color);
    --beon-search-font: 400 var(--beon-font-size-medium) var(--beon-font-family);

    --beon-listing-text-color: var(--beon-primary-text-color);
    --beon-listing-facts-font: 600 12px var(--beon-font-family);
    --beon-listing-title-font: 700 26px var(--beon-font-family-2);
    --beon-listing-title-text-color: var(--beon-primary-color-2);
    --beon-listing-price-button-bg-color: var(--beon-primary-color);
    --beon-listing-price-button-font: 600 13px var(--beon-font-family);
    --beon-listing-highlight-font: 500 var(--beon-font-size-15) var(--beon-font-family);
    --beon-active-filter-font: 400 var(--beon-font-size-small) var(--beon-font-family);

    --beon-unit-title-font: 700 34px var(--beon-font-family-2);
    --beon-unit-highlight-bg-color: var(--beon-primary-color);
    --beon-unit-highlight-border-radius:var(--beon-border-radius-small);
    --beon-unit-highlight-font:500 var(--beon-font-size-15) var(--beon-font-family);
    --beon-unit-description-font: 400 var(--beon-font-size-medium)/30px var(--beon-font-family);
    --beon-unit-section-title-font: 500 26px var(--beon-font-family);

    --beon-listing-alt-font:400 var(--beon-font-size-small) var(--beon-font-family);
    --beon-listing-alt-text-color:red;
     /* Map */
    /* --beon-map-icon-size: 40px; */
    --beon-map-icon-box-shadow: 0 3px 6px var(--beon-shadow-color);
    --beon-map-tooltip-border: 1px solid var(--beon-border-color);
    --beon-map-tooltip-border-radius: var(--beon-border-radius-small);
    --beon-map-tooltip-background: var(--beon-white);
    --beon-map-tooltip-img-border-radius: 5px;
    --beon-map-tooltip-title-font: 700 var(--beon-font-size-medium) var(--beon-font-family-2);
    --beon-map-tooltip-title-text-color: var(--beon-primary-color-2);
    --beon-map-tooltip-highlight-font: 500 12px var(--beon-font-family);
    --beon-map-tooltip-highlight-text-color: var(--beon-primary-text-color);
    --beon-map-tooltip-highlight-bg-color: #F4F6F8;
    --beon-map-tooltip-highlight-border-radius: 5px;
    --beon-map-blocker-button-font: 700 var(--beon-font-size-medium) var(--beon-font-family);
    --beon-map-blocker-button-text-color: var(--beon-primary-color-2);
    --beon-map-blocker-button-bg-color: var(--beon-white);
    --beon-map-blocker-button-border: 1px solid var(--beon-border-color);
    --beon-map-blocker-button-border-radius: 10px;
    --beon-map-zoom-button-bg-color: var(--beon-primary-color);
    --beon-map-zoom-button-color: var(--beon-white);
    --beon-map-zoom-button-filter: var(--beon-icon-filter-white);
    --beon-map-zoom-button-border: none;
    --beon-map-zoom-button-border-radius: 50%;
    --beon-map-zoom-button-font: 700 18px/30px var(--beon-font-family);
    --beon-map-blocker-color: #6B625930;
    --beon-map-blocker-opacity: 100%;

    --beon-map-cluster-marker-width: 36px;
    --beon-map-cluster-marker-height: 36px;
    --beon-map-marker-border-radius: 50%;
    --beon-map-cluster-font: 500 var(--beon-font-size-small) var(--beon-font-family);
    --beon-map-cluster-text-color: var(--beon-white);
    --beon-map-cluster-marker-small-bg-color: var(--beon-primary-text-color);
    --beon-map-cluster-marker-medium-bg-color: var(--beon-primary-text-color);
    --beon-map-cluster-marker-large-bg-color: var(--beon-primary-text-color);
}

* {
    font-synthesis: none !important;
    /*Safari is a bit problematic*/
}