/*
Theme Name: Clark 2025 v2
Theme URI: https://centreclark.com
Description: Theme for Centre CLARK
Version: 1.7.0
Text Domain: clark
*/

.list-publication,
.list-search {
	float: left;
	float: left;
}
.separator-line,
hr,
.separator-full,
.relative,
.site-topbar .top-search,
.slider-item,
.slider-image,
.slider-caption,
.entry-title,
.entry-artist > h3,
.entry-content,
.page-contact .entry-content h3,
.list-members .block,
.filters-headers .filter-trigger,
.image-wrapper,
.pos-img,
.index-event,
.edit-link,
.index-post-audio .border,
.index-exhibitions .article .block,
.infinite-loader,
.custom-select {
	position: relative;
}
.lang-fr .en,
.lang-en .fr,
.site-topbar .top-search .screen-reader-text,
.site-topbar .top-search .search-form .search-submit,
.site-topbar .wpml-ls .wpml-ls-item.wpml-ls-current-language,
.logo h1,
.logo h2,
.navigation-open,
.site-navigation > div > ul > li.li-hidden,
.slider-caption:empty,
.entry-content .search-form .screen-reader-text,
.list-item .entry-title:empty,
.list-item .entry-artist:empty,
.baguetteBox-button#close-button svg,
.baguetteBox-button#previous-button svg,
.baguetteBox-button#next-button svg {
	display: none;
}
.site-header,
.site-newsletter .button,
.site-login,
.page-contact .entry-header .info:before,
.list-item .block-date,
.filters-headers,
.filters,
.index-event .block-date,
.index-exhibitions,
.index-exhibitions .block-date,
.index-exhibitions .article .block {
	text-align: center;
}
.entry-header .info p,
.entry-title,
.list-item,
.list-item .row,
.list-publication .row,
.list-revue .block .row,
.list-search .row,
.list-search .type,
.index-post-audio .entry-title,
.site-footer h6 {
	margin: 0;
}
.wrapper,
.logo,
.entry-header .info .address,
.entry-header .info .email,
.entry-header .info .wifi,
.entry-header .info .phone,
.entry-header .info .human,
.entry-header .info .gallery,
.filters-headers .filter-trigger {
	margin: auto;
}
.marginBottom10,
.site-header .wrapper.top,
.site-header .wrapper.bottom,
.col .entry-content .entry-title,
.entry-title.marginBottom10,
.entry-content li,
.list-search .entry-title,
.list-search .block-date,
.index-event .entry-artist,
.index-event .entry-artist > h3 {
	margin-bottom: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
.marginBottom20,
.site-copyright,
.slider-wrapper,
.entry-header,
.page-contact .entry-header .paragraph,
.page-contact .entry-header .info,
.entry-header .info p,
.entry-header .info .address,
.entry-header .info .email,
.entry-header .info .wifi,
.entry-header .info .phone,
.entry-header .info .human,
.entry-header .info .gallery,
.entry-title.mobileMarginBottom20,
.page-contact .entry-title,
.entry-content p,
.atelier-credentials > p,
.list-members,
.list-item,
.list-item .entry-title,
.list-item .entry-artist,
.single-room,
.filters-headers,
.filters.open,
.list-publication,
.list-publication .entry-artist,
.list-revue .block,
.list-revue .block .entry-artist,
.list-search,
.list-search .entry-artist,
.index-event .block-date,
.index-event .entry-title,
.index-event .entry-artist.smaller,
.index-exhibitions .block-date,
.members-name-list > ul {
	margin-bottom: 20px;
}
.marginBottom30,
.entry-artist,
.index-exhibitions .article,
.index-exhibitions .article .single-room {
	margin-bottom: 30px;
}
.site-topbar .wpml-ls,
.site-topbar .wpml-ls > ul,
.site-topbar .wpml-ls .wpml-ls-item {
	padding: 0;
}
.wrapper {
	padding: 0 10px;
}
.separator-line,
hr,
.separator-full,
.site-topbar .wpml-ls,
.site-topbar .wpml-ls > ul,
.site-topbar .wpml-ls .wpml-ls-item,
.site-newsletter .email,
.site-newsletter .button,
.index-event .entry-artist.smaller > h3:after {
	border: 0;
}
.site-topbar .wpml-ls a:hover {
	background: none !important;
}
.site-navigation > div > ul li a,
.slider-image,
.page-contact .entry-header .info:before,
.entry-content .search-form .search-field,
.list-item img,
.list-revue .block,
.list-search .block,
.image-wrapper,
.index-event .entry-content,
.infinite-loader {
	width: 100%;
}
.wrapper {
	max-width: 1200px;
}
.social .icon,
.logo,
.navigation-open,
.site-navigation > div > ul li a,
.site-navigation > div > ul > li.li-atelier a,
.site-header .navigation-close,
.site-donation,
.supporters-logos,
.tns-nav,
.tns-nav > button,
.filters,
.list-publication .entry-artist,
.list-revue .block .entry-artist,
.list-search .entry-artist,
.index-event .entry-artist,
.index-event .slider-read-more,
.members-name-list > ul,
.members-name-list > ul li {
	font-size: 0;
}
.separator-line:before,
hr:before,
.separator-full:before,
.logo,
.site-donation,
.site-newsletter .email,
.site-newsletter .button,
.site-login,
.tns-nav > button,
.entry-content.with-top-border:before,
.entry-content.with-yellow-footer:after,
.entry-content .search-form .search-field,
.entry-content .search-form .search-submit,
.page-contact .entry-content h3,
.filters-headers .filter-trigger,
.filters-headers .filter-trigger .text,
.filters-headers .filter-trigger .button,
.list-publication .entry-artist > h3,
.list-revue .block .entry-artist h3:after,
.list-search .entry-artist > h3,
.index-event .entry-artist.smaller > h3,
.index-event .entry-artist > h3,
.edit-link,
.edit-link .post-edit-link,
.index-exhibitions .block-date,
.members-name-list > h3,
.members-name-list > ul li,
.members-name-list > ul li:after,
.members-name-list > ul li .member-name,
.custom-select {
	display: inline-block;
}
.site-topbar .wrapper,
.site-topbar .top-search,
.site-topbar .top-search .search-form,
.site-topbar .top-search .search-form > label,
.site-topbar .top-search .search-field,
.site-topbar .wpml-ls,
.site-topbar .wpml-ls > ul,
.site-topbar .wpml-ls .wpml-ls-item,
.site-topbar .wpml-ls a,
.slider-image,
.index-event .entry-content {
	height: 100%;
}
.site-topbar .top-search .search-form > label,
.site-topbar .top-search .search-field,
.list-revue .block .entry-artist h3 {
	display: inline-block;
	vertical-align: top;
}
.supporters-logos .supporters-logo {
	display: inline-block;
	vertical-align: middle;
}
.navigation-open,
.site-newsletter .button,
.filters-headers .filter-trigger .button {
	cursor: pointer;
}
@font-face {
	font-family: 'text';
	src: local('Apercu-Mono'), local('ApercuMonoRegular'),
		url('fonts/ApercuMonoRegular.woff2') format('woff2'),
		url('fonts/ApercuMonoRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'text';
	src: local('Apercu-MonoBold'),
		url('fonts/Apercu-MonoBold.woff2') format('woff2'),
		url('fonts/Apercu-MonoBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'title';
	src: local('Neuzeit Office Regular'),
		local('NeuzeitOfficeRegular'),
		url('fonts/NeuzeitOfficeRegular.woff2') format('woff2'),
		url('fonts/NeuzeitOfficeRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'titlebold';
	src: local('Neuzeit Office Bold'), local('NeuzeitOfficeBold'),
		url('fonts/NeuzeitOfficeBold.woff2') format('woff2'),
		url('fonts/NeuzeitOfficeBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'titlebolditalic';
	src: local('Neuzeit Office Bold Italic'),
		local('NeuzeitOfficeBoldItalic'),
		url('fonts/NeuzeitOfficeBoldItalic.woff2') format('woff2'),
		url('fonts/NeuzeitOfficeBoldItalic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}
.col .row {
	margin-left: -20px;
	margin-right: -20px;
}
.row {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.row.marginBottom0 {
	margin-bottom: 0;
}
.row.marginBottom10 {
	margin-bottom: 10px;
}
.row.marginBottom30 {
	margin-bottom: 30px;
}
.row:after {
	content: '';
	display: table;
	clear: both;
}
.row .col {
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px;
	min-height: 1px;
}
.row .col[class*='push-'],
.row .col[class*='pull-'] {
	position: relative;
}
.row .col.s1 {
	width: 8.3333333333%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s2 {
	width: 16.6666666667%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s3 {
	width: 25%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s4 {
	width: 33.3333333333%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s5 {
	width: 41.6666666667%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s6 {
	width: 50%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s7 {
	width: 58.3333333333%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s8 {
	width: 66.6666666667%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s9 {
	width: 75%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s10 {
	width: 83.3333333333%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s11 {
	width: 91.6666666667%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.s12 {
	width: 100%;
	margin-left: auto;
	left: auto;
	right: auto;
}
.row .col.offset-s1 {
	margin-left: 8.3333333333%;
}
.row .col.pull-s1 {
	right: 8.3333333333%;
}
.row .col.push-s1 {
	left: 8.3333333333%;
}
.row .col.offset-s2 {
	margin-left: 16.6666666667%;
}
.row .col.pull-s2 {
	right: 16.6666666667%;
}
.row .col.push-s2 {
	left: 16.6666666667%;
}
.row .col.offset-s3 {
	margin-left: 25%;
}
.row .col.pull-s3 {
	right: 25%;
}
.row .col.push-s3 {
	left: 25%;
}
.row .col.offset-s4 {
	margin-left: 33.3333333333%;
}
.row .col.pull-s4 {
	right: 33.3333333333%;
}
.row .col.push-s4 {
	left: 33.3333333333%;
}
.row .col.offset-s5 {
	margin-left: 41.6666666667%;
}
.row .col.pull-s5 {
	right: 41.6666666667%;
}
.row .col.push-s5 {
	left: 41.6666666667%;
}
.row .col.offset-s6 {
	margin-left: 50%;
}
.row .col.pull-s6 {
	right: 50%;
}
.row .col.push-s6 {
	left: 50%;
}
.row .col.offset-s7 {
	margin-left: 58.3333333333%;
}
.row .col.pull-s7 {
	right: 58.3333333333%;
}
.row .col.push-s7 {
	left: 58.3333333333%;
}
.row .col.offset-s8 {
	margin-left: 66.6666666667%;
}
.row .col.pull-s8 {
	right: 66.6666666667%;
}
.row .col.push-s8 {
	left: 66.6666666667%;
}
.row .col.offset-s9 {
	margin-left: 75%;
}
.row .col.pull-s9 {
	right: 75%;
}
.row .col.push-s9 {
	left: 75%;
}
.row .col.offset-s10 {
	margin-left: 83.3333333333%;
}
.row .col.pull-s10 {
	right: 83.3333333333%;
}
.row .col.push-s10 {
	left: 83.3333333333%;
}
.row .col.offset-s11 {
	margin-left: 91.6666666667%;
}
.row .col.pull-s11 {
	right: 91.6666666667%;
}
.row .col.push-s11 {
	left: 91.6666666667%;
}
.row .col.offset-s12 {
	margin-left: 100%;
}
.row .col.pull-s12 {
	right: 100%;
}
.row .col.push-s12 {
	left: 100%;
}
@media only screen and (min-width: 801px) {
	.row .col.m1 {
		width: 8.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.m2 {
		width: 16.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.m3 {
		width: 25%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.m4 {
		width: 33.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.m5 {
		width: 41.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.m6 {
		width: 50%;
		margin-left: auto;
		margin: 0;
		left: auto;
		right: auto;
	}
	.row .col.m7 {
		width: 58.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.m8 {
		width: 66.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.m9 {
		width: 75%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.m10 {
		width: 83.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.m11 {
		width: 91.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.m12 {
		width: 100%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.row .col.offset-m1 {
		margin-left: 8.3333333333%;
	}
	.row .col.pull-m1 {
		right: 8.3333333333%;
	}
	.row .col.push-m1 {
		left: 8.3333333333%;
	}
	.row .col.offset-m2 {
		margin-left: 16.6666666667%;
	}
	.row .col.pull-m2 {
		right: 16.6666666667%;
	}
	.row .col.push-m2 {
		left: 16.6666666667%;
	}
	.row .col.offset-m3 {
		margin-left: 25%;
	}
	.row .col.pull-m3 {
		right: 25%;
	}
	.row .col.push-m3 {
		left: 25%;
	}
	.row .col.offset-m4 {
		margin-left: 33.3333333333%;
	}
	.row .col.pull-m4 {
		right: 33.3333333333%;
	}
	.row .col.push-m4 {
		left: 33.3333333333%;
	}
	.row .col.offset-m5 {
		margin-left: 41.6666666667%;
	}
	.row .col.pull-m5 {
		right: 41.6666666667%;
	}
	.row .col.push-m5 {
		left: 41.6666666667%;
	}
	.row .col.offset-m6 {
		margin-left: 50%;
	}
	.row .col.pull-m6 {
		right: 50%;
	}
	.row .col.push-m6 {
		left: 50%;
	}
	.row .col.offset-m7 {
		margin-left: 58.3333333333%;
	}
	.row .col.pull-m7 {
		right: 58.3333333333%;
	}
	.row .col.push-m7 {
		left: 58.3333333333%;
	}
	.row .col.offset-m8 {
		margin-left: 66.6666666667%;
	}
	.row .col.pull-m8 {
		right: 66.6666666667%;
	}
	.row .col.push-m8 {
		left: 66.6666666667%;
	}
	.row .col.offset-m9 {
		margin-left: 75%;
	}
	.row .col.pull-m9 {
		right: 75%;
	}
	.row .col.push-m9 {
		left: 75%;
	}
	.row .col.offset-m10 {
		margin-left: 83.3333333333%;
	}
	.row .col.pull-m10 {
		right: 83.3333333333%;
	}
	.row .col.push-m10 {
		left: 83.3333333333%;
	}
	.row .col.offset-m11 {
		margin-left: 91.6666666667%;
	}
	.row .col.pull-m11 {
		right: 91.6666666667%;
	}
	.row .col.push-m11 {
		left: 91.6666666667%;
	}
	.row .col.offset-m12 {
		margin-left: 100%;
	}
	.row .col.pull-m12 {
		right: 100%;
	}
	.row .col.push-m12 {
		left: 100%;
	}
}
/* Reset 
 -------------------------------------------------------------- */
abbr,
article,
aside,
audio,
blockquote,
body,
code,
div,
em,
fieldset,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
img,
label,
legend,
li,
nav,
object,
ol,
p,
pre,
section,
span,
table,
tbody,
tfoot,
thead,
time,
tr,
ul,
video {
	font-size: 100%;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	background-color: transparent;
}
iframe {
	font-size: 100%;
	font-weight: inherit;
	vertical-align: baseline;
}
iframe,
small,
strong,
sub,
sup,
td,
th {
	margin: 0;
	padding: 0;
	background-color: transparent;
}
small {
	border: 0;
}
small,
strong {
	vertical-align: baseline;
}
small,
sub,
sup {
	font-weight: inherit;
}
strong,
sub,
sup,
td,
th {
	font-size: 100%;
}
body,
html {
	height: 100%;
}
html {
	font-family: 'Basel Grotesk', sans-serif;
	overflow-y: scroll;
	box-sizing: border-box;
	line-height: 1.15;
}
*,
::after,
::before {
	box-sizing: inherit;
	background-repeat: no-repeat;
}
body {
	line-height: 1;
	/*text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale*/
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
small,
summary {
	display: block;
}
audio,
embed,
iframe,
img,
object,
video {
	max-width: 100%;
	height: auto;
}
iframe,
strong,
sub,
sup,
td,
th {
	border: 0;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
blockquote,
q {
	quotes: none;
}
blockquote::after,
blockquote::before,
q::after,
q::before {
	content: none;
}
li,
ul {
	list-style-type: none;
}
sup {
	vertical-align: top;
	font-size: smaller;
}
input[type='radio'],
sub {
	vertical-align: text-bottom;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
caption,
td,
th {
	font-weight: 400;
	text-align: left;
	vertical-align: top;
}
input {
	line-height: normal;
	border-radius: 0;
}
input,
select {
	vertical-align: middle;
}
button,
input,
select,
textarea {
	margin: 0;
	text-transform: none;
	border: 0;
}
input[type='checkbox'] {
	vertical-align: bottom;
}
input::-ms-clear {
	display: none;
}
input::-ms-reveal {
	display: none;
}
b,
strong {
	font-weight: 700;
}
small {
	font-size: 80%;
}
abbr,
acronym {
	cursor: help;
	text-decoration: none;
	border-bottom: 0.1em dotted;
}
a:active,
a:hover {
	outline-width: 0;
}
[role='button'],
[type='button'],
[type='reset'],
[type='submit'],
button,
input[type='file'],
label {
	cursor: pointer;
}
[disabled] {
	cursor: default;
}
img {
	border-style: none;
}
code,
kbd,
pre,
samp {
	font-family: monospace;
}
/* Clearing floats */
.clear:after {
	clear: both;
}
.clear:before,
.clear:after {
	display: table;
	content: '';
}

/*

textarea,
select,
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
input[type='submit'] {
	-webkit-appearance: none;
	border-radius: 0;
	box-sizing: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	outline: none;
	color: #000;
	outline: 0;
	padding: 7px 15px 5px 15px;
	font-size: 12px;
}
@media (max-width: 800px) and (-webkit-min-device-pixel-ratio: 0) {
	textarea,
	select,
	input[type='date'],
	input[type='datetime'],
	input[type='datetime-local'],
	input[type='email'],
	input[type='month'],
	input[type='number'],
	input[type='password'],
	input[type='search'],
	input[type='tel'],
	input[type='text'],
	input[type='time'],
	input[type='url'],
	input[type='week'],
	input[type='submit'] {
		font-size: 18px !important;
	}
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected,
textarea:-internal-autofill-previewed,
textarea:-internal-autofill-selected,
select:-internal-autofill-previewed,
select:-internal-autofill-selected {
	background-color: inherit !important;
	background-image: inherit !important;
	color: #000 !important;
}
*/
/* REUSABLE EXTENDS */
.list-publication,
.list-search {
	float: left;
}
.separator-line,
hr,
.separator-full,
.relative,
.site-topbar .top-search,
.slider-item,
.slider-image,
.slider-caption,
.entry-title,
.entry-artist > h3,
.entry-content,
.page-contact .entry-content h3,
.list-members .block,
.filters-headers .filter-trigger,
.image-wrapper,
.pos-img,
.index-event,
.edit-link,
.index-post-audio .border,
.index-exhibitions .article .block,
.infinite-loader,
.custom-select {
	position: relative;
}
.lang-fr .en,
.lang-en .fr,
.site-topbar .top-search .screen-reader-text,
.site-topbar .top-search .search-form .search-submit,
.site-topbar .wpml-ls .wpml-ls-item.wpml-ls-current-language,
.logo h1,
.logo h2,
.navigation-open,
.site-navigation > div > ul > li.li-hidden,
.slider-caption:empty,
.entry-content .search-form .screen-reader-text,
.list-item .entry-title:empty,
.list-item .entry-artist:empty,
.baguetteBox-button#close-button svg,
.baguetteBox-button#previous-button svg,
.baguetteBox-button#next-button svg {
	display: none;
}
.site-header,
.site-newsletter .button,
.site-login,
.page-contact .entry-header .info:before,
.list-item .block-date,
.filters-headers,
.filters,
.index-event .block-date,
.index-exhibitions,
.index-exhibitions .block-date,
.index-exhibitions .article .block {
	text-align: center;
}
.entry-header .info p,
.entry-title,
.list-item,
.list-item .row,
.list-publication .row,
.list-revue .block .row,
.list-search .row,
.list-search .type,
.index-post-audio .entry-title {
	margin: 0;
}
.wrapper,
.logo,
.entry-header .info .address,
.entry-header .info .email,
.entry-header .info .wifi,
.entry-header .info .phone,
.entry-header .info .human,
.entry-header .info .gallery,
.filters-headers .filter-trigger {
	margin: auto;
}
.marginBottom10,
.site-header .wrapper.top,
.site-header .wrapper.bottom,
.col .entry-content .entry-title,
.entry-title.marginBottom10,
.entry-content li,
.list-search .entry-title,
.list-search .block-date,
.index-event .entry-artist,
.index-event .entry-artist > h3 {
	margin-bottom: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
.marginBottom20,
.site-copyright,
.slider-wrapper,
.entry-header,
.page-contact .entry-header .paragraph,
.page-contact .entry-header .info,
.entry-header .info p,
.entry-header .info .address,
.entry-header .info .email,
.entry-header .info .wifi,
.entry-header .info .phone,
.entry-header .info .human,
.entry-header .info .gallery,
.entry-title.mobileMarginBottom20,
.page-contact .entry-title,
.entry-content p,
.atelier-credentials > p,
.list-members,
.list-item,
.list-item .entry-title,
.list-item .entry-artist,
.single-room,
.filters-headers,
.filters.open,
.list-publication,
.list-publication .entry-artist,
.list-revue .block,
.list-revue .block .entry-artist,
.list-search,
.list-search .entry-artist,
.index-event .block-date,
.index-event .entry-title,
.index-event .entry-artist.smaller,
.index-exhibitions .block-date,
.members-name-list > ul {
	margin-bottom: 20px;
}
.marginBottom30,
.entry-artist,
.index-exhibitions .article,
.index-exhibitions .article .single-room {
	margin-bottom: 30px;
}
.marginBottom40,
.supporters-logos,
.entry-header .paragraph,
.entry-header .single-date,
.entry-header .info,
.entry-content table,
.files-links-wrapper {
	margin-bottom: 40px;
}
.marginBottom50 {
	margin-bottom: 50px;
}
.marginTop10 {
	margin-top: 10px;
}
.marginTop20 {
	margin-top: 20px;
}
.marginTop30 {
	margin-top: 30px;
}
.marginTop40 {
	margin-top: 40px;
}
.marginTop50 {
	margin-top: 50px;
}
.site-topbar .wpml-ls,
.site-topbar .wpml-ls > ul,
.site-topbar .wpml-ls .wpml-ls-item {
	padding: 0;
}
.wrapper {
	padding: 0 10px;
}
.index-exhibitions .article .single-room {
	padding-top: 30px;
}
.separator-line,
hr,
.separator-full,
.site-topbar .wpml-ls,
.site-topbar .wpml-ls > ul,
.site-topbar .wpml-ls .wpml-ls-item,
.site-newsletter .email,
.site-newsletter .button,
.index-event .entry-artist.smaller > h3:after {
	border: 0;
}
.site-topbar .wpml-ls a:hover {
	background: none !important;
}
.site-navigation > div > ul li a,
.slider-image,
.page-contact .entry-header .info:before,
.entry-content .search-form .search-field,
.list-item img,
.list-revue .block,
.list-search .block,
.image-wrapper,
.index-event .entry-content,
.infinite-loader {
	width: 100%;
}
.wrapper {
	max-width: 1200px;
}
.social .icon,
.logo,
.navigation-open,
.site-navigation > div > ul li a,
.site-navigation > div > ul > li.li-atelier a,
.site-header .navigation-close,
.site-donation,
.supporters-logos,
.tns-nav,
.tns-nav > button,
.filters,
.list-publication .entry-artist,
.list-revue .block .entry-artist,
.list-search .entry-artist,
.index-event .entry-artist,
.index-event .slider-read-more,
.members-name-list > ul,
.members-name-list > ul li {
	font-size: 0;
}
.separator-line:before,
hr:before,
.separator-full:before,
.logo,
.site-donation,
.site-newsletter .email,
.site-newsletter .button,
.site-login,
.tns-nav > button,
.entry-content.with-top-border:before,
.entry-content.with-yellow-footer:after,
.entry-content .search-form .search-field,
.entry-content .search-form .search-submit,
.page-contact .entry-content h3,
.filters-headers .filter-trigger,
.filters-headers .filter-trigger .text,
.filters-headers .filter-trigger .button,
.list-publication .entry-artist > h3,
.list-revue .block .entry-artist h3:after,
.list-search .entry-artist > h3,
.index-event .entry-artist.smaller > h3,
.index-event .entry-artist > h3,
.edit-link,
.edit-link .post-edit-link,
.index-exhibitions .block-date,
.members-name-list > h3,
.members-name-list > ul li,
.members-name-list > ul li:after,
.members-name-list > ul li .member-name,
.custom-select {
	display: inline-block;
}
.site-topbar .wrapper,
.site-topbar .top-search,
.site-topbar .top-search .search-form,
.site-topbar .top-search .search-form > label,
.site-topbar .top-search .search-field,
.site-topbar .wpml-ls,
.site-topbar .wpml-ls > ul,
.site-topbar .wpml-ls .wpml-ls-item,
.site-topbar .wpml-ls a,
.slider-image,
.index-event .entry-content {
	height: 100%;
}
.site-topbar .top-search .search-form > label,
.site-topbar .top-search .search-field,
.list-revue .block .entry-artist h3 {
	display: inline-block;
	vertical-align: top;
}
.supporters-logos .supporters-logo {
	display: inline-block;
	vertical-align: middle;
}
.navigation-open,
.site-newsletter .button,
.filters-headers .filter-trigger .button {
	cursor: pointer;
}
.overflowHidden {
	overflow: hidden;
	position: relative;
}
.fontSize12 {
	font-size: 12px;
}
@media (max-width: 800px) {
	.fontSize12 {
		font-size: 0.6rem;
	}
}
.fontSize13 {
	font-size: 13px;
}
@media (max-width: 800px) {
	.fontSize13 {
		font-size: 0.65rem;
	}
}
.fontSize14,
h6,
.h6 {
	font-size: 14px;
}
@media (max-width: 800px) {
	.fontSize14,
	h6,
	.h6 {
		font-size: 0.7rem;
	}
}
.fontSize15 {
	font-size: 15px;
}
@media (max-width: 800px) {
	.fontSize15 {
		font-size: 0.75rem;
	}
}
.fontSize16 {
	font-size: 16px;
}
@media (max-width: 800px) {
	.fontSize16 {
		font-size: 0.8rem;
	}
}
.fontSize17 {
	font-size: 17px;
}
@media (max-width: 800px) {
	.fontSize17 {
		font-size: 0.85rem;
	}
}
.fontSize18,
h5,
.h5 {
	font-size: 18px;
}
@media (max-width: 800px) {
	.fontSize18,
	h5,
	.h5 {
		font-size: 0.9rem;
	}
}
.fontSize19 {
	font-size: 19px;
}
@media (max-width: 800px) {
	.fontSize19 {
		font-size: 0.95rem;
	}
}
.fontSize20 {
	font-size: 20px;
}
@media (max-width: 800px) {
	.fontSize20 {
		font-size: 1rem;
	}
}
.fontSize21,
h4,
.h4 {
	font-size: 21px;
}
@media (max-width: 800px) {
	.fontSize21,
	h4,
	.h4 {
		font-size: 1.05rem;
	}
}
.fontSize22 {
	font-size: 22px;
}
@media (max-width: 800px) {
	.fontSize22 {
		font-size: 1.1rem;
	}
}
.fontSize23 {
	font-size: 23px;
}
@media (max-width: 800px) {
	.fontSize23 {
		font-size: 1.15rem;
	}
}
.fontSize24 {
	font-size: 24px;
}
@media (max-width: 800px) {
	.fontSize24 {
		font-size: 1.2rem;
	}
}
.fontSize25 {
	font-size: 25px;
}
@media (max-width: 800px) {
	.fontSize25 {
		font-size: 1.25rem;
	}
}
.fontSize26 {
	font-size: 26px;
}
@media (max-width: 800px) {
	.fontSize26 {
		font-size: 1.3rem;
	}
}
.fontSize27,
h3,
.h3 {
	font-size: 27px;
}
@media (max-width: 800px) {
	.fontSize27,
	h3,
	.h3 {
		font-size: 1.35rem;
	}
}
.fontSize28 {
	font-size: 28px;
}
@media (max-width: 800px) {
	.fontSize28 {
		font-size: 1.4rem;
	}
}
.fontSize29 {
	font-size: 29px;
}
@media (max-width: 800px) {
	.fontSize29 {
		font-size: 1.45rem;
	}
}
.fontSize30,
h2,
.h2 {
	font-size: 30px;
}
@media (max-width: 800px) {
	.fontSize30,
	h2,
	.h2 {
		font-size: 1.5rem;
	}
}
.fontSize31 {
	font-size: 31px;
}
@media (max-width: 800px) {
	.fontSize31 {
		font-size: 1.55rem;
	}
}
.fontSize32,
h1,
.h1 {
	font-size: 32px;
}
@media (max-width: 800px) {
	.fontSize32,
	h1,
	.h1 {
		font-size: 1.6rem;
	}
}
.fontSize33 {
	font-size: 33px;
}
@media (max-width: 800px) {
	.fontSize33 {
		font-size: 1.65rem;
	}
}
.fontSize34 {
	font-size: 34px;
}
@media (max-width: 800px) {
	.fontSize34 {
		font-size: 1.7rem;
	}
}
.fontSize35 {
	font-size: 35px;
}
@media (max-width: 800px) {
	.fontSize35 {
		font-size: 1.75rem;
	}
}
.fontSize36 {
	font-size: 36px;
}
@media (max-width: 800px) {
	.fontSize36 {
		font-size: 1.8rem;
	}
}
.fontSize37 {
	font-size: 37px;
}
@media (max-width: 800px) {
	.fontSize37 {
		font-size: 1.85rem;
	}
}
.fontSize38 {
	font-size: 38px;
}
@media (max-width: 800px) {
	.fontSize38 {
		font-size: 1.9rem;
	}
}
.fontSize39 {
	font-size: 39px;
}
@media (max-width: 800px) {
	.fontSize39 {
		font-size: 1.95rem;
	}
}
.fontSize40 {
	font-size: 40px;
}
@media (max-width: 800px) {
	.fontSize40 {
		font-size: 2rem;
	}
}
.slider-caption,
.edit-link {
	font-size: 12px;
}
@media (max-width: 800px) {
	.slider-caption,
	.edit-link {
		font-size: 0.6rem;
	}
}
.site-navigation > div > ul > li > ul,
.site-navigation > div > ul > li ul a,
.site-copyright,
.site-newsletter,
.site-login,
.site-newsletter .email,
.site-newsletter .button,
.entry-header .single-date,
.entry-header .info,
.entry-content .search-form .search-field,
.entry-content .search-form .search-submit,
.atelier-credentials,
.filters-headers .filter-trigger .button,
#baguetteBox-overlay .full-image figcaption,
.members-name-list > ul li:after,
.members-name-list > ul li .member-name {
	font-size: 14px;
}
@media (max-width: 800px) {
	.site-navigation > div > ul > li > ul,
	.site-navigation > div > ul > li ul a,
	.site-copyright,
	.site-newsletter,
	.site-login,
	.site-newsletter .email,
	.site-newsletter .button,
	.entry-header .single-date,
	.entry-header .info,
	.entry-content .search-form .search-field,
	.entry-content .search-form .search-submit,
	.atelier-credentials,
	.filters-headers .filter-trigger .button,
	#baguetteBox-overlay .full-image figcaption,
	.members-name-list > ul li:after,
	.members-name-list > ul li .member-name {
		font-size: 0.7rem;
	}
}
.extra-right-margin,
.baguetteBox-button {
	font-size: 15px;
}
@media (max-width: 800px) {
	.extra-right-margin,
	.baguetteBox-button {
		font-size: 0.75rem;
	}
}
.files-links-wrapper,
.list-members .block > h4,
.filters .filter-year {
	font-size: 16px;
}
@media (max-width: 800px) {
	.files-links-wrapper,
	.list-members .block > h4,
	.filters .filter-year {
		font-size: 0.8rem;
	}
}
.single-room,
.index-event .block-date {
	font-size: 15px;
}
@media (max-width: 800px) {
	.single-room,
	.index-event .block-date {
		font-size: 0.75rem;
	}
}
.list-revue .block .entry-artist h3 {
	font-size: 19px;
}
@media (max-width: 800px) {
	.list-revue .block .entry-artist h3 {
		font-size: 0.95rem;
	}
}
.entry-artist.smaller h3,
.entry-artist.writer h3,
.list-item .block-date,
.list-publication .entry-artist > h3,
.list-search .entry-artist > h3,
.index-event .entry-artist.smaller > h3,
.index-exhibitions .article .single-room {
	font-size: 20px;
}
@media (max-width: 800px) {
	.entry-artist.smaller h3,
	.entry-artist.writer h3,
	.list-item .block-date,
	.list-publication .entry-artist > h3,
	.list-search .entry-artist > h3,
	.index-event .entry-artist.smaller > h3,
	.index-exhibitions .article .single-room {
		font-size: 1rem;
	}
}
.filters-headers,
.members-name-list > h3 {
	font-size: 21px;
}
@media (max-width: 800px) {
	.filters-headers,
	.members-name-list > h3 {
		font-size: 1.05rem;
	}
}
.index-exhibitions .block-date {
	font-size: 18px;
}
@media (max-width: 800px) {
	.index-exhibitions .block-date {
		font-size: 1.1rem;
	}
}
.entry-title.smaller,
.page-contact .entry-content h3,
.individual {
	font-size: 24px;
}
@media (max-width: 800px) {
	.entry-title.smaller,
	.page-contact .entry-content h3,
	.individual {
		font-size: 1.2rem;
	}
}
.page-contact .entry-header .info:before,
.single-event .entry-title,
.entry-title.title-revue,
.index-post-audio .entry-artist > h3 {
	font-size: 30px;
}
@media (max-width: 800px) {
	.page-contact .entry-header .info:before,
	.single-event .entry-title,
	.entry-title.title-revue,
	.index-post-audio .entry-artist > h3 {
		font-size: 1.5rem;
	}
}
.entry-artist > h3,
.index-event .entry-artist > h3,
.index-post-audio .entry-title,
.index-exhibitions .article .entry-artist h3 {
	font-size: 36px;
}
@media (max-width: 800px) {
	.entry-artist > h3,
	.index-event .entry-artist > h3,
	.index-post-audio .entry-title,
	.index-exhibitions .article .entry-artist h3 {
		font-size: 1.8rem;
	}
}
.entry-title {
	font-size: 37px;
}
@media (max-width: 800px) {
	.entry-title {
		font-size: 1.85rem;
	}
}
.textRight {
	text-align: right;
}
.textCenter {
	text-align: center;
}
@media (max-width: 800px) {
	.mobileTextCenter {
		text-align: center;
	}
}
@media (max-width: 800px) {
	.mobileMarginBottom20 {
		margin-bottom: 20px;
	}
}
img,
.block {
	display: block;
}
.block {
	transition: background-color 0.3s;
}
@media (hover: hover) {
	.block:hover {
		background-color: #ffd520;
	}
	.block:hover .hover-color {
		/* box-shadow: inset 0 0 0 3px $linkColorAlt; */
		background-color: rgba(255, 213, 32, 0.6);
	}
}
.separator-line,
hr {
	margin: 30px 0 40px;
}
.separator-line:before,
hr:before {
	content: '';
	width: 100px;
	height: 6px;
	background: #000;
	z-index: 2;
}
.separator-full {
	margin: 30px 0 40px;
}
.separator-full:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #222;
	z-index: 2;
}
/* FADEIN ANIMATION */
@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* STICKY FOOTER */
.site {
	min-height: 100vh;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.site-content-contain {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
/* EQUAL HEIGHT COLUMNS */
.flexEqualHeight {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.flexEqualHeight > * {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
/* LANG */
.lang-fr .fr {
	display: block;
}
.lang-en .en {
	display: block;
}
/* BODY */
html.noscroll {
	overflow: hidden;
}
/*
body {
	animation: fadein 1s;
	margin: auto;
	background-color: #efefef;
	font-family: 'text', sans-serif;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: -1px;
	color: #222;
	word-break: break-word;
	/*
   zoom: reset;
   user-zoom: fixed;
   */
	/* THE LINKS */
/*}*/
@media (max-width: 800px) {
/*
    body {
		font-size: 18px;
	}
    */
}
body a,
body .button {
	transition: color 0.2s;
	color: #444;
	text-decoration: none;
}
@media (hover: hover) {
	body a:hover,
	body .button:hover {
		color: #000;
	}
}
body :focus {
	outline: none;
}
.bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	background-size: cover;
}
.bg .lazy {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
}
/* SHARED */
.flex {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.flex-col {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex-kid {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'titlebold', sans-serif;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0;
}
.overline {
	border-top: 8px solid black;
}
.title {
	font-family: 'title', sans-serif;
}
.titlebold {
	font-family: 'titlebold', serif;
	font-weight: bold;
}
.letter-spacing1 {
	letter-spacing: 1px;
}
.uppercase {
	text-transform: uppercase;
}
/* MAIN */
@media (max-width: 800px) {
	.wrapper {
		padding: 0 !important;
	}
}
.site-topbar {
	height: 40px;
	background: #fff;
	box-shadow: 0 0 2px 0 #eee;
	/*  WPML  */
}
@media (max-width: 800px) {
	.site-topbar {
		height: 50px;
	}
}
.site-topbar .wrapper {
	display: flex;
}
.site-topbar .social,
.site-topbar .search-lang {
	display: flex;
	align-items: center;
	flex: 1 0 auto;
}
.site-topbar .search-lang {
	justify-content: flex-end;
}
.site-topbar .top-search .search-form {
	position: absolute;
	right: 15px;
	top: 0;
}
@media (max-width: 800px) {
	.site-topbar .top-search .search-form {
		right: 0;
	}
}
.site-topbar .top-search .search-field {
	background-color: white;
	background-image: url(images/search.svg);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition: width 400ms ease, background 400ms ease;
	width: 0;
}
@media (max-width: 800px) {
	.site-topbar .top-search .search-field {
		background-position: 5px center;
		background-size: 17px 17px;
	}
}
.site-topbar .top-search .search-field:focus {
	cursor: text;
	outline: 0;
	width: 180px;
}
.site-topbar .wpml-ls {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
}
.site-topbar .wpml-ls > ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.site-topbar .wpml-ls .wpml-ls-item {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/* TO HIDE CURRENT LANG */
}
.site-topbar .wpml-ls a {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 0 11px;
	background: #ffd520;
	text-decoration: none;
	line-height: normal;
}
@media (hover: hover) {
}
.site-topbar .wpml-ls a span {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}
.site-topbar .wpml-ls a span.wpml-ls-display {
	display: none;
}
.social {
	display: flex;
	align-items: center;
	flex: 1 0 auto;
}
.social.footer-social {
	height: 35px;
}
.social .icon {
	width: 35px;
	height: 100%;
	margin-right: 2px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50% auto;
}
.social .icon.icon-instagram {
	background-image: url(images/instagram.svg);
}
/*
@supports (mask: url()) and (-webkit-mask: url()) {
	background: #000;
	mask: url(images/instagram.svg) no-repeat center/ 50% auto;
	-webkit-mask: url(images/instagram.svg) no-repeat center/ 50% auto;
}
.social .icon.icon-twitter {
	background-image: url(images/twitter.svg);
}
@supports (mask: url()) and (-webkit-mask: url()) {
	background: #000;
	mask: url(images/twitter.svg) no-repeat center/50% auto;
	-webkit-mask: url(images/twitter.svg) no-repeat center/50% auto;
}
*/
.social .icon.icon-facebook {
	background-image: url(images/facebook.svg);
}
/*
@supports (mask: url()) and (-webkit-mask: url()) {
	background: #000;
	mask: url(images/facebook.svg) no-repeat center/50% auto;
	-webkit-mask: url(images/facebook.svg) no-repeat center/50% auto;
}
*/
.social .icon.icon-youtube {
	background-image: url(images/icon-youtube.svg);
	background-size: 68% auto;
}
/*
@supports (mask: url()) and (-webkit-mask: url()) {
	background: #000;
	mask: url(images/icon-youtube.svg) no-repeat center/68% auto;
	-webkit-mask: url(images/icon-youtube.svg) no-repeat center/68%
		auto;
}*/
.site-header {
	display: block;
	position: relative;
	padding: 30px 0;
}
@media (max-width: 800px) {
	.site-header {
		padding: 10px 0;
	}
}
@media only screen and (max-width: 799px) {
	.site-header .wrapper.bottom {
		margin-bottom: 0;
	}
}
.logo {
	width: 220px;
	height: 80px;
	height: 140px;
	background: url(images/logo.svg) no-repeat center/100%;
	background: url(images/logo-30ans.svg) no-repeat center/100%;
}
@media (max-width: 800px) {
	.logo {
		width: 140px;
		height: 52px;
		height: 68px;
	}
}
/* NAVIGATION */
.navigation-open {
	width: 40px;
	margin-right: 5px;
	align-items: center;
	flex: 0 0 auto;
	background: #ffd520 url(images/icon-menu.svg) no-repeat center
		center/30% auto;
}
@supports (mask: url()) and (-webkit-mask: url()) {
	background: #000;
	mask: url(images/icon-menu.svg) no-repeat center/30% auto;
	-webkit-mask: url(images/icon-menu.svg) no-repeat center/30% auto;
}
@media (max-width: 800px) {
	.navigation-open {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width: 50px;
	}
}
.navigation-close {
	display: none;
	cursor: pointer;
}
.site-navigation {
	position: relative;
	max-width: 770px;
	margin: auto;
	padding-right: 178px;
	letter-spacing: 1px;
}
.site-navigation > div > ul {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border: 2px solid #000;
	width: 582px;
	height: 54px;
}
.site-navigation > div > ul li a {
	transition: background 0.2s, color 0.2s;
	display: block;
	padding: 0 20px;
	height: 24px;
	font-family: 'titlebold', sans-serif;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
}
@media (hover: hover) {
	.site-navigation > div > ul li a:hover {
		background-color: #ffd520 !important;
	}
}
.site-navigation > div > ul li {
	position: relative;
}
.site-navigation > div > ul > li {
	position: relative;
}
.site-navigation > div > ul > li.li-apropos {
	flex: 0 0 135px;
	width: 135px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.site-navigation > div > ul > li.li-apropos > a {
	background: url(images/menu-li-apropos.svg) no-repeat center
		center/77px 17px;
}
.no-svg .site-navigation > div > ul > li.li-apropos > a {
	background-image: url(images/menu-li-apropos.png);
}
.site-navigation > div > ul > li.li-about {
	flex: 0 0 135px;
	width: 135px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.site-navigation > div > ul > li.li-about > a {
	background: url(images/menu-li-about.svg) no-repeat center
		center/50px 17px;
}
.no-svg .site-navigation > div > ul > li.li-about > a {
	background-image: url(images/menu-li-about.png);
}
.site-navigation > div > ul > li.li-programmation {
	flex: 0 0 200px;
	width: 200px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.site-navigation > div > ul > li.li-programmation > a {
	background: url(images/menu-li-programmation.svg) no-repeat center
		center/132px 17px;
}
.no-svg .site-navigation > div > ul > li.li-programmation > a {
	background-image: url(images/menu-li-programmation.png);
}
.site-navigation > div > ul > li.li-program {
	flex: 0 0 160px;
	width: 160px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.site-navigation > div > ul > li.li-program > a {
	background: url(images/menu-li-program.svg) no-repeat center
		center/72px 17px;
}
.no-svg .site-navigation > div > ul > li.li-program > a {
	background-image: url(images/menu-li-program.png);
}
.site-navigation > div > ul > li.li-membres {
	flex: 0 0 130px;
	width: 130px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.site-navigation > div > ul > li.li-membres > a {
	background: url(images/menu-li-membres.svg) no-repeat center
		center/70px 17px;
}
.no-svg .site-navigation > div > ul > li.li-membres > a {
	background-image: url(images/menu-li-membres.png);
}
.site-navigation > div > ul > li.li-members {
	flex: 0 0 160px;
	width: 160px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}
.site-navigation > div > ul > li.li-members > a {
	background: url(images/menu-li-members.svg) no-repeat center
		center/71px 17px;
}
.no-svg .site-navigation > div > ul > li.li-members > a {
	background-image: url(images/menu-li-members.png);
}
.site-navigation > div > ul > li.li-argent {
	flex: 0 0 113px;
	width: 113px;
	border-bottom: 2px solid #000;
}
.site-navigation > div > ul > li.li-argent > a {
	background: url(images/menu-li-argent.svg) no-repeat center
		center/56px 17px;
}
.no-svg .site-navigation > div > ul > li.li-argent > a {
	background-image: url(images/menu-li-argent.png);
}
.site-navigation > div > ul > li.li-cash {
	flex: 0 0 123px;
	width: 123px;
	border-bottom: 2px solid #000;
}
.site-navigation > div > ul > li.li-cash > a {
	background: url(images/menu-li-cash.svg) no-repeat center
		center/56px 17px;
}
.no-svg .site-navigation > div > ul > li.li-cash > a {
	background-image: url(images/menu-li-cash.png);
}
.site-navigation > div > ul > li.li-appel {
	flex: 0 0 220px;
	width: 220px;
	border-right: 2px solid #000;
}
.site-navigation > div > ul > li.li-appel > a {
	background: url(images/menu-li-appels.svg) no-repeat center
		center/148px 17px;
}
.no-svg .site-navigation > div > ul > li.li-appel > a {
	background-image: url(images/menu-li-appel.png);
}
.site-navigation > div > ul > li.li-call {
	flex: 0 0 230px;
	width: 230px;
	border-right: 2px solid #000;
}
.site-navigation > div > ul > li.li-call > a {
	background: url(images/menu-li-calls.svg) no-repeat center
		center/164px 17px;
}
.no-svg .site-navigation > div > ul > li.li-call > a {
	background-image: url(images/menu-li-call.png);
}
.site-navigation > div > ul > li.li-mediation {
	flex: 0 0 241px;
	width: 241px;
	border-right: 2px solid #000;
}
.site-navigation > div > ul > li.li-mediation > a {
	background: url(images/menu-li-mediation.svg) no-repeat center
		center/176px 17px;
}
.no-svg .site-navigation > div > ul > li.li-mediation > a {
	background-image: url(images/menu-li-mediation.png);
}
.site-navigation > div > ul > li.li-cultural {
	flex: 0 0 211px;
	width: 211px;
	border-right: 2px solid #000;
}
.site-navigation > div > ul > li.li-cultural > a {
	background: url(images/menu-li-cultural.svg) no-repeat center
		center/161px 17px;
}
.no-svg .site-navigation > div > ul > li.li-cultural > a {
	background-image: url(images/menu-li-cultural.png);
}
.site-navigation > div > ul > li.li-librairie {
	flex: 0 0 117px;
	width: 117px;
}
.site-navigation > div > ul > li.li-librairie > a {
	background: url(images/menu-li-librairie.svg) no-repeat center
		center/67px 17px;
}
.no-svg .site-navigation > div > ul > li.li-librairie > a {
	background-image: url(images/menu-li-librairie.png);
}
.site-navigation > div > ul > li.li-library {
	flex: 0 0 137px;
	width: 137px;
}
.site-navigation > div > ul > li.li-library > a {
	background: url(images/menu-li-bookstore.svg) no-repeat center
		center/90px 17px;
}
.no-svg .site-navigation > div > ul > li.li-library > a {
	background-image: url(images/menu-li-library.png);
}
/* WHEN LINK IS ACTIVE */
.site-navigation > div > ul > li[class*='current'] > a,
.site-navigation > div > ul ul li[class*='current'] > a {
	background-color: #ffd520 !important;
}
.site-navigation > div > ul > li > ul {
	display: none;
	position: absolute;
	min-width: 170px;
	z-index: 101;
	border: 2px solid #000;
	border-top: 2px solid #000;
	border-bottom: 0;
	background: #fff;
	margin: 0 auto auto -2px;
}
.site-navigation > div > ul > li.li-argent > ul,
.site-navigation > div > ul > li.li-cash > ul,
.site-navigation > div > ul > li.li-librairie > ul,
.site-navigation > div > ul > li.li-library > ul {
	right: -2px;
}
.site-navigation > div > ul > li:hover ul {
	display: block;
}
.site-navigation > div > ul > li.li-atelier {
	position: absolute;
	top: 0;
	right: 0;
}
.site-navigation > div > ul > li.li-atelier a {
	padding: 3px 20px 0;
	width: 175px;
	height: 54px;
	border: 2px solid #000;
	letter-spacing: 2px;
	color: #000;
	background: #ffd520 url(images/menu-li-atelier.svg) no-repeat
		center center/132px 23px;
}
.no-svg .site-navigation > div > ul > li.li-atelier a {
	background-image: url(images/menu-li-atelier.png);
}
@media (hover: hover) {
	.site-navigation > div > ul > li.li-atelier a:hover {
		background-color: transparent !important;
		color: #ffd520;
	}
}
.site-navigation > div > ul > li ul a {
	text-align: left;
	border-bottom: 2px solid #000;
	line-height: 28px;
	height: 26px;
	letter-spacing: 1px;
	white-space: nowrap;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
@media (max-width: 800px) {
	.site-header .navigation-close {
		display: block;
		position: absolute;
		top: 20px;
		left: 20px;
		width: 20px;
		height: 20px;
		background: url(images/icon-close.svg) no-repeat center
			center/20px;
	}
	.site-header .site-navigation {
		display: none;
		max-width: none;
		margin: auto;
		padding-right: 0;
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 50;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: 0.5s;
		padding: 60px 0 40px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		scroll-behavior: smooth;
	}
	.site-header .site-navigation.open {
		width: 100%;
		display: block;
	}
	.site-header .open .close {
		display: block;
	}
	.site-header .site-navigation > div > ul {
		display: block;
		width: 100%;
		height: auto;
		border: 0;
	}
	.site-header .site-navigation > div > ul > li,
	.site-header .site-navigation > div > ul > li.li-atelier,
	.site-header .site-navigation > div > ul > li ul a {
		border: 0;
		width: 100%;
		height: auto;
		white-space: normal;
	}
	.site-header .site-navigation > div > ul > li,
	.site-header .site-navigation > div > ul > li.li-atelier {
		position: relative;
	}
	.site-header .site-navigation > div > ul a,
	.site-header .site-navigation > div > ul > li.li-atelier a {
		font-size: 21px;
		display: block;
		width: 100%;
		height: auto;
		padding: 15px 20px;
		color: #ddd;
		text-align: left;
		font-weight: normal;
		line-height: normal;
		border: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: transparent;
	}
	.site-header .site-navigation > div > ul ul a {
		padding: 15px 20px 15px 40px;
	}
	.site-header .site-navigation > div > ul > li > ul {
		display: block;
		background: transparent;
		position: relative;
		min-width: 0;
		z-index: 1;
		border: 0;
		margin: auto;
		/* padding-left: 20px; */
		margin-bottom: 20px;
	}
	.site-header .site-navigation > div > ul > .li-atelier a {
		background: transparent;
	}
	.site-header .site-navigation > div > ul .current_page_item > a,
	.site-header
		.site-navigation
		> div
		> ul
		> li.current-menu-item.li-atelier
		a {
		color: #ffd520 !important;
		background: black !important;
	}
	.site-header
		.site-navigation
		> div
		> ul
		.current-menu-ancestor
		> a {
		background: #ffd520 !important;
		color: black !important;
	}
}
@media (max-width: 800px) and (hover: hover) {
	.site-header .site-navigation > div > ul a:hover,
	.site-header .site-navigation > div > ul > li.li-atelier a:hover {
		background: transparent !important;
		color: #ffd520 !important;
	}
}
/* MAIN */
.site-content-contain {
	margin-bottom: 20px;
	overflow: hidden;
}
/* FOOTER */
.site-donation {
	width: 100%;
	max-width: 150px;
	margin: 0 0 40px;
	border-radius: 50%;
	background: #fff;
	text-shadow: none;
}
@media (hover: hover) {
	.site-donation:hover {
		opacity: 1;
		background-color: #ffd520;
	}
}
/* .extra-right-margin > div {
	margin-right: 20px;
}
@media (max-width: 800px) {
	.extra-right-margin > div {
		margin-right: 0;
	}
} */
.supporters-logos .supporters-logo {
	margin: auto 1.95% 10px;
}
.supporters-logos .logo-calq {
	width: 18%;
	margin-left: 0;
	min-width: 100px;
}
.supporters-logos .logo-cam {
	width: 7%;
	min-width: 39px;
}
.supporters-logos .logo-cac {
	width: 25%;
	min-width: 138px;
}
.supporters-logos .logo-ccq {
	width: 16%;
	min-width: 88px;
}
.supporters-logos .logo-mtl {
	width: 12%;
	margin-right: 0;
	min-width: 66px;
}
.site-copyright {
	color: #bbb;
}
.site-newsletter,
.site-login {
	font-family: 'titlebold', sans-serif;
	font-weight: bold;
}
#mc_embed_signup_scroll {
	display: flex;
}
.site-newsletter .email {
	line-height: 14px;
	float: left;
	width: auto;
	width: 55%;
	max-width: 250px;
	padding: 9px 12px 7px;
	font: inherit;
	color: #000;
	background-color: #ffd520;
}
.site-newsletter .email::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	text-transform: uppercase;
	font: inherit;
}
.site-newsletter .email::-moz-placeholder {
	/* Firefox 19+ */
	text-transform: uppercase;
	font: inherit;
}
.site-newsletter .email:-ms-input-placeholder {
	/* IE 10+ */
	text-transform: uppercase;
	font: inherit;
}
.site-newsletter .email:-moz-placeholder {
	/* Firefox 18- */
	text-transform: uppercase;
	font: inherit;
}
.site-newsletter .email:focus {
	transition: opacity 0.2s;
	background-color: #fff;
}
.site-newsletter .button {
	line-height: 14px;
	width: 45%;
	max-width: 250px;
	padding: 9px 15px 7px;
	font: inherit;
	color: #ffd520;
	background-color: #000;
	text-transform: uppercase;
}
@media (hover: hover) {
	.site-newsletter .button:hover {
		color: white;
	}
}
.site-login {
	width: 100%;
	padding: 8px 15px 6px;
	color: #ffd520;
	background-color: #000;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* SLIDER */
@media (max-width: 800px) {
	.slider-wrapper {
		margin-bottom: 10px;
	}
}
.slider-image {
	background: #fff url(images/lazy-bg.svg) no-repeat center center;
	overflow: hidden;
}
.slider-image.remove-loader {
	background-color: #fff;
}
.slider-image img {
	min-width: 100%;
	min-height: 100%;
}
.tns-nav {
	width: auto;
	position: absolute;
	top: 16px;
	left: 16px;
	text-align: left;
	height: 16px;
	z-index: 49;
}
.tns-nav > button {
	width: 14px;
	height: 14px;
	margin-right: 5px;
	background: #fff;
	transition: 0.2s ease-out;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.025);
}
.tns-nav > button.tns-nav-active {
	background: #ffd520;
}
.slider-caption {
	width: 41%;
	color: #777;
	min-height: 40px;
	line-height: 17px;
}
@media (min-width: 801px) {
	.slider-caption {
		position: absolute;
	}
}
.slider-caption p {
	padding: 9px;
}
@media (max-width: 800px) {
	.slider-caption p {
		padding: 9px 0;
		margin-bottom: 0;
	}
}
@media (max-width: 800px) {
	.slider-caption {
		width: 100%;
		padding: 5px 20px;
		height: auto;
	}
}
.col-margin {
	padding: 0 70px;
	/* THIS IS TO POSITION THE CAPTIONS IN THE SLIDER */
}
@media (max-width: 800px) {
	.col-margin {
		padding: 0;
	}
}
.col-margin .row .col.m5.s12 {
	padding-top: 100px;
	animation: fadein 2s;
}
@media (max-width: 800px) {
	.col-margin .row .col.m5.s12 {
		padding-top: 0;
	}
}
.entry-header {
	text-align: right;
	/* DATE ON SINGLE */
}
@media (max-width: 800px) {
	.entry-header {
		text-align: left;
	}
}
.entry-header .paragraph {
	font-family: 'titlebold', sans-serif;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.search-results .entry-header .paragraph span {
	padding: 2px 3px 0;
	text-shadow: 0 0 5px #ffff93;
}
.entry-header .single-date {
	font-family: 'text', sans-serif;
	font-weight: normal;
	text-align: right;
}
.entry-header .info {
	background: #ffff93;
	text-align: left;
	font-family: 'titlebold', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	/* FIX FOR IF BAD TAGS ARE USED IN YELLOW BOX */
}
.entry-header .info * {
	font-size: inherit !important;
	line-height: 1.4 !important;
	letter-spacing: 1px !important;
}
@media (max-width: 800px) {
	.entry-header .info {
		margin-right: -20px;
		margin-bottom: -20px;
		margin-left: -20px;
	}
}
.page-contact .entry-header .info {
	background: #fff;
}
.page-contact .entry-header .info:before {
	display: block;
	padding: 20px 20px 15px;
	margin-bottom: 20px;
	font-family: 'titlebold', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	background: #000;
	font-size: 186%;
}
.page-contact.lang-fr .entry-header .info:before {
	content: 'Bienvenue chez Clark';
}
.page-contact.lang-en .entry-header .info:before {
	content: 'Welcome to Clark';
}
.entry-header .info .info-padding {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 40px 35px 30px;
}
@media (max-width: 800px) {
	.entry-header .info .info-padding {
		padding: 30px 20px;
	}
}
.entry-header .info p {
	min-width: 90%;
	font-family: 'titlebold', sans-serif;
	letter-spacing: 1px;
}
.entry-header .info .address,
.entry-header .info .email,
.entry-header .info .wifi,
.entry-header .info .phone,
.entry-header .info .human,
.entry-header .info .gallery {
	min-width: 90%;
	padding-left: 60px;
	font-family: 'titlebold', sans-serif;
	line-height: 1.6;
	letter-spacing: 1px;
	background-repeat: no-repeat;
}
.entry-header .info .address,
.entry-header .info .phone,
.entry-header .info .human,
.entry-header .info .gallery {
	text-transform: uppercase;
}
.entry-header .info .address {
	background-image: url(images/icon-address.svg);
	background-size: 35px;
	background-position: 0 center;
}
.entry-header .info .email {
	background-image: url(images/icon-email.svg);
	background-size: 28px;
	background-position: 0 center;
}
.entry-header .info .wifi {
	background-image: url(images/icon-wifi.svg);
	background-size: 26px;
	background-position: 0 center;
}
.entry-header .info .phone {
	background-image: url(images/icon-phone.svg);
	background-size: 30px;
}
.entry-header .info .human {
	background-image: url(images/icon-human.svg);
	background-size: 35px;
	background-position: 0 center;
}
.entry-header .info .gallery {
	background-image: url(images/icon-gallery.svg);
	background-size: 30px;
	background-position: 0 center;
}
@media (max-width: 1024px) and (min-width: 801px) {
	.entry-header .info .address,
	.entry-header .info .email,
	.entry-header .info .wifi,
	.entry-header .info .phone,
	.entry-header .info .human,
	.entry-header .info .gallery {
		min-width: 100%;
		padding: 0 10px;
		background: transparent;
	}
}
.page-title {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 2px;
}
.entry-title {
	padding-top: 10px;
	text-transform: uppercase;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	/* add margin-top when yellow box follows */
}
.entry-title.underlined {
	text-decoration: underline;
}
.entry-title.title-revue.underlined {
	text-decoration: underline;
}
@media (max-width: 800px) {
}
.entry-title.smaller {
	text-decoration: none;
	font-size: 160%;
}
.single-event .entry-title,
.entry-title.title-revue {
	text-decoration: none;
}
.entry-title + .info {
	margin-top: 30px;
}
.entry-artist + .entry-title {
	padding-top: 5px;
	margin-top: -5px;
}
.entry-artist {
	padding-top: 10px;
	text-decoration: underline;
	text-transform: uppercase;
}
@media (max-width: 800px) {
	.entry-artist {
		margin-bottom: 20px;
	}
}
.entry-artist.writer {
	text-decoration: none;
}
.entry-artist.writer h3 {
	letter-spacing: 0;
	margin-bottom: 0;
}
.entry-artist > h3 {
	margin-bottom: 7px;
	/* text-decoration: underline; */
	color: #000;
}
.textRight .entry-artist {
	text-align: right;
}
@media (max-width: 800px) {
	.textRight .entry-artist {
		text-align: left;
	}
}
.entry-content-position {
	margin: -55px 0 20px;
}
@media (max-width: 800px) {
	.entry-content-position {
		margin-top: 0;
		margin-right: -20px;
		margin-left: -20px;
	}
}
.entry-content {
	text-align: left;
	/* PAGE CONTACT */
}
.entry-content.min-height {
	/* min-height: 550px; */
}
.entry-content.with-bg-white {
	background: #fff;
	padding: 78px 35px 100px;
	/* underscore on links */
}
@media (max-width: 800px) {
	.entry-content.with-bg-white {
		padding: 78px 20px 100px;
	}
}
.entry-content.with-bg-white a {
	border-bottom: 2px solid #ffd520;
}
@media (hover: hover) {
	.entry-content.with-bg-white a:hover {
		transition: border 0.2s;
		border-color: transparent;
	}
}
.home .entry-content.with-bg-white a {
	border: 0;
}
@media (hover: hover) {
	.home .entry-content.with-bg-white a:hover:after {
		background-color: rgba(255, 213, 32, 0.6);
	}
}
.entry-content.with-top-border:before {
	content: '';
	position: absolute;
	top: 28px;
	left: 35px;
	width: 100px;
	height: 6px;
	background: #000;
	z-index: 2;
}
@media (max-width: 800px) {
	.entry-content.with-top-border:before {
		left: 20px;
	}
}
.entry-content.with-yellow-footer:after {
	content: '';
	position: absolute;
	bottom: 28px;
	left: 35px;
	right: 35px;
	height: 42px;
	background: #ffd520;
	z-index: 2;
}
@media (max-width: 800px) {
	.entry-content.with-yellow-footer:after {
		left: 20px;
		right: 20px;
	}
}
.entry-content.member-content {
	padding: 50px 35px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	letter-spacing: 0;
}
.entry-content h2:last-of-type {
	padding-top: 5px;
}
.entry-content .search-form {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.entry-content .search-form > label {
	width: 50%;
}
.entry-content .search-form .search-field,
.entry-content .search-form .search-submit {
	padding: 7px;
	border: 1px solid #000;
}
.entry-content .search-form .search-submit {
	width: 50%;
	background: #000;
	color: #fff;
	text-transform: uppercase;
}
.page-contact .entry-content h3 {
	text-decoration: underline;
}
/* PAGE CONTACT */
.individual {
	font-family: 'titlebold', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}
/* PAGE ATELIER */
.atelier-credentials {
	margin-top: 40px;
	background: white;
	padding: 40px 35px 30px;
	text-align: left;
}
/* TEXT RIGHT */
.section-title {
	margin-bottom: 15px;
}
p + .section-title {
	padding-top: 25px;
}
/* ENTRY-CONTENT RULES */
.entry-content ul {
	margin: 0 30px 40px 0;
	list-style-type: disc;
	padding: 0 0 0 30px;
}
.entry-content li {
	display: list-item;
	list-style-type: disc;
}
.entry-content table {
	width: 100%;
}
.entry-content tr td {
	padding: 6px 10px;
}
/* FILES OR LINKS ATTACHED TO PAGES OR NEWS OR EXHIBITION */
.files-links-wrapper {
	font-family: 'titlebold', sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 107%;
}
@media (max-width: 800px) {
	.files-links-wrapper {
		text-align: left;
	}
}
.files-links-wrapper > p > a {
	display: inline-block;
	padding: 8px 35px 3px;
}
@media (max-width: 800px) {
	.files-links-wrapper > p > a {
		padding-left: 0;
	}
}
.files-links-wrapper > p > a.file {
	background: url(images/icon-default.svg) no-repeat right
		center/25px 30px;
}
.files-links-wrapper > p > a[href*='pdf'].file {
	background: url(images/icon-pdf.svg) no-repeat right center/25px
		30px;
}
.files-links-wrapper > p > a[href*='doc'].file {
	background: url(images/icon-doc.svg) no-repeat right center/25px
		30px;
}
.files-links-wrapper > p > a.link {
	background: url(images/icon-link.svg) no-repeat right center/25px
		30px;
}
@media (min-width: 801px) {
	.row.baguetteBox .col.list-members {
		padding: 0 10px;
	}
}
@media (max-width: 800px) {
	.list-members {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		max-width: 520px;
		margin: auto auto 20px;
		float: none !important;
	}
}
.list-members .block {
	display: block;
	width: 100%;
	height: 100%;
}
.list-members .block:hover {
	background: transparent;
}
.list-members .block > h4 {
	transition: opacity 0.2s;
	padding: 15px 0;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
}
/* BAGUETTE BOX OVERWRITE */
.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: transparent;
	color: #ddd;
	font-family: 'text', sans-serif;
	-webkit-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
}
.baguetteBox-button:focus,
.baguetteBox-button:hover {
	background-color: transparent;
}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 0;
	bottom: 0;
	/* top: calc(50% - 30px); */
	width: 40%;
	height: 100%;
}
.baguetteBox-button#previous-button {
	left: 0;
}
.baguetteBox-button#next-button {
	right: 0;
}
.baguetteBox-button#next-button svg,
.baguetteBox-button#previous-button svg {
	position: absolute;
	top: calc(50% - 30px);
}
.baguetteBox-button#next-button svg {
	right: 7%;
	left: auto;
}
.baguetteBox-button#previous-button svg {
	left: 7%;
}
/* LAZY RULES */
.tns-item {
	top: 0;
	background: url(images/lazy-bg.svg) no-repeat center center;
}
.tns-item.tns-fadeIn {
	background: transparent;
}
.tns-item .tns-lazy-img {
	transition: opacity 0.3s;
	opacity: 0;
	height: 0;
	background: #d6d6d6;
}
.tns-item .tns-lazy-img.tns-complete {
	opacity: 1;
	height: auto;
}
.lazy {
	transition: opacity 0.5s;
	opacity: 0;
}
.lazy.loaded {
	opacity: 1;
	background: #d6d6d6;
}
/* NOUVELLES */
.list-item {
	display: block;
}
.list-item:hover {
	opacity: 1;
	background: #ffff93;
}
.list-item .row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.list-item .row .col {
	padding: 20px;
}
.list-item .row .col.textSide {
	padding-top: 30px;
}
@media (min-width: 801px) {
	.logged-in .list-item .row .col.withEditLink {
		padding-bottom: 105px;
	}
}
@media (max-width: 800px) {
	.list-item .row .col:first-of-type {
		padding-bottom: 10px;
	}
	.list-item .row .col:last-of-type {
		padding: 0 30px 0;
	}
	.list-item .row .col.textRight {
		text-align: left;
	}
}
.list-item .block-date {
	padding: 12px;
	color: #fff;
	background: #000;
	font-family: 'text', sans-serif;
	font-weight: normal;
}
.single-room {
	padding-top: 10px;
	font-family: 'text', sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
}
@media (max-width: 800px) {
	.single-room {
		margin-bottom: 10px;
	}
}
.filters-headers {
	font-family: 'titlebold', sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #000;
}
.filters-headers .filter-trigger {
	transition: background 0.3s;
	max-width: 770px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.filters-headers .filter-trigger .text {
	flex: 1;
}
.filters-headers .filter-trigger .button {
	background: #ffd520;
	color: #000;
	padding: 9px 20px 6px;
	margin-left: 40px;
}
@media (hover: hover) {
	.filters-headers .filter-trigger .button:hover {
		background: transparent;
	}
}
.filters {
	transition: height 0.5s, padding 0.1s;
	height: 0;
	overflow: hidden;
	background: #fff;
}
.filters.open {
	height: auto;
}
.filters .row {
	margin: 0;
	padding: 25px 15px 0;
}
.filters .row .col {
	width: 14.2857%;
	padding: 0;
}
@media (max-width: 800px) {
	.filters .row .col {
		width: 50%;
	}
}
.filters .filter-year {
	display: block;
	font-size: 1.75vw;
	transition: background 0.2s, color 0.2s;
	margin: auto 5px 25px;
	padding: 8px 15px;
	color: #000;
	background: #ffd520;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}
@media (min-width: 1200px) {
	.filters .filter-year {
		font-size: 0.8rem;
	}
}
@media (max-width: 800px) {
	.filters .filter-year {
		font-size: 0.8rem;
	}
}
.filters .filter-year.active {
	background: #ffd520;
}
.list-publication {
	width: calc(100% - 20px);
	padding: 20px 0;
	margin: auto 10px 20px;
	text-align: left;
	transition: background 0.3s;
	background: white;
}
@media (max-width: 800px) {
	.list-publication {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		max-width: 520px;
		margin: auto auto 20px;
		float: none;
	}
}
@media (hover: hover) {
	.list-publication:hover {
		background: #ffd520;
	}
}
@media (hover: hover) {
	.list-publication a:hover {
		opacity: 1;
	}
}
.list-publication .entry-title {
	text-decoration: none;
}
.list-publication .entry-artist {
	text-decoration: none;
	text-transform: uppercase;
}
.list-publication .entry-artist > h3 {
	margin-bottom: 0;
	letter-spacing: 0;
	text-decoration: none;
}
.list-publication .entry-artist > h3:after {
	content: '|';
	padding: 5px;
}
.list-publication .entry-artist > h3:last-of-type:after {
	content: '';
}
@media (min-width: 801px) {
	.logged-in .list-publication .entry-content {
		padding-bottom: 65px;
	}
}
.list-revue {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.list-revue .block {
	transition: background 0.3s;
	background: white;
	padding: 20px;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}
@media (max-width: 800px) {
	.list-revue .block {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		max-width: 520px;
		margin: auto auto 20px;
		float: none;
		text-align: left;
	}
}
@media (min-width: 801px) {
	.logged-in .list-revue .block {
		padding: 20px 20px 75px;
	}
}
@media (hover: hover) {
	.list-revue .block:hover {
		opacity: 1;
		background: #ffd520;
	}
}
.list-revue .block .entry-title {
	text-decoration: none;
}
.list-revue .block .entry-artist {
	text-decoration: none;
	text-transform: uppercase;
}
.list-revue .block .entry-artist h3 {
	margin-bottom: 1px;
	letter-spacing: 0;
	text-decoration: none;
	overflow: visible;
}
.list-revue .block .entry-artist h3:last-of-type:after {
	content: '';
}
.list-revue .block .entry-artist h3:after {
	content: '|';
	margin: 0 5px;
}
.list-search {
	width: calc(50% - 20px);
	margin: 0 10px 20px;
	text-align: left;
	background: white;
	transition: background 0.3s;
}
@media (max-width: 800px) {
	.list-search {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		max-width: 520px;
		margin: auto auto 20px;
		float: none;
	}
}
@media (hover: hover) {
	.list-search:hover {
		background: #ffd520;
	}
}
.list-search .block {
	padding: 20px 0;
}
@media (hover: hover) {
	.list-search .block:hover {
		opacity: 1;
	}
}
.list-search .entry-artist {
	text-decoration: none;
	text-transform: uppercase;
}
.list-search .entry-artist > h3 {
	margin-bottom: 0;
	letter-spacing: 0;
}
.list-search .entry-artist > h3:after {
	content: '|';
	padding: 5px;
}
.list-search .entry-artist > h3:last-of-type:after {
	content: '';
}
/* FOR IMAGES EXCEPT IN SLIDER */
.image-wrapper {
	display: block;
	/*height: 0;
   background: #d6d6d6 url(images/lazy-bg.svg) no-repeat center center;
   overflow: hidden;
   &.remove-loader { background: transparent; }
   /* IMAGES FOR 440x600 - HBMAGAZINE */
	/* IMAGES FOR 500x500 - SQUARE */
	/* IMAGES FOR 80x80 - SQUARE */
	/* IMAGES FOR 1920x840 - POSTER */
	/* IMAGES FOR 1000x690 - INDEX EXHIBITIONS */
	/* IMAGES FOR 1000x690 - INDEX EXHIBITIONS */
}
.image-wrapper.ratio135 {
	padding-top: 135%;
}
.image-wrapper.ratio100 {
	padding-top: 100%;
}
.image-wrapper.ratio50 {
	padding-top: 50%;
	width: 50%;
}
.image-wrapper.ratio44 {
	padding-top: 43.75%;
}
.image-wrapper.ratio69 {
	padding-top: 69.4%;
}
.image-wrapper.ratio33 {
	padding-top: 33.33%;
}
.image-wrapper > .lazy {
	position: absolute;
	top: 0;
	/*left: 50%;
   transform: translateX(-50%);*/
	right: 0;
	bottom: 0;
	left: 0;
	max-width: 100%;
	height: 100%;
}
.image-wrapper > .hover-color {
	transition: background-color 0.1s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.pos-img > .hover-color {
	transition: background-color 0.1s;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/* HOME SLIDER */
.index-event .slider-flex {
	display: flex;
	align-content: stretch;
}
@media (max-width: 800px) {
	.index-event .slider-flex {
		display: block;
	}
}
.index-event .slider-flex.child-img-loaded .slider-bg {
	opacity: 1;
}
.index-event .slider-bg {
	transition: opacity 0.2s;
	opacity: 0;
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 3;
	right: 0;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: 63% auto;
	background-position: left top;
}
@media (max-width: 800px) {
	.index-event .slider-bg {
		background-size: 100% auto;
		/* background-position: left top; */
	}
}
.index-event .pos-img {
	width: 63%;
	display: flex;
	align-content: stretch;
}
@media (max-width: 800px) {
	.index-event .pos-img {
		width: 100%;
	}
}
.index-event .pos-img .slider-image img.tns-lazy-img {
	opacity: 0 !important;
}
.index-event .flex-position {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
	width: 37%;
	position: relative;
	z-index: 4;
}
@media (max-width: 800px) {
	.index-event .flex-position {
		display: block;
		width: 100%;
	}
}
.index-event .entry-content {
	transition: opacity 0.3s;
	padding: 21px 19px;
	overflow: hidden;
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.025);
	position: static;
	display: block;
}
@media (max-width: 800px) {
	.index-event .entry-content {
		position: relative;
		width: 100%;
		max-width: none;
		bottom: auto;
		right: auto;
		margin: auto;
	}
}
@media (hover: hover) {
	.index-event .entry-content:hover {
		background-color: rgba(255, 255, 147, 0.5);
		background: #ffd520;
	}
}
.index-event .entry-content-height {
	overflow: hidden;
	height: 100%;
	max-height: 220px;
}
.index-event .block-date {
	padding: 10px 15px;
	font-family: 'text', sans-serif;
	font-weight: normal;
	color: #fff;
	background: #000;
	text-transform: none;
}
@media (max-width: 800px) {
	.index-event .block-date {
		font-size: 0.9rem;
	}
}
.index-event .entry-title.smaller {
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
@media (max-width: 800px) {
	.index-event .entry-title.smaller {
		font-size: 0.9rem;
	}
}
.index-event .entry-text {
	font-size: inherit !important;
	line-height: 1.4 !important;
	letter-spacing: 1px !important;
}
.index-event .entry-artist {
	text-decoration: none;
	text-transform: uppercase;
}
.index-event .entry-artist.smaller > h3 {
	margin-bottom: 0;
	letter-spacing: 0;
	float: none;
}
.index-event .entry-artist.smaller > h3:after {
	content: '|';
	padding: 5px;
	position: relative;
	bottom: auto;
	left: auto;
	width: auto;
}
.index-event .entry-artist.smaller > h3:last-of-type:after {
	content: '';
}
.index-event .entry-artist > h3 {
	letter-spacing: 0;
}
.index-event .slider-read-more {
	transition: background-color 0.3s;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 97px;
	height: 93px;
	width: 100%;
	height: 100%;
}
.index-event .slider-read-more:before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 97px;
	height: 93px;
	background: url(images/icon-plus.svg) no-repeat center center/27px;
}
.index-event .slider-read-more:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.index-event .edit-link {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.edit-link {
	font-family: 'titlebold', sans-serif;
	font-weight: bold;
	line-height: 25px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
@media (max-width: 800px) {
	.edit-link {
		display: none !important;
	}
}
.edit-link.nomargin {
	margin-bottom: 0 !important;
}
.edit-link .post-edit-link {
	padding: 3px 13px 0;
	color: #fff;
	background: #090fec;
}
/* HOME POST AUDIO */
.index-post-audio .block {
	transition: background-color 0.3s;
	padding: 30px 50px 30px calc(25% + 50px);
	background: #ffff93 url(images/icon-postaudio.svg) no-repeat 50px
		center/18% auto;
}
@media (max-width: 800px) {
	.index-post-audio .block {
		padding: 155px 50px 30px 50px;
		background-position: center 30px;
		background-size: 250px auto;
	}
}
@media (max-width: 399px) {
	.index-post-audio .block {
		background-size: 180px auto;
		padding-top: 135px;
	}
}
@media (hover: hover) {
	.index-post-audio .block:hover {
		background-color: #ffd520;
	}
}
/* @media (min-width: 801px) {
	.logged-in .index-post-audio .block {
		padding-bottom: 85px;
	}
} */
.index-post-audio .border:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	border-right: 4px solid #000;
}
@media (max-width: 800px) {
	.index-post-audio .border:before {
		top: -30px;
		right: 0;
		bottom: auto;
		left: 0;
		border-right: 0;
		border-bottom: 4px solid #000;
	}
}
.index-post-audio .entry-artist {
	margin-bottom: 2px;
}

/* INDEX-EXHIBITIONS */
.entry-artist:after,
.index-exhibitions:after {
	clear: both;
}
.entry-artist:before,
.index-exhibitions:before,
.entry-artist:after,
.index-exhibitions:after {
	display: table;
	content: '';
}
.index-exhibitions.half .article {
	width: 48%;
	float: left;
}
.index-exhibitions.half .article:last-of-type {
	float: right;
}
@media (max-width: 800px) {
	.index-exhibitions.half .article {
		width: 100%;
	}
}

.index-exhibitions-title {
	display: flex;
	justify-content: space-around;
}
@media (max-width: 800px) {
	.index-exhibitions-title.desktop-view {
		display: none;
	}
	.index-exhibitions .mobile-view {
		display: block;
		text-align: center;
	}
}
@media (min-width: 800px) {
	.index-exhibitions-title.desktop-view {
		display: flex;
	}
	.index-exhibitions .mobile-view {
		display: none;
	}
}
/*.index-exhibitions.half {
	display: flex;
	flex-wrap: wrap;
}
.index-exhibitions.half .index-exhibition-element:nth-child(1) {
	width: 48%;
	margin-right: 2%;
}
.index-exhibitions.half .index-exhibition-element:nth-child(2) {
	width: 48%;
	margin-left: 2%;
}
@media (max-width: 800px) {
	.index-exhibitions.half .index-exhibition-element {
		width: 100%;
	}
}
*/
.index-exhibitions .block-date {
	padding: 12px 50px;
	color: #fff;
	background: #000;
	font-family: 'text', sans-serif;
	font-weight: normal;
}
@media (max-width: 800px) {
	.index-exhibitions .block-date {
		margin-bottom: 0;
		font-size: 0.9rem;
		padding: 12px;
		letter-spacing: 0;
	}
}
.index-exhibitions .article {
	text-align: left;
}
@media (hover: hover) {
	.index-exhibitions .article .block:hover {
		background-color: transparent;
	}
}
.index-exhibitions .article .block > div {
	text-align: right;
}
.index-exhibitions .article .single-room {
	font-family: 'text', sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	text-decoration: none;
}
@media (max-width: 800px) {
	.index-exhibitions .article .overflow {
		text-align: center;
	}
}
.index-exhibitions .article .entry-artist {
	margin-bottom: 0;
	padding: 30px 25px 30px;
	background: rgba(255, 255, 255, 0.9);
	background: white;
	text-align: left;
}
@media (min-width: 801px) {
	.logged-in .index-exhibitions .article .entry-artist {
		padding-bottom: 70px;
	}
}
@media (max-width: 800px) {
	.index-exhibitions .article .entry-artist {
		position: relative;
		right: auto;
		bottom: auto;
		width: calc(100% - 20px);
		width: 100%;
		max-width: none;
		margin: auto;
	}
}
.index-exhibitions .article .entry-artist h3 {
	margin-bottom: 10px;
	padding-bottom: 4px;
	text-decoration: none;
}
.index-exhibitions .article .entry-artist h3:after {
	content: '';
	display: block;
	width: 100%;
}
.index-exhibitions .article .entry-artist h3:last-of-type {
	margin-bottom: 0;
}
#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	line-height: 1.4;
	white-space: normal;
	color: #000;
	background-color: #ffd520;
	background-color: rgba(255, 213, 32, 0.8);
	font-family: sans-serif;
	padding: 10px 30px 11px;
	text-transform: uppercase;
}
.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px;
	background: url(images/icon-close.svg) no-repeat center
		center/30px;
}
/* POPUP */
.baguetteBox-button#previous-button {
	left: 0;
	background: url(images/icon-back.svg) no-repeat 7% center/40px;
}
.baguetteBox-button#next-button {
	right: 0;
	background: url(images/icon-next.svg) no-repeat 93% center/40px;
}
/* LOADER ANIM FOR IMAGES */
.infinite-loader {
	height: 100px;
	background: url(images/lazy-bg.svg) no-repeat center center;
	overflow: hidden;
}
.page-load-status {
	display: block;
}
.js-scroll-more-button {
	display: block;
}
.members-name-list.past-members a {
	color: #888;
}
@media (hover: hover) {
	.members-name-list.past-members a:hover {
		color: #000;
	}
}
.members-name-list > h3 {
	max-width: 150px;
	margin: 0 0 10px 0;
	padding-top: 15px;
	text-transform: uppercase;
	border-bottom: 3px solid #000;
}
.members-name-list > ul li {
	font-family: 'titlebold', sans-serif;
	font-style: normal;
	font-weight: bold;
	line-height: 1;
}
.members-name-list > ul li:after {
	content: '|';
	padding: 3px;
}
.members-name-list > ul li:last-of-type:after {
	content: '';
}
.members-name-list > ul li .member-name {
	padding: 3px;
	text-transform: uppercase;
}

/* CUSTOM SELECT */
.custom-select:after {
	transform: translateY(-50%);
	position: absolute;
	content: '';
	top: 50%;
	right: 3px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #222 transparent transparent transparent;
	z-index: -1;
}
.custom-select select {
	z-index: 5;
	display: block;
	color: #222;
	padding: 6px 50px 6px 2px;
	overflow: hidden;
	background: transparent;
	border-bottom: 2px solid #222;
	font: inherit;
}
strong.search-excerpt {
	background-color: #123456;
}
.search-text-full-width {
	clear: both;
	padding: 10px;
	margin: 30px 10px 10px 10px;
}

.entry-artist,
.entry-artist > h3 {
	text-decoration: none;
	position: relative;
}

.entry-artist > h3 {
	display: inline-block;
	text-decoration: underline;
	/* border-bottom: 3px solid #000; */
}

.list-publication .entry-artist > h3:before {
	content: '';
}

.list-publication .entry-artist > h3 {
	margin-bottom: 8px !important;
}

.index-post-audio .entry-artist,
.index-post-audio .entry-artist > h3 {
	text-decoration: none;
}

/* .entry-artist > h3 > span {
	position: relative;
	padding-right: 10px;
}

.entry-artist > h3 > span:last-child {
	padding-right: 0;
}

.entry-artist > h3 > span:after {
	content: '';
	position: absolute;
	border-bottom: 3px solid #000;
	left: 0;
	bottom: 4%;
	right: 0;
} */

.index-event .entry-content {
	font-family: 'titlebold', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.site-footer {
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 13px;
}
@media (max-width: 800px) {
	.site-footer {
		font-size: 0.65rem;
	}
}

.site-footer .site-copyright {
	color: #000;
	font-size: 12px;
	text-transform: none;
}

.site-footer .m6 > div {
	padding: 26px 5px 29px;
}

/* show slider in safari for ever */
_:default:not(:root:root),
.index-event .slider-bg {
	opacity: 1;
}

@supports (-webkit-hyphens: none) {
	.index-event .slider-bg {
		opacity: 1;
	}
}
@supports (background: -webkit-canvas(squares)) {
	.index-event .slider-bg {
		opacity: 1;
	}
}