/******************/
/* Theme Options */
/****************/

:root {
	/* Page sizes */
	--site-max-width: 1600px; /* LET OP! Verander ook media query op regel 119 */

	--header-height: 4rem;
	--logo-height: 1.3rem;

    /* Fonts */
    --title-ff: 'Galano Grotesque', 'Montserrat', sans-serif;  /* Headings font family */
	--body-ff: var(--title-ff);  /* Body font family */
    --fz: 20px; /* font size */

    --fm: 1; /* font mulitiplier */
    --fs: 1.333; /* font scale */

	--h1-fw: 500;
	--h2-fw: 500;
	--h3-fw: 700;
	--h4-fw: 700;
	--h5-fw: 500;
	--h6-fw: 500;
	--p-fw: 400;

	--h1-lh: 1.1;
	--h2-lh: 1.2;
	--h3-lh: 1.3;
	--h4-lh: 1.4;
	--h5-lh: 1.4;
	--h6-lh: 1.4;
	--p-lh: 1.4;

	--h1-margin: .35em;
	--h2-margin: .475em;
	--h3-margin: .6em;
	--h4-margin: .7em;
	--h5-margin: 1em;
	--h6-margin: 1em;
	--p-margin: 1em;

    /* Color palette */
    --color-1: #BF9372;
    --color-1-hover:#D5AC8C;
    --color-2: #0C0A0B;
    --color-2-hover: #695847;
    --color-3: #f3ede5;
    --color-3-hover: #eee;
    --color-4: #fff;
    --color-4-hover: #eee;

    /* Element colors */
    --body-bg: var(--color-4);

    --body-color: var(--color-2);
    --title-color: var(--color-2);

    --link-color: var(--color-1);
	--link-color-hover: var(--color-1-hover);

	--header-link-color: var(--color-4);
	--header-link-color-hover: var(--color-4-hover);
	--header-link-background-color: transparent;
	--header-link-background-color-hover: #222;

	--header-color: var(--color-4);
	--header-background-color: var(--color-2);

	--modal-link-color: var(--color-4);
	--modal-link-color-hover: var(--color-4-hover);
	--modal-link-background-color: transparent;
	--modal-link-background-color-hover: transparent;

	--modal-color: var(--color-4);
	--modal-background-color: var(--color-2);

	--button-fz: var(--fz, 20px);
	--button-fw: 700;

    --button-color: var(--color-4);
    --button-color-hover: var(--color-4);
	--button-background-color: var(--color-1);
    --button-background-color-hover: var(--color-1-hover);

	--button-2-color: var(--color-2);
	--button-2-color-hover: var(--color-2-hover);
	--button-2-background-color: transparent;
	--button-2-background-color-hover: transparent;

	--highlight: var(--color-1);

    /* Spaces */
    --global-spacing: 2rem;
    --container-spacing: calc(var(--global-spacing) * 2);
    --column-spacing: var(--global-spacing);

    /* Images */
    --image-width: 100%;

	/* Background image block height */
	--bg-img-xl: 100; /* 100 = height: 100vh; min-heigth: 300px; */
	--bg-img-l: 75;
	--bg-img-m: 60;
	--bg-img-s: 40;
	--bg-img-xs: 20;

	/* Hamburger icon */
    --hamburger-text-close: "Sluiten";
    --hamburger-text-color: var(--header-link-color);
	--hamburger-text-color-hover: var(--header-link-color-hover);
    --hamburger-icon-color: var(--header-link-color);
	--hamburger-icon-color-hover: var(--header-link-color-hover);

    --menu-modal-animation-delay: .15s;
}

@media only screen and (min-width: 1615px) { /* min-width = var(--site-max-width) + 15px */
    .bb-container_fwl,
	.bb-container_fwr {
        margin-left: 0 !important;
        width: calc(var(--site-max-width) + (50% - (var(--site-max-width) / 2))) !important;
    }

    .bb-container_fwr {
        margin-right: 0 !important;
        margin-left: auto !important;
    }
}

/* Spaces */
/* @media only screen and (max-width: 1100px){ :root { --global-spacing: 1.5rem; } } */
@media only screen and (max-width: 960px){
	:root {
		--container-spacing: calc(var(--global-spacing) * 1.5);
		--fz: 19px;
		--fm: .9;
	}
}

@media only screen and (max-width: 480px){
	:root {
		--container-spacing: var(--global-spacing);
		--fz: 18px;
		--fm: .75;
	}
}

/* Font scales
1.067 - Minor Second     1.125 - Major Second
1.200 - Minor Third      1.250 - Major Third
1.333 - Perfect Fourth   1.414 - Augmented Fourth
1.500 - Perfect Fifth    1.618 - Golden Ratio
*/

/* Fonts */
@font-face {
	font-family: 'Galano Grotesque';
	src: url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_regular.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Galano Grotesque';
	src: url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_italic.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_italic.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_italic.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_italic.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Galano Grotesque';
	src: url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_medium.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_medium.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_medium.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_medium.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Galano Grotesque';
	src: url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_medium_italic.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_medium_italic.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_medium_italic.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_medium_italic.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Galano Grotesque';
	src: url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_semibold.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_semibold.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_semibold.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_semibold.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Galano Grotesque';
	src: url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_semibold_italic.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_semibold_italic.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_semibold_italic.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_semibold_italic.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'Galano Grotesque';
	src: url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_bold.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_bold.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_bold.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_bold.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Galano Grotesque';
	src: url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_bold_italic.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_bold_italic.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_bold_italic.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_bold_italic.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Galano Grotesque';
	src: url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_extrabold.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_extrabold.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_extrabold.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_extrabold.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Galano Grotesque';
	src: url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_extrabold_italic.woff2') format('woff2'), /* Super Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_extrabold_italic.woff') format('woff'), /* Pretty Modern Browsers */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_extrabold_italic.ttf')  format('truetype'), /* Safari, Android, iOS */
	   url('/wp-content/plugins/z-boldbase-functions/fonts/galano_grotesque_extrabold_italic.svg#svgFontName') format('svg'); /* Legacy iOS */
	font-weight: 800;
	font-style: italic;
}