/*
Theme Name: La Papoterie
Author: David DI SAN BONIFACIO
Author URI: https://daviddisanbonifacio.com
Description: Custom thème de La Papoterie
Requires at least: Wordpress 5.0
Version 1.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3.	Site Header
  4.  Site Footer		
	7. 	Page Home
	8.	Page Archives Woocommerce
	9.	Page Single Product Woocommerce
	14.	Cart
	15.	Cart checkout
	17.	Search template
	18. Error 404
	19. Site Footer
	20. Responsivity / Media Queries

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*--- Prevent input field zoom -----*/
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px !important;
}

strong {
  font-weight: bold;
}

a{
  text-decoration: none !important;
  color: inherit !important;
}

/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */

@font-face {
  font-family: Holland;
  src: url(https://papoterie-cafe.fr/wp-content/themes/lapapoterie/fonts/Holland.ttf);
  font-weight: normal;
}

@font-face {
  font-family: Cooper Light;
  src: url(https://papoterie-cafe.fr/wp-content/themes/lapapoterie/fonts/cooperl.ttf);
  font-weight: lighter;
}

@font-face {
  font-family: Nuckle-Medium;
  src: url(https://papoterie-cafe.fr/wp-content/themes/lapapoterie/fonts/Nuckle-Medium.ttf);
  font-weight: lighter;
}

@font-face {
  font-family: Pixel-Colours;
  src: url(https://papoterie-cafe.fr/wp-content/themes/lapapoterie/fonts/Pixel-Colours-Wild-Soul-Regular.ttf);
  font-weight: normal;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
/* -------------------------------------------------------------------------- */

/*	2. Element Base
/* -------------------------------------------------------------------------- */

html {
  --main-color: #f9f4f0;
  --secondary-color: #f8cd4b;
  --third-color: #ea4d6c;
  --cta-font-size: 18px;
  --cta-font-weight: 600;
  --banner-title-size: 72px;
  --main-font: "Cooper Light";
  --second-font: "Nuckle-Medium";
  --title-font: "Pixel-Colours";
  --font-color: #333333;
}

section {
  padding: 80px 0;
}

h1 {
  font-family: var(--title-font);
  font-size: 80px;
  font-weight: 500;
  margin-bottom: 20px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

h2 {
  font-family: var(--title-font);
  font-size: 70px;
}

h3 {
  font-family: var(--main-font);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}

h4 {
  font-family: var(--main-font);
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 150%;
  font-weight: 600;
}

p {
  font-family: var(--main-font);
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
  margin-bottom: 30px;
  max-width: 600px;
}

address {
  font-family: var(--main-font);
  font-size: 16px;
  font-weight: 300;
}

a {
  text-decoration: none;
  color: inherit;
}

b {
  font-weight: bold;
}

@media screen and (max-width: 600px) {
  element {
    --cta-font-size: 15px;
    --banner-title-size: 25px;
  }

  section {
    padding: 40px 0;
  }

  h1 {
    font-size: 70px;
  }

  h2 {
    font-size: 60px;
  }

  h3 {
    font-family: var(--main-font);
    font-size: 22px;
    font-weight: 500;
  }
}

/* -------------------------------------------------------------------------- */

/*	1. Loader
/* -------------------------------------------------------------------------- */

.page_loader {
  display: flex;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.loader-desktop {
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-container {
  width: 100%;
  height: 100%;
}

.loader-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.loader-desktop img {
  width: 200px;
}

/* -------------------------------------------------------------------------- */

/*	3. Site Header
/* -------------------------------------------------------------------------- */

.header-mobile {
  display: none;
}

.logged-in .header-desktop {
  top: 32px;
}

.logged-in .header-desktop {
  top: 32px;
}

.header-desktop {
  position: sticky;
  width: 100%;
  z-index: 99;
  top: 0;
}

.header-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
  height: 90px;
}

.header-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.header-menu {
  height: 100%;
  display: flex;
  align-items: center;
}

.header-menu .header-menu-desktop-inner {
  display: flex;
  height: 100%;
}

.header-menu .header-menu-desktop-inner li {
  font-family: "Nuckle-Medium";
  font-size: 14px;
  margin: 0 15px;
  color: var(--font-color);
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.header-menu .header-menu-desktop-inner li a .header-menu .header-menu-desktop-inner li a:hover {
  border-bottom: 2px solid;
  margin-top: 7px;
  padding-bottom: 5px;
}

.header-menu .header-menu-desktop-inner li a[aria-current="page"] {
  border-bottom: 2px solid;
  margin-top: 7px;
  padding-bottom: 5px;
}

.header-menu .header-menu-desktop-inner .menu-logo:hover a {
  border: none;
  margin: 0;
  padding: 0;
}

.header-menu .header-menu-desktop-inner .menu-logo a[aria-current="page"] {
  border: none;
  margin: 0;
  padding: 0;
}

.header-menu .sub-menu {
  display: none;
  position: absolute;
  top: calc(90px);
  background-color: var(--main-color);
  z-index: 9999;
  margin-left: -30px;
}


.menu-item:hover .sub-menu {
  display: block;
  padding: 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.4);
}

.menu-item .sub-menu li {
  margin-bottom: 10px;
}

.menu-item .sub-menu li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 7px;
  padding-bottom: 5px;
}


.menu-item-73 img {
  margin-bottom: 0;
}

.header-menu .first-level::after {
  content: '^';
  font-family: cursive;
  transform: rotate(180deg) translateY(50%);
  position: absolute;
  top: 47%;
  right: -12px;
  font-size: 15px;
}

/* .menu-item .sub-menu .a-propos a:before{
  background-image: url('/wp-content/uploads/2022/03/nos-valeurs-papoterie-cafe.jpg');
}

.menu-item .sub-menu .activite a:before{
  background-image: url('/wp-content/uploads/2022/03/pour-qui-papoterie-cafe.jpg');
}

.menu-item .sub-menu .restauration a:before{
  background-image: url('/wp-content/uploads/2022/03/la-popote-papoterie-cafe.jpg');
}

.menu-item .sub-menu .faq a:before{
  background-image: url('/wp-content/uploads/2022/03/atelier-libre-papoterie-cafe.jpg');
}

.menu-item .sub-menu .bons-cadeaux a:before{
  background-image: url('/wp-content/uploads/2022/04/bons-cadeaux-menu.jpg');
} */



/* .menu-item .sub-menu a:before{
  width: 150px;
  height: 150px;
  content: '';
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 20px;
  background-size: cover;
} */

.xoo-wsc-sc-bki {
  font-size: 20px;
}

.hide-desktop {
  display: none !important;
}

@media screen and (max-width: 900px) {
  .hide-desktop {
    display: block !important;
  }

  .hide-mobile {
    display: none !important;
  }
}


@media screen and (max-width: 1200px) {
  .content-area {
    margin-top: 0;
  }
}

/* ---- Responsivity ------*/

@media screen and (max-width: 1150px) {
  /*Menu*/

  .header-desktop {
    display: none;
  }

  .header-mobile {
    display: block;
    position: sticky;
    width: 100vw;
    z-index: 99;
    top: 0;
  }

  .header-mobile .header-inner {
    justify-content: space-between;
    width: 90%;
  }

  .burger-menu-close {
    z-index: 999;
    transition: 1s ease;
    position: fixed;
    display: none;
  }

  .burger-menu-close.active {
    display: block;
  }

  .header-menu {
    width: 5%;
  }

  .header-menu-mobile-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    min-height: 100vh;
    height: auto;
    background: var(--vertical-full-gradient);
    max-width: 500px;
    overflow: auto;
    padding-top: 90px;
    padding-right: 10px;
    z-index: 99;
    background-clip: padding-box;
    transition: 1s ease;
    display: none;
    overflow-y: auto;
  }

  .burger-menu-open,
  .burger-menu-close {
    margin-bottom: 0;
    width: 17px;
  }

  .header-menu-mobile-inner.active {
    display: block;
  }

  .header-menu-mobile-inner::before {
    background: var(--main-color);
    margin-right: 10px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
  }

  .header-menu-mobile-inner li {
    width: max-content;
    color: #333333;
    margin: 0 0 25px 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .header-menu-mobile-inner li {
    font-family: "Nuckle-Medium";
    font-size: 18px;
    font-weight: 300;
  }

  .menu-mobile-divider {
    margin-bottom: 10px;
    width: 120px;
    height: 0.5px;
    background: var(--secondary-color);
  }

  .menu-item:hover .sub-menu {
    padding: 0;
    display: none;
  }

  /*Logo*/
  .menu-logo {
    display: none;
  }

  .header-logo {
    text-align: center;
    width: 150px;
  }

  .header-logo img {
    margin-bottom: 0;
  }

  .header-cart {
    position: relative !important;
    margin-right: 20px;
    right: 0 !important;
  }

  /*Second level Menu*/

  .header-menu-mobile-inner li a:hover,
  .nav ul li a:hover {
    background-color: transparent;
    opacity: 1;
  }

  .header-menu-mobile-inner .first-level>a {
    background-color: transparent;
    position: relative;
  }



  .header-menu-mobile-innerul .second-level a {
    font-size: 14px;
  }

  .first-level.active .sub-menu {
    display: none;
  }

  .first-level.active .sub-menu {
    display: block !important;
  }

  .header-menu-mobile-inner .first-level>a:after {
    position: absolute;
    content: '^';
    transform: rotate(-180deg);
    font-size: 20px;
    right: -20px;
    top: -3px;
    font-family: cursive;
  }

  .header-menu-mobile-inner .first-level.active>a:after {
    transform: rotate(0deg);
    top: 0px;
  }

  .header-menu-mobile-inner li li {
    padding-left: 0;
  }

  .header-menu .sub-menu {
    position: relative;
    top: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: none;
  }

  .menu-item .sub-menu li a {
    font-size: 15px;
  }

  .menu-item:hover .sub-menu {
    border-top: none;
  }

}

/* -------------------------------------------------------------------------- */

/*	3. Site Footer
/* -------------------------------------------------------------------------- */

.site-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 0 30px 0;
  background-color: var(--main-color);
  position: relative;
  z-index: 9;
}

.site-footer li {
  margin-left: 10px;
  margin-right: 10px;
}

.site-footer ul li a {
  color: #191919;
}

.footer-menu-1,
.footer-menu-2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.footer-menu .footer-menu-2 {
  margin-top: 15px;
}

.footer-menu .footer-menu-2 li a {
  font-size: 12px;
}

.footer-inner {
  width: 90%;
}

.footer-brand {
  display: flex;
  flex-direction: column;
  width: max-content;
}

.footer-logo {
  width: 100px;
  margin-bottom: 20px;
}

.footer-logo-mobile {
  display: none;
}

.footer-legal-notice {
  color: #2b2b2b;
  font-family: var(--main-font);
  font-size: 12px;
}

.footer-menu li {
  margin-bottom: 15px;
}

.footer-menu li a {
  font-family: var(--main-font);
  font-size: 15px;
  color: white;
  font-weight: 500;
}

.footer-social-networks {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  display: flex;
}

.footer-social-networks a {
  margin-left: 8px;
  margin-right: 8px;
  width: 32px;
}

.website-copyright {
  color: #2b2b2b;
}

.overlay {
  background-color: black;
  height: 100%;
  width: 100%;
  z-index: 999999;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
  position: fixed;
  display: none;
}

.overlay.active {
  display: block;
}

.menu-contact {
  display: none !important;
}

/* ---- Responsivity ------*/

@media screen and (max-width: 1200px) {
  .footer-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-logo-desktop {
    display: none;
  }

  .footer-logo-mobile {
    display: block;
    order: 5;
  }

  .footer-brand {
    order: 1;
    width: 100%;
  }

  .footer-legal-notice {
    font-family: "Livvic", sans-serif;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 30px;
  }

  .footer-menu {
    width: 100%;
    display: block;
    margin-bottom: 30px;
  }

  .footer-menu li {
    margin-bottom: 25px;
    width: 90%;
  }

  .footer-menu-2 {
    margin: 0;
  }

  .footer-menu-1,
  .footer-menu-2 {
    flex-direction: column;
  }

  .menu-contact {
    display: block !important;
  }
}

/* -------------------------------------------------------------------------- */

/*	3. General content
/* -------------------------------------------------------------------------- */
.content-area {
  padding-top: 30px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 80px;
  position: relative;
}

.blog .site__navigation {
  width: 100%;
  text-align: center;
}

.flex {
  display: flex;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.wrap {
  flex-wrap: wrap;
}

.large {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.between {
  justify-content: space-between;
}

.col-1-2 {
  width: calc(48% - 40px);
}

.col-1-3 {
  width: calc(33% - 40px);
}

.col-1-4 {
  width: calc(25% - 40px);
}

.col-1-5 {
  width: calc(20% - 40px);
}

.left-col {
  order: 1;
}

.right-col {
  order: 2;
}

.pad0 {
  padding: 0;
}

.mgt100 {
  margin-top: 100px;
}

.mgt80 {
  margin-top: 80px;
}

.mgt50 {
  margin-top: 50px;
}

.mgt0 {
  margin-top: 0;
}

.mgb30 {
  margin-bottom: 30px;
}

.mgb10 {
  margin-bottom: 10px;
}

.mgb0 {
  margin-bottom: 0;
}

.img-left .right-col {
  margin-right: 5%;
  padding-top: 30px;
}

.img-right .left-col {
  margin-left: 10%;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

img {
  max-width: 100%;
  margin-bottom: 30px;
  height: auto;
}

.w80 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.bdrad10 {
  border-radius: 10px;
}

.maxwidth1600 {
  max-width: 1600px;
}

.maxwidth1200 {
  max-width: 1200px;
}

.maxwidth800 {
  max-width: 800px;
}

.maxwidth600 {
  max-width: 600px;
}

.minline20 {
  margin-left: 10px;
  margin-right: 10px;
}

.minline40 {
  margin-left: 20px;
  margin-right: 20px;
}

.minline-auto {
  margin-left: auto;
  margin-right: auto;
}

.minlineauto p {
  margin-left: auto;
  margin-right: auto;
}

.contain {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.fullwidth {
  width: 100%;
}

.text {
  max-width: 700px;
}

.content-inner {
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

.button-container {
  padding-top: 30px;
}

.button {
  padding: 10px 30px;
  margin: 20px 0;
  border: 2px solid #000000;
  font-family: "Montserrat";
  color: #000000;
  font-size: 14px;
  border-radius: 25px;
  width: max-content;
  cursor: pointer;
  background-color: transparent;
}

.button:hover {
  background-color: #000000;
  color: white !important;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.page-title {
  text-align: center;
  margin-bottom: 80px;
  margin-top: 50px;
}

.page-subtitle {
  text-align: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.mgt30 {
  margin-top: 30px;
}

.ml30 {
  margin-left: 30px;
}

.minlineauto {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1100px) {
  .col-1-3 {
    width: calc(50% - 40px);
  }

  .col-1-4 {
    width: calc(50% - 40px);
  }

  .col-1-5 {
    width: calc(50% - 40px);
  }
}

@media screen and (max-width: 700px) {
  .text-center {
    text-align: left;
  }

  .flex {
    flex-direction: column;
  }

  .content-inner {
    width: 80%;
  }

  .col-1-2 {
    width: 100%;
    margin: 0;
  }

  .col-1-3 {
    width: 100%;
  }

  .col-1-4 {
    width: 100%;
    margin-bottom: 30px;
  }

  .col-1-5 {
    width: 100%;
  }

  .button-container {
    padding-bottom: 60px;
  }

  .img-left .left-col {
    order: 2;
  }

  .img-left .right-col {
    order: 1;
    margin: 0;
  }

  .img-right .left-col {
    margin: auto;
  }

  .text {
    width: 80%;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .large {
    width: 100%;
  }

  .page-title {
    margin-top: 0;
  }

}

/* -------------------------------------------------------------------------- */

/*	3. Homepage
/* -------------------------------------------------------------------------- */

.content-area.home {
  padding: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  min-height: 100vh;
  position: relative;
}

.home-text {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.home .pink-splash {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  max-width: 500px;
}

.home .orange-pot {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  max-width: 400px;
}

.home .blue-pot {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30%;
  margin-bottom: 0;
  max-width: 400px;
}

.home .green-leave {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  margin-bottom: 0;
  max-width: 400px;
}

@media screen and (max-width: 1000px) {}

@media screen and (max-width: 700px) {
  .home .pink-splash {
    width: 60%;
  }

  .home .green-leave {
    width: 50%;
  }

  .home .blue-pot,
  .home .orange-pot {
    display: none;
  }

  .home-title,
  .home-text {
    margin-left: 0;
    margin-right: 0;
  }

  .home .content-inner {
    margin-top: 100px;
  }
}

/* -------------------------------------------------------------------------- */

/*	3. Page - A propos
/* -------------------------------------------------------------------------- */

.mask {
  width: auto;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  max-width: 100%;
  height: 100%;
  aspect-ratio: 8/7;
  object-fit: cover;
}

.popote-mask {
  -webkit-mask-image: url(/wp-content/uploads/2022/03/popote-mask.svg);
  mask-image: url(/wp-content/uploads/2022/03/popote-mask.svg);
  -webkit-mask-position-x: right;
}

.histoire-mask {
  -webkit-mask-image: url(/wp-content/uploads/2022/03/notre-histoire-mask.svg);
  mask-image: url(/wp-content/uploads/2022/03/notre-histoire-mask.svg);
  -webkit-mask-position-x: left;
}

.papoteam-mask {
  -webkit-mask-image: url(/wp-content/uploads/2022/03/papoteam-mask.svg);
  mask-image: url(/wp-content/uploads/2022/03/papoteam-mask.svg);
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
}

.who-mask {
  -webkit-mask-image: url(/wp-content/uploads/2022/03/pour-qui-mask.svg);
  mask-image: url(/wp-content/uploads/2022/03/pour-qui-mask.svg);
  -webkit-mask-position-x: left;
}

.price-mask {
  -webkit-mask-image: url(/wp-content/uploads/2022/03/price-mask.svg);
  mask-image: url(/wp-content/uploads/2022/03/price-mask.svg);
  -webkit-mask-position-x: right;
  min-height: 600px;
}

.papoteam-imgs {
  position: relative;
}

.papoteam-vase-orange {
  position: absolute;
  top: 10%;
  z-index: 1;
  left: -30%;
  width: 450px;
  transform: rotate(-20deg);
}

/*-- Section Pour qui ? --*/

.section.activity-who {
  background: url("/wp-content/uploads/2022/03/pour-qui-background.svg");
  background-repeat: no-repeat;
  background-position: right;
}

/*-- Responsivity --*/

@media screen and (max-width: 700px) {
  .papoteam-vase-orange {
    width: 150px;
    top: 20%;
    left: -20%;
  }

  .section.activity-who {
    background: none;
  }

}

/* -------------------------------------------------------------------------- */

/*	3. Page - Activité
/* -------------------------------------------------------------------------- */

.step-title {
  text-align: center;
  font-weight: 600;
}

.step-img {
  max-width: 100%;
  width: 150px;
}

.step-card {
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .step-card p {
    text-align: center;
  }
}

/* -------------------------------------------------------------------------- */

/*	3. Page - Lieux
/* -------------------------------------------------------------------------- */

.place-infos-title {
  min-width: 80px;
}

/* -------------------------------------------------------------------------- */

/*	3. Page - Céramiques / Galerie
/* -------------------------------------------------------------------------- */

.ceramics-text {
  margin: auto;
  margin-top: 4rem;
  text-align: left;
  max-height: 400px;
  column-count: 2;
  column-gap: 50px;
  max-width: 1220px;
}

@media screen and (max-width: 770px){
  .ceramics-text {
    column-count: 1;
    max-height: none;
  }
}

.ceramics-gallery {
  column-count: 3;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: masonry;
  grid-auto-flow: dense;
  column-gap: 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

.gallery-item {
  display: none;
  position: relative;
  margin: 0;
  grid-template-rows: 1fr auto;
  margin-bottom: 10px;
  break-inside: avoid;
  transition: opacity 1s ease-out;
  opacity: 0;
}

.gallery-item.active {
  opacity: 1;
  display: block;
}

.ceramics-gallery-filters {
  margin: 80px 0 30px 0;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.ceramics-gallery-filters ul {
  display: flex;
  width: 100%;
  justify-content: space-around;
  flex-wrap: wrap;
}

.ceramics-filter {
  cursor: pointer;
  padding: 10px 15px;
  text-transform: capitalize;
}

.dropdown-item.active {
  background: #000000;
  color: #ffffff;
}

.gallery-item:hover .gallery-item-infos {
  visibility: visible;
  opacity: 1;
  z-index: 9;
}

.gallery-item-infos {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
  position: absolute;
  background: rgba(255, 255, 255);
  width: calc(95% - 2rem);
  height: max-content;
  left: 0;
  right: 0;
  bottom: 0.67rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  padding: 1rem;
}

.gallery-item-img {
  margin-bottom: 0;
}

.gallery-item-header {
  display: flex;
}

.gallery-item-title {
  margin-bottom: 10px;
  text-transform: uppercase;
  line-height: normal;
  margin-bottom: 0;
  font-family: var(--second-font);
}

.dash {
  margin: 0 5px;
  line-height: normal;
  font-family: var(--second-font);
}

.gallery-item-text {
  margin-bottom: 0;
  margin: 0;
  font-family: var(--main-font);
  font-size: 16px;
}

.gallery-item-price {
  line-height: normal;
  margin: 0;
  font-family: var(--second-font);
}

.gallery-item-pictos {
  margin-top: 10px;
}

.gallery-item-pictos img {
  margin-bottom: 0;
}

.gallery-item-mobile-infos {
  position: absolute;
  height: max-content;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.gallery-item-mobile-infos .gallery-item-header {
  padding: 1rem;
}

@media screen and (max-width: 900px) {
  .ceramics-gallery {
    column-count: 2;
  }

  .gallery-item-text {
    font-size: 14px;
  }

  .ceramics-gallery-filters ul {
    position: relative;
    max-height: 200px;
    overflow-y: scroll;
  }

  .ceramics-filter {
    display: none;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
    width: 100%;
  }


  .ceramics-gallery-filters ul.active .ceramics-filter {
    display: block;
    order: 2;
  }

  .dropdown-item.active {
    order: 1 !important;
    display: block;
    position: relative;
  }

  .dropdown-item.active::after {
    content: '^';
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: white;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }

  .ceramics-gallery-filters ul:hover .dropdown-item.active::after {
    transform: translateY(-50%) rotate(-180deg);
  }

  .gallery-item-pictos.flex {
    flex-direction: row;
  }

  .picto-ceramique {
    width: calc(33% - 20px) !important;
    margin-right: 10px;
  }

  .picto-ceramique p {
    display: none;
  }
}

@media screen and (max-width: 550px) {
  .ceramics-gallery {
    column-count: 2;
  }

  .gallery-item-infos {
    padding: 5px;
    width: calc(100% - 20px);
    bottom: 5px;
  }

  .gallery-item-mobile-infos .gallery-item-header {
    padding: 5px;
  }

  .gallery-item-header p {
    font-size: 14px;
  }
}

/* -------------------------------------------------------------------------- */

/*	3. Archive posts
/* -------------------------------------------------------------------------- */

/*-- Remove title, price and add to cart --*/

.coffrets-cadeaux .woocommerce-loop-product__title {
  display: none;
}

.woocommerce.coffrets-cadeaux ul.products li.product .price {
  display: none;
}

.woocommerce.coffrets-cadeaux ul.products li.product .button.add_to_cart_button {
  display: none;
}

.cpt-main section {
  padding-top: 0;
}

.post {
  margin-bottom: 30px;
}

.post-thumbnail {
  width: 100%;
  height: 200px;
  background-size: cover !important;
  background-position: center !important;
  margin-bottom: 15px;
}

.post h2 {
  font-family: var(--second-font);
  font-size: clamp(1.25rem, 2vw, 1.875rem);
  margin-bottom: 10px;
}

.ajax-posts__post h2 {
  font-family: var(--second-font);
  font-size: clamp(1.25rem, 2vw, 1.875rem);
  margin-bottom: 10px;
}

.post-excerpt p {
  margin-bottom: 10px;
  font-family: var(--main-font);
}

.post-read-more a {
  font-family: var(--second-font);
  font-size: clamp(0.8rem, 1vw + 0.15rem, 1rem);
}

/*--- Filters ---*/

.ajax-posts__view {
  width: 100% !important;
  transform: unset;
}

.ajax-posts__status {
  display: none !important;
}

.ajax-posts button {
  display: none;
}

.ajax-posts aside {
  width: 100%;
}

.ajax-posts__filterlist h3 {
  display: none;
}

.ajax-posts__filters ul {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

.ajax-posts__filter {
  border: none;
  padding: 10px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: pointer;
}

.ajax-posts__filter[data-term="non-classe"] {
  display: none;
}

.ajax-posts__filter.is-active {
  background-color: black;
  color: white;
}

.ajax-posts__filter:after {
  display: none;
}

.ajax-posts__view {
  width: 100%;
}

.ajax-posts__posts {
  width: 100% !important;
}


/* -------------------------------------------------------------------------- */

/*	3. Single posts
/* -------------------------------------------------------------------------- */


.woocommerce.single-product div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  width: 20%;
  margin-right: 5%;
}

.single-post .entry-header {
  height: 500px;
  background-size: cover !important;
  background-position: center !important;
  position: relative;
  color: #ffffff;
  background: url("/wp-content/uploads/2021/12/faq-banner-background.png");
  display: flex;
  align-items: center;
}

.single-post .entry-title {
  color: #ffffff;
  z-index: 9;
  text-align: left;
  margin-left: 0;
}

.entry-author {
  z-index: 9;
}

.entry-overlay {
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
}

.single-post .entry-header-content {
  width: calc(80% - 100px);
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 50px;
  max-width: calc(1000px - 100px);
}

.single-post .entry-content {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  display: flex;
  padding-bottom: 50px;
  max-width: 1000px;
}

.single-post .post-content {
  height: max-content;
  width: 70%;
  padding: 0 50px 50px 50px;
  background: #ffffff;
}

/***Social bar****/

.entry-socials {
  position: fixed;
  top: 60%;
  right: 3%;
}

.entry-socials .share-button {
  margin-bottom: 10px;
}

.entry-socials .share-button span {
  background-color: white !important;
  border-radius: 50%;
  padding: 4px;
}

.entry-socials .share-button svg path {
  fill: #000000 !important;
}

.entry-socials-inner {
  display: flex;
  flex-direction: column;
}

/****Sidebar****/

.single-post .entry-sidebar {
  margin-left: auto;
  width: 25%;
}

.single-post .entry-sidebar .related-title {
  margin-bottom: 20px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
}

.single-post .actualites-related-posts {
  list-style: none;
  padding: 0;
}

.actualites-related-post img {
  height: 150px;
  object-fit: cover;
  margin-bottom: 0;
}

.single-post .actualites-related-post {
  margin-bottom: 40px;
}

.single-post .related-post-title {
  margin-top: 10px;
  font-size: 18px;
}

.single-post .related-post-excerpt {
  font-size: 14px;
}

/****Responsivity****/

@media screen and (max-width: 900px) {
  .single-post .entry-header {
    align-items: center;
    padding-left: 0;
    background: url("/wp-content/uploads/2021/12/faq-banner-background-mobile.png");
  }

  .single-post .entry-title {
    width: 80%;
    text-align: center;
  }

  .entry-socials {
    top: 75%;
  }

  .single-post .entry-content {
    flex-direction: column;
    width: 90%;
    margin-top: 20px;
    max-width: 900px;
  }

  .single-post .post-content,
  .single-post .entry-sidebar {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }

  .single-post .post-content {
    padding: 20px;
  }

  .actualites-related-posts {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .actualites-related-post {
    width: 30%;
    margin-right: 3%;
  }

  .related-title {
    text-align: center;
  }
}

@media screen and (max-width: 550px) {
  .actualites-related-post {
    width: 100%;
  }

  .single-post .entry-content {
    margin-top: 0px;
  }

  .entry-content .post-content {
    padding: 0;
  }
}

/* -------------------------------------------------------------------------- */

/*	3. Single product
/* -------------------------------------------------------------------------- */

/*-- Remove Stock, quantity and add to cart for coffrets cat--*/

.woocommerce.single-product div.product p.stock {
  display: none;
}

.woocommerce.single-product .variations_button {
  display: none;
}

/*-----*/

.single-product .content-area {
  width: 100%;
  margin-top: 50px;
}

.single-product .product {
  max-width: 1600px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.woocommerce .product_cat-bon-cadeau div.product div.summary {
  margin-right: 10%;
  width: calc(48% - 10%);
  margin-top: 80px;
  position: relative;
}

.woocommerce div.product form.cart .variations th {
  text-align: left;
}

/*-- Coffret --*/

.product_cat_coffrets #main {
  width: 80%;
  margin: auto;
}

.product_cat_coffrets .single_add_to_cart_button {
  display: none !important;
}

/*----*/

/*-- Bons cadeaux --*/

.product_cat-bon-cadeau .woocommerce-product-gallery {
  width: 60% !important;
  position: absolute !important;
}

.woocommerce div.product.product_cat-bon-cadeau div.images img {
  min-width: 80%;
  max-width: 100%;
  width: auto;
}

.product_cat_bon-cadeau.single-product .woocommerce-product-gallery__wrapper {
  pointer-events: none;
}

.single-product .product.product_cat-bon-cadeau {
  display: block;
  max-width: none;
}

.product_cat_bon-cadeau .related.products {
  display: none;
}

.product_cat_bon-cadeau .summary.entry-summary {
  position: relative;
  z-index: 9;
}

/*----*/

.woocommerce-page .content-area {
  width: auto;
  max-width: 100% !important;
}

.woocommerce div.product .product_title {
  text-align: left;
  margin-left: 0;
}

.single-product .product_meta {
  display: none;
}

.single-product .quantity {
  display: none;
}

.single-product .mwg_wgm_preview_email {
  display: none;
}

.single-product .added_to_cart.wc-forward {
  display: none;
}

.woocommerce div.product form.cart .button {
  background-color: transparent;
  border: 2px solid black;
  border-radius: 25px;
  color: black;
  font-weight: 500;
}

.woocommerce div.product form.cart .button:hover {
  background-color: black;
  border: 2px solid black;
  border-radius: 25px;
  color: white;
}

.wps_wgm_added_wrapper {
  display: flex;
  flex-wrap: wrap;
}

.wps_wgm_added_wrapper input {
  border-radius: 25px;
  height: 25px !important;
  padding: 2px 10px;
  border: 1px solid black;
}

.wps_wgm_added_wrapper textarea {
  border-radius: 10px;
  padding: 10px 10px;
  border: 1px solid black;
}

.wps_wgc_label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}


.wps_wgm_added_wrapper .wps_wgm_section .wps_wgc_label,
.wps_wgm_message_length {
  text-transform: none;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
}

.wps_wgm_message_length {
  font-size: 12px;
}


.wps_wgm_added_wrapper p:nth-child(1) {
  width: calc(50% - 40px);
  margin-right: 40px;
}

.wps_wgm_section.wps_from {
  width: 50%;
}

.wps_wgm_section.wps_message {
  margin-bottom: 0;
  width: 100%;
}

.wps_wgm_section.wps_message input {
  width: 100%;
}

.wps_wgm_delivery_method {
  border: none;
  box-shadow: none;
  padding: 0;
}

.wps_wgm_section.wps_delivery_method {
  width: 100%;
}

.wps_wgm_section.wps_delivery_method .wps_wgc_label {
  display: none;
}

.wps_wgm_send_giftcard {
  visibility: hidden;
}

.wps_wgm_method {
  display: block;
  text-transform: none;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  margin-bottom: 10px;
}

.wps_wgm_msg_info {
  display: none;
}

.related.products {
  margin: auto;
  width: 100%;
}

.related.products h2 {
  text-align: center;
}

.related.products .woocommerce-loop-product__title {
  display: none;
}

.woocommerce .related.products ul.products li.product .price {
  display: none;
}

.related.products .button {
  display: none;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #000000;
}

/*--- Responsivity ----*/

@media screen and (max-width: 900px) {
  .woocommerce .product_cat-bon-cadeau div.product {
    display: flex;
    flex-direction: column;
  }

  .woocommerce .product_cat-bon-cadeau div.product div.images.woocommerce-product-gallery {
    width: 100%;
    position: relative;
    order: 2;
  }

  .woocommerce .product_cat-bon-cadeau div.product div.summary {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
  }

  .product_cat-bon-cadeau .woocommerce-product-gallery {
    width: 100% !important;
    position: relative !important;
  }

  .related.products .products {
    display: flex;
    overflow-x: auto;
  }

  .related.products .product:first-child {
    margin-left: 10% !important;
  }

  .related.products .product {
    flex-shrink: 0;
    margin-right: 30px !important;
  }


  /*-- Bons cadeaux --*/

  .single-product .product.product_cat-bon-cadeau {
    display: flex;
    flex-direction: column;
  }

  .single-product .product.product_cat-bon-cadeau .woocommerce-product-gallery {
    order: 2;
  }

  .product_cat_bon-cadeau .summary.entry-summary {
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
  }

  /*-----*/


}

/* -------------------------------------------------------------------------- */

/*	3. Vidéos
/* -------------------------------------------------------------------------- */

.video-container {
  z-index: 9;
  position: relative;
}

.grid-item video {
  max-width: 100%;
  height: auto;
}

.grid-sizer,
.grid-item {
  width: 30%;
}

.video-title {
  margin-top: -5px;
  font-size: 20px;
  font-family: 'Montserrat';
  background-color: white;
  padding: 20px 0;
}

.videos .pink-splash {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  max-width: 500px;
}

.videos .orange-pot {
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  max-width: 400px;
}

.videos .blue-pot {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30%;
  margin-bottom: 0;
  max-width: 400px;
}

.videos .green-leave {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 30%;
  margin-bottom: 0;
  max-width: 400px;
}

@media screen and (max-width: 700px) {
  .videos .pink-splash {
    width: 60%;
  }

  .videos .green-leave {
    width: 50%;
  }

  .videos .blue-pot,
  .videos .orange-pot {
    display: none;
  }

  .grid-sizer,
  .grid-item {
    width: 45%;
  }
}

/* -------------------------------------------------------------------------- */

/*	3. Bons cadeaux
/* -------------------------------------------------------------------------- */

.cpw .woocommerce-Price-currencySymbol {
  display: none;
}

.cpw label {
  font-family: var(--main-font);
  font-size: 18px;
  max-width: 600px;
}

/* -------------------------------------------------------------------------- */

/*	3. Entreprises
/* -------------------------------------------------------------------------- */

/** Votre événement **/

.section.your-event {
  background: url("/wp-content/uploads/2022/06/entreprise-yellow-background.svg");
  background-repeat: no-repeat;
  background-position: right;
}

/** Nos services **/

.section.our-services {
  background: url("/wp-content/uploads/2022/04/nos-services-background.svg");
  background-repeat: no-repeat;
  background-position: left;
}

/** Ils nous font confiance **/

.they-trust-us-gallery {
  text-align: center;
}

@media screen and (max-width: 900px) {
  .they-trust-us-gallery {
    flex-wrap: nowrap;
    max-width: none;
    overflow-x: auto;
    width: auto;
    flex-direction: row;
    justify-content: flex-start;
  }

  .they-trust-us-gallery-item {
    min-width: 220px;
  }

  /** Votre événement **/

  .section.your-event {
    background: none;
  }

  /** Nos services **/

  .section.our-services {
    background: none;
  }

}

/* -------------------------------------------------------------------------- */

/*	7. Reservation
/* -------------------------------------------------------------------------- */

.reservation-text {
  margin: auto;
  margin-top: 4rem;
  text-align: left;
  max-height: 400px;
  column-count: 2;
  column-gap: 50px;
  max-width: 1220px;
}

@media screen and (max-width: 770px){
  .reservation-text {
    column-count: 1;
    max-height: none;
  }
}

.reservation-filters {
  flex-direction: row;
}

.reservation-filter {
  padding: 10px 20px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  color: rgba(0, 0, 0, 0.8);
  ;
  cursor: pointer;
  width: max-content;
}

.reservation-filter.active {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

.reservation-form {
  display: none;
}

.reservation-form.active {
  display: block;
}

.reservation-filter:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

@media screen and (max-width: 750px){
  .reservation-filter {
    padding: 5px 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

/* -------------------------------------------------------------------------- */

/*	3. Lieux page
/* -------------------------------------------------------------------------- */

@media screen and (max-width: 771px) {
  .places .ml30{
    margin-left: 0;
  }
}

/* -------------------------------------------------------------------------- */

/*	7. Cart Page
/* -------------------------------------------------------------------------- */

.woocommerce-cart .woocommerce {
  margin: 0 auto;
  margin-top: 90px;
}

.cart-products-number {
  font-family: var(--main-font);
  font-size: 28px;
  font-weight: 600;
  padding: 0 0 30px;
}

.woocommerce-cart-content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  max-width: 1600px;
}

.woocommerce-cart-form {
  padding: 30px;
  width: 65%;
  float: left;
  background-color: #ffffff;
  border-radius: 10px;
}

.woocommerce-cart-form__cart-item.cart_item {
  display: flex;
  background: var(--main-color);
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
}

.woocommerce-cart .cart_item .product-thumbnail {
  width: 100px;
  height: 100px;
}

.woocommerce-cart .cart_item .product-name-and-quantity {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  margin-left: 20px;
}

.woocommerce-cart .product-name {
  font-family: var(--main-font);
  font-size: 18px;
  font-weight: 500;
}

.woocommerce-cart .product-name p {
  display: none;
}

.woocommerce-cart .cart_item .product-subname {
  font-family: var(--secondary-font);
  color: var(--third-color);
  font-size: 15px;
  margin: 0;
}

.woocommerce-cart .woocommerce .quantity {
  display: flex;
}

.woocommerce-cart .woocommerce .quantity input {
  border: none;
  font-weight: 600;
  font-size: 25px;
  background-color: transparent;
  width: 2em;
}

@media screen and (max-width: 600px) {
  .woocommerce-cart .woocommerce .quantity input {
    font-size: 18px;
  }
}

.woocommerce-cart .cart_item .product-subtotal-and-remove {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
}

.woocommerce-cart .woocommerce .cart-collaterals {
  margin-bottom: 50px;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
  width: calc(28% - 60px);
  padding: 30px;
  font-family: var(--main-font);
  background-color: #ffffff;
  border-radius: 10px;
}

div.coupon:not(.under-proceed) {
  display: none !important;
}

@media screen and (max-width: 900px) {
  .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .coupon {
    text-align: center;
  }
}

.shop_table.shop_table_responsive,
.shop_table.shop_table_responsive tbody {
  display: block;
  width: 100%;
}

.shop_table.shop_table_responsive tbody tr {
  display: flex;
  justify-content: space-between;
}

.shop_table.shop_table_responsive tbody tr th {
  width: max-content;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table,
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .cart-subtotal {
  border: none;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .cart-subtotal th {
  width: max-content;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .shop_table.shop_table_responsive th {
  padding-left: 0;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 {
  font-weight: 600;
  font-size: 28px;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals th,
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals td {
  font-size: 18px;
  font-weight: 500;
  margin: 10px 0;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals td {
  text-align: right;
}

.woocommerce-cart .cart_item .product-subtotal {
  margin-top: auto;
}

.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .includes_tax {
  display: none;
}

.wc-proceed-to-checkout .coupon label {
  font-family: var(--secondary-font);
  font-weight: 500;
  font-size: 15px;
  color: #000000;
  width: 100%;
}

.wc-proceed-to-checkout .coupon input {
  border-radius: 15px;
  border: none;
  background-color: #f2f2f2;
  padding: 5px 0 5px 10px;
  width: 70% !important;
}

.coupon.under-proceed {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.woocommerce .wc-proceed-to-checkout .coupon button {
  border-radius: 15px;
  border: none;
  background-color: #808080 !important;
  padding: 5px 15px 5px 15px !important;
  font-size: 15px;
  columns: #ffffff;
  width: max-content !important;
  margin-top: 0px;
}


.woocommerce-cart .woocommerce a.checkout-button {
  background-color: white;
  border-radius: 20px;
  font-family: var(--secondary-font);
  font-weight: 600;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 18px;
  color: black;
  border: 1px solid black;
}

.woocommerce a.button.alt:hover {
  background-color: black;
  color: white;
}

.woocommerce a.remove {
  font-size: 0.65rem;
  color: black !important;
}

.woocommerce a.remove:hover {
  color: red !important;
  background-color: transparent;
}

/** Woocommerce messages**/

.woocommerce-message,
.woocommerce-error {
  text-align: center;
  font-family: var(--main-font);
}

.woocommerce-message::before {
  display: none;
}

/**Expedition**/

.shop_table.shop_table_responsive tbody tr.shipping {
  display: none;
}

.logged-in .shop_table.shop_table_responsive tbody tr.shipping {
  display: table-row;
}

/**Stripe**/

.wc-credit-card-form.wc-payment-form .form-row.form-row-first {
  width: 40% !important;
  min-width: unset !important;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
  width: 30% !important;
}

/*---- Responsivity -----*/

@media screen and (max-width: 900px) {
  .woocommerce-cart-form {
    width: calc(100% - 60px);
    margin-bottom: 50px;
    float: none;
  }

  .woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
    width: calc(100% - 60px);
  }
}

/** Update cart button**/

.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
  display: none;
}

/* -------------------------------------------------------------------------- */

/*	3. Checkout
/* -------------------------------------------------------------------------- */

/***** Edit Adress *****/

.woocommerce-checkout .woocommerce-edit-address .woocommerce-MyAccount-content {
  width: 65%;
  padding: 30px;
}

.woocommerce-checkout .woocommerce-edit-address .woocommerce-Addresses {
  margin-top: 50px;
}

.woocommerce-checkout .woocommerce-edit-address address {
  margin-top: 30px;
}

/*----- Checkout page ------*/

/**Wocoomerce notice**/

.woocommerce-info {
  font-family: var(--main-font);
}

.woocommerce-form-login-toggle .woocommerce-info {
  font-family: var(--main-font);
  background: var(--third-color);
  color: white;
  margin-left: auto;
  margin-right: auto;
  border-top: none;
  text-align: center;
}

.woocommerce-form-login-toggle .woocommerce-info::before {
  display: none;
}

/**Coupon**/

.woocommerce-checkout .woocommerce-form-coupon-toggle {
  display: none;
}

.woocommerce-checkout #customer_details {
  display: flex;
  flex-direction: column;
}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
  width: 100%;
}

.woocommerce-checkout #customer_details .col-2 {
  margin: 30px 0;
}

/******/

.checkout.woocommerce-checkout {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}

form.woocommerce-checkout {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

form.woocommerce-checkout .order-form {
  width: calc(60% - 30px);
}

form.woocommerce-checkout .order-review-and-payment {
  width: calc(40% - 30px);
}

.woocommerce-NoticeGroup-checkout {
  width: 100%;
}

.wc-credit-card-form.wc-payment-form .form-row.form-row-first {
  width: 30%;
  min-width: 160px;
}

.woocommerce-checkout .woocommerce table.shop_table th {
  width: 50%;
}

.woocommerce-checkout #order_review_heading {
  margin-bottom: 15px;
}

.woocommerce-checkout #order_review {
  font-family: var(--main-font);
}

.woocommerce-checkout #order_review .order-received-icons {
  display: none;
}

.woocommerce form .form-row label {
  text-transform: uppercase;
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 12px;
  margin-top: 10px;
}

.woocommerce-input-wrapper input {
  background: #f2f2f2;
  border-radius: 20px;
  height: 40px;
  color: #080d73;
  border: none;
  padding: 20px !important;
  margin-left: -10px !important;
}

/** Informations complémentaires **/

#order_comments_field textarea {
  border-radius: 10px;
  font-family: var(--secondary-font);
  min-height: 100px;
}

/** Stripe **/

.woocommerce-checkout #payment div.payment_box {
  border-radius: 10px;
}

.woocommerce-checkout #payment div.payment_box.payment_method_stripe::before {
  display: none;
}

#wc-stripe-cc-form {
  margin: 0;
}

.wc-stripe-elements-field,
.wc-stripe-iban-element-field {
  border-radius: 25px;
  padding-left: 10px;
}

/**Table**/

.woocommerce-checkout .product-name>p {
  display: none;
}

@media screen and (max-width: 900px) {
  .woocommerce form .form-row {
    width: 100%;
  }

  .woocommerce form .form-row.place-order {
    width: auto;
  }

  .woocommerce form .form-row-last,
  .woocommerce-page form .form-row-last {
    float: none;
  }

  form.woocommerce-checkout {
    display: block;
  }

  form.woocommerce-checkout .order-form,
  form.woocommerce-checkout .order-review-and-payment {
    width: 100%;
  }

}

/* -------------------------------------------------------------------------- */

/*	3. Thank you page
/* -------------------------------------------------------------------------- */

.woocommerce-order-received .woocommerce {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.woocommerce ul.order_details {
  display: flex;
  justify-content: center;
}

.woocommerce-thankyou-order-received,
.woocommerce-order-received p {
  margin-left: auto;
  margin-right: auto;
}

.woocommerce-thankyou-order-received .woocommerce-customer-details--email {
  margin-left: 0;
}

@media screen and (max-width: 1000px) {
  .woocommerce-order-received .woocommerce {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }

  .woocommerce ul.order_details {
    display: block;
  }

  .woocommerce-thankyou-order-received,
  .woocommerce-order-received p {
    margin-left: 0;
    margin-right: 0;
  }

}

/* -------------------------------------------------------------------------- */

/*	3. Forms
/* -------------------------------------------------------------------------- */

.form-title {
  text-align: center;
  text-transform: uppercase;
}

.form {
  position: fixed;
  z-index: 9999999;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  max-width: 700px;
  width: 90%;
  z-index: 9999999;
  overflow-y: auto;
  display: none;
}

.form.open {
  display: block;
}

.form .wpcf7-form {
  background-color: white;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

.wpcf7-form label {
  display: flex;
  flex-direction: column;
}

.wpcf7-form label {
  margin-top: 10px;
  font-family: var(--second-font);
  font-size: 14px;
}

.wpcf7-form .col-1-2 {
  width: calc(50% - 20px);
}

.wpcf7-form .col-1-3 {
  width: calc(33% - 20px);
}

.wpcf7-form .col-2-2 {
  width: 100%;
}

.wpcf7-form input {
  width: 100%;
  border: 1px solid gray;
  margin-top: 5px;
  padding: 10px 0;
}

.wpcf7-form .col-2-2 textarea {
  width: 100%;
  min-height: 50px;
  border: 1px solid gray;
  margin-top: 5px;
}

.wpcf7-form label .form-message {
  width: 100%;
}

.wpcf7-form .wpcf7-list-item {
  margin: 0;
}

.wpcf7-checkbox label {
  flex-direction: row;
}

.wpcf7-form input[type="checkbox"] {
  width: max-content;
  border: none;
}

.submit {
  position: relative;
}

.wpcf7-form input.wpcf7-submit {
  width: 300px;
  margin: 20px 0;
  border: 2px solid #000000;
  font-family: "Montserrat";
  color: #000000;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  background-color: transparent;
  padding: 10px 30px;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  margin-top: 20px;
}

.wpcf7-form input.wpcf7-submit:hover {
  background-color: black;
  color: white;
}

.wpcf7-spinner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.wpcf7-form-control select[name="form-subject"] {
  border: 1px solid black;
}

.form-subject .wpcf7-form-control-wrap {
  margin-top: 8px;
}

.form-close {
  cursor: pointer;
  position: absolute;
  top: 30px;
  right: 30px;
}

.wpcf7-list-item-label {
  line-height: 160%;
}

/*-- Responsivity --*/

@media screen and (max-width: 900px) {

  .wpcf7-form .col-1-2,
  .form-group-size-unknown {
    width: 100% !important;
  }

  .form-group-size-unknown .wpcf7-list-item-label {
    line-height: 160%;
  }

  .wpcf7-form .col-1-3 {
    width: calc(50% - 20px);
  }

  .popup-form {
    width: max-content;
    overflow-y: scroll;
    height: max-content;
  }

}


/* -------------------------------------------------------------------------- */

/*	7. Floating Cart
/* -------------------------------------------------------------------------- */

/* ---- Empty cart ---- */

.xoo-wsc-empty-cart .button {
  text-align: center;
}

/* ----- Shortcode ----- */

.xoo-wsc-sc-subt {
  display: none;
}

span.xoo-wsc-sc-count {
  position: absolute;
  top: -10px;
  right: -10px;
  background: transparent;
  font-family: var(--main-font);
  font-weight: 600;
  color: black;
}

.xoo-wsc-ft-buttons-cont .xoo-wsc-ft-btn.button.btn {
  font-size: 14px;
  font-family: var(--main-font);
  color: black;
  display: inherit;
  border-radius: 20px;
  padding: 5px 10px;
  margin: 0;
  width: 100%;
}


.span.xoo-wsc-ft-amt-label {
  font-size: 15px;
}

.xoo-wsc-footer .amount {
  font-size: 15px;
}

/* ---- Icon ------*/

.header-cart {
  position: absolute;
  right: 50px;
}

/* ----- Header ----- */

.xoo-wsc-header {
  display: flex;
  height: 80px;
}

.xoo-wsch-top {
  justify-content: flex-start;
  margin: auto 0 0 0;
}

.xoo-wsch-top .xoo-wsch-basket {
  order: 2;
  margin-left: 5px;
}

.xoo-wsch-text,
.xoo-wscb-count {
  font-family: var(--main-font);
  font-weight: 700;
  font-size: 20px;
  line-height: 103.5%;
  z-index: 0;
}

.xoo-wscb-count {
  position: relative;
}

span.xoo-wsch-close {
  top: 20px;
  right: 20px;
}



.xoo-wsc-icon-cross:before {
  content: url("/wp-content/uploads/2021/11/close-cart-icon.svg") !important;
}

/* ----- Body ----- */

.xoo-wsc-product {
  margin: 15px;
  border: none;
  overflow: auto;
  padding: 20px 10px;
}

.xoo-wsc-pname a {
  font-family: var(--main-font);
  font-size: 15px;
}

.xoo-wsc-pname p {
  display: none;
}

.xoo-wsc-products .xoo-wsc-img-col {
  align-self: flex-start;
}

span.xoo-wsc-smr-del {
  margin-top: -10px;
}

.xoo-wsc-body span.amount {
  font-family: var(--main-font);
  font-size: 15px;
  font-weight: 600;
}

.xoo-wsc-pprice {
  display: none;
}

.xoo-wsc-qty-box {
  max-width: 100%;
  justify-content: flex-start;
}

.xoo-wsc-qty-box.xoo-wsc-qtb-square {
  border-radius: 50px;
  border-width: 4px;
  border: none;
  visibility: hidden;
}

input[type="number"].xoo-wsc-qty {
  border: none;
  font-weight: 800;
  max-width: 40px;
  padding: 0;
  margin-top: -3px;
}

.xoo-wsc-sum-col {
  height: 100%;
  justify-content: flex-start;
}

.xoo-wsc-sm-info {
  height: 100%;
}

.xoo-wsc-sm-right .xoo-wsc-icon-cross:before {
  content: "\e909" !important;
}

.xoo-wsc-img-col img {
  margin-bottom: 0;
}

/*Coupon*/

.xoo-wsc-ftx-icon.xoo-wsc-icon-coupon-1 {
  width: 40px !important;
}

.xoo-wsc-icon-coupon-1:before {
  content: url('/wp-content/uploads/2022/04/code-promo.svg') !important;
}

.xoo-wsc-toggle-slider {
  font-family: var(--main-font);
}

/*Overlay*/

.xoo-wsc-cart-active .xoo-wsc-opac {
  background-color: transparent;

}

/* -------------------------------------------------------------------------- */

/*	8. Cookie banner
/* -------------------------------------------------------------------------- */


.cli-style-v2 .cli-bar-message,
.cli-bar-btn_container {
  font-family: 'Nuckle-Medium';
  font-size: 12px;
}

/* -------------------------------------------------------------------------- */

/*	9. Recaptcha
/* -------------------------------------------------------------------------- */


.grecaptcha-badge {
  visibility: hidden !important;
}


/* -------------------------------------------------------------------------- */

/*	10. Custom page
/* -------------------------------------------------------------------------- */


/*------------------------------------------------------------------
# Loader
-------------------------------------------------------------------**/


.page_loader {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  background: var(--color-black);
  z-index: 999999999;
}

.page_loader .text-path-rotation-animation-left {
  --width: 220px;
  --rotate: 0deg;
  font-family: "Krona One", Sans-serif;
  font-size: 22.6px;
  line-height: 0em;
  --word-spacing: 0px;
  --transition: 0.3s;
  width: auto;
  max-width: auto;
  bottom: 0px;
  position: absolute;
  max-width: 100%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-30%);
}

.page_loader .container {
  background-image: url('/wp-content/uploads/2023/02/les-carpicuriens-logo.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 150px;
  transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-box-shadow .3s;
}

.page_loader .text-path-rotation-animation-left .e-text-path {
  animation-duration: 60s;
  animation: wgl_text_path_animation_left 60s linear infinite;
}

.page_loader svg {
  width: var(--width);
  max-width: 100%;
  height: auto;
  overflow: visible;
  word-spacing: var(--word-spacing);
  -webkit-transform: rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
  -ms-transform: rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
  transform: rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
}

.page_loader path {
  vector-effect: non-scaling-stroke;
  fill: var(--path-fill, transparent);
  stroke: var(--stroke-color, transparent);
  stroke-width: var(--stroke-width, 1px);
  -webkit-transition: var(--stroke-transition) stroke, var(--stroke-transition) fill;
  -o-transition: var(--stroke-transition) stroke, var(--stroke-transition) fill;
  transition: var(--stroke-transition) stroke, var(--stroke-transition) fill;
}

.page_loader svg text {
  --fill: var(--color-white);
  fill: var(--color-white);
  direction: var(--direction, ltr);
  -webkit-transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill;
  -o-transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill;
  transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill;
}

@keyframes wgl_text_path_animation_left {
  0% {
    transform: rotate(0turn);
  }

  100% {
    transform: rotate(-1turn);
  }
}

@keyframes wgl_text_path_animation_right {
  0% {
    transform: rotate(0turn);
  }

  100% {
    transform: rotate(1turn);
  }
}

/*------------------------------------------------------------------
# Header
-------------------------------------------------------------------**/

.desktop-header {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
  z-index: 999;
  position: relative;
  align-items: center;
  transition: 1s ease-in;
}

.mobile-header,
.mobile-menu-nav {
  display: none;
}

.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  background-color: var(--color-black);
  width: 100%;
  z-index: 9999;
  transition: left 1s linear;
}

.header.fixed .desktop-header {
  align-items: center;

}

.header.fixed .desktop-header .header-logo {
  transform: scale(0.8);
  transition: 0.5s ease-in;
}

.desktop-header .menu {
  display: flex;
  list-style: none;
}

.desktop-header .menu li {
  margin: 0 35px;
  color: var(--color-white);
  position: relative;
  padding: 0;
}

.desktop-header .menu .current-menu-item a::after {
  content: '';
  display: block;
  background-size: contain;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  position: absolute;
  top: -8px;
  right: -35px;
}

.desktop-header .menu .accueil.current-menu-item a::after {
  background-image: url(/wp-content/uploads/2023/01/carotte-menu.png);
}

.desktop-header .menu .exposants.current-menu-item a::after {
  background-image: url(/wp-content/uploads/2023/01/navet-menu.png);
}

.desktop-header .menu .photos.current-menu-item a::after {
  background-image: url(/wp-content/uploads/2023/01/ble-menu.png);
}

.desktop-header .menu .infos-pratiques.current-menu-item a::after {
  background-image: url(/wp-content/uploads/2023/01/violette-menu.png);
}

.desktop-header .menu .partenaires.current-menu-item a::after {
  background-image: url(/wp-content/uploads/2023/01/champignon-menu.png);
}

.desktop-header .menu .menu-item:hover a::after {
  content: '';
  display: block;
  background-size: contain;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  position: absolute;
  top: -8px;
  right: -35px;
}

.desktop-header .menu .accueil.menu-item:hover a::after {
  background-image: url(/wp-content/uploads/2023/01/carotte-menu.png);
}

.desktop-header .menu .exposants.menu-item:hover a::after {
  background-image: url(/wp-content/uploads/2023/01/navet-menu.png);
}

.desktop-header .menu .photos.menu-item:hover a::after {
  background-image: url(/wp-content/uploads/2023/01/ble-menu.png);
}

.desktop-header .menu .infos-pratiques.menu-item:hover a::after {
  background-image: url(/wp-content/uploads/2023/01/violette-menu.png);
}

.desktop-header .menu .partenaires.menu-item:hover a::after {
  background-image: url(/wp-content/uploads/2023/01/champignon-menu.png);
}

.header-logo {
  width: 100px;
  transition: 1s ease-in;
}

@media screen and (max-width: 900px) {

  .desktop-header {
    display: none;
  }

  .header {
    height: 50px;
    width: 100%;
    display: block;
    position: relative;
    z-index: 99;
    padding: 0;
  }

  .mobile-header {
    padding: 30px 0;
  }

  .mobile-header {
    display: flex;
    align-items: center;
    position: relative;
    position: relative;
    width: 100%;
    z-index: 999999 !important;
  }

  .mobile-menu-nav {
    display: flex;
  }

  .mobile-menu-burger {
    display: none;
  }

  .mobile-menu-burger.active {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    top: 15px;
    right: 5%;
  }

  .burger-icon {
    width: 30px;
    height: 3px;
    margin-bottom: 5px;
    background-color: var(--color-white);
  }

  .burger-icon:last-child {
    width: 20px;
  }

  .mobile-menu-cross {
    display: none;
  }

  .mobile-menu-cross.active {
    background: url('/wp-content/uploads/2023/01/menu-mobile-close.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    display: block;
    position: absolute;
    right: 5%;
    top: 15px;
  }

  .header-mobile-logo {
    position: absolute;
    left: 5%;
    transform: translateX(-5%);
  }

  .header-mobile-logo img {
    width: 60px;
  }

  .mobile-menu-nav {
    position: relative;
    z-index: 99999;
  }

  .mobile-menu-nav.closed {
    transform: translateX(-1000px);
  }

  .mobile-menu-nav.opened {
    transform: translateX(0);
    position: fixed;
    z-index: 9999;
    top: calc(0px + 60px);
    height: calc(100vh - 60px);
  }

  .overlay-menu {
    height: calc(100vh - 60px);
    width: 100vw;
    background-color: var(--color-black);
    opacity: 0.5;
    position: fixed;
    top: calc(0px + 60px);
    left: 0;
  }

  .header .menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style: none;
    padding: 0;
    width: 100vw;
    min-height: calc(100vh - 115px);
    justify-content: center;
    margin-top: -5vh;
  }

  .header .menu-item {
    width: max-content;
    margin-bottom: 20px;
    color: var(--color-white);
  }

  .header .menu-item a {
    text-decoration: none;
    font-size: 15px;
    margin: auto;
    text-transform: uppercase;
    display: block;
    position: relative;
    line-height: 110%;
    text-align: center;
    width: max-content;
    font-weight: bold;
  }

  .header .menu-item-has-children>a:first-child:after {
    content: '>';
    rotate: 90deg;
    font-size: 16px;
    position: absolute;
    right: -15px;
    top: 0;
  }

  .header .menu-item-has-children>a:first-child:after {
    content: '>';
    rotate: 90deg;
    font-size: 16px;
    position: absolute;
    right: -15px;
    top: 0;
  }

  .header .menu-item-has-children:has(.reveal-items)>a:first-child:after {
    content: '>';
    rotate: -90deg;
    font-size: 16px;
    position: absolute;
    right: -15px;
    top: 0;
  }

  .header .sub-menu {
    padding: 0;
    list-style: none;
    text-align: center;
  }

  .header .second-level {
    display: none;
    margin-top: 10px;
  }

  .reveal-items {
    display: block;
  }

  .header .sub-menu .menu-item {
    margin: 10px auto;
  }

  .header .sub-menu .menu-item:first-child {
    margin-top: 20px;
  }

  .sub-menu a {
    text-align: center;
    text-transform: capitalize;
  }

  .menu-social-links {
    margin: 30px 0;
  }

  .menu-social-links>a:first-child:after {
    display: none;
  }

  .menu-social-links .sub-menu {
    display: flex;
    flex-direction: row;
    list-style: none;
    padding: 0;
  }

  .menu-social-links .sub-menu li {
    margin: 0 10px;
    margin-top: 0 !important;
  }

  .mobile-menu-flower {
    width: 100%;
    margin-top: auto;
  }

  .mobile-menu-flower a {
    width: 100%;
    margin: 0;
  }

  .mobile-menu-flower img {
    width: 100%;
  }

  .wpml-ls-item {
    display: flex;
  }

  .wpml-ls-legacy-dropdown .wpml-ls-current-language .wpml-ls-sub-menu {
    visibility: visible !important;
    position: relative;
    padding: 0;
  }

  .header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    padding-top: 10px;
  }

  .header .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: none;
  }
}

/*------------------------------------------------------------------
# Home
-------------------------------------------------------------------**/

/*----- Hero ------**/

.hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  height: calc(100vh - 130px);
}

.hero-content {
  z-index: 9;
}

.hero-title.big-title {
  font-size: clamp(4.063rem, 4vw + 1rem, 6.875rem);
  line-height: 100%;
  letter-spacing: clamp(0.25rem, 0.5vw + 0rem, 3.4rem);
  color: var(--color-green);
  margin: 40px 0 50px 0;
}

.hero-title.big-title span {
  color: var(--color-purple);
}

.hero-subtitle-container {
  width: max-content;
  border-top: 2px solid var(--color-purple);
  border-bottom: 2px solid var(--color-purple);
  margin-left: auto;
  margin-right: auto;
}

.hero-subtitle {
  font-family: 'Metropolis';
  text-transform: uppercase;
  font-weight: 200;
  font-size: clamp(1.25rem, 1vw + 0.75rem, 1.875rem);
  color: var(--color-purple);
  margin-top: 8px;
  margin-bottom: 5px;
}

.hero-place-dates {
  margin-top: 30px;
  font-size: clamp(1.5rem, 1vw + 1rem, 2.188rem);
  font-family: 'Metropolis';
  color: var(--color-green-light);
  text-transform: uppercase;
}

.hero-place-dates .dot {
  color: var(--color-purple);
  padding-top: 10px;
  font-size: clamp(1.875rem, 1vw + 1.5rem, 2.5rem);
  vertical-align: bottom;
}

.hero-place-dates .place {
  color: var(--color-green);
}


.mobile-img {
  display: none;
}

.hero-img-left,
.hero-img-right {
  width: 35%;

}

.hero-img-left {
  margin-top: -30px;
  margin-bottom: auto;
}

.hero-img-right {
  margin-top: auto;
  margin-bottom: -100px;
}

.dots-line {
  position: absolute;
  left: 50%;
  transform: translateY(140%);
  max-height: 300px;
}

.dots-line.reverse {
  position: absolute;
  left: 40%;
  max-height: 300px;
  transform: translateY(-60%) scaleX(-1);
}

@media screen and (max-width: 900px) {

  .hero {
    justify-content: center;
    height: calc(90vh - 60px);
    margin-bottom: 0;
  }

  .hero img {
    display: none;
  }

  .hero .mobile-img {
    display: block;
    opacity: 0.6;
    position: absolute;
    width: 100%;
  }

  .hero-subtitle {
    text-shadow: black 4px 0px 4px;
  }
}


/*------------------------------------------------------------------
# Exposants slider
-------------------------------------------------------------------**/

.exposants-slider .swiper-wrapper {
  padding-left: 15%;
}

.exposants-slider .swiper-wrapper:hover {
  cursor: grab;
}

.exposant-img {
  border-radius: 25px;
}

.exposant-infos {
  margin-top: 1.5em;
}

.exposant-name {
  font-family: var(--font-body);
  font-weight: 600;
  margin-bottom: 0;
  line-height: 100%;
  margin-bottom: 0.5em;
}

.exposant-activity {
  font-family: var(--font-body);
  font-weight: 100;
  line-height: 100%;
}

.exposants-slider .swiper-buttons {
  position: relative;
  height: 50px;
  margin-top: 20px;
}

.exposants-slider .swiper-button-prev,
.exposants-slider .swiper-button-next {
  color: white;
}

.exposants-slider .swiper-button-prev {
  right: 200px;
  left: auto;
}

.exposants-slider .swiper-button-next {
  right: 150px;
  left: auto;
}

.exposants-slider .button {
  margin-bottom: 200px;
}

@media screen and (max-width: 900px) {
  .exposants-slider .swiper-wrapper {
    padding-left: 0;
  }

  .exposants-slider .swiper-button-prev {
    right: 80px;
  }

  .exposants-slider .swiper-buttons {
    display: none;
  }

  .exposants-slider .button {
    margin-bottom: 150px;
  }

}

/*------------------------------------------------------------------
# Exposants grid
-------------------------------------------------------------------**/

.exposant-default-img {
  height: auto;
  width: 100%;
  border: dashed white 2px;
  aspect-ratio: 1/1;
  border-radius: 10px;
}

.exposants-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 80%;
  margin: 100px auto;
  gap: 50px;
}

.exposants-grid .exposant {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.exposant-sheet {
  display: none;
}

.exposant-sheet.active {
  display: block;
  position: fixed;
  top: 55%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 99999;
  background-color: var(--color-black);
  border-radius: 10px 0 10px 10px;
  padding: 50px;
  cursor: auto;
  width: calc(90% - 100px);
  max-width: 600px;
}

.sheet-close {
  display: none;
}

.sheet-close.active {
  position: absolute;
  top: 50px;
  right: 50px;
  cursor: pointer;
  background-color: var(--color-black);
  font-weight: 900;
  text-align: center;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-family: cursive, inherit;
  font-size: 20px;
}

.exposant-sheet-header {
  text-align: center;
}

.exposant-sheet-header .exposant-img {
  width: 150px;
  height: 150px;
  position: absolute;
  top: -75px;
  left: 50%;
  transform: translateX(-50%);
}

.exposant-sheet-header .exposant-infos {
  margin-top: 4em;
}

.exposant-sheet .exposant-img {
  width: 150px;
}

.overlay.active {
  background: rgba(18, 34, 42, 0.8);
  width: 100vw;
  height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

.exposant-sheet-body {
  margin: 50px 0;
}

.exposant-sheet-footer {
  display: flex;
  flex-wrap: wrap;
}

.exposant-sheet-networks {
  margin-left: auto;
}

@media screen and (max-width: 1200px) {
  .exposants-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 850px) {
  .exposants-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*------------------------------------------------------------------
# Global elements
-------------------------------------------------------------------**/

/*--- Top banner ---*/

.top-banner {
  margin-top: 50px;
}

.top-banner-content {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

.top-banner-title {
  font-size: clamp(2.25rem, 4vw + 1.5rem, 6.0rem);
  margin-bottom: 70px;
  line-height: 100%;
  letter-spacing: clamp(0.25rem, 0.5vw + 0rem, 3.4rem);
}

.top-banner-subtitle {
  font-weight: 100;
  line-height: 120%;
  margin-bottom: 30px;
}

.top-banner-content h2,
.top-banner-content p {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 900px) {
  .top-banner {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .top-banner-content {
    text-align: left;
    max-width: none;
  }

  .top-banner-title {
    margin-bottom: 30px;
  }

  .top-banner-subtitle {
    margin-bottom: 10px;
  }
}

/*------------------*/

/*--- Top banner ---*/

/* ---- .grid-item ---- */

.fancybox__container {
  z-index: 9999;
}

/* clearfix */
.gallery:after {
  content: '';
  display: block;
  clear: both;
}

.pictures-gallery {
  width: calc(80% + 10px);
  margin: 0 auto;
  padding: 0;
}

.pictures-gallery .item {
  width: calc(33.333% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.pictures-gallery .item {
  float: left;
  padding: 0;
}

.pictures-gallery .item img {
  display: block;
  max-width: 100%;
}


@media screen and (max-width: 900px) {
  .pictures-gallery .item {
    width: calc(50% - 10px);
    margin-left: 5px;
    margin-right: 5px;
  }
}

/*------------------*/

.img-text,
.text-img {
  display: flex;
  width: 80%;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
}

.img-text .col,
.text-img .col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 45%;
}

.title_text_center {
  text-align: center;
  max-width: 650px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 900px) {

  .img-text,
  .text-img,
  .title_text_center {
    flex-direction: column;
    width: 80%;
  }

  .img-text .col,
  .text-img .col {
    width: 100%;
  }

  .img-text .col.left {
    order: 2;
    margin-top: 50px;
  }

  .text-img .col.right {
    margin-top: 50px;
  }

  .title_text_center {
    text-align: left;
  }
}

/*---- Simple text field ----*/

.simple-text-field {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.simple-text-field h2 {
  margin-top: 100px;
}

.simple-text-field h2:first-child {
  margin-top: 0;
}

/*---- Partners logos ----*/

.partners-logos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 80%;
  margin: 100px auto;
  gap: 50px;
}

.partner-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
}

.partner-img {
  max-height: 130px;
}

@media screen and (max-width: 900px) {

  .home .partners-logos {
    display: flex;
    overflow: scroll;
    width: 100%;
    padding-left: 10%;
  }

  .home .partner-logo {
    flex-shrink: 0;
    margin-bottom: 0;
  }

  .home .partner-img {
    max-width: 200px;
  }

  .partners-logos {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* -------------------------------------------------------------------------- */

/*	Pop-up
/* -------------------------------------------------------------------------- */

.jquery-modal.blocker.current {
  z-index: 9999;
}

.jquery-modal.blocker {
  background-color: rgba(0, 0, 0, 0.2);
}

#modal {
  padding: 0;
  border-radius: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999;
  max-width: 1200px;
  width: 90%;
  box-shadow: none;
}

.modal-content {
  display: flex;
  max-height: 90vh;
  width: 100%;
}

.modal-content h1 {
  font-family: 'Nuckle-Medium';
  font-size: 40px;
  text-align: left;
  line-height: 110%;
}

.modal-content .text-col {
  width: 50%;
  padding: 60px 30px 60px 60px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  order: 2;
}

.modal-content .img-col {
  width: 50%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  max-height: 100%;
}

.pop-up_button {
  padding: 5px 10px;
  width: max-content;
  background: black;
  color: white;
  margin-top: 20px;
}

@media screen and (max-width: 850px) {
  .modal-content {
    flex-direction: column;
  }

  .modal-content .img-col {
    height: 400px;
    order: 1;
  }

  .modal-content .text-col {
    order: 2;
  }

  .modal-content .text-col {
    width: calc(100% - 60px);
  }

  .modal-content .img-col {
    width: 100%;
  }

  #modal {
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .modal-content {
    display: block;
  }

  .modal-content .text-col {
    padding: 30px;
  }

  .modal a.close-modal {
    top: 10px !important;
    right: 10px !important;
  }
}

/* Banner infos */

.banner-infos {
  width: 100%;
  z-index: 9;
  padding: 5px;
  color: white;
  background-color: #286763;
  position: relative;
  margin-top: 0 !important;
  border: 1px solid black;
}

.banner-infos p {
  text-align: center;
  width: 80%;
  max-width: none;
  margin: 0 auto;
  padding: 5px 0;
}

/**
* Contact forms
**/

.contact-forms {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.contact-forms p {
  max-width: 100%;
}

.contact-forms select {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid black !important;
  color: black !important;
  background-color: transparent !important;
}

.contact-forms textarea {
  width: 100%;
  padding: 0;
}

.contact-forms .wpcf7-form-control-wrap {
  margin-top: 5px;
  margin-bottom: 10px;
}

.contact-form.contact-teambuilding-form form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/*------------------------------------------------------------------
# Jobs Archives
-------------------------------------------------------------------**/

.jobs{
  min-height: 60vh;
}

.jobs .column{
  flex: 1;
}

.jobs .title{
  font-size: 22px;
}

.jobs .excerpt p{
  font-size: 16px;
}

.jobs .place, .jobs .date{
  font-size: 14px;
  line-height: 25px;
}

.jobs .button{
  border-radius: 8px;
  border: 1px solid black;
}

.jobs .content .thumbnail{
  width: 120px;
}

/*------------------------------------------------------------------
# Single job
-------------------------------------------------------------------**/

.single-job .place, .single-job .date{
  font-size: 16px;
  line-height: 25px;
}

.single-job .swiper-pictures{
  aspect-ratio: 16 / 10;
}

.single-job .swiper-pictures img{
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.single-job .swiper-pictures-next, .single-job .swiper-pictures-prev{
  color: #494949;
  width: 30px;
  height: 30px;
  background-color: white;
  border-radius: 50%;
}

.single-job .swiper-button-next:after, .single-job  .swiper-button-prev:after{
  font-size: 12px;
}

.single-job .swiper-pagination-bullet-active{
  background-color: #000000;
}

.single-job .body p{
  max-width: 100%;
}