/* LEGAL DISCLAIMER
*
* These Fonts are licensed only for use on these domains and their subdomains:
* centreclark.com
*
* It is illegal to download or use them on other websites.
*
* While the @font-face statements below may be modified by the client, this
* disclaimer may not be removed.
*
* Optimo webfonts are protected by copyright law and provided under license. To modify, alter, translate, convert, decode or reverse engineer in any manner whatsoever, including converting the Font Software into a different format is strictly prohibited. The webfont files are not to be used for anything other than web font use.
*
* optimo.ch
*/
/* temporarily disable edit links */
.edit-link {
display: none;
}
@font-face {
font-family: 'Basel Grotesk';
src: url('fonts/Basel-Grotesk-Medium.woff2') format('woff2'),
url('fonts/Basel-Grotesk-Medium.woff') format('woff');
font-weight: 535;
font-style: normal;
}
@font-face {
font-family: 'Basel Grotesk';
src: url('fonts/Basel-Grotesk-Medium-Italic.woff2') format('woff2'),
url('fonts/Basel-Grotesk-Medium-Italic.woff') format('woff');
font-weight: 535;
font-style: italic;
}
* {
box-sizing: border-box;
/* fit more closely the figma font rendering
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
*/
}
:root {
--clark-top-menu-height: -6.8%;
/* overriden for desktop below */
/*300-640-24-51.187-16*/
--font-size-menu: clamp(1.5rem, 0.0007rem + 7.9962vw, 3.1991875rem);
--font-size-large: clamp(1.5rem, 0.0007rem + 7.9962vw, 3.1991875rem);
/*300-640-12.8-27-16*/
--font-size-regular: clamp(0.8rem, 0.0169rem + 4.1765vw, 1.6875rem);
/*300-640-9.6-20-16*/
--font-size-small: clamp(0.6rem, 0.0265rem + 3.0588vw, 1.25rem);
/*300-640-14.4-30.72-16*/
--font-size-price: clamp(0.9rem, 0.0000rem + 4.8000vw, 1.92rem);
/*300-640-26.25-56-16*/
--font-size-main-title: clamp(1.640625rem, 0.0000rem + 8.7500vw, 3.5rem);
--font-size-large-lineheight: 0.9557;
--font-size-large-letterspacing: 0;
--font-size-regular-lineheight: 1.083;
--font-size-regular-letterspacing: -0.015em;
--font-size-small-lineheight: 1.2;
--font-size-large-header: 1.142;
--top-menu-background-color:white;
--border-menu-background:#D9D9D9;
--footer-background: #EDEDED;
--color-background:white;
--color-background-inverse:black;
--color-text: black;
--color-text-inverse: white;
--color-text-nochange: black;
--svg-button-color: none;
--color-search-field-placeholder: #D9D9D9;
--color-info : #D2D2D2;
--color-grey-30 : rgba(0,0,0,0.3);
--color-secondary : #FFFF00;
--site-left-right-space: 10px;
--shadow-r: 0;
--shadow-g: 0;
--shadow-b: 0;
--shadow-a: 0.20;
}
.clark-dark-mode {
--top-menu-background-color:black;
--border-menu-background:#333333;
--footer-background: #333333;
--color-background:black;
--color-background-inverse:white;
--color-text:white;
--color-text-inverse:black;
--svg-button-color: invert(1);
--shadow-r: 255;
--shadow-g: 255;
--shadow-b: 255;
--shadow-a: 0.6;
}
@media screen and (min-width:600px) {
/* override font sizes for desktop */
:root {
/*600-3840-16.5-114-16*/ /* remplacer 7rem par 3.4629 avant la migration vers 3840px */
--font-size-menu: clamp(1.03125rem, -0.0972rem + 3.0093vw, 7.125rem);
--font-size-large: clamp(1.03125rem, -0.0972rem + 3.0093vw, 7.125rem);
/*600-3840-10-64-16*/
--font-size-regular: clamp(0.625rem, 0.0000rem + 1.6667vw, 4rem);
/*600-3840-6.25-40-16*/
--font-size-small: clamp(0.390625rem, 0.0000rem + 1.0417vw, 2.5rem);
/*600-3192-7.5-40-16*/
--font-size-price: clamp(0.46875rem, -0.0014rem + 1.2539vw, 2.5rem);
/*600-3840-52.5-336-16*/
--font-size-main-title: clamp(3.28125rem, 0.0000rem + 8.7500vw, 21rem);
--site-left-right-space: 0.4068em;
--menu-header-librairie-top: calc(2.1em - 0.3em); /* prendre en compte la marge négative*/
--menu-header-filtres-top: 3.7em;
}
}
::-moz-selection {
color: var(--color-text);
background: var(--color-secondary);
}
::selection {
color: var(--color-text);
background: var(--color-secondary);
}
/* fix page height for pages with little content - fixes the footer to the bottom */
body {
width:100%;
min-height:100vh;
max-width:3840px;
margin:0 auto;
/* fit more closely figma generated font rendering */
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
div#page {
display: flex;
flex-direction: column;
}
#content {
flex: 1;
}
#content {
font-size:var(--font-size-large);
}
/* counter pasted html formatting... */
span {
color: var(--color-text)!important;
}
body a, body .button {
color: var(--color-text)!important;
text-decoration: none 2px;
cursor:pointer;
}
body a:hover, body .button:hover {
color: var(--color-text)!important;
text-decoration: none 2px;
}
body a:hover img {
/* opacity:0.8!important;
transition: opacity 0.2s; */
}
a {
text-decoration-thickness: 2px;
text-underline-offset:0.17em;
text-decoration-skip-ink: none;
}
.underline {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 0.17em;
text-decoration-skip-ink: none;
}
.text-italic,
.title-italic,
em {
font-style: italic;
}
.hidden {
display: none!important;
}
.margin-top-none {
margin-top: 0!important;
}
.margin-bottom-none {
margin-bottom: 0!important;
}
.padding-top-none {
padding-top: 0!important;
}
.padding-bottom-none {
padding-bottom: 0!important;
}
button,
input,
select,
textarea {
font-family: 'Basel Grotesk', sans-serif;
font-weight: 535;
font-style: normal;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Basel Grotesk', sans-serif;
font-weight: 535;
font-style: normal;
}
h1 em,h2 em,h3 em,h4 em,h5 em,h6 em {
font-family: 'Basel Grotesk', sans-serif;
font-weight: 535;
font-style: italic;
}
/* retirer de style.css */
html,body {
/* animation: fadein 1s;*/
margin: auto;
font-family: 'Basel Grotesk', sans-serif;
font-size: 16px;
line-height: 1;
color: var(--color-text);
background-color: var(--color-background);
word-break: break-word;
}
.clark-site-wrapper {
width:100%;
max-width:3840px;
margin:0 auto;
}
/* text sizing */
/*
.text-large-header {
font-size: var(--font-size-large);
line-height:1.142
}
.text-large {
font-size: var(--font-size-large);
line-height:var(--font-size-large-lineheight);
}
.text-regular {
font-size: var(--font-size-regular);
line-height:var(--font-size-regular-lineheight);
}
.text-small {
font-size: var(--font-size-small);
line-height:var(--font-size-small-lineheight);
}
h1.text-large {
margin-bottom: clamp(0.25rem, 0.1173rem + 0.3538vw, 0.541875rem);
}
*/
.trim-basel {
/* to trim space around basel grotesk font */
--lh: 1; /* adjustable line height */
--basel-content-area: 1.2; /* (ascent 944 + |descent| 256 + lineGap 0) / 1000 */
--basel-top-gap: 0.256; /* (ascent 944 - capHeight 688) / 1000 */
--basel-bottom-gap: 0.256; /* |descent| 256 / 1000 */
--half-leading: calc((var(--lh) - var(--basel-content-area)) / 2);
font-family: 'Basel Grotesk', sans-serif;
line-height: var(--lh);
margin-top: calc((var(--basel-top-gap) + var(--half-leading)) * -1em);
margin-bottom: calc((var(--basel-bottom-gap) + var(--half-leading)) * -1em);
}
.trim-basel.text-large {
--lh: var(--font-size-large-lineheight);
}
.trim-basel.text-regular {
--lh: var(--font-size-regular-lineheight);
}
.trim-basel.text-small {
--lh: var(--font-size-small-lineheight);
}
a:focus-visible {
outline: 2px solid black;
outline-offset: 2px;
}
/* loader spinner image */
.slider-image {
background: #fff url(images/lazy-bg.svg) no-repeat center center;
overflow: hidden;
}
.tns-item {
top: 0;
background: url(images/lazy-bg.svg) no-repeat center center;
}
.infinite-loader {
height: 100px;
background: url(images/lazy-bg.svg) no-repeat center center;
overflow: hidden;
}
.clark-dark-mode .slider-image,
.clark-dark-mode .tns-item,
.clark-dark-mode .infinite-loader {
background: url(images/lazy-bg-contrast.svg) no-repeat center center!important;
}
/* header */
.clark-menu-supplement {
display: flex;
flex-direction:row;
justify-content: space-between;
/* margin-top:-0.3em; */
}
.clark-menu-supplement-left {
display: flex;
flex-direction:row;
/*600-1920-7.5-24-16*/
font-size: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
font-size:var(--font-size-small);
line-height:1.44;
}
.clark-menu-supplement-right ul {
display: flex;
flex-direction:row;
}
/*
.clark-menu-supplement-right ul li {
}
*/
.clark-menu-supplement-button {
background-color:transparent;
color: var(--clark-color-text);
border: none;
padding: 0 0 0 0.8em;
margin: 0;
text-align:right;
/*600-1920-7.5-24-16*/
font-size: 16px;
line-height:1.44;
font-weight:535;
vertical-align:middle;
}
/*
@media screen and (min-width:640px) {
.clark-menu-supplement-button {
/*600-1920-7.5-24-16*/
/* font-size: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
line-height:1.44;
}
}*/
#clark-search-open-button {
}
.clark-search-open-button-icon {
display:inline-block;
margin-left:0.05em;
width:0.85em;
filter:var(--svg-button-color);
}
/* Menu principal */
#clark-header {
position:relative;
top:0;
z-index:10;
/*padding: 10px 10px 0 10px;*/
padding-top:10px;
/*
margin-left: var(--site-left-right-space);
margin-right: var(--site-left-right-space);
*/
padding-left: var(--site-left-right-space);
padding-right: var(--site-left-right-space);
}
ul#clark-top-menu {
list-style-type: none;
margin: 0;
padding: 0;
/*overflow: hidden;*/
width: 100%;
display:flex;
justify-content: space-between;
align-items: center;
flex-wrap:nowrap;
/*margin-right:-5px;
margin-left:-5px;*/
}
ul#clark-top-menu li {
width:fit-content;
/*padding: 0 5px;*/
}
ul#clark-top-menu li a {
display: block;
text-align: center;
text-decoration: none 2px;
opacity:1;
}
ul#clark-top-menu li a .clark-menu-item {
background-color: var(--top-menu-background-color);
color: var(--color-text);
text-transform:uppercase;
/*300-640-24-51.187-16*/
font-size: var(--font-size-menu);
line-height:1;
text-align: center;
text-decoration: none 2px;
border:2px solid var(--color-text);
/*transition: background-color 0.3s, border 0.12s;*/
padding: 3px 5px 1px 5px;
/*300-640-2.59-5.53-16*/
padding-top: clamp(0.161875rem, -0.0003rem + 0.8647vw, 0.345625rem);
padding-bottom: clamp(0.161875rem, -0.0003rem + 0.8647vw, 0.345625rem);
/*300-640-5.7-12.2-16*/
padding-left: clamp(0.35625rem, -0.0022rem + 1.9118vw, 0.7625rem);
padding-right: clamp(0.35625rem, -0.0022rem + 1.9118vw, 0.7625rem);
/*300-600-21.5-47-16*/
font-size: calc(clamp(1.34375rem, -0.2500rem + 8.5000vw, 2.9375rem) - 1px);
/*
font-size: 29.7px;
font-size: 49.4px;*/
/*375-599-29.7-49.4-16*/
/*font-size: clamp(1.85625rem, -0.2050rem + 8.7946vw, 3.0875rem);*/
padding: 0.08em 0.1em;
/*300-599-22.8-49.4-16*/
font-size: clamp(1.425rem, -0.2431rem + 8.8963vw, 3.0875rem);
}
ul#clark-top-menu li a .clark-menu-item.recherche svg {
height:calc(var(--font-size-menu) - 0.2em);
width:auto;
}
ul#clark-top-menu li a:hover .clark-menu-item {
background-color: var(--border-menu-background);
border: 2px solid var(--border-menu-background);
/*transition: background-color 0.3s, border 0.12s;*/
}
ul#clark-top-menu .clark-top-menu-logo {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
ul#clark-top-menu .clark-menu-item.logo-centre {
margin-right: 10px;
/*600-1920-5-12-16*/
margin-right: clamp(0.3125rem, 0.1136rem + 0.5303vw, 0.75rem);
}
ul#clark-top-menu .clark-menu-item.logo-clark {
border-radius: 50%;
padding: 21px 20px 18px 20px;
/*285-599-6-15-16*/
padding-top: clamp(0.375rem, -0.1355rem + 2.8662vw, 0.9375rem);
/*285-599-7-14-16*/
padding-right: clamp(0.4375rem, 0.0404rem + 2.2293vw, 0.875rem);
/*285-599-5-12-16*/
padding-bottom: clamp(0.3125rem, -0.0846rem + 2.2293vw, 0.75rem);
/*285-599-7-14-16*/
padding-left: clamp(0.4375rem, 0.0404rem + 2.2293vw, 0.875rem);
/*300-640-7.78-16.6-16*/
padding-top: clamp(0.48625rem, -0.0001rem + 2.5941vw, 1.0375rem);
/*300-640-8.43-18.52-16*/
padding-right: clamp(0.526875rem, -0.0296rem + 2.9676vw, 1.1575rem);
/*300-640-7.65-16.52-16*/
padding-bottom: clamp(0.478125rem, -0.0110rem + 2.6088vw, 1.0325rem);
/*300-640-9.59-20.47-16*/
padding-left: clamp(0.599375rem, -0.0006rem + 3.2000vw, 1.279375rem);
}
.mobile-hidden {
display: none;
}
/* MAIN MENU - apparait quand on clique 'MENU' */
#clark-mainmenu {
opacity:0;
width:100%;
max-width:0;
overflow:hidden;
position:absolute;
top:0;
left:0;
background-color:var(--color-secondary);
-webkit-overflow-scrolling: touch;
z-index:20;
transition:opacity 0.5s , max-width 0s 0.6s;
}
#clark-mainmenu.open {
overflow:auto;
height:100%;
min-height:100vh;
max-width:100%;
opacity:1;
transition:opacity 0.5s, max-width 0s 0s;
}
#clark-mainmenu ul {
list-style-type: none;
padding:0;
margin:0;
}
#clark-mainmenu ul li {
border-bottom:none;
}
@media screen and (min-width:600px) {
#clark-mainmenu ul li {
border-bottom:2px solid black;
}
}
#clark-mainmenu ul li a {
width:fit-content;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items:center;
font-family: 'Basel Grotesk', sans-serif;
font-size:84px;
/*500-1920-29.06-111.43-16*/
font-size: clamp(1.81625rem, 0.0035rem + 5.8007vw, 6.964375rem);
line-height:1;
text-transform:uppercase;
color:black!important;
padding:12px 35px 12px 20px;
/*500-1920-8-35-16*/
padding-right: clamp(0.5rem, -0.0942rem + 1.9014vw, 2.1875rem);
/*500-1920-8-20-16*/
padding-left: clamp(0.5rem, 0.2359rem + 0.8451vw, 1.25rem);
padding-top:0.1em;
padding-bottom:0.1em;
}
@media screen and (min-width:600px) {
#clark-mainmenu ul li a {
/*500-1920-6-12-16*/
padding-top: clamp(0.375rem, 0.2430rem + 0.4225vw, 0.75rem);
padding-bottom: clamp(0.375rem, 0.2430rem + 0.4225vw, 0.75rem);
}
}
#clark-mainmenu ul li a:hover {
color:black;
}
.clark-black-dot {
width:61px;
/*500-1920-21.18-81.33-16*/
width: clamp(1.32375rem, 0.0000rem + 4.2359vw, 5.083125rem);
height: clamp(1.32375rem, 0.0000rem + 4.2359vw, 5.083125rem);
margin-right:10px;
/*500-1920-8-20-16*/
margin-right: clamp(0.5rem, 0.2359rem + 0.8451vw, 1.25rem);
transition: transform 0.4s;
}
#clark-mainmenu ul li a:hover .clark-black-dot {
transform:scale(1.1);
transition: transform 0.4s;
}
#clark-mainmenu-close {
cursor:pointer;
}
#clark-mainmenu-close-x {
width:61px;
height:61px;
/*500-1920-21.18-81.33-16*/
width: clamp(1.32375rem, 0.0000rem + 4.2359vw, 5.083125rem)!important;
height: clamp(1.32375rem, 0.0000rem + 4.2359vw, 5.083125rem)!important;
}
li#clark-mainmenu-0 {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:center;
}
.clark-mainmenu-info-wrapper {
font-size:16px;
line-height:var(--font-size-regular-lineheight);
color:var(--color-text-nochange);
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
padding:12px 35px 12px 20px;
padding-right: clamp(0.5rem, -0.0942rem + 1.9014vw, 2.1875rem);
/*500-1920-8-20-16*/
padding-left: clamp(0.5rem, 0.2359rem + 0.8451vw, 1.25rem);
/*500-1920-6-12-16*/
padding-top: clamp(0.375rem, 0.2430rem + 0.4225vw, 0.75rem);
padding-bottom: clamp(0.375rem, 0.2430rem + 0.4225vw, 0.75rem);
column-gap:40px;
/*500-1920-10-70-16*/
margin-bottom: clamp(0.625rem, -0.6954rem + 4.2254vw, 4.375rem);
}
.clark-mainmenu-info-wrapper a {
color:var(--color-text-nochange)!important;
text-decoration:underline;
}
.clark-mainmenu-info-wrapper a:hover {
color:var(--color-text-nochange)!important;
text-decoration:none 2px;
}
.clark-recherche-icon-line,
.clark-recherche-icon-circle {
stroke:var(--color-text);
}
.clark-menu-don-fleche {
width: 0.7em;
margin-left: 0.2em;
}
#clark-mainmenu-info,
#clark-mainmenu-close {
display:none!important;
}
@media screen and (min-width:600px) {
#clark-mainmenu-info,
#clark-mainmenu-close {
display:block!important;
}
}
/* main menu version mobile */
#clark-mainmenu-nav {
padding-top:10px;
}
#clark-mainmenu-footer-mobile {
padding:10px;
padding-top:0.5em;
width:100%;
margin-bottom:10em;
}
@media screen and (min-width: 600px) {
#clark-mainmenu-nav {
padding-top:0px;
}
#clark-mainmenu-footer-mobile,
#clark-mainmenu-header-mobile {
display:none;
}
}
.clark-mainmenu-header-mobile-wrapper {
padding:10px;
padding-bottom:1em;
width:100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.clark-mainmenu-header-mobile-left {
line-height:1.25;
}
#clark-contrast-mobile,
#clark-search-open-mobile,
#clark-mainmenu-lang-mobile {
color:var(--color-text-nochange)!important;
}
#clark-mainmenu-header-mobile {
position:relative;
width:fit-content;
float:right;
}
#clark-mainmenu-header-mobile #clark-mainmenu-close-mobile svg {
/*300-600-31-61-16*/
height: clamp(1.9375rem, 0.0625rem + 10.0000vw, 3.8125rem);
padding-right:10px;
padding-top:10px;
}
/*
#clark-mainmenu-header-mobile {
position:absolute;
width:100%;
top:0;
left:0;
display:block;
color:var(--color-text-nochange);
}*/
/*
.clark-mainmenu-header-mobile-wrapper .clark-mainmenu-header-mobile-right {
display: flex;
flex-direction:row;;
justify-content: flex-end;
}
.clark-mainmenu-header-mobile-wrapper .clark-mainmenu-header-mobile-right #clark-mainmenu-close-mobile svg {
/*300-600-31-61-16
height: clamp(1.9375rem, 0.0625rem + 10.0000vw, 3.8125rem);
/*300-600-10.25-16-16
padding-left:clamp(0.640625rem, 0.2813rem + 1.9167vw, 1rem);
}
.clark-mainmenu-header-mobile-wrapper .clark-mainmenu-header-mobile-right #clark-search-open-mobile svg {
/*300-600-31-61-16
height: clamp(1.9375rem, 0.0625rem + 10.0000vw, 3.8125rem);
}*/
/* Cookie conscent */
.clark-cookie-consent {
display: none;
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color:var(--top-menu-background-color);
border:2px solid var(--color-text);
color: var(--color-text);
margin:1rem;
/*600-1920-8-13-16*/
padding-left: clamp(0.5rem, 0.2727rem + 0.6061vw, 1rem);
padding-right: clamp(0.5rem, 0.2727rem + 0.6061vw, 1rem);
padding-bottom: clamp(0.5rem, 0.2727rem + 0.6061vw, 1rem);
padding-top: clamp(0.375rem, 0.1477rem + 0.6061vw, 0.875rem);
margin-left: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
margin-right: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
margin-bottom: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
z-index: 1000;
width:fit-content;
}
a#clark-cookie-consent-accept {
cursor: pointer;
color: var(--color-text);
text-decoration: underline;
}
a#clark-cookie-consent-accept:hover {
text-decoration: none 2px;
}
@media screen and (min-width:600px) {
.clark-cookie-consent {
max-width:24vw;
width:24vw;
}
}
/* Clark site search */
#clark-search {
opacity:0;
width:100%;
max-width:0;
position:absolute;
top:0;
left:0;
background-color:var(--color-background);
min-height:0;
z-index:-1;
height: 100%;
overflow: auto;
transition:opacity 0.2s , max-width 0s 0.5s, z-index 0s 0.5s;
}
#clark-search.open {
min-height:100vh;
max-width:100vw;
z-index:25;
opacity:1;
transition:opacity 0.2s, max-width 0s 0s, z-index 0s 0s;
}
#clark-search-close {
position:fixed;
top:clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
right:clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
cursor:pointer;
z-index:30;
}
#clark-search-close-x {
width:60px;
height:60px;
/*500-1920-21.18-81.33-16*/
/*600-1920-25-81.33-16*/
width: clamp(1.5625rem, -0.0378rem + 4.2674vw, 5.083125rem)!important;
height: clamp(1.5625rem, -0.0378rem + 4.2674vw, 5.083125rem)!important;
filter:var(--svg-button-color);
}
#clark-search-close-mobile {
width:100%;
text-align:right;
display:block;
}
#clark-search-close {
display:none;
}
#clark-search-close-mobile svg {
/*300-600-31-61-16*/
height: clamp(1.9375rem, 0.0625rem + 10.0000vw, 3.8125rem);
/*300-600-10.25-16-16*/
padding-left:clamp(0.640625rem, 0.2813rem + 1.9167vw, 1rem);
}
@media screen and (min-width: 600px) {
#clark-search-close-mobile {
display:none;
}
#clark-search-close {
display:block;
}
}
.clark-search-wrapper {
/*600-1920-7.5-24-16*/
padding: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
}
#clark-search input[type="submit"] {
display: none;
}
/* */
#clark-search-form input,
#clark-search-form input::placeholder {
/*300-640-24-51-16*/ /* text-large */
font-size: var(--font-size-large);
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
color:var(--color-search-field-placeholder);
}
#clark-search-form input {
color:var(--color-text-nochange);
}
.clark-search-field-submit-icon {
width:1em;
/*filter:var(--svg-button-color);*/
}
#clark-search-form {
width:100%;
border-bottom:2px solid var(--color-text);
margin-bottom:33px;
margin-top:50px;
}
#clark-search-form input {
width:89%;
}
@media screen and (min-width:600px) {
#clark-search-form {
width:fit-content;
/*600-1920-49-157-16*/
margin-bottom: clamp(3.0625rem, -0.0057rem + 8.1818vw, 9.8125rem);
margin-top:0;
}
#clark-search-form input {
width:55vw;
}
}
.clark-search-submit-label {
vertical-align:middle;
}
#clark-search-results-title {
display:none;
width:100%;
border-bottom:2px solid var(--color-text);
padding:0;
margin:0;
}
#clark-search-results-title.active {
display:inline-block;
}
.clark-archive-poste-audio-item,
.clark-archive-performance-item,
.clark-search-results-item {
padding-top: clamp(0.375rem, 0.0057rem + 0.9848vw, 1.1875rem);
padding-bottom: clamp(0.375rem, 0.0057rem + 0.9848vw, 1.1875rem);
padding-top:0.5em;
padding-bottom:0.5em;
}
.clark-search-results-item {
width:100%;
border-top:2px solid var(--color-text);
/*600-1920-6-19-16*/
}
.clark-search-results-item:first-of-type {
border-top:none;
}
.clark-search-results-item h2,
.clark-search-results-item h3,
.clark-search-results-item h4 {
padding:0;
margin:0;
}
.clark-search-results-item .clark-search-result-item-link {
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:flex-start;
}
.clark-search-result-item-right {
width:100%;
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
/*600-1920-8.33-26.67-16*/
gap: clamp(0.520625rem, -0.0004rem + 1.3894vw, 1.666875rem);
}
.clark-search-result-item-image {
width:100%;
}
.clark-search-result-item-image img {
aspect-ratio:292/216;
}
.clark-search-result-item-text {
margin-top:0;
}
@media screen and (min-width:600px) {
.clark-search-results-item .clark-search-result-item-link {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
}
.clark-search-result-item-right {
width:58vw;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
/*600-1920-8.33-26.67-16*/
gap: clamp(0.520625rem, -0.0004rem + 1.3894vw, 1.666875rem);
}
.clark-search-result-item-image {
width:15.67vw;
min-width:15.67vw;
}
.clark-search-result-item-image img {
aspect-ratio:292/216;
}
.clark-search-result-item-text {
/*margin-top:-0.27em;*/
}
}
.search-results-empty { /* comme .page-template-default h2
/*300-640-24-51-16*/ /* text-large */
font-size: var(--font-size-large);
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
/*600-1920-5-20-16*/
padding-top: clamp(0.3125rem, -0.1136rem + 1.1364vw, 1.25rem);
/*600-1920-10-30-16*/
padding-bottom: clamp(0.625rem, 0.0568rem + 1.5152vw, 1.875rem);
margin:0;
}
/* dark mode search adjustment */
.clark-dark-mode #clark-search-form label {
background-color:white;
}
.clark-dark-mode .clark-search-submit-label {
position:relative;
vertical-align:baseline;
color:var(--color-search-field-placeholder);
border-top:4px solid white;
}
.clark-dark-mode .clark-search-submit-label svg {
position:absolute;
top:5px;
right:5px;
}
.clark-dark-mode #clark-search-form {
padding-bottom:4px;
color:var(--color-search-field-placeholder); /* permet de conserver la couleur quand le navigateur fait une proposition */
}
.clark-site-main-content {
/* padding-left: clamp(1.125rem, 0.0000rem + 1.2500vw, 1.5rem);
padding-right: clamp(1.125rem, 0.0000rem + 1.2500vw, 1.5rem);*/
/*600-1920-7.5-24-16*/
/*padding-left: 10px;
padding-right: 10px;*/
font-size:var(--font-size-large);
margin-left:var(--site-left-right-space);
margin-right:var(--site-left-right-space);
}
.single .clark-site-main-content {
margin-top:1em;
}
@media screen and (min-width:600px) {
.single .clark-site-main-content {
margin-top:0em;
}
}
/* accueil Marquise */
.clark-marquise {
background: var(--color-background);
color:var(--color-text);
width: 100%;
border-top: 2px solid var(--color-text);
border-bottom: 2px solid var(--color-text);
/*600-1920-4-9-16*/
/*padding-top: clamp(0.25rem, 0.1080rem + 0.3788vw, 0.5625rem);
padding-bottom: clamp(0.25rem, 0.1080rem + 0.3788vw, 0.5625rem);*/
padding-top: 0.45em;
padding-bottom: 0.45em;
/*display:none; /* not displayed if no js to determine scroll speed */
}
.clark-marquise .container {
padding: 0;
}
.clark-marquise-item {
float: none!important;
white-space: nowrap;
font-weight: 400;
padding: 0;
overflow: hidden;
width: 100%;
height:fit-content;
}
.clark-marquise-item .clark-scroll {
/*position: absolute;*/
display: inline-block;
color:var(--color-text);
-moz-animation: clark-marquise 120s linear infinite;
-webkit-animation: clark-marquise 120s linear infinite;
animation: clark-marquise 120s linear infinite;
}
.clark-marquise-item-link {
line-height:1.15em;
color:var(--color-text);
text-decoration:none 2px;
transition:color 0.4s;
}
.clark-marquise-item-link:hover {
color:var(--color-text);
text-decoration:none 2px;
}
.clark-marquise-item:hover .clark-scroll {
animation-play-state: paused!important;
}
@keyframes clark-marquise {
0% {
transform:translateZ(0);
}
to {
transform:translate3d(-50%,0,0);
}
}
/* accueil expositions en cours */
h1.page-title { /* à retirer? */
display: block;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
font-size: 2px;
padding: 0;
margin: 0;
}
h1.clark-main-title {
position:relative;
display: block;
overflow: hidden;
white-space: nowrap;
padding: 0;
margin: 0;
font-size: var(--font-size-main-title);
line-height:1;
text-transform:uppercase;
text-align:center;
margin-top:1em;
margin-bottom: 0.05em;
}
h1.clark-main-title::after {
content: '';
position: absolute;
bottom: 0.05em;
left: 0;
width: 100%;
height: 2px;
background: var(--color-text);
}
h1.clark-main-title.noborder {
margin-bottom: -0.057em;
}
h1.clark-main-title.noborder::after {
height: 0;
}
.clark-current-exhibitions {
display:flex;
flex-direction:column;
flex-wrap:nowrap;
justify-content:flex-start;
}
.clark-current-exhibitions-text {
width:100%;
}
.clark-current-exhibitions-images {
width:100%;
display:none;
}
.clark-current-exhibitions {
display:none;
}
.clark-current-exhibitions-mobile {
display:block;
}
@media screen and (min-width:600px) {
.clark-current-exhibitions {
flex-direction:row;
justify-content:flex-start;
}
.clark-current-exhibitions {
display:flex;
}
.clark-current-exhibitions-mobile {
display:none;
}
.clark-current-exhibitions-text {
width:46.4%;
}
.clark-current-exhibitions-images {
display:block;
width:53.6%;
}
}
.clark-atelier-home-bouton {
position:relative;
/*min-height:500px;
background-image: url(/images/bouton-atelier-clark.svg);*/
}
.clark-atelier-home-bouton-background {
width:100%;
margin:0 auto;
height:auto;
filter:var(--svg-button-color);
}
@media screen and (min-width:600px) {
.clark-atelier-home-bouton-background {
width:57.43%;
margin:0 auto;
height:auto;
filter:var(--svg-button-color);
}
}
.clark-atelier-home-bouton-link {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width:26.94%;
height:auto;
}
.clark-atelier-home-bouton-link img {
opacity:0;
}
@media screen and (min-width:600px) {
.clark-atelier-home-bouton-link img {
opacity:0;
transition: opacity 0.2s;
}
a.clark-atelier-home-bouton-link,
.clark-atelier-home-bouton-link:hover img {
opacity:1!important;
transition: opacity 0.2s;
}
}
.clark-current-exhibitions {
/*600-1920-10-70-16*/
/*margin-top:clamp(0.625rem, -1.0795rem + 4.5455vw, 4.375rem);*/
margin-bottom:clamp(0.625rem, -1.0795rem + 4.5455vw, 4.375rem);
}
.clark-atelier-home-section {
/*300-600-70-130-16*/
margin-top: clamp(4.375rem, 0.6250rem + 20.0000vw, 8.125rem);
/*300-600-60-120-16*/
margin-bottom: clamp(3.75rem, 0.0000rem + 20.0000vw, 7.5rem);
}
@media screen and (min-width:600px) {
.clark-atelier-home-section {
/*600-1920-10-85-16*/
margin-top: clamp(0.625rem, -1.5057rem + 5.6818vw, 5.3125rem);
/*600-1920-45-150-16*/
margin-bottom: clamp(2.8125rem, -0.1705rem + 7.9545vw, 9.375rem);
}
}
.clark-current-exhibition-item {
display:block;
/*flex-direction:column;*/
/*600-1920-45-70-16*/
margin-bottom: clamp(2.8125rem, 2.1023rem + 1.8939vw, 4.375rem);
cursor:pointer;
}
@media screen and (min-width:600px) {
.clark-current-exhibition-item {
margin-right:0.25em;
}
}
.clark-current-exhibitions-text h3,
.clark-current-exhibitions-text h4,
.clark-current-exhibitions-text h5 {
/*300-640-24-51-16*/ /* text-large */
font-size: var(--font-size-large);
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
padding:0;
margin:0;
}
.clark-current-exhibition-image {
display:none;
width:100%;
/*position:absolute;
top:0;
left:0;
background-color:#EEE;
opacity:0;*/
/*transition: opacity 0.2s;*/
}
.clark-current-exhibition-image.active {
display:block;
/*opacity:1;
transition: opacity 0.2s;*/
}
/*.clark-room:before {
content: '⚫';
margin: 0 0.12em 0 0;
}*/
.dot:before {
content: '⚫';
margin: 0 0.12em 0 0;
display: inline-block;
transition: transform 0.08s;
}
a:hover .dot::before {
transform: scale(1.08);
transition: transform 0.08s;
}
.clark-type.nodot:before,
.clark-room.nodot:before {
content: none;
margin:0;
}
.clark-expositions-saison-courante {
}
.clark-expositions-current-exhibitions .clark-post-grid-2,
.clark-expositions-saison-courante .clark-post-grid-3 {
/*300-640-18.4-39-16*/
row-gap: clamp(1.15rem, 0.0140rem + 6.0588vw, 2.4375rem);
}
@media screen and (min-width:600px) {
.clark-expositions-current-exhibitions .clark-post-grid-2,
.clark-expositions-saison-courante .clark-post-grid-3 {
/*600-1920-18-60-16*/
/*row-gap: clamp(1.125rem, -0.0682rem + 3.1818vw, 3.75rem);*/
row-gap:0.9em;
}
}
.clark-saison-courante-title {
}
.clark-saison-courante-image {
aspect-ratio:1.35111111;
width:100%;
/*600-1920-6-20-16*/
/*margin-bottom: clamp(0.375rem, -0.0227rem + 1.0606vw, 1.25rem);*/
}
.title-upper-border {
width:100%;
border-top:2px solid var(--color-text);
}
.clark-saison-courante {
/*600-1920-56-195-16*/
padding-bottom: clamp(3.5rem, -0.4489rem + 10.5303vw, 12.1875rem);
}
.clark-saison-courante-wrapper {
}
.clark-post-grid-2 {
display:grid;
grid-template-columns: repeat(1, 1fr);
font-size:var(--font-size-large);
gap: 10px;
/*600-1920-7.5-24-16*/
gap: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
}
.clark-post-grid-2 h2,
.clark-post-grid-2 h3,
.clark-post-grid-2 h4,
.clark-post-grid-2 h5 {
font-size: var(--font-size-large);
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
padding:0!important;
margin:0!important;
}
.clark-post-grid-2 h2.text-regular,
.clark-post-grid-2 h3.text-regular,
.clark-post-grid-2 h4.text-regular,
.clark-post-grid-2 h5.text-regular {
font-size: var(--font-size-regular);
line-height:var(--font-size-regular-lineheight);
letter-spacing:var(--font-size-regular-letterspacing);
}
.clark-post-grid-2 img {
display:block;
width:100%;
height:auto;
margin-top:0.15em;
margin-bottom:0.33em;
}
.clark-post-grid-3 {
display:grid;
grid-template-columns: repeat(1, 1fr);
font-size:var(--font-size-large);
gap: 10px;
/*600-1920-7.5-24-16*/
gap: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
}
.clark-post-grid-3 h2,
.clark-post-grid-3 h3,
.clark-post-grid-3 h4,
.clark-post-grid-3 h5 {
font-size: var(--font-size-large);
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
padding:0!important;
margin:0!important;
}
.clark-post-grid-3 h2.text-regular,
.clark-post-grid-3 h3.text-regular,
.clark-post-grid-3 h4.text-regular,
.clark-post-grid-3 h5.text-regular {
font-size: var(--font-size-regular);
line-height:var(--font-size-regular-lineheight);
letter-spacing:var(--font-size-regular-letterspacing);
}
.clark-post-grid-3 img {
display:block;
width:100%;
height:auto;
margin-top:0.15em;
margin-bottom:0.33em;
}
.clark-post-grid-4 {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 1.2em 0.38em;
}
.clark-partenaires-grid {
display: grid;
align-items: center;
gap: 10px;
grid-template-columns: repeat(4, 1fr);
/*600-1920-12-21-16*/
margin-bottom: clamp(0.75rem, 0.4943rem + 0.6818vw, 1.3125rem);
/*600-1920-2-4-16*/
margin-top: clamp(0.125rem, 0.0682rem + 0.1515vw, 0.25rem);
}
.clark-archive-exhibition-item .clark-grid-right {
/*background-color:var(--footer-background);*/
/*aspect-ratio: 2;*/
}
/* grid resizes */
@media screen and (min-width:600px) {
.clark-post-grid-2 {
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
/*600-1920-7.5-24-16*/
/*grid-gap: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);*/
grid-gap:0.45em;
}
/*
.clark-post-grid-2 h2,
.clark-post-grid-2 h3,
.clark-post-grid-2 h4,
.clark-post-grid-2 h5 {
600-1920-18.75-60-16
font-size: var(--font-size-large-desktop)!important;
}*/
.clark-post-grid-3 {
display:grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 10px;
/*600-1920-7.5-24-16*/
/*grid-gap: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);*/
grid-gap:0.45em;
}
.clark-post-grid-4 {
grid-template-columns: repeat(4, 1fr);
}
/*
.clark-post-grid-3 h2,
.clark-post-grid-3 h3,
.clark-post-grid-3 h4,
.clark-post-grid-3 h5 {
600-1920-18.75-60-16
font-size: var(--font-size-large-desktop)!important;
}*/
.clark-partenaires-grid {
display: grid;
align-items: center;
gap: 10px;
grid-template-columns: repeat(4, 1fr);
/*600-1920-12-21-16*/
margin-bottom: clamp(0.75rem, 0.4943rem + 0.6818vw, 1.3125rem);
/*600-1920-2-4-16*/
margin-top: clamp(0.125rem, 0.0682rem + 0.1515vw, 0.25rem);
}
}
.clark-saison-courante h3,
.clark-saison-courante h4,
.clark-saison-courante h5 {
padding:0;
margin:0;
}
.clark-saison-courante-title {
/*600-1920-5-14-16*/
padding-top: clamp(0.3125rem, 0.0568rem + 0.6818vw, 0.875rem)!important;
/*600-1920-10-30-16*/
padding-bottom: clamp(0.625rem, 0.0568rem + 1.5152vw, 1.875rem)!important;
}
.librairie-clark-item,
.clark-archive-exhibition-item-link,
.clark-current-event-item {
display:block;
/*300-600-33-66-16*/
margin-bottom: clamp(2.0625rem, 0.0000rem + 11.0000vw, 4.125rem);
}
/* espacement sous l'image des listes grid-3 */
.clark-current-event-image,
.clark-nouvelles-image,
.clark-current-residence-image {
font-size:var(--font-size-large);
margin-bottom:0.45em;
}
.clark-archives-image,
.clark-events-item-image,
.clark-saison-courante-image,
.clark-current-exposition-image,
.clark-current-exhibition-image,
.clark-current-event-image,
.clark-nouvelles-image {
width:100%;
}
.clark-archives-image.empty,
.clark-events-item-image.empty,
.clark-saison-courante-image.empty,
.clark-current-exposition-image.empty,
.clark-current-exhibition-image.empty,
.clark-current-event-image.empty,
.clark-nouvelles-image.empty {
border:2px solid var(--color-text);
width:100%;
}
.empty.atelier-bouton {
aspect-ratio: 518/780;
}
.empty.accueil-exposition {
aspect-ratio: 1030/772;
}
.empty.single-large {
aspect-ratio: 1400/948;
}
.empty.search-results {
aspect-ratio: 292/216;
}
.empty.clark-grid-2-nocrop,
.empty.clark-grid-2-crop {
aspect-ratio: 924/684;
}
.empty.clark-grid-3-nocrop,
.empty.clark-grid-3-crop {
aspect-ratio: 608/450;
}
.empty.clark-grid-4-crop {
aspect-ratio: 332/249;
}
@media screen and (min-width:600px) {
.librairie-clark-item,
.clark-archive-exhibition-item-link,
.clark-current-event-item {
margin-bottom: 0;
}
}
.clark-single-retour {
font-size: var(--font-size-price);
position: absolute;
top: 4.6em;
z-index:11; /* above header @ 10 */
}
.clark-single-retour a {
text-decoration:none 2px!important;
}
.clark-single-retour a:hover {
text-decoration:underline!important;
}
/* SINGLE EXHIBITION */
h1.clark-single-exhibition {
display:block;
}
h1.clark-single-exhibition-audio {
display:block;
/*600-1920-23.5-76-16*/
margin-bottom: clamp(1.46875rem, -0.0227rem + 3.9773vw, 4.75rem);
}
.clark-single-exhibition-audio-file {
margin-top: 1em;
}
.clark-single-exhibition-audio-player {
font-size: var(--font-size-regular);
letter-spacing:var(--font-size-regular-letterspacing);
margin-top: 1.7em;
margin-bottom: 1.5em;
}
.clark-single-exhibition-column-left a.clark-audio-lien-bouton {
display:block;
border:2px solid var(--color-text);
padding: 0.075em 0.2em 0em 0.15em;
font-size: var(--font-size-large);
letter-spacing:var(--font-size-large-letterspacing);
letter-spacing:0.25px;
text-decoration:none 2px;
width:fit-content;
}
.clark-columns,
.clark-single-exhibition-columns {
display:flex;
flex-direction:column;
justify-content: space-between;
/*600-1920-175-450-16*/
margin-bottom: clamp(10.9375rem, 3.1250rem + 20.8333vw, 28.125rem);
}
.clark-single-exhibition-columns.nomargin {
margin-bottom: 0;
}
.clark-column-half,
.clark-single-exhibition-column-left {
width:100%;
}
.clark-single-exhibition-column-right {
width:100%;
}
.clark-single-exhibition-image {
width:100%;
/*600-1920-16-60-16*/
margin-bottom: clamp(1rem, -0.2500rem + 3.3333vw, 3.75rem);
}
.clark-single-exhibition-image img {
width:100%;
height:auto;
}
.clark-single-exhibition-column-right-text {
/*600-1920-10-36-16*/
margin-bottom: clamp(0.625rem, -0.1136rem + 1.9697vw, 2.25rem);
}
.clark-single-exhibition-column-left a,
.clark-single-exhibition-column-right a,
.clark-single-exhibition-column-right-text a {
text-decoration:underline 2px;
}
.clark-single-exhibition-column-left a:hover,
.clark-single-exhibition-column-right a:hover,
.clark-single-exhibition-column-right-text a:hover {
text-decoration:none 2px;
}
.clark-page-columns,
.clark-current-events,
#clark-nouvelles,
#clark-related-exhibitions {
/*300-600-92-186-16*/
margin-bottom: clamp(5.75rem, -0.1250rem + 31.3333vw, 11.625rem);
}
.clark-mediation-links {
/*300-600-16-30-16*/
margin-bottom: clamp(1rem, 0.1250rem + 4.6667vw, 1.875rem);
}
.clark-mediation-links a {
/*border-top:1px solid var(--color-text);*/
/*300-600-16-30-16*/
padding-bottom: clamp(1rem, 0.1250rem + 4.6667vw, 1.875rem);
padding-top:10px;
}
.clark-mediation-links a:last-of-type {
/*border-top:1px solid var(--color-text);
border-bottom:1px solid var(--color-text); */
}
/***/
.js .clark-readmore-text {
visibility: hidden;
}
.clark-single-exhibition-column-right-text,
.clark-readmore-text {
position:relative;
/*max-height: 15em;*/
overflow: hidden;
}
.clark-readmore-link-text, .clark-readless-link-text {
display:inline-block;
text-decoration:underline 2px;
text-underline-offset: 0.17em;
text-decoration-skip-ink: none;
color: var(--color-grey-30)!important;
}
.clark-single-exhibition-read-more {
display: inline-block;
text-decoration:underline 2px;
text-underline-offset: 0.17em;
text-decoration-skip-ink: none;
}
.clark-readmore-link-text:hover, .clark-readless-link-text:hover {
text-decoration: none 2px;
}
.readmore-link.hidden, .readless-link.hidden {
display:none;
}
.readmore-hidden, .readless-hidden {
display: none;
}
.readmore-link, .readless-link {
display: inline-block;
margin-left: 0;
color: var(--color-text);
cursor: pointer;
}
.inline-hidden-content {
display: inline; /* To ensure the text flows inline when visible */
}
.block-hidden-content {
display: block; /* This will be a block when visible */
margin-top: 0; /* Reduce space between the continued paragraph and new content */
}
/***/
.clark-single-exhibition-informations p,
.clark-single-exhibition-audio-informations p {
margin-bottom:0.4em;
}
@media screen and (max-width:599px) {
.clark-mediation-links.clark-post-grid-3 {
gap: 0;
}
}
@media screen and (min-width:600px) {
.clark-page-columns,
.clark-current-events,
#clark-related-exhibitions,
#clark-nouvelles,
.clark-single-nouvelle-columns,
.clark-mediation-links {
/*600-1920-45-150-16*/
margin-bottom: clamp(2.8125rem, -0.1705rem + 7.9545vw, 9.375rem);
}
.clark-columns,
.clark-single-exhibition-columns {
flex-direction:row;
/*600-1920-175-450-16*/
margin-bottom: clamp(10.9375rem, 3.1250rem + 20.8333vw, 28.125rem);
margin-bottom:5.7em;
}
.clark-column-half,
.clark-single-exhibition-column-left {
width:50%;
padding-right:1em;
}
.clark-single-exhibition-column-right {
width:50%;
}
.clark-single-exhibition-image {
width:73%;
/*600-1920-16-60-16*/
margin-bottom: clamp(1rem, -0.2500rem + 3.3333vw, 3.75rem);
}
.clark-mediation-links a {
border-top:none;
padding-bottom:0;
}
.clark-mediation-links a:last-of-type {
border-top:none;
border-bottom:none;
}
}
/* NOUVELLES */
/* SINGLE EXHIBITION */
h1.clark-single-nouvelles {
display:block;
}
.clark-single-nouvelles-columns {
display:flex;
flex-direction:column;
justify-content: space-between;
/*600-1920-175-450-16*/
margin-bottom: clamp(10.9375rem, 3.1250rem + 20.8333vw, 28.125rem);
}
.clark-single-nouvelles-columns.nomargin {
margin-bottom: 0;
}
.clark-column-half,
.clark-single-nouvelles-column-left {
width:100%;
}
.clark-single-nouvelles-column-right {
width:100%;
}
.clark-single-nouvelles-image {
width:100%;
/*600-1920-16-60-16*/
margin-bottom: clamp(1rem, -0.2500rem + 3.3333vw, 3.75rem);
}
.clark-single-nouvelles-column-right-text {
/*600-1920-10-36-16*/
margin-bottom: clamp(0.625rem, -0.1136rem + 1.9697vw, 2.25rem);
}
.clark-single-nouvelles-column-left a,
.clark-single-nouvelles-column-right a,
.clark-single-nouvelles-column-right-text a {
text-decoration:underline 2px;
}
.clark-single-nouvelles-column-left a:hover,
.clark-single-nouvelles-column-right a:hover,
.clark-single-nouvelles-column-right-text a:hover {
text-decoration:none 2px;
}
@media screen and (min-width:600px) {
.clark-single-nouvelles-columns {
flex-direction:row;
/*600-1920-175-450-16*/
margin-bottom: clamp(10.9375rem, 3.1250rem + 20.8333vw, 28.125rem);
}
.clark-column-half,
.clark-single-nouvelles-column-left {
width:50%;
}
.clark-single-nouvelles-column-right {
width:50%;
}
.clark-single-nouvelles-image {
width:73%;
/*600-1920-16-60-16*/
margin-bottom: clamp(1rem, -0.2500rem + 3.3333vw, 3.75rem);
}
}
/* EXPOSITIONS */
.clark-expositions-current-exhibitions {
/*300-640-18.4-39-16*/
margin-bottom: clamp(1.15rem, 0.0140rem + 6.0588vw, 2.4375rem);
}
.clark-exposition-image {
/*600-1920-4-12-16*/
margin-top: clamp(0.25rem, 0.0227rem + 0.6061vw, 0.75rem);
/*600-1920-3-10-16*/
margin-bottom: clamp(0.1875rem, -0.0114rem + 0.5303vw, 0.625rem);
}
.clark-exposition-bouton-archives {
display:block;
border:2px solid var(--color-text);
padding: 3px 5px 1px 5px;
padding-top:0.6em;
padding-bottom:0.6em;
/*300-640-24-51.2-16*/
/*font-size: clamp(1.5rem, 0.0000rem + 8.0000vw, 3.2rem);*/
font-size:var(--text-large);
/*300-640-45-91-16*/
margin-top: clamp(2.8125rem, 0.2757rem + 13.5294vw, 5.6875rem);
/*600-1920-75-230-16*/
margin-bottom: clamp(4.6875rem, 0.2841rem + 11.7424vw, 14.375rem);
letter-spacing:-0.4px;
width:100%;
text-align:center;
background-color:var(--top-menu-background-color);
}
.clark-exposition-bouton-archives:hover {
opacity:1;
border:2px solid var(--border-menu-background);
background-color: var(--border-menu-background);
}
@media screen and (min-width: 600px) {
.clark-exposition-bouton-archives {
/*600-1920-16.8-60.6-16*/
/*font-size: clamp(1.05rem, -0.1943rem + 3.3182vw, 3.7875rem);*/
/*600-1920-38-112-16*/
margin-top: clamp(2.375rem, 0.2727rem + 5.6061vw, 7rem);
width:100%;
width:fit-content;
padding: 3px 5px 1px 5px;
/*600-1920-3-5-16*/
padding-top: clamp(0.1875rem, 0.1307rem + 0.1515vw, 0.3125rem);
/*600-1920-5-8-16*/
padding-right: clamp(0.3125rem, 0.2273rem + 0.2273vw, 0.5rem);
/*600-1920-1-2-16*/
padding-bottom: clamp(0.0625rem, 0.0341rem + 0.0758vw, 0.125rem);
/*600-1920-5-8-16*/
padding-left: clamp(0.3125rem, 0.2273rem + 0.2273vw, 0.5rem);
}
.clark-expositions-current-exhibitions {
/*600-1920-55-120-16*/
/*margin-bottom: clamp(3.4375rem, 1.5909rem + 4.9242vw, 7.5rem);*/
font-size:var(--font-size-large);
margin-bottom: 2em;
}
}
/* POSTE AUDIO */
.clark-archive-poste-audio-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.clark-archive-poste-audio-left {
margin-top:-0.27em;
}
.clark-archive-poste-audio-right {
margin-bottom:-0.27em;
}
.clark-archive-poste-audio-right {
width:100%;
}
@media screen and (min-width:600px) {
.clark-archive-poste-audio-wrapper {
flex-direction: row;
justify-content: space-between;
}
.clark-archive-poste-audio-right {
width:29vw;
}
.clark-archive-poste-audio-left,
.clark-archive-poste-audio-right {
margin-top:-0.27em;
margin-bottom:-0.27em;
}
.clark-archive-poste-audio-left {
max-width:60vw;
}
}
.clark-archive-poste-audio-item {
border-top:2px solid var(--color-text);
}
.clark-archive-poste-audio-item:last-of-type {
border-top:2px solid var(--color-text);
border-bottom:2px solid var(--color-text);
}
.clark-archive-poste-audio-item h2,
.clark-archive-poste-audio-item h3,
.clark-archive-poste-audio-item h4,
.clark-archive-poste-audio-item h5 {
/*300-640-24-51-16*/
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
padding:0;
margin:0;
}
.clark-archive-poste-audio-plus {
display:block;
border:2px solid var(--color-text);
padding: 3px 5px 1px 5px;
padding-top:0.6em;
padding-bottom:0.6em;
/*300-640-24-51.2-16*/
font-size: clamp(1.5rem, 0.0000rem + 8.0000vw, 3.2rem);
/*300-640-45-91-16*/
margin-top: clamp(2.8125rem, 0.2757rem + 13.5294vw, 5.6875rem);
/*600-1920-75-230-16*/
margin-bottom: clamp(4.6875rem, 0.2841rem + 11.7424vw, 14.375rem);
letter-spacing:-0.4px;
width:100%;
text-align:center;
background-color:var(--top-menu-background-color);
}
.clark-archive-poste-audio-plus:hover {
opacity:1;
background-color: var(--border-menu-background);
border:2px solid var(--border-menu-background);
}
.clark-post-audio-appel {
/*600-1920-55-175-16*/
margin-top: clamp(3.4375rem, 0.0284rem + 9.0909vw, 10.9375rem);
/*600-1920-69-222-16*/
margin-bottom: clamp(4.3125rem, -0.0341rem + 11.5909vw, 13.875rem);
}
@media screen and (min-width: 600px) {
.clark-archive-poste-audio-plus {
/*600-1920-16.8-60.6-16*/
font-size: clamp(1.05rem, -0.1943rem + 3.3182vw, 3.7875rem);
/*600-1920-38-112-16*/
margin-top: clamp(1.625rem, 0.3750rem + 3.3333vw, 4.375rem);
width:100%;
width:fit-content;
padding: 3px 5px 1px 5px;
/*600-1920-3-5-16*/
padding-top: clamp(0.1875rem, 0.1307rem + 0.1515vw, 0.3125rem);
/*600-1920-5-8-16*/
padding-right: clamp(0.3125rem, 0.2273rem + 0.2273vw, 0.5rem);
/*600-1920-1-2-16*/
padding-bottom: clamp(0.0625rem, 0.0341rem + 0.0758vw, 0.125rem);
/*600-1920-5-8-16*/
padding-left: clamp(0.3125rem, 0.2273rem + 0.2273vw, 0.5rem);
}
}
/* PERFORMANCE */
.clark-archive-performance-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.clark-archive-performance-left {
margin-top:-0.27em;
}
.clark-archive-performance-right {
width:100%;
margin-bottom:-0.27em;
}
.clark-archive-performance-left {
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
}
.clark-archive-performance-left-bottom {
margin-top:1em;
}
.clark-archive-performance-item-image {
width:100%;
min-width:100%;
aspect-ratio:292/216;
}
@media screen and (min-width:600px) {
.clark-archive-performance-wrapper {
flex-direction: row;
justify-content: space-between;
}
.clark-archive-performance-right {
width:32vw;
}
.clark-archive-performance-left,
.clark-archive-performance-right {
margin-top:-0.27em;
margin-bottom:-0.27em;
}
.clark-archive-performance-left {
max-width:60vw;
}
}
.clark-archive-performance-item {
border-top:2px solid var(--color-text);
}
.clark-archive-performance-item:last-of-type {
border-top:2px solid var(--color-text);
border-bottom:2px solid var(--color-text);
}
.clark-archive-performance-item h2,
.clark-archive-performance-item h3,
.clark-archive-performance-item h4,
.clark-archive-performance-item h5 {
/*300-640-24-51-16*/
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
padding:0;
margin:0;
}
/* EVENTS Evenements */
.clark-events-items-wrapper {
/*600-1920-75-230-16*/
margin-bottom: clamp(4.6875rem, 0.2841rem + 11.7424vw, 14.375rem);
}
.clark-events-item {
padding-top: clamp(0.375rem, 0.0057rem + 0.9848vw, 1.1875rem);
padding-bottom: clamp(0.375rem, 0.0057rem + 0.9848vw, 1.1875rem);
}
.clark-events-item {
width:100%;
border-top:2px solid var(--color-text);
}
.clark-events-item:last-of-type {
border-bottom:2px solid var(--color-text);
}
.clark-events-item h2,
.clark-events-item h3,
.clark-events-item h4 {
padding:0;
margin:0;
}
.clark-events-item .clark-events-item-link {
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:flex-start;
}
.clark-events-item-right {
width:100%;
display:flex;
flex-direction:column-reverse;
justify-content:flex-start;
align-items:flex-start;
/*600-1920-8.33-26.67-16*/
gap: clamp(0.520625rem, -0.0004rem + 1.3894vw, 1.666875rem);
}
.clark-events-item-image-wrap {
width:100%;
min-width:100%;
}
.clark-events-item-image-wrap img {
width:100%;
aspect-ratio:292/216;
}
.clark-events-item-text {
margin-top:0;
}
@media screen and (min-width:600px) {
.clark-events-item .clark-events-item-link {
display:flex;
flex-direction:row;
justify-content:space-between;
align-items:flex-start;
}
.clark-events-item-right {
width:58vw;
display:flex;
flex-direction:row;
justify-content:flex-start;
align-items:flex-start;
/*600-1920-8.33-26.67-16*/
gap: clamp(0.520625rem, -0.0004rem + 1.3894vw, 1.666875rem);
}
.clark-events-item-image-wrap {
width:15.67vw;
min-width:15.67vw;
}
.clark-events-item-image-wrap img {
aspect-ratio:292/216;
}
.clark-events-item-text, .clark-events-item-type {
margin-top:-0.1em;
}
}
/* PAGE */
.page-template-default:not(.home) {
/*600-1920-10-32-16*/ /* text-regular */
font-size: var(--font-size-regular);
line-height:var(--font-size-regular-lineheight);
letter-spacing:var(--font-size-regular-letterspacing);
}
.page-template-default:not(.home) p {
/*600-1920-15-40-16*/
padding-bottom: clamp(0.9375rem, 0.2273rem + 1.8939vw, 2.5rem);
margin-bottom:0
}
.page-template-default:not(.home) h1 {
margin-top:0;
/*margin-bottom:0*/
}
.page-artistes-et-commissaires h1.text-large {
/*300-600-24-48-16*/
padding-bottom: 1em;
}
.clark-single-artist-column-text {
/*600-1920-10-36-16*/
margin-bottom: clamp(0.625rem, -0.1136rem + 1.9697vw, 2.25rem);
}
.clark-artists {
columns:1;
column-gap: 0px;
/*600-1920-70-220-16*/
margin-bottom: clamp(4.375rem, 0.1136rem + 11.3636vw, 13.75rem);
}
.clark-artists-letter {
break-inside:avoid;
/*300-640-30-65-16*/
margin-bottom: clamp(1.875rem, -0.0551rem + 10.2941vw, 4.0625rem);
}
.clark-artists-item-link {
text-decoration:none 2px;
}
.clark-artists-item-link:hover {
text-decoration: underline 2px;
}
.single-artists .clark-current-events img {
aspect-ratio: 366/274;
object-fit: cover;
}
@media screen and (min-width:600px) {
.clark-artists {
columns:2;
column-gap: 40px;
}
.clark-artists-letter {
/*600-1920-22-73-16*/
margin-bottom: clamp(1.375rem, -0.0739rem + 3.8636vw, 4.5625rem);
}
}
.clark-artists-letter h2 {
margin:0;
padding:0;
}
/* page membrariat */
.page-membrariat #content1,
.page-our-members #content1 {
margin-top:0.35em;
margin-bottom:4.55em;
}
.clark-page-membres-presentation {
margin-bottom:1em;
}
.clark-membres-items-wrapper {
margin-top:0.9em;
}
.clark-membres-wrapper.honoraires {
margin-top:1.95em;
}
/* post single-member membre */
.clark-single-member-columns {
margin-bottom: 6em;
}
.clark-single-member-column-left {
margin-right:0.3em;
}
.clark-single-member-title {
display:block;
padding-bottom:0.3em;
}
.clark-single-member-column-left a {
text-decoration:underline 2px;
}
.clark-single-member-column-left a:hover {
text-decoration:none 2px;
}
.clark-single-member-column-left strong {
font-weight:535;
}
.clark-single-member-columns .clark-files-links-wrapper {
padding-top:0.3em;
}
a.clark-membres-item {
text-decoration:none 2px;
}
a.clark-membres-item:hover {
text-decoration:underline 2px;
}
@media screen and (min-width:600px) {
/*
.page-artistes-et-commissaires h1.text-large,
.page-template-default:not(.home) h1.text-large {*/
#content:not(.home) {
/*600-1920-4-8.67-16*/
/*padding-bottom: clamp(0.625rem, 0.0568rem + 1.5152vw, 1.875rem);*/
/*padding-top: clamp(0.625rem, 0.0568rem + 1.5152vw, 1.875rem);*/
padding-top:0.95em;
}
/* padding for the shop page */
.woocommerce-shop #content {
padding-top:0.32em;
}
.page-template-page-poste-audio h1.text-large,
.page-appels-de-dossiers-dev h1.text-large, .page-appels-de-dossiers h1.text-large {
padding-bottom: clamp(0.375rem, 0.0057rem + 0.9848vw, 1.1875rem)!important;
margin-bottom:0;
padding-bottom:0.2em!important;
}
}
.page-template-default:not(.home) h1.text-large.with-image {
/*600-1920-4-8.67-16*/
/* margin-bottom: clamp(0.25rem, 0.1173rem + 0.3538vw, 0.541875rem);*/
}
.page-template-default h2 {
/*300-640-24-51-16*/ /* text-large */
font-size: var(--font-size-large);
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
/*600-1920-5-20-16*/
/*padding-top: clamp(0.3125rem, -0.1136rem + 1.1364vw, 1.25rem);*/
/*600-1920-10-30-16*/
/*padding-bottom: clamp(0.625rem, 0.0568rem + 1.5152vw, 1.875rem);*/
margin:0;
padding-top:0.2em;
padding-bottom:0.2em;
}
.page-template-default:not(.home) .clark-page-image {
/*600-1920-12-24-16*/
padding-bottom: clamp(0.75rem, 0.4091rem + 0.9091vw, 1.5rem);
}
.page-template-default:not(.home) h2:first-of-type {
padding-top:0;
}
.page-template-default:not(.home) h3 {
margin-top:0;
margin-bottom:0
}
h1.clark-page {
display:block;
}
.clark-page-columns {
display:flex;
flex-direction:column;
justify-content: flex-start;
}
.clark-page-column-left {
width:100%;
}
.clark-page-column-right {
width:100%;
}
.clark-page-image {
width:100%;
}
.clark-page-column-left p:last-of-type {
margin-bottom:0;
padding-bottom:0;
}
.clark-page-column-left a {
text-decoration:underline 2px;
}
.clark-page-column-left a:hover {
text-decoration:none 2px;
}
@media screen and (min-width:600px) {
.clark-page-image {
width:73%;
margin-bottom: 0;
}
}
.clark-page-column-right-text {
/*600-1920-10-36-16*/
/*margin-bottom: clamp(0.625rem, -0.1136rem + 1.9697vw, 2.25rem);*/
}
/* page médiation culturelle - */
.page-mediation-culturelle .clark-page-column-left .readmore {
display:block;
}
/*inverser les contenus sur mobile */
.page-template-default.page-mediation-culturelle .clark-page-main,
.page-template-default.page-cultural-mediation .clark-page-main {
display:flex;
flex-direction:column;
}
@media screen and (min-width:600px) {
.page-template-default.page-mediation-culturelle .clark-page-main,
.page-template-default.page-cultural-mediation .clark-page-main {
display:flex;
flex-direction:column;
}
.clark-page-columns {
display:flex;
flex-direction:row;
justify-content: space-between;
}
.clark-page-column-left {
width:50%;
}
.clark-page-column-right {
width:50%;
}
.clark-page-image {
width:73%;
margin-bottom: 0;
}
}
/* Page À propos */
.page-a-propos,
.page-about {
font-size: var(--font-size-regular);
line-height:var(--font-size-regular-lineheight);
letter-spacing:var(--font-size-regular-letterspacing);
}
a.clark-equipe-email {
text-decoration:underline 2px;
}
/* Page À propos */
a.clark-equipe-email:hover {
text-decoration:none 2px;
}
/* Page Équipe */
/* l'espacement sous l'image des listes grid-3
est plus petit que sur la grille 'standard'
*/
.page-equipe .clark-post-grid-3 img {
margin-bottom: 0.2em;
margin-top: 0.2em;
}
.clark-equipe-items-wrapper {
margin-top: 0.55em;
margin-bottom:0.55em;
}
.clark-librairie-atelier-items-wrapper {
margin-top: 0.55em;
margin-bottom:0.55em;
}
.clark-equipe-item-text-name {
}
.page-equipe #content {
margin-bottom: 4em;
}
.clark-equipe-item-first {
margin-top:1em;
}
@media screen and (min-width:600px) {
.page-equipe .clark-post-grid-3 {
grid-gap: 0.65em;
}
.clark-equipe-items-wrapper {
margin-top: 0.55em;
margin-bottom:0.9em;
}
.clark-librairie-atelier-items-wrapper {
margin-top: 1.45em;
margin-bottom: 0.9em;
}
.clark-equipe-item-first {
margin-top:0em;
}
}
/* shortcode equipe qui s'affiche sur la page à propos */
.clark-equipe-items-sc-wrapper {
margin-top: 0.18em;
}
h3.clark-equipe-item-title-sc {
margin-bottom:1.02em!important;
}
.clark-equipe-item-sc {
position:relative;
width:100%;
margin-bottom:1.15em;
}
.clark-equipe-item-sc-text {
line-height: calc(var(--font-size-regular-lineheight) - 0.05) !important;
letter-spacing:var(--font-size-regular-letterspacing);
letter-spacing:var(--font-size-regular-letterspacing-tight);
}
.clark-equipe-item-sc-text a {
line-height: calc(var(--font-size-regular-lineheight) - 0.05) !important;
text-decoration:none;
}
.clark-equipe-item-sc-text a:hover {
text-decoration:underline;
text-decoration-thickness: 2px;
text-underline-offset: 0.17em;
text-decoration-skip-ink: none;
text-decoration-color: var(--color-text);
}
.clark-equipe-item-sc .clark-equipe-item-sc-image-wrap {
display: block;
position: relative;
top: 0;
left: 0;
width: 100%;
height:auto;
max-height:0;
margin-top: 0.3em;
transition:0.5s;
overflow: hidden;
}
.clark-equipe-item-sc:hover .clark-equipe-item-sc-image-wrap {
display:block;
max-height:1000px;
transition:0.5s;
}
@media screen and (min-width:600px) {
.clark-equipe-item-sc .clark-equipe-item-sc-image-wrap {
display: none;
max-height:auto;
position: absolute;
top: 0;
left: 105%;
width: 31vw;
margin-top:0;
}
.clark-equipe-item-sc:hover .clark-equipe-item-sc-image-wrap {
display:block;
}
}
/* Page Atelier */
table.clark-atelier-services,
table.clark-atelier-tarification {
width: 100%;
}
table.clark-atelier-services {
border-top: 2px solid var(--color-text);
}
.clark-atelier-table-precision {
/*600-1920-15-40-16*/
padding-top: clamp(0.9375rem, 0.2273rem + 1.8939vw, 2.5rem);
}
table.clark-atelier-services th,
table.clark-atelier-services td,
table.clark-atelier-tarification th,
table.clark-atelier-tarification td {
border-bottom: 2px solid var(--color-text);
padding-top:6px;
padding-bottom:6px;
/*600-1920-4-10-16*/
padding-top: clamp(0.25rem, 0.0795rem + 0.4545vw, 0.625rem);
/*600-1920-4-10-16*/
padding-bottom: clamp(0.25rem, 0.0795rem + 0.4545vw, 0.625rem);
}
table.clark-atelier-services th.width-100,
table.clark-atelier-tarification th.width-100 {
width:50%;
}
table.clark-atelier-services th.width-50,
table.clark-atelier-tarification th.width-50 {
width:50%;
}
table.clark-atelier-services th.width-25,
table.clark-atelier-tarification th.width-25 {
width:25%;
}
/* page Résidences */
.page-residences .clark-single-exhibition-column-right-text ul,
.page-residencies .clark-single-exhibition-column-right-text ul {
margin-bottom: 20px;
}
.page-residences .clark-single-exhibition-column-right-text li,
.page-residencies .clark-single-exhibition-column-right-text li {
margin-left: 2em;
list-style-type:disc;
}
/* page appels de dossiers */
.clark-appels-dossiers {
/*600-1920-169-541-16*/
margin-bottom: clamp(10.5625rem, -0.0057rem + 28.1818vw, 33.8125rem);
}
.clark-appel-description a {
text-decoration:underline 2px;
}
.clark-appel-description p:last-of-type {
margin-bottom: 0;
padding-bottom:0;
}
.clark-appel-title-column {
margin-right:2em;
}
.clark-appel-contenus {
}
.clark-appel-description {
/*600-1920-112-361-16*/
margin-bottom: clamp(7rem, -0.0739rem + 18.8636vw, 22.5625rem);
}
.clark-bouton-appel {
text-decoration:none!important;
display:block;
border:none;
padding:0.2em;
margin-top:clamp(0.9375rem, 0.2273rem + 1.8939vw, 2.5rem);
margin-bottom:-2rem;
width:fit-content;
text-align:center;
background-color:var(--top-menu-background-color);
box-shadow:0 5px 10px rgba(0, 0, 0, 0.25);
}
.clark-bouton-appel:hover {
opacity: 1;
background-color: var(--border-menu-background);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22);
}
/* page Archives */
.clark-archives-main {
/*600-1920-3.13-54-16*/
margin-top: clamp(0.195625rem, -1.2495rem + 3.8538vw, 3.375rem);
}
.clark-archive-exhibition-item {
padding-bottom: 10px;
/*600-1920-7.5-24-16*/
padding-bottom: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
}
.clark-archives .clark-columns {
/*600-1920-9.5-25-16*/
gap: clamp(0.59375rem, 0.1534rem + 1.1742vw, 1.5625rem);
}
#clark-archives-form .custom-select select {
cursor:pointer;
width:100%;
position:relative;
z-index: 5; /* set behind the caret */
color: var(--color-text);
/*600-1920-3-5-16*/
padding-top: clamp(0.1875rem, 0.1307rem + 0.1515vw, 0.3125rem);
/*600-1920-1-2-16*/
padding-bottom: clamp(0.0625rem, 0.0341rem + 0.0758vw, 0.125rem);
padding:0 1.2em 0 0.12em;
line-height:1.1em!important;
overflow: hidden;
background: transparent;
border: 2px solid #222;
font:inherit;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
}
#clark-archives-form .custom-select::after {
content:none!important;
}
#clark-archives-form {
margin:0.25em 0 1.25em 0;
font-size: var(--font-size-large);
}
#clark-archives-form .custom-select {
position:relative;
width:100%;
}
#clark-archives-form .custom-select svg.select-caret {
position:absolute;
top:55%;
right:0.5em;
stroke:var(--color-text);
transform: translateY(-50%);
/*300-640-15.2-32.25-16*/
width: clamp(0.95rem, 0.0097rem + 5.0147vw, 2.015625rem);
width: 0.85em;
z-index:0;
}
#clark-archives-form .custom-select svg {
z-index:0;
}
/*the container must be positioned relative:*/
.custom-select {
position: relative;
user-select:none;
}
.custom-select select {
display: none; /*hide original SELECT element:*/
}
.select-selected {
background-color: var(--color-background);
color: var(--clark-color-text);
/* box-shadow: 0.048em 0.048em 0.0143em rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), var(--shadow-a)); */
padding:0.1em 0.2em;
}
/*style the arrow inside the select element:*/
/*
.select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
}*/
/*point the arrow upwards when the select box is open (active):*/
/*
.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
}
*/
#clark-archives-form .custom-select.select-arrow-active svg.select-caret {
transform: translateY(-50%) rotate(180deg);
}
/*style the items (options), including the selected item:*/
.select-items div {
color: var(--color-text);
padding: 0.1em 0.2em;
cursor: pointer;
user-select: none;
}
.select-selected {
border: 2px solid var(--color-text);
}
.select-items div:hover,.select-selected:hover {
background-color:var(--border-menu-background);
}
/*style items (options):*/
.select-items {
position: absolute;
background-color: var(--color-background);
box-shadow: 2px 2px 6px rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), var(--shadow-a));
top: 100%;
left: 0;
right: 0;
z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: var(--border-menu-background);
}
.scroller-status {
position: relative;
}
.infinite-scroll-beacon {
position: absolute;
height: 220px;
/* the threshold that indicate at which position will trigger function */
top: -250px;
width: 100%;
background-color: transparent;
z-index:-1;
}
/* home header animation */
@keyframes centreClarkFadeIn {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes centreClarkHeight {
from {margin-top:var(--clark-top-menu-height);}
to {margin-top:0;}
}
.home #clark-header {
margin-bottom:0;
}
.home .clark-nav-wrapper {
/*600-1920-55.8-137.2-16*/
/*margin-top: clamp(-8.575rem, 1.1750rem + 6.1667vw, -3.4875rem);*/
margin-top:-23%;
animation-name: centreClarkHeight;
animation-delay: 2s;
animation-duration: 1s;
animation-fill-mode: forwards;
}
@media screen and (min-width:600px) {
.home .clark-nav-wrapper {
margin-top:var(--clark-top-menu-height);
}
}
.home #clark-header-hero {
font-size:var(--font-size-large);
letter-spacing:var(--font-size-large-letterspacing);
/*600-1920-7.5-24-16*/
padding-left: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
padding-right: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
/*600-1920-11.5-40-16*/
margin-bottom: clamp(0.71875rem, -0.0909rem + 2.1591vw, 2.5rem);
padding-left:var(--site-left-right-space);
padding-right:var(--site-left-right-space);
}
.home #clark-header-hero svg path {
fill:var(--color-text);
opacity:0;
animation-name: centreClarkFadeIn;
animation-delay: 0.4s;
animation-duration: 0.75s;
animation-fill-mode: forwards;
}
.home .clark-site-main-content {
opacity:0;
animation-name: centreClarkFadeIn;
animation-delay: 1.25s;
animation-duration: 0.75s;
animation-fill-mode: forwards;
}
.clark-nav-sticky {
position:sticky!important;
top:0!important;
}
#clark-top-menu-nav {
/*300-600-24-64-16*/
/*margin-bottom: clamp(1.5rem, -1.0000rem + 13.3333vw, 4rem);*/
font-size:var(--font-size-menu);
margin-bottom:0.9em;
}
@media screen and (min-width:600px) {
#clark-top-menu-nav {
/*600-1920-5-20-16*/
/*margin-bottom: clamp(0.3125rem, -0.1136rem + 1.1364vw, 1.25rem);*/
margin-bottom:0.35em;
}
}
@media screen and (min-width:600px) {
.custom-select svg.select-caret {
/*600-1920-15.42-49.33-16*/
width: clamp(0.96375rem, 0.0004rem + 2.5689vw, 3.083125rem);
}
#clark-header {
font-size:var(--font-size-menu);
/*
margin-left:var(--site-left-right-space);
margin-right:var(--site-left-right-space);
*/
padding-top:0.23em;
}
.mobile-hidden {
display: block;
}
ul#clark-top-menu .clark-menu-item.logo-clark {
/*padding: 7px 8px 5px 6px; /* 600px */
/*600-1920-7-20-16*/
/*padding-top: clamp(0.4375rem, 0.0682rem + 0.9848vw, 1.25rem);*/
/*600-1920-8-20-16*/
/*padding-right: clamp(0.5rem, 0.1591rem + 0.9091vw, 1.25rem);*/
/*600-1920-5-17-16*/
/*padding-bottom: clamp(0.3125rem, -0.0284rem + 0.9091vw, 1.0625rem);*/
/*600-1920-6-20-16*/
/*padding-left: clamp(0.375rem, -0.0227rem + 1.0606vw, 1.25rem);*/
padding-left: 0.3571em;
padding-top: 0.3571em;
padding-bottom: 0.3036em;
padding-right: 0.3571em;
padding-left: 0.3506em;
padding-top: 0.3506em;
padding-bottom: 0.298em;
padding-right: 0.3506em;
padding-left: 0.4em;
padding-top: 0.37em;
padding-bottom: 0.32em;
padding-right: 0.4em;
}
ul#clark-top-menu li a .clark-menu-item {
/*padding: 0.1em 0.15em;*/
padding: 0.135em 0.15em 0.07em 0.15em;
padding: 0.14em 0.25em 0.05em 0.25em;
padding: 0.135em 0.2em 0.07em 0.2em;
font-size: var(--font-size-menu);
letter-spacing: 0.005em;
}
/* anglais */
.lang-en ul#clark-top-menu li a .clark-menu-item {
letter-spacing:-0.5px;
/*600-1920-6-12-16*/
/*padding-left: clamp(0.375rem, 0.2045rem + 0.4545vw, 0.75rem);
padding-right: clamp(0.375rem, 0.2045rem + 0.4545vw, 0.75rem);
letter-spacing: 0px;*/
}
}
@media screen and (min-width: 600px) and (max-width:767px) {
}
@media screen and (min-width: 768px) and (max-width:1439px) {
}
@media screen and (min-width: 1440px) and (max-width:1920px) {
}
@media screen and (min-width:1921px) {
ul#clark-top-menu {
margin-left:auto;
margin-right:auto;
}
ul#clark-top-menu li {
/*padding: 0 5px;*/
}
}
/* FOOTER */
.site-footer {
text-transform:none;
}
footer.site-footer{
font-size:var(--font-size-large);
background-color: var(--footer-background);
min-height:100px;
/*600-1920-8.5-27-16*/
padding-top: clamp(0.53125rem, 0.0057rem + 1.4015vw, 1.6875rem);
/*600-1920-7.5-21-16*/
padding-bottom: clamp(0.46875rem, 0.0852rem + 1.0227vw, 1.3125rem);
padding-left:var(--site-left-right-space);
padding-right:var(--site-left-right-space);
}
#clark-footer-wrapper {
display:flex;
flex-direction:column;
justify-content:space-between;
align-items:flex-start;
font-size:var(--font-size-regular);
}
.clark-footer-info-wrapper {
display:flex;
flex-direction:column;
justify-content:flex-start;
align-items:flex-start;
column-gap:15px;
}
.clark-footer-info-wrapper .clark-adresse p {
padding-bottom:1em;
margin-bottom:0;
}
#clark-footer-nav {
padding-bottom:1em;
}
.clark-site-credits {
margin-top:2em;
}
.clark-social, .clark-ouverture {
margin-bottom:1em;
}
@media screen and (min-width: 600px) {
footer.site-footer {
}
.clark-ouverture:last-of-type {
margin-bottom:0;
}
.clark-info-column div:last-of-type p {
margin-bottom: 0;
padding-bottom:0;
}
.clark-footer-info-wrapper .clark-adresse:last-of-type p {
margin-bottom:0;
padding-bottom:0;
}
#clark-footer-wrapper {
flex-direction:row;
justify-content:space-between;
align-items:flex-end;
}
.clark-footer-info-wrapper {
flex-direction:row;
line-height:1.0625;
/*600-1920-10-32-16*/
/* font-size: var(--font-size-regular-desktop);*/
/*600-1920-15-50-16*/
column-gap: clamp(0.9375rem, -0.0568rem + 2.6515vw, 3.125rem);
}
}
@media screen and (min-width: 600px) {
.clark-mainmenu-info-wrapper {
/*500-1920-8.35-32-16*/
font-size: clamp(0.521875rem, 0.0014rem + 1.6655vw, 2rem);
}
}
@media screen and (min-width: 992px) {
}
/* liens */
/* page atelier - souligné s'efface au hover */
.page-atelier-clark .clark-page-column-left a {
text-decoration:underline 2px;
}
.page-atelier-clark .clark-page-column-left a:hover {
text-decoration:none 2px;
}
/* footer - pas de souligné, ajouter un au hover */
.site-footer a {
text-decoration:none 2px;
}
.site-footer a:hover {
text-decoration:underline 2px;
}
p.fin-des-data {
margin:0!important;
padding:0!important;
}
.clark-bouton, .clark-button {
display:block;
border:2px solid var(--color-text);
padding: 3px 5px 1px 5px;
padding-top:0.6em;
padding-bottom:0.6em;
/*300-640-24-51.2-16*/
font-size: clamp(1.5rem, 0.0000rem + 8.0000vw, 3.2rem);
letter-spacing:-0.4px;
width:100%;
text-align:center;
background-color:var(--top-menu-background-color);
}
.clark-bouton:hover, .clark-button:hover {
opacity:1;
border:2px solid var(--border-menu-background);
background-color: var(--border-menu-background);
}
@media screen and (min-width: 600px) {
.clark-bouton, .clark-button {
/*600-1920-16.8-60.6-16*/
font-size: clamp(1.05rem, -0.1943rem + 3.3182vw, 3.7875rem);
/*600-1920-38-112-16*/
margin-top: clamp(2.375rem, 0.2727rem + 5.6061vw, 7rem);
width:100%;
width:fit-content;
padding: 3px 5px 1px 5px;
/*600-1920-3-5-16*/
padding-top: clamp(0.1875rem, 0.1307rem + 0.1515vw, 0.3125rem);
/*600-1920-5-8-16*/
padding-right: clamp(0.3125rem, 0.2273rem + 0.2273vw, 0.5rem);
/*600-1920-1-2-16*/
padding-bottom: clamp(0.0625rem, 0.0341rem + 0.0758vw, 0.125rem);
/*600-1920-5-8-16*/
padding-left: clamp(0.3125rem, 0.2273rem + 0.2273vw, 0.5rem);
}
}
/* Woocommerce */
/* hide woocommerce archive pagination */
.woocommerce-pagination {
display:none;
}
/* woo commerce button */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt,
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals
{
background-color: var(--color-background);
color: var(--color-text);
border:2px solid var(--color-text);
padding: 0.06em 1em!important;
width:100%;
font-weight:535;
text-align:center;
transition:0s;
}
/* woocommerce button hover */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover
{
background-color: var(--border-menu-background);
border: 2px solid var(--border-menu-background);
color: var(--color-text);
opacity:1;
transition:0s;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
border-radius:0;
}
/* cacher 'voir le panier' quand on ajoute un item sur le bouton ajax */
a.added_to_cart.wc-forward {
display: none;
}
/* Remove spinner on WooCommerce checkout page */
.woocommerce .blockUI.blockOverlay::before {
content: ''!important;
display: none !important;
}
/* woo mini-cart */
/*
#clark-mini-cart-modal {
width:100%;
height:100vh;
position:fixed;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
inset: 0;
top:0;
left:0;
background-color:transparent;
z-index:20;
transform: translate3d(100%,0,0);
transition:0.3s ease-in 0s;
}
#clark-mini-cart-modal.open {
transform: translate3d(0,0,0);
transition: 0.3s ease-out 0s;
}*/
body #clark-mini-cart-modal {
position:fixed;
width:100%;
height:100vh;
inset:0;
top:0;
left:0;
z-index:20;
transform: translate3d(100%,0,0);
transition: 0.4s ease-in 0s;
}
body.mini-cart-open #clark-mini-cart-modal {
background-color:transparent;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
transform: translate3d(0,0,0);
transition: 0.4s ease-out 0s;
}
.clark-mini-cart-container {
background-color:var(--color-background);
padding:0.428em;
/* margin-left:50vw;
width:50vw;*/
width:100%;
min-height:100vh;
/*margin-top:0.333em;*/
}
@media screen and (min-width:600px) {
.clark-mini-cart-container {
width:50vw;
margin-left:50vw;
border-left:2px solid var(--color-text);
}
}
/*
#clark-mini-cart-modal .clark-mini-cart-container {
}
#clark-mini-cart-modal.open .clark-mini-cart-container {
}
*/
body .clark-mini-cart-overlay {
opacity:0;
position:absolute;
top:0;
left:0;
width:0;
height:0;
background-color:rgba(255,255,255,0.95);
z-index:-1;
transition: opacity 0.3s;
}
body.mini-cart-open .clark-mini-cart-overlay {
display:block;
width:100%;
height:100vh;
z-index:15;
opacity:1;
transition: opacity 0.3s;
}
#clark-mini-cart-modal::-webkit-scrollbar {
display: none;
}
.noscroll { /* added to body when modal is open */
overflow: hidden;
}
header.clark-mini-cart-header {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
flex-direction: row;
}
header.clark-mini-cart-header .clark-libraryinfo-close line.clark-close-x-1,
header.clark-mini-cart-header .clark-libraryinfo-close line.clark-close-x-2 {
stroke: var(--color-text);
}
.clark-woocommerce-mini-cart-sticky-footer {
display:flex;
flex-direction:column;
justify-content:space-between;
min-height:calc(100vh - 2.3em);
}
#clark-close-mini-cart {
cursor:pointer;
}
#clark-close-mini-cart button {
background-color:transparent;
border:none;
padding:0;
margin:0;
}
.woocommerce-mini-cart-item {
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
padding-bottom:0.333em;
padding-top:0.333em;
}
li.woocommerce-mini-cart-item {
border-bottom:2px solid var(--color-text);
}
li.woocommerce-mini-cart-item:last-of-type {
border-bottom:none;
}
.clark-mini-cart-product-image {
width:33%;
}
.clark-mini-cart-product-content {
width: 66%;
}
.clark-mini-cart-product-content {
margin-left:0.333em;
}
a.clark-mini-cart-remove-button {
text-decoration:underline 2px;
}
a.clark-mini-cart-remove-button:hover {
text-decoration:none 2px;
}
.clark-mini-cart-container footer {
padding-top:2em;
/*padding-bottom:2.66em;*/
padding-bottom:0.428em;
width:100%;
}
.clark-cart-subtotal {
display: flex;
justify-content: space-between;
flex-direction: row;
flex-wrap: nowrap;
margin-bottom:0.428em;
}
.clark-mini-cart-buttons {
display: flex;
flex-direction: column;
gap: 0.333em;
}
/* woocommerce full cart */
/* styles pour le panier 'bloc' retiré pour le classique
.woocommerce-cart .wc-block-components-sidebar-layout {
flex-direction: column;
}
.woocommerce-cart .wc-block-components-main,
.woocommerce-cart .wc-block-components-sidebar {
width:100%!important;
}
.woocommerce-cart .wc-block-cart-items thead {
display:none;
}
.woocommerce-cart .wc-block-cart-item__image {
width:15.27%;
}
*/
.clark-cart-container {
margin-top:1em;
}
.woocommerce-cart h2.clark-cart-title {
padding-bottom:0.15em;
}
.woocommerce-cart table.cart {
}
.woocommerce table.shop_table {
border:none;
border-bottom:2px solid var(--color-text);
margin-bottom:0.15em;
border-radius:0;
}
.woocommerce-cart .cart_totals table.shop_table {
border:none;
}
.woocommerce-cart-form .woocommerce-cart-form__contents thead {
display:none;
}
.woocommerce table.shop_table td {
border-top:2px solid var(--color-text);
padding: 0.25em 0.25em 0.25em 0;
line-height:1;
}
.woocommerce-cart-form input {
font-size:var(--font-size-large);
}
.clark-cart-remove {
text-decoration:underline 2px;
}
.clark-cart-remove:hover {
text-decoration:none 2px;
}
.woocommerce-cart table.cart img {
width:100%;
}
.woocommerce-cart-form .product-thumbnail {
width:15.28%;
}
@media screen and (max-width:599px) {
.woocommerce-cart-form .product-thumbnail a {
display: block;
width:45%;
}
}
.woocommerce-cart table.shop_table td:first-of-type {
padding-left:0;
}
.woocommerce-cart table.shop_table td:last-of-type {
padding-right: 0;
text-align: right!important;
}
.woocommerce-cart-form .product-name {
/*width:50%;*/
}
.woocommerce-cart-form .product-quantity {
width:8%;
}
.woocommerce-cart-form .product-subtotal {
width:14.19%;
text-align:right;
}
.woocommerce-cart-form .product-remove {
width:11.8%;
}
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
vertical-align:top;
}
.woocommerce-cart .quantity .qty {
height: 0.9em;
width:2em;
padding:0;
}
/* cart quantity actions + qty - */
.clark-product-quantity-hidden {
display:none;
}
.clark-plus-minus-qty-container {
display: flex;
justify-content: center;
align-items: center;
}
button.clark-decrement-cart-qty,
button.clark-increment-cart-qty {
padding: 0 0.5em;
background-color: var(--color-background);
border: none;
cursor: pointer;
}
.clark-count-minus svg,
.clark-count-plus svg {
width:0.8em;
height:0.8em;
vertical-align:middle;
margin-bottom:0.15em;
}
.clark-count-minus svg line,
.clark-count-plus svg line {
stroke: var(--color-text);
}
/* retirer le bouton 'coupons' et 'update cart' */
.woocommerce-cart-form td.actions {
display:none!important;
}
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
line-height:1;
font-weight:535;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
border:none!important;
padding:0!important;
}
.clark-cart-footer {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content:space-between;
}
.clark-cart-footer-message {
width:40%;
text-align:left;
}
.clark-cart-sous-total {
/*width:60%;*/
}
.clark-cart-sous-total-amount {
text-align:right;
}
.clark-cart-sous-total {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
/* bouton 'procéder à l'achat' et autres boutons - s'assurer de la taille de police */
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
font-size:var(--font-size-large);
}
/* pas de description des items */
.woocommerce-cart table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
content: " ";
}
.woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
display:table-cell; /* continuer d'afficher l'image produit dans le panier mobile */
}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
display: table-row;
}
.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td {
display: table-cell;
text-align:left!important;
}
.woocommerce table.shop_table_responsive tr td.product-subtotal,
.woocommerce-page table.shop_table_responsive tr td.product-subtotal {
text-align:right!important;
}
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
border-top:2px solid var(--color-text); /* la bordure est retirée entre 768px et 600px */
}
.woocommerce-cart-form .product-price {
display:none!important;
}
@media screen and (max-width:599px) {
.woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
display:block; /* continuer d'afficher l'image produit dans le panier mobile */
}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
display: block;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
display: block;
text-align:left!important;
}
.woocommerce table.shop_table_responsive tr td.product-price, .woocommerce-page table.shop_table_responsive tr td.product-price {
display:none;
}
.woocommerce-cart-form .product-thumbnail,
.woocommerce-cart-form .product-name
{
width:100%;
text-align:left;
}
.woocommerce-cart-form .product-subtotal,
.woocommerce-cart-form .product-quantity,
.woocommerce-cart-form .product-remove
{
display:inline-block!important;
}
.woocommerce-cart-form .product-subtotal {
width:34%!important;
text-align:left!important;
}
.woocommerce table.shop_table_responsive tr td.product-subtotal {
text-align:left!important;
}
.woocommerce-cart-form .product-quantity {
width:fit-content!important;
text-align:center!important;
}
.woocommerce-cart-form .product-remove {
width:fit-content!important;
text-align:right!important;
float:right;
}
button.clark-decrement-cart-qty,
button.clark-increment-cart-qty {
padding: 0 0.3em;
}
.woocommerce table.shop_table td {
border-top:none;
padding-left:0;
padding-right:0;
}
/*
.woocommerce table.shop_table td.product-thumbnail {
padding-left:0;
padding-right:0;
}
*/
.woocommerce table.shop_table td.product-name {
padding-top:0;
padding-bottom:0.3em;
}
.woocommerce-cart-form .product-price {
display:none!important;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color:var(--color-background);
}
.woocommerce table.shop_table {
border-radius:0;
}
.woocommerce-cart tr.woocommerce-cart-form__cart-item.cart_item {
border-bottom: 2px solid black;
}
.woocommerce table.shop_table {
border-bottom:none;
}
.clark-cart-footer {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content:space-between;
}
.clark-cart-footer-message {
width:100%;
}
.clark-cart-sous-total {
width:100%;
}
.clark-cart-sous-total-amount {
width:100%;
text-align:center;
margin-bottom:1em;
margin-top: -1em;
}
.clark-cart-sous-total {
margin-top:2em;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
font-size:var(--font-size-large);
width:100%;
}
#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout
{
padding-top:0.3em;
padding-bottom:0.3em;
}
}
@media screen and (min-width:600px) {
.woocommerce-cart-form input {
font-size:var(--font-size-large);
}
.woocommerce-cart-form .product-price {
display:none!important;
}
}
/* woocommerce checkout */
/* retirer le gras de tous les éléments sur la page de checkout */
.woocommerce-checkout {
font-size:var(--font-size-regular);
line-height:var(--font-size-regular-lineheight);
}
.woocommerce-checkout * {
font-weight:535!important;
}
.woocommerce-checkout th.product-name,
.woocommerce-checkout th.product-total {
padding-left:0!important;
}
.woocommerce-checkout tr.cart-subtotal th,
.woocommerce-checkout tr.woocommerce-shipping-totals th,
.woocommerce-checkout tr.tax-rate th,
.woocommerce-checkout tr.order-total th {
text-align:right;
padding-right:1em;
}
.woocommerce-checkout th.product-total,
.woocommerce-checkout table.shop_table td.product-total {
text-align:right;
}
.woocommerce-checkout #ship-to-different-address > label {
display:flex;
gap:0.35em;
}
.woocommerce-checkout .wc_payment_method {
display:block;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
font-size: var(--font-size-regular);
line-height: var(--font-size-regular-lineheight);
letter-spacing:var(--font-size-regular-letterspacing);
border-radius: 0;
background-color: var(--color-background);
color: var(--color-text);
border: 2px solid var(--color-text);
}
.woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout h3#order_review_heading {
font-size:var(--font-size-large);
line-height:var(--font-size-large-lineheight);
font-weight:535;
margin-bottom:0.5em;
margin-top:1em;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
content:'';
border:none;
}
.woocommerce-checkout p.form-row.woocommerce-validated {
display: flex;
}
label[for="payment_method_square_credit_card"] {
display: none;
}
.woocommerce-checkout .woocommerce-additional-fields h3
.woocommerce-checkout h3#order_review_heading {
margin-top:1.5em;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table {
border:none;
border-bottom:2px solid var(--color-text);
margin-bottom:0.15em;
border-radius:0;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot td {
text-align:right;
}
@media screen and (min-width:600px) {
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot th {
width:75%;
}
}
/* ajouter une bordure aux inputs */
/* ajouter une bordure aux inputs */
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout .woocommerce-input-wrapper textarea,
.woocommerce-checkout .woocommerce-input-wrapper .select2 {
color: var(--color-text);
border:2px solid var(--color-text)!important;
border-radius:0!important;
padding:0.25em;
font-weight:535;
color:var(--color-text);
font-size:var(--font-size-regular);
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.woocommerce form .form-row label {
line-height:1.75em;
width: 100%;
display: block;
}
.woocommerce-checkout .woocommerce-input-wrapper .select2 {
display:block;
width: 100% !important; /* Force Select2 to maintain width */
}
.woocommerce form .form-row {
display: block !important;
width: 100% !important;
}
.woocommerce-checkout .woocommerce-input-wrapper {
display: block !important;
width: 100% !important;
}
.select2-container--default .select2-selection--single {
border:none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--color-text);
width: 100% !important;
box-sizing: border-box !important;
/*line-height: 1em;*/
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding:0.25em;
}
.woocommerce-checkout p {
padding-bottom:0.33em!important;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt
{
font-size:var(--font-size-large);
background-color: var(--color-background);
color: var(--color-text);
border:2px solid var(--color-text);
padding: 0.06em 1em!important;
width:100%;
font-weight:535;
text-align:center;
transition:0.2s;
}
/* woocommerce button hover */
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover
{
background-color: var(--border-menu-background);
border: 2px solid var(--border-menu-background);
color: var(--color-text);
opacity:1;
transition:0.2s;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background:none;
}
.woocommerce-checkout label {
font-weight:535;
font-size:var(--font-size-regular);
}
.woocommerce-checkout #order_review {
font-size: var(--font-size-regular);
letter-spacing:var(--font-size-regular-letterspacing);
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
margin:1em auto 4em auto;
}
.woocommerce a.button.wc-backward {
font-size:var(--font-size-large);
margin:1em auto 4em auto;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
font-size:var(--font-size-regular);
line-height:var(--font-size-regular-lineheight);
padding: 1em;
margin: 0 0 2em;
position: relative;
background-color: var(--footer-background);;
color: var(--color-text);
border-top: none;
list-style: none outside;
width: auto;
word-wrap: break-word;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
content:'';
}
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: 2px solid var(--color-text);
padding-right: 0;
padding-left: 0;
}
.woocommerce-checkout .select2-container .select2-selection--single .select2-selection__rendered {
padding: 0 0.1em 0 0;
margin-right:2em;
}
.woocommerce-checkout .select2-container {
width: 100% !important;
display: block !important;
box-sizing: border-box !important;
}
@media screen and (min-width:600px) {
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt
{
font-size:var(--font-size-large);
width:fit-content;
}
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout h3#order_review_heading {
font-size:var(--font-size-large);
margin-bottom:0.5em;
margin-top:0;
}
.woocommerce-checkout h3#order_review_heading {
margin-top:1em;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float:none;
width:fit-content;
display:block;
text-align:center;
}
a.button.wc-backward {
font-size:var(--font-size-large);
float:none;
width:fit-content;
display:block;
text-align:center;
}
.select2-container .select2-selection--single {
height: 1.45em;
}
}
.woocommerce-checkout #ship-to-different-address {
font-size: var(--font-size-large);
min-height: 1em;
margin-bottom:0.5em;
}
.woocommerce-checkout .woocommerce-billing-fields h3 {
min-height:1em;
margin-bottom:0.5em;
}
.woocommerce-checkout .woocommerce-billing-fields h3 .checkbox span {
font-size: var(--font-size-regular);
line-height: var(--font-size-regular-lineheight);
letter-spacing:var(--font-size-regular-letterspacing);
}
/* alignement du radio bouton avec le label texte au checkout */
.woocommerce ul#shipping_method li input,
.woocommerce ul#shipping_method li label {
vertical-align: middle;
}
/* cacher le tri des éléments */
.woocommerce .woocommerce-ordering {
display:none;
}
/* permettre au contenu sous les 2 'colonnes' de description produit de s'afficher (clear float) */
.woocommerce .related.products {
clear: both;
padding-top:300px;
/* padding-bottom:450px; */
}
.woocommerce.single-product #content {
padding-top:0.32em;
}
.woocommerce-notices-wrapper .woocommerce-error li a {
width: fit-content;
margin-top: 0.333em;
float: none!important;
display: block;
}
.clark-product-metadata {
margin-bottom:1.9em;
}
.clark-single-product-price-bouton-achat {
display:flex;
flex-direction:row;
align-items:center;
font-size: var(--font-size-large);
line-height: var(--font-size-large-lineheight);
color:var(--color-text);
font-weight:535;
margin-bottom: 2em;
}
.clark-single-product-price {
margin-right:1em;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
color:var(--color-text);
}
.woocommerce-Price-amount.amount {
color:var(--color-text);
}
.clark_single_product_bouton_achat {
background-color: var(--color-background);
color: var(--color-text);
border: 2px solid var(--color-text);
padding: 0.06em 0.15em;
width: auto;
font-weight: 535;
text-align: center;
transition:0s;
}
.clark_single_product_bouton_achat:hover {
background-color: var(--border-menu-background);
border: 2px solid var(--border-menu-background);
color: var(--color-text);
opacity: 1;
transition: 0s;
}
.clark_single_product_bouton_achat.epuise {
border:2px solid transparent;
background-color: var(--color-background);
color: var(--color-text);
}
.clark_single_product_bouton_achat.epuise:hover {
border:2px solid transparent;
background-color: var(--color-background);
color: var(--color-text);
}
@media screen and (min-width:600px) {
/* single product elements */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: calc(50% - 9px);
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
width: calc(50% - 9px);
}
}
@media screen and (max-width: 599px) {
.woocommerce.single-product .clark-site-main-content {
margin-top:10px;
}
.woocommerce div.product div.images {
margin-bottom:0.25em;
}
}
/* Single product affichage de la galerie */
.woocommerce div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(n+2) {
margin-top:12px;
width: calc(50% - 10px);
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(even) {
margin-right:20px; /* width saved * 2 */
}
@media screen and (max-width:599px) {
.woocommerce div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(n+2) {
margin-top:10px;
width: calc(25% - 10px);
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(n+2) {
margin-top: 10px;
width: calc(25% - 10px);
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image:nth-child(even) {
margin-right: 10px; /* width saved * 2 */
}
.woocommerce div.product div.images.woocommerce-product-gallery--columns-2 .woocommerce-product-gallery__image {
margin-right: 10px;
}
}
/* Ajustement du modal montrant les photos produit */
.pswp__counter,
.pswp__button.pswp__button--share,
.pswp__button.pswp__button--fs,
.pswp__button.pswp__button--zoom {
display:none;
}
.pswp__counter {
font-size:var(--font-size-large);
}
.pswp__img {
background-color:black;
}
/* display arrows on mobile */
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
visibility: visible;
}
.pswp__button--close {
/* background-position: 0 -44px!important; */
opacity:1!important;
}
.pswp__ui--over-close .pswp__button--close {
opacity:1!important;
}
button.pswp__button,
.pswp__button, .pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
box-shadow: none !important;
background-image: none;
background:none;
}
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__caption {
display:none;
}
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right {
opacity: 1!important;
}
.pswp__ui--idle .pswp__top-bar {
opacity: 1;
}
/* modal changer les icones */
.pswp__button.pswp__button--close {
background-image: url('data:image/svg+xml,')!important;
background-size: 100%!important;
background-position:center center!important;
width: var(--font-size-large)!important;
height: var(--font-size-large)!important;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background-image: url('data:image/svg+xml,')!important;
background-size: 100%!important;
background-position:center center!important;
}
.pswp__button--arrow--right:before {
transform: rotate(180deg);
}
button.pswp__button--close:hover {
background-position: center center;;
}
/* header librairie woocoommerce */
.clark-librairie-menu-header {
background-color:var(--color-background);
padding-left:var(--site-left-right-space);
padding-right:var(--site-left-right-space);
}
.clark-librairie-menu-header-wrap {
display:flex;
flex-direction:row;
justify-content: space-between;
align-items: flex-end;
padding-bottom:0.16em;
border-bottom:2px solid var(--color-text);
}
.woocommerce-cart .clark-librairie-menu-header {
border-bottom:2px solid transparent;
}
.clark-librairie-menu-header.with-author {
align-items: flex-start;
}
.clark-librairie-menu-lancement {
font-size:var(--font-size-large);
position:relative;
width:100%;
/*
margin-left: var(--site-left-right-space);
margin-right: var(--site-left-right-space);
*/
margin-bottom:1.5em;
background-color:var(--color-background);
padding-left:var(--site-left-right-space);
padding-right:var(--site-left-right-space);
}
.clark-librairie-menu-lancement-wrap {
}
.clark-librairie-menu-lancement-item {
position: relative;
display: block;
font-size:var(--font-size-large);
line-height:0.93!important;
letter-spacing: -0.5px;
text-align: center;
padding: 0.4em 0.95em;
border: 2px solid var(--color-text);
margin-bottom:0.5em;
/* margin-left: auto;
margin-right: auto;
width: calc(100% - (var(--site-left-right-space) * 2));*/
}
.clark-librairie-menu-lancement-item.first {
}
.clark-librairie-menu-lancement-item.second {
}
.clark-librairie-menu-lancement-item.third {
}
@media screen and (min-width:600px) {
.clark-librairie-menu-lancement-item {
width:fit-content;
margin-bottom:0;
max-width:40vw;
}
.clark-librairie-menu-lancement-item.first {
left: 8.15%;
top: 0.15em;
}
.clark-librairie-menu-lancement-item.second {
left: 49.15%;
top: 0.6em;
padding-left: 1.45em;
padding-right: 1.45em;
}
.clark-librairie-menu-lancement-item.third {
left: 24.6%;
top: 1.1em;
padding-left: 1.4em;
padding-right: 1.2em;
}
.clark-librairie-menu-lancement {
margin-bottom:3.3em;
}
}
.clark-librairie-menu-header.librairie {
position:sticky;
top:var(--menu-header-librairie-top);
left:0;
z-index:10;
background-color:var(--color-background);
margin-top:-0.3em;
/*
margin-left:var(--site-left-right-space);
margin-right:var(--site-left-right-space);
*/
}
.clark-librairie-menu-header.produit {
margin-top:0.2em;
/*
margin-left:var(--site-left-right-space);
margin-right:var(--site-left-right-space);
*/
}
.clark-librairie-menu-header-title h1.text-large-header,
.clark-librairie-menu-header-title h1,
.clark-librairie-menu-header-title h2.text-large-header,
.clark-librairie-menu-header-title h2 {
margin-bottom:0;
text-align:center;
}
.clark-librairie-menu-header-title {
margin-bottom:0.05em;
}
@media screen and (min-width:600px) {
.clark-librairie-menu-header-title h1.text-large-header,
.clark-librairie-menu-header-title h1,
.clark-librairie-menu-header-title h2.text-large-header,
.clark-librairie-menu-header-title h2 {
margin-right: 2.3em;
margin-left: 2.3em;
}
.clark-librairie-menu-header-title {
margin-bottom:0;
}
.woocommerce-cart .clark-librairie-menu-header {
/* border-bottom:2px solid var(--color-text); */
}
}
.clark-library-info-open-button-wrap {
min-width:13.5%;
text-align:left;
}
.clark-librairie-menu-header-panier {
min-width: 13.5%;
text-align: right;
}
.clark-librairie-menu-header-info {
background-color:var(--color-info);
color:var(--color-text-nochange);
padding: 0.11em 0.3em;
/*margin-bottom:0.1em;*/
width:fit-content;
}
.clark-librairie-info-plus {
display: inline-block;
width: 0.6em;
height: 0.6em;
/*filter:var(--svg-button-color);*/
}
/* archive boutique : bouton info + modal */
#clark-libraryinfo-open-button {
position:relative;
z-index:10;
cursor:pointer;
}
#clark-libraryinfo {
position:absolute;
top:0;
left:0;
opacity:0;
width:100%;
height:100%;
max-width:0;
background-color:var(--color-info);
color:var(--color-text-nochange);
min-height:0;
overflow:hidden;
z-index:-1;
transition:opacity 0s , max-width 0s 0.5s, z-index 0s 0.5s;
}
#clark-libraryinfo.open {
overflow:auto;
min-height:100vh;
max-width:100%;
z-index:25;
opacity:1;
transition:opacity 0s, max-width 0s 0s, z-index 0s 0s;
}
#clark-mini-cart-modal-close,
#clark-libraryinfo-close {
display:flex;
justify-content: flex-end;
align-items:center;
font-size:var(--font-size-large);
letter-spacing:var(--font-size-large-letterspacing);
line-height:1;
/*600-1920-7.5-24-16*/
right: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
/*600-1920-7.5-16-16*/
top: calc(clamp(0.46875rem, 0.2273rem + 0.6439vw, 1rem) + 0.1em);
cursor:pointer;
z-index:30;
}
.clark-mini-cart-modal-close-x,
.clark-libraryinfo-close-x {
width:42px;
height:42px;
/*500-1920-21.18-81.33-16*/
/*600-1920-25-81.33-16*/
height: var(--font-size-large);
width: auto;
/* filter:var(--svg-button-color);*/
}
#clark-libraryinfo a {
color:var(--color-text-nochange);
text-decoration: underline 2px;
}
@media screen and (min-width:600px) {
#clark-mini-cart-modal-close,
#clark-libraryinfo-close {
position:absolute;
font-size:var(--font-size-large);
}
.clark-mini-cart-modal-close-x,
.clark-libraryinfo-close-x {
height: calc(var(--font-size-large) - 0.2em);
}
.clark-librairie-menu-header-info {
padding: 0.14em 0.24em;
}
}
.clark-libraryinfo-wrapper {
/*600-1920-7.5-24-16*/
padding-left: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
padding-right: clamp(0.46875rem, 0.0000rem + 1.2500vw, 1.5rem);
/*600-1920-7.5-16-16*/
padding-top: clamp(0.46875rem, 0.2273rem + 0.6439vw, 1rem);
/*600-1920-110-160-16*/
padding-bottom: clamp(6.875rem, 5.4545rem + 3.7879vw, 10rem);
}
#clark-libraryinfo h3 {
text-align: center;
margin-bottom: 1.1em;
}
#clark-libraryinfo h3.clark-libraryinfo-contact {
margin-top: 1.75em;
}
/* Filtres WooCommerce */
/* à retirer quand je trouve pourquoi cet espace de .15em est là */
.clark-librairie-header-trier {
margin-bottom:-0.075em;
}
.clark-librairie-menu-header.ajaxfiltres {
background-color:var(--color-background);
padding-top: 0.43em !important;
/* margin-bottom: 0.30em; */
/*
margin-left:var(--site-left-right-space);
margin-right:var(--site-left-right-space);
*/
z-index:10;
}
.clark-librairie-menu-header.ajaxfiltres .clark-librairie-menu-header-wrap {
padding-bottom:0.3em;
}
.clark-librairie-menu-filtres {
position: relative;
list-style-type: none;
padding-left: 0;
display: flex;
flex-direction: column;
justify-content:center;
gap: 0;
cursor:pointer;
}
.clark-librairie-submenu-filtres-wrap {
position:absolute;
font-size:var(--font-size-large);
letter-spacing:var(--font-size-large-letterspacing);
top:auto;
left:0.52em;
display:none;
padding-top:0.33em;
z-index:15;
background-color:transparent;
cursor:auto;
width:0;
height:0;
}
.clark-librairie-submenu-filtres {
padding:0.25em;
padding-right:1em;
background-color:var(--color-background);
width:max-content;
}
@media screen and (max-width: 600px) {
.clark-librairie-submenu-filtres {
width: 100%;
padding: 0;
margin-top:1em;
border-bottom: 2px solid var(--color-text);
overflow-y: auto;
max-height: 40vh;
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
.clark-librairie-submenu-filtres::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
}
.clark-librairie-menu-filtres-item {
position:relative;
display:inline-block;
}
.clark-librairie-submenu-filtres-item a {
cursor:pointer;
}
.clark-librairie-menu-filtres > li:before {
content: '';
position:relative;
display:inline-block;
/* width: 0.72em;
height: 0.72em;
vertical-align: middle;
margin-right: 0.05em;
margin-top:-0.21em;*/
}
body.no-touch .clark-librairie-menu-filtres > li:hover:before,
.clark-librairie-menu-filtres-item.active:before {
width: 0.72em;
height: 0.72em;
border-radius: 50%;
background-color: var(--color-text);
}
.clark-librairie-submenu-filtres > li:before {
content: '';
position:relative;
display:inline-block;
vertical-align: middle;
margin-right: 0.05em;
margin-top:-0.21em;
}
body.no-touch .clark-librairie-submenu-filtres > li:hover:before,
.clark-librairie-submenu-filtres-item.active:before {
width: 0.72em;
height: 0.72em;
border-radius: 50%;
background-color: var(--color-text);
}
.clark-librairie-header-trier-title {
position:relative;
cursor:pointer;
}
.clark-librairie-header-trier-items-wrapper {
position:relative;
top:0;
left:0;
display:block;
padding-top:0;
z-index:15;
background-color:transparent;
cursor:auto;
background:transparent;
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
}
.clark-librairie-header-trier-items {
padding:0 3em 0.15em 0.15em;
background-color:var(--color-background);
width:max-content;
}
.clark-librairie-header-trier-title:hover .clark-librairie-header-trier-items-wrapper {
display:block;
}
.clark-librairie-header-trier-item {
cursor:pointer;
}
.clark-librairie-header-trier-item-direction {
padding-left:0.25em;
display:none;
}
.clark-librairie-header-trier-item.active .clark-librairie-header-trier-item-direction {
display:inline-block;
height:0.72em;
}
.clark-librairie-header-trier-item.desc .clark-librairie-header-trier-item-direction svg {
transform:rotate(0deg);
}
.clark-librairie-header-trier-item.asc .clark-librairie-header-trier-item-direction svg {
transform:rotate(180deg);
}
.clark-librairie-header-trier-item-direction path {
fill: var(--color-text);
}
.clark-librairie-menu-mobile-filter-close {
font-size:var(--font-size-large);
display:block;
position:absolute;
top:0.32em;
right:var(--site-left-right-space);
width:0.72em;
height:0.72em;
z-index:20;
cursor:pointer;
}
.clark-librairie-menu-header-mobile-filtres {
cursor:pointer;
}
@media screen and (max-width:600px) {
body .clark-librairie-menu-header.ajaxfiltres {
/* max-height: 0;
overflow: hidden;
padding: 0;
border: none;
transition: 1s linear;*/
display:none;
}
body .clark-librairie-menu-header.filtres-title {
padding-top:0.16em;
display:block;
}
body.openfilters .clark-librairie-menu-header.filtres-title {
display:none;
}
body.openfilters .clark-librairie-menu-header.ajaxfiltres {
/*max-height: none;
padding-top:0.16em;
padding-bottom:0.16em;
border-bottom:2px solid var(--color-text);
transition: 1s linear;*/
display:block;
}
li.clark-librairie-menu-filtres-item.text-large.active .clark-librairie-submenu-filtres-wrap .clark-librairie-submenu-filtres:before {
content: 'Filtres';
display: inline-block;
position: sticky;
top: 0em;
background-color: white;
width: 100%;
}
li.clark-librairie-menu-filtres-item.text-large.active .clark-librairie-submenu-filtres-wrap {
display: block;
position: absolute;
width: 100vw;
width: calc(100vw - var(--site-left-right-space) - var(--site-left-right-space));
height: auto;
left: 0;
top: 5.1em;
padding: 0;
margin: 0;
/* padding-top:2em; */
background-color:white;
}
li:nth-of-type(1).clark-librairie-menu-filtres-item.text-large.active .clark-librairie-submenu-filtres-wrap {
top: 5.1em;
}
li:nth-of-type(2).clark-librairie-menu-filtres-item.text-large.active .clark-librairie-submenu-filtres-wrap {
top: 4.1em;
}
li:nth-of-type(3).clark-librairie-menu-filtres-item.text-large.active .clark-librairie-submenu-filtres-wrap {
top: 3.1em;
}
li:nth-of-type(4).clark-librairie-menu-filtres-item.text-large.active .clark-librairie-submenu-filtres-wrap {
top: 2.1em;
}
li:nth-of-type(5).clark-librairie-menu-filtres-item.text-large.active .clark-librairie-submenu-filtres-wrap {
top: 1.1em;
}
.clark-librairie-menu-header.filtres {
padding-bottom:0;
}
}
@media screen and (min-width:600px) {
.clark-librairie-header-trier-items-wrapper {
position:absolute;
top:auto;
left:0;
display:none;
padding-top:0.3em;
z-index:15;
background-color:transparent;
cursor:auto;
background:transparent;
}
.clark-librairie-header-trier-items {
padding:0.15em 3em 0.15em 0.15em;
}
.clark-librairie-menu-mobile-filter-close {
display:none;
}
}
.clark-librairie-menu-header-right {
display:none;
}
.clark-librairie-menu-header.filtres {
position:sticky;
top:var(--menu-header-filtres-top);
left:0;
z-index:10;
background-color:var(--color-background);
}
.clark-librairie-menu-header.filtres .clark-librairie-menu-header-wrap {
flex-direction:row-reverse;
align-items:flex-start;
justify-content: flex-start;
}
body.openfilters .clark-librairie-menu-header.filtres .clark-librairie-menu-header-wrap {
/*border-bottom:none;*/
}
.clark-librairie-menu-header.filtres .clark-librairie-header-trier,
.clark-librairie-menu-header.filtres .clark-librairie-menu-filtres {
width:50%;
}
.clark-librairie-header-trier-title-text {
display:none;
}
.clark-librairie-menu-header.filtres-title {
position:sticky;
top:var(--menu-header-filtres-top);
left:0;
z-index:10;
background-color:var(--color-background);
display:flex;
/*
margin-left:var(--site-left-right-space);
margin-right:var(--site-left-right-space);
*/
}
@media screen and (min-width:600px) {
.clark-librairie-menu-header.filtres-title {
display:none;
}
/* show menu on hover */
.clark-librairie-menu-filtres > li:hover > div {
display:block;
}
.clark-librairie-menu-filtres {
gap: 0.25em;
}
.clark-librairie-menu-header.filtres .clark-librairie-menu-header-wrap {
flex-direction:row;
align-items:center;
justify-content: space-between;
}
.clark-librairie-menu-filtres {
flex-direction: row;
}
.clark-librairie-menu-header.filtres .clark-librairie-header-trier,
.clark-librairie-menu-header.filtres .clark-librairie-menu-filtres {
width:auto;
}
.clark-librairie-header-trier-title-text {
display:block;
}
.clark-librairie-menu-header-right {
display:inline;
visibility:hidden;
}
.clark-librairie-menu-filtres > li:before {
width: 0.72em;
height: 0.72em;
vertical-align: middle;
margin-right: 0.05em;
margin-top:-0.21em;
}
.clark-librairie-submenu-filtres-wrap {
width:auto;
height:auto;
max-height:70vh;
overflow-y:auto;
overflow-x:hidden;
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
.clark-librairie-submenu-filtres-wrap::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
}
/* woocommerce archive */
/* espacement du texte / image sur la page d'archive */
.woocommerce ul.products li.product a img {
margin: 0 0 0.333em;
width: 100%;
height: auto;
aspect-ratio: 4/3; /* Matches your 608x456 ratio */
object-fit: cover;
background-color: #f5f5f5; /* Fallback background for broken images */
}
@media screen and (max-width:599px) {
/* espacement du texte / image sur la page d'archive */
.woocommerce ul.products li.product a img {
margin: 0.666em 0 0.333em;
}
}
.woocommerce .products ul, .woocommerce ul.products {
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 50px 18px;
gap: 1.2em 0.38em;
}
/* espacement entre les éléments sur la page d'archive */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
/*width:calc(25% - 18px);
margin: 0 18px 50px 0;*/
width:100%;
width: calc(25vw - 0.57em);
margin:0;
}
@media only screen and (max-width: 768px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
float: left;
clear: both;
margin: 0;
}
.woocommerce .products ul, .woocommerce ul.products {
grid-template-columns: 1fr 1fr;
gap: 30px 12px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
/*width:calc(25% - 18px);
margin: 0 18px 50px 0;*/
width:100%;
width: calc(50vw - 0.57em);
margin:0;
}
}
@media only screen and (max-width: 599px) {
.woocommerce .products ul, .woocommerce ul.products {
grid-template-columns: 1fr;
gap: 30px 12px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
/*width:calc(25% - 18px);
margin: 0 18px 50px 0;*/
width:100%;
width: calc(100vw - 0.57em);
margin:0;
}
}
.woocommerce ul.products::before {
content: none;
}
.woocommerce ul.products li.product .price {
margin-bottom: 0px;
}
#clark-header {
background-color:transparent;
}
#clark-header.clark-nav-sticky {
background-color: var(--color-background);
}
#clark-header.clark-site-header-woocommerce {
background-color:var(--color-background);
}
.clark-librairie-menu-header-back {
font-size:var(--font-size-large);
min-width:13.5%;
display:flex;
justify-content:flex-start;
align-items:center;
}
.clark-librairie-menu-header-back a {
width: 0.95em;
height: 0.9em;
}
.clark-panier-item-count-container a {
white-space:nowrap;
}
@media screen and (max-width:600px) {
/* retire 'info' et conserve le + */
.post-type-archive-product .clark-librairie-menu-header-info-texte,
.post-type-archive-product .clark-panier-item-count-container {
display:none;
}
.single-product .clark-panier-item-count-container {
display:none;
}
.single-product .clark-librairie-menu-header {
justify-content: center;
}
.single-product .clark-librairie-menu-header-back,
.single-product .clark-librairie-menu-header-panier {
display:none;
}
.woocommerce-cart .clark-librairie-menu-header-title h1,
.woocommerce-cart .clark-panier-item-count-container,
.woocommerce-checkout .clark-librairie-menu-header-title h1,
.woocommerce-checkout .clark-panier-item-count-container {
display:none;
}
.clark-librairie-menu-header-title h1 {
text-align:center;
width:100%;
}
}
.clark-librairie-menu-header-back .clark-boutique-produit-fleche-retour {
fill:var(--color-text);
}
path#clark-fleche-retour-group-v3, line#clark-fleche-retour-l73 {
stroke:var(--color-text);
}
/* taille des éléments sur la page d'archive et produit */
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
font-size: var(--font-size-large);
line-height: var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
padding:5px 0 12px 0;
}
.woocommerce-shop .woocommerce-Price-amount,
.woocommerce-shop .woocommerce-Price-amount.amount,
.woocommerce-shop ul.products li.product .price {
font-size:var(--font-size-price);
line-height: var(--font-size-regular-lineheight);
color:var(--color-text);
}
/* espacement après les contenus d'archives */
.woocommerce.single-product .products ul,
.woocommerce.single-product ul.products {
/*600-1920-400-600-16*/
margin-bottom: clamp(25rem, 19.3182rem + 15.1515vw, 37.5rem);
}
.woocommerce.post-type-archive-product .site-footer {
/*600-1920-400-600-16*/
/* margin-top: clamp(25rem, 19.3182rem + 15.1515vw, 37.5rem); */
/*500-1920-200-300-16*/
margin-top: clamp(12.5rem, 10.2993rem + 7.0423vw, 18.75rem);
}
/* produits de type oeuvres */
.clark-oeuvre-livraison {
margin-top: 2em;
}
/* text sizing */
.text-large-header { /* 45px @ 1440 lh 1.142 */
font-size: var(--font-size-large);
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
}
.text-large { /* 45px @ 1440 */
font-size: var(--font-size-large);
line-height:var(--font-size-large-lineheight);
letter-spacing:var(--font-size-large-letterspacing);
}
.text-regular {
font-size: var(--font-size-regular);
line-height:var(--font-size-regular-lineheight);
letter-spacing:var(--font-size-regular-letterspacing);
}
.text-small {
font-size: var(--font-size-small);
line-height:var(--font-size-small-lineheight);
}
h1.text-large {
/*600-1920-4-8.67-16*/
margin-bottom: clamp(0.25rem, 0.1173rem + 0.3538vw, 0.541875rem);
margin-bottom:0.15em;
}
/* page archives */
.page-archives .clark-archives-image {
aspect-ratio: 603/408!important;
object-fit:cover!important;
width:100%;
}
/* override pour les pages exposition / poste audio / performance */
@media screen and (min-width: 600px) {
.page-expositions #content,
.page-poste-audio #content,
.page-performances #content {
padding-top: 0;
}
}