@charset "UTF-8";

/**************************/
/**************************/
/********** VARS **********/
/**************************/
/**************************/

/****************************/
/********** FAMILY **********/
/****************************/

/**
google fonts                                          
**/
/*
100 == thin [OUT]
200 == extra light [OUT]
300 == light
400 == regular
500 == medium [OUT]
600 == demi bold
700 == bold [OUT]
900 == black [OUT]
*/


:root {
	--font-family: 'Quadrant Text', serif;
	--font-family-sans: 'Platform', sans-serif;
	/*
	--font-weight-normal: 200;
	--font-weight-medium: 400;
	--font-weight-bold: 600;
	*/

	--font-weight-normal: 300;
	--font-weight-medium: 400;
	--font-weight-bold: 500;
	--letter-spacing: .0625em;
}

/********************************/
/********** FONT SIZES **********/
/********************************/

:root {
	--font-size: 1rem;
}
@media (min-width: 760px) {
	:root {
		/*--main-font-size: 1.25em;*/
	}
	
}
@media (min-width: 1200px) {
	:root {
		/*--main-font-size: 1.5em;*/
		--main-font-size: 1.25em;
	}
	:root {
		--overlay-font-size: 1.25em;
	}
}
/*
@media (min-width: 0px) {
	:root {
		--font-size: 1rem;
	}
}
@media (min-width: 760px) {
	:root {
		--font-size: 1.25rem;
	}
}
*/


@media (min-width:0px) {
	:root {
		--page-title-font-size: 2em;
		--h1-font-size: 1.5em; /* 2em */
		--h2-font-size: 1.25em;
		--title-font-size: 1.125em;
	}
}
@media (min-width:760px) {
	:root {
		--page-title-font-size: 3em;
		--h1-font-size: 2em; /* 3em */
		--h2-font-size: 1.5em;
		--title-font-size: 1.25em;
	}
}
@media (min-width:1200px) {
	:root {
		--page-title-font-size: 4em;
		--h1-font-size: 3em; /* 4em */
		--h2-font-size: 2em;
		--title-font-size: 1.5em;
	}
}


/***************************/
/***************************/
/********** FONTS **********/
/***************************/
/***************************/

/* Quadrant Text - Regular */
@font-face {
	font-family: 'Quadrant Text';
	src: url('../fonts/QuadrantText-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

/* Quadrant Text - Regular Italic */
@font-face {
	font-family: 'Quadrant Text';
	src: url('../fonts/QuadrantText-RegularItalic.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
	font-display: block;
}


/* Platform - Light (300) */
@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
	font-display: block;
}

/* Platform - Light Italic (300) */
@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-LightItalic.woff2') format('woff2');
	font-weight: 300;
	font-style: italic;
	font-display: block;
}

/* Platform - Regular (400) */

@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-Regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

/* Platform - Regular Italic (400) */

@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-RegularItalic.woff2') format('woff2');
	font-weight: normal;
	font-style: italic;
	font-display: block;
}

/* Platform - Medium (500) */
@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: block;
}

/* Platform - Medium Italic (500) */
@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-MediumItalic.woff2') format('woff2');
	font-weight: 500;
	font-style: italic;
	font-display: block;
}

/* Platform - Bold (700) */
/*
@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
	font-display: block;
}
*/
/* Platform - Bold Italic (700) */
/*
@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-BoldItalic.woff2') format('woff2');
	font-weight: bold;
	font-style: italic;
	font-display: block;
}
*/
/* Platform Hairline - Regular (200) */
/*
@font-face {
	font-family: 'Platform Hairline';
	src: url('../fonts/Platform-Hairline.woff2') format('woff2');
	font-weight: 200;
	font-style: normal;
	font-display: block;
}
*/
/* Platform Hairline - Italic (200) */
/*
@font-face {
	font-family: 'Platform Hairline';
	src: url('../fonts/Platform-HairlineItalic.woff2') format('woff2');
	font-weight: 200;
	font-style: italic;
	font-display: block;
}
*/
/***************************/
/***************************/
/********** FONTS **********/
/***************************/
/***************************/
/*
@font-face {
    font-family: 'Quadrant Text';
    src: url('../fonts/QuadrantText-Regular.eot');
    src: url('../fonts/QuadrantText-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/QuadrantText-Regular.woff2') format('woff2'),
        url('../fonts/QuadrantText-Regular.woff') format('woff'),
        url('../fonts/QuadrantText-Regular.ttf') format('truetype'),
        url('../fonts/QuadrantText-Regular.svg#QuadrantText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quadrant Text';
    src: url('../fonts/QuadrantText-RegularItalic.eot');
    src: url('../fonts/QuadrantText-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/QuadrantText-RegularItalic.woff2') format('woff2'),
        url('../fonts/QuadrantText-RegularItalic.woff') format('woff'),
        url('../fonts/QuadrantText-RegularItalic.ttf') format('truetype'),
        url('../fonts/QuadrantText-RegularItalic.svg#QuadrantText-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
	font-family: 'Platform Hairline';
	src: url('../fonts/Platform-HairlineItalic.eot');
	src: url('../fonts/Platform-HairlineItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Platform-HairlineItalic.woff2') format('woff2'),
		url('../fonts/Platform-HairlineItalic.woff') format('woff'),
		url('../fonts/Platform-HairlineItalic.ttf') format('truetype'),
		url('../fonts/Platform-HairlineItalic.svg#Platform-HairlineItalic') format('svg');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-LightItalic.eot');
	src: url('../fonts/Platform-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Platform-LightItalic.woff2') format('woff2'),
		url('../fonts/Platform-LightItalic.woff') format('woff'),
		url('../fonts/Platform-LightItalic.ttf') format('truetype'),
		url('../fonts/Platform-LightItalic.svg#Platform-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-Light.eot');
	src: url('../fonts/Platform-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Platform-Light.woff2') format('woff2'),
		url('../fonts/Platform-Light.woff') format('woff'),
		url('../fonts/Platform-Light.ttf') format('truetype'),
		url('../fonts/Platform-Light.svg#Platform-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-MediumItalic.eot');
	src: url('../fonts/Platform-MediumItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Platform-MediumItalic.woff2') format('woff2'),
		url('../fonts/Platform-MediumItalic.woff') format('woff'),
		url('../fonts/Platform-MediumItalic.ttf') format('truetype'),
		url('../fonts/Platform-MediumItalic.svg#Platform-MediumItalic') format('svg');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-Medium.eot');
	src: url('../fonts/Platform-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Platform-Medium.woff2') format('woff2'),
		url('../fonts/Platform-Medium.woff') format('woff'),
		url('../fonts/Platform-Medium.ttf') format('truetype'),
		url('../fonts/Platform-Medium.svg#Platform-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-Bold.eot');
	src: url('../fonts/Platform-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Platform-Bold.woff2') format('woff2'),
		url('../fonts/Platform-Bold.woff') format('woff'),
		url('../fonts/Platform-Bold.ttf') format('truetype'),
		url('../fonts/Platform-Bold.svg#Platform-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Platform Hairline';
	src: url('../fonts/Platform-Hairline.eot');
	src: url('../fonts/Platform-Hairline.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Platform-Hairline.woff2') format('woff2'),
		url('../fonts/Platform-Hairline.woff') format('woff'),
		url('../fonts/Platform-Hairline.ttf') format('truetype'),
		url('../fonts/Platform-Hairline.svg#Platform-Hairline') format('svg');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-RegularItalic.eot');
	src: url('../fonts/Platform-RegularItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Platform-RegularItalic.woff2') format('woff2'),
		url('../fonts/Platform-RegularItalic.woff') format('woff'),
		url('../fonts/Platform-RegularItalic.ttf') format('truetype'),
		url('../fonts/Platform-RegularItalic.svg#Platform-RegularItalic') format('svg');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-Regular.eot');
	src: url('../fonts/Platform-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Platform-Regular.woff2') format('woff2'),
		url('../fonts/Platform-Regular.woff') format('woff'),
		url('../fonts/Platform-Regular.ttf') format('truetype'),
		url('../fonts/Platform-Regular.svg#Platform-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Platform';
	src: url('../fonts/Platform-BoldItalic.eot');
	src: url('../fonts/Platform-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Platform-BoldItalic.woff2') format('woff2'),
		url('../fonts/Platform-BoldItalic.woff') format('woff'),
		url('../fonts/Platform-BoldItalic.ttf') format('truetype'),
		url('../fonts/Platform-BoldItalic.svg#Platform-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}
*/

/*********************************/
/*********************************/
/********** FONT FAMILY **********/
/*********************************/
/*********************************/

body {
	font-family: var(--font-family);
	font-weight: var(--font-weight-normal);
	line-height: 1.25;
	letter-spacing: var(--letter-spacing);
}
b, strong {
	font-weight: var(--font-weight-bold);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-title {
	font-family: var(--font-family-sans);
	font-weight: var(--font-weight-medium);
	line-height: 1;
}

header .index,
nav,
.button,

.grid .item,

.post-title,
.post-meta,
.post-day,
.post-date,
.post-time,
.post-location,
.post-country,
.post-price,
.post-production,
.post-tag {
	font-family: var(--font-family-sans);
	font-weight: var(--font-weight-medium);
}

/*******************************/
/*******************************/
/********** FONT SIZE **********/
/*******************************/
/*******************************/

body {
	font-size: var(--font-size);
}
main {
	font-size: var(--main-font-size);
}
#overlays {
	font-size: var(--overlay-font-size);
}
.page-title {
	font-size: var(--page-title-font-size);
}
h1, .h1 {
	font-size: var(--h1-font-size);
}
h2, .h2 {
	font-size: var(--h2-font-size);
}
h3, h4, h5, h6,
.h3, .h4, .h5, .h6 {
	font-size: var(--title-font-size);
}
.important {
	font-size: var(--title-font-size); /*1.5em;*/
}
small,
.small {
	font-size: .75em;
}

/*************************************/
/*************************************/
/********** CONTENT SPACING **********/
/*************************************/
/*************************************/

h1.short + *,
h2.short + *,
h3.short + *,
h4.short + *,
h5.short + *,
h6.short + *,
.hidden:not(h1) + */*,
.hidden:not(.page-title) + **/ {
	margin-top: 0 !important;
}

/**************************/
/********** FORM **********/
/**************************/

label.hidden + * {
	margin: 0;
	padding: 0;
}
* + label.hidden {
	position:relative;
}

/****************************/
/********** @MEDIA **********/
/****************************/

/* default style */
h1:not(.short) + *,
h2:not(.short) + *,
h3:not(.short) + *,
h4:not(.short) + *,
h5:not(.short) + *,
h6:not(.short) + *,

p + *,
pre + *,
blockquote + *,
hr + *,
ul + *,
ol + *,
figure + *,
img + *,
svg + *,

section + *,

/* custom style */
.post-title + *,
.post-meta + *,
.post-day + *,
.post-date + *,
.post-time + *,
.post-location + *,
.post-country + *,
.post-price + *,
.post-production + *,
.post-tag + *,


/*.infos + *,*/
.infos + *,
.images + *,
.description + *,
.important + *,
.columns + *,
.columnizer + *,




.is-limited-large + *,
.is-limited-larger + *,

.grid-container + *,
.grid + *,
.grid .items + *, /* for pagination */
.results + *,


.swiper-container + *,

nav + *,
.buttons + *,
.button + *,
/*
.link + *,
* + .buttons,
* + .button,
*/

* + hr,

.table + *,
* + .table,

.mediaplayer + *,

* + .collapsible.collapsed,
.collapsible + *,
.collapsible-toggle + *,

/* forms */
fieldset + *,
form + *,
form > * + * {
	margin-top:var(--content-spacing);
}

form label + * {
	margin-top: calc(var(--content-spacing) / 3);
}

.background + * {
	margin-top: 0;
}