:root {
  --FS8: calc(8 * 0.0833333333rem);
  --FS10: calc(10 * 0.0833333333rem);
  --FS12: calc(12 * 0.0833333333rem);
  --LH12: 1.25em;
  --FS14: calc(14 * 0.0833333333rem);
  --LH14: 1.25em;
  --FS16: calc(16 * 0.0833333333rem);
  --LH16: 1.25em;
  --FS20: calc(20 * 0.0833333333rem);
  --LH20: 1.25em;
  --FS26: calc(26 * 0.0833333333rem);
}

:root {
  --GRID_MARGIN: calc(33 * 0.0833333333rem);
  --GRID_GUTTER: calc(10 * 0.0833333333rem);
  --4: calc(4 * 0.0833333333rem);
  --6: calc(6 * 0.0833333333rem);
  --10: calc(10 * 0.0833333333rem);
  --15: calc(15 * 0.0833333333rem);
  --20: calc(20 * 0.0833333333rem);
  --25: calc(25 * 0.0833333333rem);
  --30: calc(30 * 0.0833333333rem);
  --40: calc(40 * 0.0833333333rem);
  --50: calc(50 * 0.0833333333rem);
  --55: calc(55 * 0.0833333333rem);
  --155: calc(155 * 0.0833333333rem);
  --215: calc(215 * 0.0833333333rem);
}

@media (max-width: 750px) {
  :root {
    --GRID_MARGIN: calc(15 * 0.0833333333rem);
    --GRID_GUTTER: calc(10 * 0.0833333333rem);
  }
}
@media (max-width: 750px) {
  #header-nav {
    opacity: 0;
    pointer-events: none;
    display: block;
    position: fixed;
    width: 100%;
    top: var(--HEADER_HEIGHT);
    height: 100vh;
    background-color: #b7a086;
    color: rgb(49, 33, 18);
    padding: var(--25) var(--GRID_MARGIN);
    transition: all ease-in-out 250ms;
  }
  #header-nav.visible {
    opacity: 1;
    pointer-events: initial;
  }
  #header-nav #nav-level-0 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
  }
  #header-nav #nav-level-0 a {
    display: block;
    width: 100%;
    text-align: center;
    padding: var(--10) 0;
    border-bottom: 1px solid;
    font-size: var(--FS14);
    line-height: 1;
  }
  #header-nav #nav-level-0 a:last-child {
    border-bottom: 0;
  }
  #header-nav #nav-level-0 .submenu-mobile {
    position: relative;
    display: flex;
    width: 100%;
    border-bottom: 1px solid;
    max-height: 0;
    overflow: hidden;
    border-bottom: 0;
    pointer-events: none;
    opacity: 0;
    transition: all ease-in-out 250ms;
  }
  #header-nav #nav-level-0 .submenu-mobile::after {
    display: block;
    content: "";
    width: 1px;
    height: calc(100% - var(--6) * 2);
    position: absolute;
    left: 50%;
    top: var(--6);
    background-color: rgb(49, 33, 18);
  }
  #header-nav #nav-level-0 .submenu-mobile a {
    border-bottom: none;
    width: 50%;
    flex-shrink: 0;
    flex-grow: 0;
  }
  #header-nav #nav-level-0 .submenu-mobile a::before {
    display: none;
  }
  #header-nav #nav-level-0 .submenu-mobile.visible {
    opacity: 1;
    max-height: 0;
    border-bottom: 1px solid;
    pointer-events: initial;
    max-height: 4em;
  }
  #header-nav #nav-level-1,
  #header-nav #nav-level-2 {
    display: none;
  }
  #header-nav .level,
  #header-nav .filters {
    grid-column-end: span 4;
  }
  #header-nav .filters {
    display: none;
  }
  #header-band-mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--GRID_MARGIN);
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.8);
    transition: background-color ease-in-out 250ms;
    fill: rgb(49, 33, 18) !important;
  }
  #header-band-mobile.white {
    background-color: #FFFFFF;
  }
  #header-band-mobile svg:nth-child(1) {
    height: var(--50);
    width: auto;
  }
  #header-band-mobile svg:nth-child(2) {
    height: var(--15);
    width: auto;
  }
  #header-band-mobile.small svg:nth-child(1) {
    height: var(--30);
    transition: height ease-in-out 0.5s;
  }
  #header-band-mobile.small svg:nth-child(1) #OUVIER {
    opacity: 0;
    transition: opacity ease-in-out 0.5s;
  }
  #header-band-mobile.small svg:nth-child(1) #DOT {
    transform: translateX(-84%);
    transition: transform ease-in-out 0.5s;
  }
  .template-single-article #header-band-mobile svg:nth-child(1),
  .template-single-partner #header-band-mobile svg:nth-child(1),
  .template-single-press #header-band-mobile svg:nth-child(1),
  .template-single-product-cat #header-band-mobile svg:nth-child(1),
  .template-single-project #header-band-mobile svg:nth-child(1),
  .template-single-product #header-band-mobile svg:nth-child(1),
  .template-single-product-cat-2 #header-band-mobile svg:nth-child(1) {
    height: var(--30) !important;
  }
  .template-single-article #header-band-mobile svg:nth-child(1) #OUVIER,
  .template-single-partner #header-band-mobile svg:nth-child(1) #OUVIER,
  .template-single-press #header-band-mobile svg:nth-child(1) #OUVIER,
  .template-single-product-cat #header-band-mobile svg:nth-child(1) #OUVIER,
  .template-single-project #header-band-mobile svg:nth-child(1) #OUVIER,
  .template-single-product #header-band-mobile svg:nth-child(1) #OUVIER,
  .template-single-product-cat-2 #header-band-mobile svg:nth-child(1) #OUVIER {
    opacity: 0 !important;
  }
  .template-single-article #header-band-mobile svg:nth-child(1) #DOT,
  .template-single-partner #header-band-mobile svg:nth-child(1) #DOT,
  .template-single-press #header-band-mobile svg:nth-child(1) #DOT,
  .template-single-product-cat #header-band-mobile svg:nth-child(1) #DOT,
  .template-single-project #header-band-mobile svg:nth-child(1) #DOT,
  .template-single-product #header-band-mobile svg:nth-child(1) #DOT,
  .template-single-product-cat-2 #header-band-mobile svg:nth-child(1) #DOT {
    transform: translateX(-84%) !important;
  }
  footer {
    padding-bottom: var(--25);
  }
  footer .addresses {
    grid-column-start: 1;
    grid-column-end: span 12;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--GRID_GUTTER);
  }
  footer .addresses > * {
    grid-column-end: span 6;
  }
  footer .addresses > *:nth-child(2) {
    grid-column-start: 8;
    grid-column-end: span 5;
  }
  footer .contacts {
    grid-column-start: 1;
    grid-column-end: span 12;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: var(--GRID_GUTTER);
  }
  footer .contacts > * {
    grid-column-end: span 6;
  }
  footer .contacts > *:nth-child(2) {
    grid-column-start: 8;
    grid-column-end: span 5;
  }
  footer form {
    grid-template-columns: repeat(12, 1fr);
    grid-column-start: 1;
    grid-column-end: span 12;
    margin-top: var(--30);
  }
  footer form h3 {
    grid-column-end: span 12;
  }
  footer form input {
    grid-column-end: span 8;
  }
  footer form button {
    grid-column-end: span 4;
  }
  #main-container {
    display: block;
  }
  #main-container #column-left {
    position: relative;
    top: unset;
    height: unset;
    margin-bottom: var(--25);
  }
  #section-infos {
    min-height: unset;
  }
  #louvier {
    display: none !important;
  }
  #section-image-footer {
    grid-column-end: span 12;
  }
  #section-image-footer picture {
    left: calc(-1 * (var(--COLUMN_WIDTH) * 0 + var(--GRID_GUTTER) * 0 + var(--GRID_MARGIN) * 1));
    max-height: unset;
    aspect-ratio: unset;
  }
  #section-image-footer picture img {
    height: auto;
  }
  *.mobile {
    display: block;
  }
}
@media (max-width: 750px) {
  .template-page-about #section-about {
    display: block;
  }
  .template-page-about #section-about .right {
    margin-top: var(--25);
  }
  .template-page-about #section-team {
    grid-template-columns: repeat(12, 1fr);
  }
  .template-page-about #section-team .left {
    grid-column-end: span 4;
  }
  .template-page-about #section-team .right {
    display: flex;
    grid-column-end: span 8;
  }
}
@media (max-width: 750px) {
  .template-page-home #section-cover {
    height: unset;
    margin-top: 0;
  }
  .template-page-home #section-cover img,
  .template-page-home #section-cover video {
    height: auto;
  }
  .template-page-home #section-news {
    display: block;
  }
  .template-page-home #section-news .left {
    margin-bottom: var(--20);
  }
  .template-page-home #section-contents {
    padding-top: var(--55);
  }
  .template-page-home #section-contents .section {
    display: block;
    row-gap: var(--55);
    margin-bottom: var(--55);
  }
  .template-page-home #section-contents .section picture {
    margin-bottom: var(--25);
    max-height: unset !important;
  }
  .template-page-home #section-contents .section .text .textarea {
    white-space: normal;
  }
  .template-page-home #section-contents .section .text .textarea br {
    display: none;
  }
}
@media (max-width: 750px) {
  .template-page-projects #column-left,
  .template-single-project-cat #column-left {
    display: none;
  }
  .template-page-projects #column-right .intro,
  .template-single-project-cat #column-right .intro {
    width: 100%;
  }
  .template-page-projects #column-right #section-projects,
  .template-single-project-cat #column-right #section-projects {
    grid-template-columns: repeat(12, 1fr);
  }
  .template-page-projects #column-right #section-projects .project,
  .template-single-project-cat #column-right #section-projects .project {
    grid-column-end: span 12;
  }
}
@media (max-width: 750px) {
  .template-page-products #column-left {
    display: none;
  }
  .template-page-products #column-right .intro {
    width: 100%;
  }
  .template-page-products #column-right #section-categories .category .subcategories .subcategory {
    grid-column-end: span 12;
  }
}
@media (max-width: 750px) {
  .template-single-product #column-left .row .right .btn-window,
  .template-single-project #column-left .row .right .btn-window,
  .template-single-press #column-left .row .right .btn-window {
    display: none;
  }
  .template-single-product #column-right #section-gallery,
  .template-single-project #column-right #section-gallery,
  .template-single-press #column-right #section-gallery {
    grid-template-columns: repeat(12, 1fr);
  }
  .template-single-product #column-right #section-gallery picture,
  .template-single-project #column-right #section-gallery picture,
  .template-single-press #column-right #section-gallery picture {
    grid-column-end: span 12;
  }
  .template-single-product #column-right #section-gallery picture img,
  .template-single-project #column-right #section-gallery picture img,
  .template-single-press #column-right #section-gallery picture img {
    height: auto;
  }
  .template-single-product #section-related,
  .template-single-project #section-related,
  .template-single-press #section-related {
    display: block;
  }
  .template-single-product #section-related .left,
  .template-single-project #section-related .left,
  .template-single-press #section-related .left {
    border-top: 1px solid;
    padding-top: var(--6);
  }
  .template-single-product #section-related .right .head,
  .template-single-project #section-related .right .head,
  .template-single-press #section-related .right .head {
    border: none;
  }
  .template-single-product #section-related .right .products,
  .template-single-project #section-related .right .products,
  .template-single-press #section-related .right .products {
    row-gap: var(--GRID_GUTTER);
  }
  .template-single-product #section-related .right .products .product,
  .template-single-project #section-related .right .products .product,
  .template-single-press #section-related .right .products .product {
    grid-column-end: span 6;
  }
}
@media (max-width: 750px) {
  .template-page-partners #column-left {
    display: none;
  }
  .template-page-partners #column-right .intro {
    display: block;
  }
  .template-page-partners #column-right #section-alpha {
    top: calc(90 * 0.0833333333rem);
    border: none;
    z-index: 1;
    background-color: #F2EDDD;
  }
  .template-page-partners #column-right #section-partners .alpha .partners .partner {
    grid-column-end: span 9;
  }
}
@media (max-width: 750px) {
  .template-single-partner #column-right #section-products {
    width: 100%;
  }
}
@media (max-width: 750px) {
  .template-page-journal #column-left {
    display: none;
  }
  .template-page-journal #column-right #section-news .all {
    padding-right: 0;
    margin-top: 0;
  }
  .template-page-journal #column-right #section-news .carrousel .carrousel-inner {
    width: calc(var(--COLUMN_WIDTH) * 12 + var(--GRID_GUTTER) * 12 + var(--GRID_MARGIN) * 0);
  }
  .template-page-journal #column-right #section-news .carrousel .carrousel-inner .carrousel-container > * {
    width: calc(var(--COLUMN_WIDTH) * 12 + var(--GRID_GUTTER) * 11 + var(--GRID_MARGIN) * 0);
  }
  .template-page-journal #column-right #section-news .carrousel-out {
    width: 100%;
    padding-bottom: 2em;
  }
  .template-page-journal #column-right #section-news .carrousel-out .arrow-left,
  .template-page-journal #column-right #section-news .carrousel-out .arrow-right {
    top: unset;
    bottom: 0;
  }
  .template-page-journal #column-right #section-news .carrousel-out .arrow-left {
    left: 0;
    transform: rotate(180deg);
  }
  .template-page-journal #column-right #section-news .carrousel-out .arrow-right {
    right: 0;
    transform: none;
  }
  .template-page-journal #column-right #section-press {
    grid-template-columns: repeat(12, 1fr);
  }
  .template-page-journal #column-right #section-press .head {
    grid-column-end: span 12;
  }
  .template-page-journal #column-right #section-press .articles {
    grid-column-end: span 12;
  }
  .template-page-journal #column-right #section-press .articles .year {
    grid-template-columns: repeat(12, 1fr);
  }
  .template-page-journal #column-right #section-press .articles .year .left {
    grid-column-end: span 2;
  }
  .template-page-journal #column-right #section-press .articles .year .right {
    grid-column-end: span 10;
  }
  .template-page-journal #column-right #section-press .covers {
    display: none;
  }
}
@media (max-width: 750px) {
  .template-page-news #column-left {
    display: none;
  }
  .template-page-news #column-right #section-news {
    grid-template-columns: repeat(12, 1fr);
  }
  .template-page-news #column-right #section-news .article {
    grid-column-end: span 12;
  }
}
@media (max-width: 750px) {
  .template-single-article #column-left {
    display: none;
  }
  .template-single-article #column-right {
    grid-column-end: span 12 !important;
  }
  .template-single-article #column-right #section-article h1 {
    padding: 0;
  }
  .template-single-article #column-right #section-article .row {
    grid-template-columns: repeat(12, 1fr);
  }
  .template-single-article #column-right #section-article .row .col {
    grid-column-start: 1;
    grid-column-end: span 12;
  }
}
@media (max-width: 750px) {
  .template-single-press #column-right #section-gallery {
    grid-template-columns: repeat(12, 1fr);
  }
  .template-single-press #column-right #section-gallery picture {
    grid-column-start: 1;
    grid-column-end: span 12;
  }
}
@media (max-width: 750px) {
  #section-related .products,
  #section-products .products {
    grid-template-columns: repeat(12, 1fr);
  }
  #section-related .products a,
  #section-products .products a {
    grid-column-end: span 12;
  }
}