/*!!! NO CHANGE CALC !!!*/
@keyframes goTop {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scrollAnime {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translateY(26px)
    }
}

blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
ul {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
td,
textarea,
th {
    padding: 0
}

h1,
h2,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

h3,
html {
    font-size: 100%
}

ul {
    list-style: none
}

button,
input,
select,
textarea {
    margin: 0
}

html {
    box-sizing: border-box;
    font-family: sans-serif
}

*,
::after,
::before {
    box-sizing: inherit
}

img,
video {
    height: auto;
    max-width: 100%
}

#newsletter form input[type=email],
#newsletter form input[type=submit],
#newsletter form input[type=text],
iframe {
    border: 0
}

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

td,
th {
    text-align: left
}

@font-face {
    font-family: "NeoArial-Regular";
    font-display: swap;
    src: url(../fonts/package/NeoArial-Regular.woff2) format("woff2"), url(../fonts/package/NeoArial-Regular.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: "Chapaza";
    font-display: swap;
    src: url(../fonts/package/Chapaza.woff2) format("woff2"), url(../fonts/package/Chapaza.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: "Chapaza Italic";
    font-display: swap;
    src: url(../fonts/package/Chapaza-Italic.woff2) format("woff2"), url(../fonts/package/Chapaza-Italic.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: "DancingScript";
    font-display: swap;
    src: url(../fonts/package/DancingScript-Regular.woff2) format("woff2"), url(../fonts/package/DancingScript-Regular.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: "SourceSerifPro";
    font-display: swap;
    src: url(../fonts/package/SourceSerifPro-Light.woff2) format("woff2"), url(../fonts/package/SourceSerifPro-Light.woff) format("woff")
}

@font-face {
    font-family: "Montserrat-regular";
    font-display: swap;
    font-weight: 400;
    src: url(../fonts/package/Montserrat-Regular.woff2) format("woff2"), url(../fonts/package/Montserrat-Regular.woff) format("woff")
}

@font-face {
    font-family: "Montserrat-medium";
    font-display: swap;
    font-weight: 500;
    src: url(../fonts/package/Montserrat-Medium.woff2) format("woff2"), url(../fonts/package/Montserrat-Medium.woff) format("woff")
}

@font-face {
    font-family: "Montserrat-semibold";
    font-display: swap;
    font-weight: 600;
    src: url(../fonts/package/Montserrat-SemiBold.woff2) format("woff2"), url(../fonts/package/Montserrat-SemiBold.woff) format("woff")
}

@media (min-width:891px) {

    [class*=" grid-"],
    [class^=grid-] {
        display: grid;
        grid-auto-flow: dense
    }

    [class*=" grid-"].has-gutter,
    [class^=grid-].has-gutter {
        grid-gap: 1rem
    }

    [class*=" grid-"].has-gutter-l,
    [class^=grid-].has-gutter-l {
        grid-gap: 2rem
    }

    [class*=" grid-"].has-gutter-xl,
    [class^=grid-].has-gutter-xl {
        grid-gap: 4rem
    }

    .autogrid,
    .grid {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr
    }

    .autogrid.has-gutter,
    .grid.has-gutter {
        grid-column-gap: 1rem
    }

    .autogrid.has-gutter-l,
    .grid.has-gutter-l {
        grid-column-gap: 2rem
    }

    .autogrid.has-gutter-xl,
    .grid.has-gutter-xl {
        grid-column-gap: 4rem
    }
}

[class*=grid-2] {
    grid-template-columns: repeat(2, 1fr)
}

[class*=grid-3] {
    grid-template-columns: repeat(3, 1fr)
}

[class*=grid-4] {
    grid-template-columns: repeat(4, 1fr)
}

[class*=grid-5] {
    grid-template-columns: repeat(5, 1fr)
}

[class*=grid-6] {
    grid-template-columns: repeat(6, 1fr)
}

[class*=grid-7] {
    grid-template-columns: repeat(7, 1fr)
}

[class*=grid-8] {
    grid-template-columns: repeat(8, 1fr)
}

[class*=grid-9] {
    grid-template-columns: repeat(9, 1fr)
}

[class*=grid-10] {
    grid-template-columns: repeat(10, 1fr)
}

[class*=grid-11] {
    grid-template-columns: repeat(11, 1fr)
}

[class*=grid-12] {
    grid-template-columns: repeat(12, 1fr)
}

[class*=col-1] {
    grid-column: auto/span 1
}

[class*=row-1] {
    grid-row: auto/span 1
}

[class*=col-2] {
    grid-column: auto/span 2
}

[class*=row-2] {
    grid-row: auto/span 2
}

[class*=col-3] {
    grid-column: auto/span 3
}

[class*=row-3] {
    grid-row: auto/span 3
}

[class*=col-4] {
    grid-column: auto/span 4
}

[class*=row-4] {
    grid-row: auto/span 4
}

[class*=col-5] {
    grid-column: auto/span 5
}

[class*=row-5] {
    grid-row: auto/span 5
}

[class*=col-6] {
    grid-column: auto/span 6
}

[class*=row-6] {
    grid-row: auto/span 6
}

[class*=col-7] {
    grid-column: auto/span 7
}

[class*=row-7] {
    grid-row: auto/span 7
}

[class*=col-8] {
    grid-column: auto/span 8
}

[class*=row-8] {
    grid-row: auto/span 8
}

[class*=col-9] {
    grid-column: auto/span 9
}

[class*=row-9] {
    grid-row: auto/span 9
}

[class*=col-10] {
    grid-column: auto/span 10
}

[class*=row-10] {
    grid-row: auto/span 10
}

[class*=col-11] {
    grid-column: auto/span 11
}

[class*=row-11] {
    grid-row: auto/span 11
}

[class*=col-12] {
    grid-column: auto/span 12
}

[class*=row-12] {
    grid-row: auto/span 12
}

@media (min-width:891px) and (max-width:1023px) {
    [class*=grid-][class*=-small-1] {
        grid-template-columns: repeat(1, 1fr)
    }

    [class*=col-][class*=-small-1] {
        grid-column: auto/span 1
    }

    [class*=grid-][class*=-small-2] {
        grid-template-columns: repeat(2, 1fr)
    }

    [class*=col-][class*=-small-2] {
        grid-column: auto/span 2
    }

    [class*=grid-][class*=-small-3] {
        grid-template-columns: repeat(3, 1fr)
    }

    [class*=col-][class*=-small-3] {
        grid-column: auto/span 3
    }

    [class*=grid-][class*=-small-4] {
        grid-template-columns: repeat(4, 1fr)
    }

    [class*=col-][class*=-small-4] {
        grid-column: auto/span 4
    }

    [class*=-small-all] {
        grid-column: 1/-1
    }
}

.item-first {
    order: -1
}

.item-last {
    order: 1
}

.grid-offset {
    visibility: hidden
}

.col-all {
    grid-column: 1/-1
}

.row-all {
    grid-row: 1/-1
}

.site-main {
    padding-top: 97px
}

.wrapper {
    margin: 0 auto
}

@media screen and (min-width:1025px) {
    .container {
        padding: 6em 0
    }

    .wrapper {
        width: 1170px;
        max-width: 1170px
    }

    .page-template-tpl_contact .container {
        padding-left: 8em;
        padding-right: 8em
    }
}

@media screen and (max-width:1024px) {
    .container {
        padding: calc(6em - 1em) .5em 5em
    }

    .wrapper {
        width: 90%;
        max-width: 90%
    }

    .page-template-tpl_contact .container {
        padding-left: 1em;
        padding-right: 1em
    }
}

.ff-chapaza {
    font-family: "Chapaza", serif
}

.ff-dancingscript {
    font-family: "DancingScript", serif
}

.ff-sourceserifpro {
    font-family: "SourceSerifPro", serif
}

.ff-montserrat {
    font-family: "Montserrat-regular", sans-serif
}

.color-blue {
    color: #f1eee8
}

.color-orange,
.entry-content a {
    color: #d36c1f
}

.color-white {
    color: #fff
}

.entry-content {
    margin: 0 auto
}

.entry-content ul {
    padding-left: 1em;
    list-style-type: disc
}

.entry-content h2 {
    color: #584f40
}

.entry-content .wp-block-button__link {
    position: relative;
    padding: .9em 3em .9em 1.5em;
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
    background-color: #d36c1f;
    border-radius: 0;
    text-transform: uppercase;
    transition: all .5s
}

#about a:after,
.entry-content .wp-block-button__link:after,
.entry-footer a:after,
.jumbotron .entry-content a:after,
a.cta:after,
button.cta:after {
    content: url(../img/cta-arrow.svg);
    position: absolute;
    right: 1em;
    margin-left: 1em
}

.entry-content .is-style-outline .wp-block-button__link {
    color: #d36c1f;
    border: solid 1px #d36c1f
}

.entry-content .is-style-outline .wp-block-button__link:hover {
    color: #fff;
    border-color: #b65d1b
}

.entry-content .wp-block-button__link:hover {
    background-color: #b65d1b;
    border-color: #b65d1b;
    box-shadow: 0 1px 8px 0 rgba(88, 79, 64, .5);
    text-decoration: none
}

.entry-content p {
    margin-bottom: 1.6em
}

.uagb-section__background-undefined h2 {
    margin-bottom: .5em;
    font-size: calc(.9rem*1.6)
}

.uagb-column__inner-wrap p:first-of-type {
    font-family: "DancingScript", serif
}

.uagb-column__inner-wrap h2 {
    text-transform: uppercase
}

@media screen and (max-width:1280px) {
    .entry-content {
        padding-left: 1em;
        padding-right: 1em
    }
}

body {
    font-size: .9rem;
    font-family: "NeoArial-Regular", sans-serif;
    line-height: 1.8
}

p {
    font-family: "NeoArial-Regular", sans-serif;
    font-weight: 400
}

button {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    cursor: pointer
}

.has-bckg--colored {
    color: #fff;
    background-color: #d36c1f
}

.has-bckg--grey {
    background-color: #f1eee8
}

.has-bckg--browndark {
    color: white;
    background-color: #200900;
}

.has-bckg--white {
    color: #d36c1f;
    background-color: #fff
}

.has-bckg--image {
    color: #584f40;
    background-image: url(../img/bckg.png);
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: top center
}

.has-bckg--imagebis {
    background-image: url(../img/boule-de-pain.jpg);
    background-size: cover
}

.has-arrow:after {
    content: " ";
    position: absolute;
    height: 0;
    width: 0;
    top: 100%;
    left: 50%;
    border: solid transparent;
    pointer-events: none;
    border-color: #d36c1f transparent transparent;
    border-width: 1.55rem;
    margin-left: -1.55rem;
    z-index: 1
}

.is-legend {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 4rem;
    padding: 0 10px;
    color: #fff;
    font-size: calc(.9rem - 5px);
    background-color: #d36c1f
}

.has-bs {
    box-shadow: 0 12px 64px rgba(88, 79, 64, .2)
}

.is-small {
    margin: 0;
    font-size: calc(.9rem*.8)
}

#primary-menu ul,
.is-flex {
    display: flex
}

.is-flex.right {
    justify-content: flex-end
}

.is-flex.center {
    align-items: center
}

.mt-negativ {
    margin-top: -300px
}

.italic {
    font-style: italic
}

.bold {
    font-weight: 700
}

.ttc {
    text-transform: capitalize
}

.ttu {
    text-transform: uppercase
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.align-justify {
    text-align: justify
}

.p-rel {
    position: relative
}

.p-abs {
    position: absolute
}

.m1 {
    margin: .25rem
}

.ml1 {
    margin-left: .25rem
}

.mr1 {
    margin-right: .25rem
}

.mt1 {
    margin-top: .25rem
}

.mb1 {
    margin-bottom: .25rem
}

.mx1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.my1 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.m2 {
    margin: .5rem
}

.ml2 {
    margin-left: .5rem
}

.mr2 {
    margin-right: .5rem
}

.mt2 {
    margin-top: .5rem
}

.mb2 {
    margin-bottom: .5rem
}

.mx2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.my2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.m3 {
    margin: .75rem
}

.ml3 {
    margin-left: .75rem
}

.mr3 {
    margin-right: .75rem
}

.mt3 {
    margin-top: .75rem
}

.mb3 {
    margin-bottom: .75rem
}

.mx3 {
    margin-left: .75rem;
    margin-right: .75rem
}

.my3 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.m4 {
    margin: 1rem
}

.ml4 {
    margin-left: 1rem
}

.mr4 {
    margin-right: 1rem
}

.mt4 {
    margin-top: 1rem
}

.mb4 {
    margin-bottom: 1rem
}

.mx4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.my4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.m5 {
    margin: 1.25rem
}

.ml5 {
    margin-left: 1.25rem
}

.mr5 {
    margin-right: 1.25rem
}

.mt5 {
    margin-top: 1.25rem
}

.mb5 {
    margin-bottom: 1.25rem
}

.mx5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.my5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.m6 {
    margin: 1.5rem
}

.ml6 {
    margin-left: 1.5rem
}

.mr6 {
    margin-right: 1.5rem
}

.mt6 {
    margin-top: 1.5rem
}

.mb6 {
    margin-bottom: 1.5rem
}

.mx6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.my6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.m7 {
    margin: 1.75rem
}

.ml7 {
    margin-left: 1.75rem
}

.mr7 {
    margin-right: 1.75rem
}

.mt7 {
    margin-top: 1.75rem
}

.mb7 {
    margin-bottom: 1.75rem
}

.mx7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem
}

.my7 {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem
}

.m8 {
    margin: 2rem
}

.ml8 {
    margin-left: 2rem
}

.mr8 {
    margin-right: 2rem
}

.mt8 {
    margin-top: 2rem
}

.mb8 {
    margin-bottom: 2rem
}

.mx8 {
    margin-left: 2rem;
    margin-right: 2rem
}

.my8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.m9 {
    margin: 2.25rem
}

.ml9 {
    margin-left: 2.25rem
}

.mr9 {
    margin-right: 2.25rem
}

.mt9 {
    margin-top: 2.25rem
}

.mb9 {
    margin-bottom: 2.25rem
}

.mx9 {
    margin-left: 2.25rem;
    margin-right: 2.25rem
}

.my9 {
    margin-top: 2.25rem;
    margin-bottom: 2.25rem
}

.m10 {
    margin: 2.5rem
}

.ml10 {
    margin-left: 2.5rem
}

.mr10 {
    margin-right: 2.5rem
}

.mt10 {
    margin-top: 2.5rem
}

.mb10 {
    margin-bottom: 2.5rem
}

.mx10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.my10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.m11 {
    margin: 2.75rem
}

.ml11 {
    margin-left: 2.75rem
}

.mr11 {
    margin-right: 2.75rem
}

.mt11 {
    margin-top: 2.75rem
}

.mb11 {
    margin-bottom: 2.75rem
}

.mx11 {
    margin-left: 2.75rem;
    margin-right: 2.75rem
}

.my11 {
    margin-top: 2.75rem;
    margin-bottom: 2.75rem
}

.m12 {
    margin: 3rem
}

.ml12 {
    margin-left: 3rem
}

.mr12 {
    margin-right: 3rem
}

.mt12 {
    margin-top: 3rem
}

.mb12 {
    margin-bottom: 3rem
}

.mx12 {
    margin-left: 3rem;
    margin-right: 3rem
}

.my12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.p1 {
    padding: .25rem
}

.pl1 {
    padding-left: .25rem
}

.pr1 {
    padding-right: .25rem
}

.pt1 {
    padding-top: .25rem
}

.pb1 {
    padding-bottom: .25rem
}

.px1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.p2 {
    padding: .5rem
}

.pl2 {
    padding-left: .5rem
}

.pr2 {
    padding-right: .5rem
}

.pt2 {
    padding-top: .5rem
}

.pb2 {
    padding-bottom: .5rem
}

.px2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.p3 {
    padding: .75rem
}

.pl3 {
    padding-left: .75rem
}

.pr3 {
    padding-right: .75rem
}

.pt3 {
    padding-top: .75rem
}

.pb3 {
    padding-bottom: .75rem
}

.px3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.p4 {
    padding: 1rem
}

.pl4 {
    padding-left: 1rem
}

.pr4 {
    padding-right: 1rem
}

.pt4 {
    padding-top: 1rem
}

.pb4 {
    padding-bottom: 1rem
}

.px4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.p5 {
    padding: 1.25rem
}

.pl5 {
    padding-left: 1.25rem
}

.pr5 {
    padding-right: 1.25rem
}

.pt5 {
    padding-top: 1.25rem
}

.pb5 {
    padding-bottom: 1.25rem
}

.px5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.p6 {
    padding: 1.5rem
}

.pl6 {
    padding-left: 1.5rem
}

.pr6 {
    padding-right: 1.5rem
}

.pt6 {
    padding-top: 1.5rem
}

.pb6 {
    padding-bottom: 1.5rem
}

.px6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.py6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.p7 {
    padding: 1.75rem
}

.pl7 {
    padding-left: 1.75rem
}

.pr7 {
    padding-right: 1.75rem
}

.pt7 {
    padding-top: 1.75rem
}

.pb7 {
    padding-bottom: 1.75rem
}

.px7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.py7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.p8 {
    padding: 2rem
}

.pl8 {
    padding-left: 2rem
}

.pr8 {
    padding-right: 2rem
}

.pt8 {
    padding-top: 2rem
}

.pb8 {
    padding-bottom: 2rem
}

.px8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.p9 {
    padding: 2.25rem
}

.pl9 {
    padding-left: 2.25rem
}

.pr9 {
    padding-right: 2.25rem
}

.pt9 {
    padding-top: 2.25rem
}

.pb9 {
    padding-bottom: 2.25rem
}

.px9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.py9 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem
}

.p10 {
    padding: 2.5rem
}

.pl10 {
    padding-left: 2.5rem
}

.pr10 {
    padding-right: 2.5rem
}

.pt10 {
    padding-top: 2.5rem
}

.pb10 {
    padding-bottom: 2.5rem
}

.px10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.py10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.p11 {
    padding: 2.75rem
}

.pl11 {
    padding-left: 2.75rem
}

.pr11 {
    padding-right: 2.75rem
}

.pt11 {
    padding-top: 2.75rem
}

.pb11 {
    padding-bottom: 2.75rem
}

.px11 {
    padding-left: 2.75rem;
    padding-right: 2.75rem
}

.py11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem
}

.p12 {
    padding: 3rem
}

.pl12 {
    padding-left: 3rem
}

.pr12 {
    padding-right: 3rem
}

.pt12 {
    padding-top: 3rem
}

.pb12 {
    padding-bottom: 3rem
}

.px12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.py12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

#backtotop {
    animation-name: goTop;
    animation-duration: .2s;
    animation-fill-mode: both
}

.icon__scroll:before {
    animation-name: scrollAnime;
    animation-duration: 1.5s;
    animation-iteration-count: infinite
}

.wrapper-l,
.wrapper-m,
.wrapper-s {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
    width: 980px;
    margin: 0 auto
}

.wrapper-m,
.wrapper-s {
    width: 800px
}

.wrapper-s {
    width: 420px
}

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

    .wrapper-l,
    .wrapper-m,
    .wrapper-s {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0;
        width: 100%;
        margin: 0 auto
    }
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

#about a,
.entry-footer a,
.jumbotron .entry-content a,
.link,
a.cta,
button.cta {
    display: inline-block
}

.link:hover {
    color: #b65d1b
}

#about a,
.entry-footer a,
.jumbotron .entry-content a,
a.cta,
button.cta {
    border-radius: 30px;
    position: relative;
    color: #fff;
    letter-spacing: 2px;
    font-family: "NeoArial-Regular", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    border: solid 1px #d36c1f
}

#about a:not(.is-style-outline),
.cta:not(.is-style-outline),
.entry-footer a,
.jumbotron .entry-content a,
button.cta {
    background-color: #d36c1f
}

.entry-footer a {
    margin-top: 2em;
    padding: .3em 1em;
    font-size: calc(.9rem*.8)
}

#about a:not(.is-style-outline):hover,
#backtotop:hover,
.cta:not(.is-style-outline):hover,
.is-style-outline.cta:hover,
.jumbotron .entry-content a:hover {
    background-color: #b65d1b;
    border-color: #b65d1b;
    text-decoration: none
}

.is-style-outline.cta {
    color: #d36c1f
}

.is-style-outline.cta:hover {
    color: #fff;
    border-color: #b65d1b;
    text-decoration: none
}

#about a,
#backtotop,
.carousel__slide .infos a,
.cta,
.jumbotron .entry-content a {
    transition: all .5s
}

@media screen and (min-width:1025px) {

    #about a,
    .entry-footer a,
    .jumbotron .entry-content a,
    a.cta,
    button.cta {
        padding: 0.8em 4em 0.8em 2em
    }
}

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

    #about a,
    .entry-footer a,
    .jumbotron .entry-content a,
    a.cta,
    button.cta {
        margin-top: 1em;
        margin-bottom: 1em;
        padding: .9em 3em .9em 1.5em;
        font-size: calc(.9rem*.65)
    }
}

.h1,
.h2,
.h3,
.maintitle {
    margin-bottom: .6em;
    line-height: 1.2
}

h1,
h2,
h3 {
    margin: 0 0 .6em;
    line-height: 1.2
}

.secondtitle {
    margin-bottom: .6em
}

.h1,
h1 {
    font-family: "Chapaza", serif;
    font-size: calc(.9rem*5.5)
}

.h2,
h2 {
    font-size: calc(.9rem*1.75);
    font-family: "Chapaza", sans-serif
}

.h3,
h3 {
    font-family: "Chapaza", sans-serif;
    font-size: calc(.9rem*1.6);
    font-weight: 400
}

.h4,
h4 {
    font-size: 1.25rem
}

.h5,
h5 {
    font-size: 1rem
}

.h6,
h6 {
    font-size: .875rem
}

.secondtitle,
.sectiontitle {
    font-size: calc(.9rem*1.75);
    font-weight: 700;
    line-height: 1.2
}

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

    .h1,
    .maintitle,
    h1 {
        font-size: calc(calc(.9rem*5.5)*.65)
    }

    .h2,
    .secondtitle,
    h2 {
        font-size: calc(calc(.9rem*1.75)*.85)
    }
}

.site-header {
    position: fixed;
    right: 0;
    left: 0;
    background-color: #FBF3EA;
    z-index: 11
}

.site-header .is-flex {
    justify-content: space-between;
    align-items: center
}

.site-footer li {
    margin-bottom: .2em
}

.site-footer .h3,
.site-footer a {
    font-weight: 400;
    font-family: "NeoArial-Regular", sans-serif
}

.site-footer a:hover,
.site-footer a:visited {
    color: var(--color-text-cream-muted);
    ;
}

.site-footer .h3 {
    color: #d36c1f;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

.site-footer .site-info {
    padding: 1em 0
}

.site-footer .search-field {
    background-color: #fff
}

.copyright {
    color: #584f40;
    font-size: calc(.9rem*.8);
    border-top: solid 1px #584f40
}

@media screen and (min-width:1025px) {
    .copyright {
        width: 1170px;
        max-width: 1170px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media screen and (max-width:1024px) {
    .site-footer {
        font-size: calc(.9rem*1.2)
    }

    .site-info {
        font-size: .9rem
    }

    .copyright {
        flex-direction: column;
    }
}

#primary-menu a {
    display: inline-block
}

.menu-overlay {
    display: none;
    align-items: center;
    justify-content: space-between;
    z-index: 99
}

.menu-overlay #primary-menu a {
    padding: .3em 1em
}

.menu-overlay label {
    width: 2.8em;
    height: 2.8em;
    z-index: 99
}

.menu-overlay__checkbox {
    display: none
}

.menu-overlay__checkbox:checked~.menu-overlay__btn .menu-overlay__icon {
    background: 0 0
}

.menu-overlay__checkbox:checked~.menu-overlay__btn .menu-overlay__icon::before {
    transform: rotate(45deg)
}

.menu-overlay__checkbox:checked~.menu-overlay__btn .menu-overlay__icon::after {
    transform: rotate(-45deg);
    top: 0
}

.menu-overlay__checkbox:checked~.menu-overlay__btn .menu-overlay__icon::before {
    top: 0
}

.menu-overlay__checkbox:checked~.menu-overlay__wrapper {
    height: 100%;
    transition-delay: 0s
}

.menu-overlay__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    cursor: pointer
}

.menu-overlay__icon {
    display: block;
    position: relative;
    width: 1.5em;
    height: .18em;
    background: #584f40;
    transition: .4s
}

.menu-overlay__icon:before {
    top: -6px
}

.menu-overlay__icon:after {
    top: 6px
}

.menu-overlay__icon:after,
.menu-overlay__icon:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: .18em;
    background: #584f40;
    border-radius: 2em;
    transition: .4s
}

.menu-overlay__wrapper {
    position: fixed;
    flex-direction: column;
    justify-content: center;
    top: 7em;
    left: 0;
    right: 0;
    z-index: 9;
    height: 0;
    transition: .5s;
    transition-delay: .2s;
    overflow: hidden;
    background-color: #fff
}

.menu-overlay__item {
    margin: 2em 0
}

.menu-overlay__item:last-child {
    margin-bottom: 0
}

.menu-overlay a {
    display: block;
    margin: .3em auto;
    color: #fff;
    font-size: calc(.9rem*1.5);
    text-decoration: none
}

.menu-overlay a:hover {
    background-color: rgba(88, 79, 64, .12)
}

.menu-cloudy {
    justify-content: space-between;
    align-items: center;
    margin-left: 14em;
    font-size: 15px;
    font-family: "NeoArial-Regular", sans-serif;
    font-weight: 500
}

.breadcrumb ul,
.menu-cloudy .menu,
.menu-cloudy .menu__list {
    display: flex;
}

.menu-cloudy #primary-menu a {
    padding: 1em
}

.menu a {
    display: inline-block;
    padding: 1.5em 1em;
    color: #584f40;
    text-decoration: none
}

.menu .current_page_item a,
.menu a:hover {
    color: #d36c1f
}

@media screen and (max-width:1140px) {
    .menu-cloudy #primary-menu a {
        padding: .5em !important
    }
}

@media screen and (min-width:1025px) {
    #primary-menu .page-item {
        margin-right: 1em
    }

    #primary-menu .page-item:last-child {
        margin-right: 0
    }

    .menu-cloudy .menu {
        display: flex;
        align-items: center;
    }

    .menu-cloudy .menu-item:last-child a {
        margin-left: 20px;
        padding: 12px 22px;
        color: #ffffff;
        background-color: #D47029;
        border-radius: 30px;
        box-shadow: 0 8px 20px 0 rgba(212, 112, 41, 0.3);
    }
}

@media screen and (max-width:1024px) {
    #primary-menu ul {
        flex-direction: column
    }

    .site-header .menu-overlay,
    .site-header .site-branding,
    .site-header .traduction {
        flex: 1 1 0
    }

    .site-header .menu-overlay {
        order: 0
    }

    .site-header .site-branding {
        order: 1
    }

    .site-header .traduction {
        order: 2
    }

    .menu-overlay {
        display: flex;
        right: 0
    }

    .menu-overlay__list {
        flex-direction: column
    }

    .menu-cloudy {
        display: none
    }
}

.custom-logo-link img {
    width: 100%;
    max-width: 100%
}

.site-branding {
    display: flex;
    align-items: center
}

@media screen and (min-width:1025px) {
    .site-branding {
        justify-content: center;
        position: absolute;
        width: 190px;
    }
}

@media screen and (max-width:1024px) {
    .site-branding {
        justify-content: flex-end;
        margin-top: 15px;
        width: 85px;
        height: 85px
    }

    .custom-logo-link {
        width: 100px
    }
}

.topbar {
    display: none
}

.breadcrumb {
    position: fixed;
    top: 97px;
    right: 0;
    left: 0;
    color: #fff;
    background-color: #200900;
    font-size: calc(.9rem*.9);
    z-index: 8
}

.breadcrumb .breadcrumb_content {
    margin: 0 auto
}

.breadcrumb #breadcrumbs {
    margin-bottom: 0
}

.breadcrumb #breadcrumbs a {
    color: #fff;
    white-space: nowrap
}

.breadcrumb .flour-root,
.breadcrumb .home,
.breadcrumb .post-root,
.breadcrumb .product-root,
.breadcrumb a {
    color: #fff
}

.breadcrumb .current-item,
.breadcrumb .flour-root,
.breadcrumb .post-root,
.breadcrumb .product-root {
    background-color: transparent
}

.breadcrumb li:not(:last-of-type):after {
    content: ">";
    margin-left: .5em;
    margin-right: .5em
}

.home .breadcrumb {
    visibility: hidden
}

@media screen and (min-width:1025px) {
    .breadcrumb .breadcrumb_content {
        padding-left: 190px
    }
}

@media screen and (max-width:1024px) {
    .breadcrumb ul {
        overflow: scroll
    }

    .breadcrumb ul a,
    .breadcrumb ul li:last-of-type {
        white-space: nowrap
    }

    .breadcrumb .breadcrumb_content {
        width: 90%;
        max-width: 90%
    }
}

.pagination {
    text-align: center
}

a.page-numbers {
    padding-left: .5em;
    padding-right: .5em;
    color: #584f40
}

.next,
.prev {
    padding: .3em .8em;
    border: solid 1px #d36c1f;
    border-radius: 2em
}

.card_service .card_content h2,
.next,
.pagination .current,
.prev {
    color: #d36c1f
}

#backtotop {
    position: fixed;
    bottom: 4em;
    display: none;
    align-items: center;
    justify-content: center;
    width: 3.5em;
    height: 3.5em;
    color: #fff;
    background-color: #d36c1f;
    border-radius: 0;
    z-index: 11
}

#backtotop .arrow {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px
}

#backtotop .arrow.up {
    transform: rotate(-135deg)
}

#backtotop:hover {
    background-color: #b65d1b
}

@media screen and (min-width:1025px) {
    #backtotop {
        right: 2em
    }
}

@media screen and (max-width:1024px) {
    #backtotop {
        right: 1em
    }
}

.multilingue {
    display: none
}

#downloadForm.show,
#overlay.show,
.multilingue li a {
    display: flex
}

.card_reassurance {
    color: #584f40
}

.card_reassurance .widget-title {
    margin-bottom: .5em;
    color: #d36c1f;
    font-size: calc(.9rem*1.9);
    font-family: "SourceSerifPro", serif
}

.card_service {
    display: flex;
    align-items: center;
    margin-bottom: 3em
}

.card_service .card_illustration img {
    display: block;
    width: 100%
}

.card_service .card_content a {
    margin-top: 1em
}

.card_service:last-child {
    margin-bottom: 0
}

.card_service:nth-child(odd) {
    background-color: #f1eee8
}

.card_service:nth-child(even) {
    background-color: #fff
}

.card_service:nth-child(even) .card_illustration {
    order: 1
}

.card_service:nth-child(even) .card_content {
    text-align: right;
    border: solid 20px #f1eee8
}

.card_cat a {
    right: 0;
    left: 0;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.card_cat .labels {
    z-index: 2
}

.card_cat img {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.card_cat:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .4) 100%);
    z-index: 1
}

.card_product h2,
.sib_signup_form label,
.wpcf7 label {
    color: #584f40
}

.card_product {
    padding-bottom: 7em;
}

.card_product img {
    width: 80%
}

.card_product a {
    display: flex;
    align-items: end;
    justify-content: center;
    text-decoration: none;
    color: #584f40;
    padding-bottom: 2em;
}

.card_cat a,
.card_product a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 7;
    text-decoration: none;
}

.card_label h2 {
    justify-content: center
}

.card_label p {
    margin-bottom: 5em
}

.card_label a {
    bottom: 2em
}

.card_cat,
.card_certification,
.card_label,
.card_post,
.card_product,
.post {
    background-color: #fff
}

.card_cat a,
.card_product a {
    font-size: calc(.9rem*1.6);
    font-family: "NeoArial-Regular", sans-serif;
    letter-spacing: 1px
}

.card_team p:first-of-type {
    font-size: calc(.9rem*1.1)
}

.card_team p:last-of-type {
    font-size: calc(.9rem*.8)
}

@media screen and (min-width:1025px) {
    .card_cat a {
        bottom: 0
    }

    .card_cat .labels {
        top: 1.65em;
        left: 1.65em
    }

    .card_label {
        min-height: 50em
    }

    .card_label h2 {
        min-height: 7em
    }

    .card_service .card_illustration {
        width: 60%
    }

    .card_service .card_content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        min-height: 469px;
        width: 40%;
        padding: 2em
    }
}

@media screen and (max-width:1024px) {
    .card_cat {
        display: flex;
        align-items: center
    }

    .card_cat .labels {
        top: 1em;
        left: 1em
    }

    .card {
        margin-bottom: 2em
    }

    .card_service {
        flex-direction: column
    }

    .card_service .card_content {
        padding: 1em
    }
}

.jumbotron {
    padding-top: 15em;
    padding-bottom: 15em;
    color: #fff;
    overflow: hidden
}

.jumbotron .entry-content a {
    margin-top: 1.5em
}

.jumbotron .post-thumbnail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

#testimonials img,
.card_post img,
.jumbotron .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media screen and (min-width:1025px) {
    .jumbotron {
        padding-top: 15em;
        padding-bottom: 15em
    }

    .jumbotron .entry-title img {
        margin-right: .5em
    }
}

@media screen and (max-width:1024px) {
    .jumbotron {
        padding-top: 8em;
        padding-bottom: 12em
    }

    .jumbotron .entry-title {
        flex-direction: column;
        margin-bottom: 80px
    }

    .jumbotron .entry-title img {
        margin-bottom: .5em
    }

    .jumbotron .jumbotron__cover {
        height: 12em
    }

    .jumbotron .wrapper {
        margin: -1em .5em 2em;
        padding: 1em 1em 4em
    }

    .jumbotron .cta {
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 100
}

.overlay .overlay__close,
.overlay.is-display {
    display: flex;
    align-items: center;
    justify-content: center
}

.overlay .overlay__close {
    position: absolute;
    top: .6em;
    right: .6em;
    width: 3.7em;
    height: 3.7em;
    color: #fff;
    background-color: #d36c1f;
    background-image: url(../img/close.svg);
    background-size: 1.8em;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    z-index: 102
}

.overlay .overlay__close:hover {
    background-color: #b65d1b
}

#downloadForm,
#overlay,
.overlay .overlay__overflow {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(88, 79, 64, .9);
    z-index: 100
}

#downloadForm,
#overlay {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(88, 79, 64, .6);
    z-index: 99
}

.form-container {
    background-color: #f1eee8;
    border: 20px solid #fff
}

.form-wrapper {
    margin-left: auto;
    margin-right: auto
}

#close,
#downloadClose {
    position: absolute;
    top: 1em;
    right: 1em
}

@media screen and (min-width:1025px) {
    .form-container {
        width: 890px
    }

    .form-wrapper {
        width: 475px
    }
}

.wrapper-testimonials {
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}

#testimonials .post-thumbnail,
.item__image {
    width: 200px;
    height: 200px
}

#testimonials img {
    border-radius: 50%
}

.card__testimonial .card__testimonial__icon {
    justify-content: center;
    top: -1em;
    left: 3em;
    width: 3em;
    height: 3em;
    color: #fff;
    background-color: #d36c1f;
    border-radius: 50%
}

.card__testimonial p {
    padding-bottom: .5em;
    margin-bottom: .3em;
    border-bottom: solid 1px #fff
}

.item__image {
    color: #fff;
    margin-left: auto;
    margin-right: auto
}

.item__title {
    margin-bottom: .3em;
    font-size: 1.2em;
    font-family: "DancingScript", serif
}

.item__city,
.post time {
    font-family: "NeoArial-Regular", sans-serif;
    font-weight: 700
}

@media screen and (min-width:1025px) {
    .wrapper-testimonials {
        display: flex
    }
}

#tags ul,
.social .textwidget {
    display: flex
}

@media screen and (min-width:1025px) {
    .site-footer .social .textwidget {
        justify-content: flex-end
    }
}

.card_post img {
    height: 19em;
    object-position: center center
}

.post .entry-title {
    font-size: calc(.9rem*1.6);
    line-height: 1.4
}

.post a,
.sib_signup_form a,
.wpcf7 a {
    color: #d36c1f
}

.post time {
    color: #584f40;
    font-size: calc(.9rem*1.1);
    font-weight: 600
}

#carrousel {
    overflow: hidden
}

.carrousel {
    margin-bottom: 2em;
    outline-color: #fff
}

.carrousel .carrousel__container {
    transition: transform .3s;
    transform: translateZ(0)
}

.carrousel .carrousel__container:after {
    content: "";
    clear: both;
    display: table
}

.carrousel .carrousel__item {
    float: left
}

.carrousel .item img {
    display: block;
    width: 100%;
    height: auto
}

.carrousel .item__image {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.carrousel .item__title {
    margin-bottom: .3em;
    font-size: 1.2em;
    font-family: "DancingScript", serif
}

.carrousel .item__description {
    color: #7b6f5a
}

.carrousel,
.items {
    position: relative
}

.carrousel__next,
.carrousel__prev {
    display: none;
    position: absolute;
    width: 2.3em;
    height: 2.3em;
    background: #fff url(../img/caroussel_arrow-right--black.svg) 50% no-repeat;
    background-size: 1.2em 1.2em;
    border-radius: 50%;
    top: 50%;
    margin-top: -1.2em;
    right: 1.2em;
    cursor: pointer;
    transition: transform .3s, opacity .3s
}

.carrousel__prev {
    background-image: url(../img/caroussel_arrow-left--black.svg);
    right: auto;
    left: 1.2em
}

.carrousel__next--hidden,
.carrousel__prev--hidden {
    opacity: 0
}

.carrousel__next:hover,
.carrousel__prev:hover {
    transform: scale(1.2)
}

.carrousel__pagination {
    margin-top: 1em;
    text-align: center
}

.carrousel__pagination__button {
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    border: solid 1px #d36c1f;
    transition: transform .3s;
    cursor: pointer
}

.carrousel__pagination__button--active,
.carrousel__pagination__button:hover {
    background-color: #d36c1f;
    transform: scale(1.4)
}

@media screen and (min-width:1025px) {
    .wrapper-testimonials-content {
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }
}

.gallery-wrapper .item {
    max-height: 10em;
    overflow: hidden
}

#about .about_illustration img,
.gallery-wrapper .item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.short-animate {
    transition: .5s ease-in-out
}

.long-animate {
    transition: .5s .5s ease-in-out
}

.lightbox {
    position: fixed;
    top: -100%;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: #7b6f5a;
    z-index: 501;
    opacity: 0
}

.lightbox img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 0;
    max-height: 0
}

.lightbox:target {
    top: 0;
    bottom: 0;
    opacity: 1
}

.lightbox:target img {
    max-width: 80%;
    max-height: 100%
}

.lightbox:target~#close-wrapper {
    top: 0;
    right: 0
}

.lightbox:target~#close-wrapper #close-lightbox:after {
    width: 3em
}

.lightbox:target~#close-wrapper #close-lightbox:before {
    height: 3em
}

.lightbox:target~#next-wrapper {
    right: 0
}

.lightbox:target~#prev-wrapper {
    left: 0
}

#close-wrapper,
#next-wrapper {
    position: fixed;
    width: 4em;
    height: 4em;
    z-index: 502
}

#close-wrapper {
    top: -5em;
    right: -5em;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #d36c1f
}

#close-wrapper #close-lightbox,
#next-wrapper #next-lightbox {
    overflow: hidden;
    height: 3em;
    width: 3em;
    background-repeat: no-repeat;
    background-position: center center
}

#close-wrapper #close-lightbox {
    display: block;
    position: absolute;
    background-image: url(../img/close.svg);
    background-size: 50%
}

#next-wrapper {
    top: 45%;
    right: -4.3em
}

#next-wrapper #next-lightbox {
    background-image: url(../img/caroussel_arrow-right.svg);
    background-size: contain
}

#next-wrapper,
#next-wrapper #next-lightbox,
#prev-wrapper,
#prev-wrapper #prev-lightbox {
    display: flex;
    align-items: center;
    justify-content: center
}

#prev-wrapper {
    position: fixed;
    top: 45%;
    left: -4.3em;
    width: 4em;
    height: 4em;
    z-index: 502
}

#prev-wrapper #prev-lightbox {
    overflow: hidden;
    height: 3em;
    width: 3em;
    background-image: url(../img/caroussel_arrow-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

@media screen and (max-width:1024px) {
    .gallery-wrapper .item {
        display: inline-flex;
        max-height: 4em;
        max-width: 30%
    }

    .gallery-wrapper .item img {
        height: auto
    }
}

#newsletter {
    border-radius: 40px
}

@media screen and (min-width:1025px) {
    #newsletter {
        padding: 3em 6em
    }
}

@media screen and (max-width:1024px) {
    #newsletter {
        padding: 1em
    }
}

.product-image {
    display: block;
    background-color: #f1eee8
}

.product-image img.active {
    display: block;
    margin: 0 0 .75rem
}

.image-list img,
.product-image img {
    width: 100%
}

ul.image-list {
    justify-content: space-between;
    margin: 0;
    overflow: hidden;
    list-style-type: none
}

ul.image-list li {
    flex-basis: 30%
}

ul.image-list img {
    height: 10rem;
    width: 100%;
    object-fit: cover;
    transition: opacity .3s ease;
    cursor: pointer
}

ul.image-list img:hover {
    opacity: .7
}

@media screen and (min-width:1025px) {
    ul.image-list img {
        height: 10rem
    }
}

@media screen and (max-width:1024px) {
    ul.image-list img {
        height: 5rem
    }
}

.tabs h2 {
    display: inline-block;
    margin-bottom: 0
}

#tags ul li:last-child,
.labels .label_item:last-child,
.tabs h2:last-child,
.tags .tag_item:last-child {
    margin-right: 0
}

.tabs .tab {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    color: #584f40;
    font-family: "SourceSerifPro", serif;
    outline: transparent
}

.tabs button[aria-selected=true] {
    color: #d36c1f;
    border-bottom: solid 1px #d36c1f;
    border-radius: 0
}

@media screen and (min-width:1025px) {
    .tabs h2 {
        margin-right: 2em
    }

    .tabs .tab {
        font-size: calc(.9rem*1.6)
    }
}

@media screen and (max-width:1024px) {
    .tabs h2 {
        margin-right: .5em
    }

    .tabs .tab {
        font-size: calc(.9rem*1.1)
    }
}

@media screen and (min-width:1025px) {
    .traduction {
        margin-top: -1em
    }
}

#about .about_illustration {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: brightness(65%);
    z-index: -1
}

#about .about_content {
    color: #fff
}

#about .about_content img {
    margin-bottom: 2em
}

#about .about_content p:last-child {
    margin-top: 2em
}

@media screen and (min-width:1025px) {
    #about {
        padding-top: 8em;
        padding-right: 2em
    }
}

form input[type=email],
form input[type=tel],
form input[type=text],
form select,
form textarea {
    width: 100%;
    padding: .8em;
    border-radius: 4px;
    border: 0
}

form label {
    color: #fffffe;
    font-weight: 400;
    text-transform: uppercase;
    font-size: calc(.9rem*.8)
}

form button[type=submit],
form input[type=submit] {
    display: inline-block;
    padding: .9em 2.5em;
    color: #fff;
    font-size: calc(.9rem*1);
    font-family: "NeoArial-Regular", sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    border: solid 1px #d36c1f;
    border-radius: 0;
    transition: all .5s
}

form button[type=submit]:hover,
form input[type=submit]:hover {
    color: #fff;
    background-color: #b65d1b
}

form button[type=submit]:hover {
    border: solid 1px #d36c1f
}

.form-group,
.wpcf7 p {
    margin-bottom: 1.5em
}

.wpcf7 p:last-child {
    margin-bottom: 0
}

.wpcf7 input[type=email],
.wpcf7 input[type=text] {
    width: 100%;
    padding: .8em;
    border-radius: 4px
}

.wpcf7 form input[type=email],
.wpcf7 form input[type=tel],
.wpcf7 form input[type=text],
.wpcf7 form select,
.wpcf7 form textarea {
    border: solid 1px #f1eee8
}

.wpcf7 .ajax-loader,
.wpcf7 .wpcf7-list-item {
    margin: 0
}

.form-group:last-child {
    margin-bottom: 0
}

.topbar #search {
    width: 2em;
    height: 2em;
    background-color: transparent;
    background-image: url(../img/search-picto.svg);
    background-repeat: no-repeat
}

.search-field {
    border: 0;
    background-color: transparent;
    padding: 1em
}

.search-submit,
.submit {
    padding: 1em
}

.comment-form-comment textarea {
    display: block
}

input[type=submit] {
    position: relative;
    padding: .9em 3em .9em 1.5em;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    background-color: #d36c1f;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s
}

input[type=submit]:after {
    content: url(../img/cta-arrow.svg);
    position: absolute;
    right: 1em;
    margin-left: 1em
}

input[type=submit]:hover {
    color: #fff;
    background-color: #b65d1b
}

.terms-msg {
    font-size: 12px;
}

.sib_signup_form p {
    margin-bottom: 1em
}

.sib_signup_form input[type=checkbox] {
    margin-right: .5em
}

@media screen and (min-width:1025px) {

    #search,
    #searchform #close {
        display: none
    }

    .search-form,
    .search-submit {
        height: 100%
    }
}

@media screen and (max-width:1024px) {
    #searchform {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1em;
        background-color: #d36c1f;
        z-index: 100
    }

    #searchform.show {
        display: flex;
        align-items: center;
        justify-content: center
    }

    #searchform #close {
        position: absolute;
        top: 1em;
        right: 1em;
        z-index: 101
    }

    #search,
    #searchform #close {
        width: 2.8em;
        height: 2.8em
    }

    .search-field {
        background-color: #fff
    }

    .search-field,
    .search-form,
    .search-submit {
        width: 100%
    }

    .sib-default-btn {
        width: 100%;
        border-radius: 0
    }
}

ol {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 2.5em
}

ol li {
    counter-increment: my-awesome-counter;
    position: relative;
    margin: 0 0 1em
}

ol li::before {
    content: counter(my-awesome-counter);
    position: absolute;
    --size: 1.3em;
    left: calc(-1*var(--size) - 10px);
    top: -5px;
    width: var(--size);
    height: var(--size);
    color: #d36c1f;
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;
    line-height: var(--size);
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 0 #584f40
}

.icon__scroll {
    bottom: 1em;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 2em;
    height: 3em;
    border: 2px solid #d36c1f;
    border-radius: 1.8em;
    position: absolute
}

.icon__scroll:before {
    position: absolute;
    content: '';
    top: .3em;
    width: 8px;
    height: 8px;
    margin-left: -.3em;
    background-color: #d36c1f;
    border-radius: .3em
}

.borderline {
    height: 41px;
    background-image: url(../img/lines.svg);
    background-repeat: repeat-x
}

#searchModule h2 {
    font-size: 22px
}

#searchModule h3 {
    font-size: 38px
}

#featured-search-btn,
#featured-search-list {
    width: 100%;
    border: solid 3px #f1eee8;
    background-color: #fff;
    border-radius: 5px
}

#featured-search-btn {
    padding: 1em;
    text-align: left
}

#featured-search-list {
    margin-top: .2em;
    padding-top: .5em;
    padding-bottom: .5em;
    box-shadow: 0 2px 23px 0 rgba(88, 79, 64, .1);
    z-index: 3;
    display: none
}

.featured-search-list.item a {
    display: block;
    padding: .5em;
    color: #d36c1f
}

#tags ul a:hover,
.featured-search-list.item a:hover {
    background-color: #f1eee8;
    text-decoration: none
}

#featured-search-list.show {
    display: block
}

.search_illustration {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: brightness(65%);
    z-index: -1
}

.featured-bckg .blog_illustration img,
.search_illustration img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.wrapper_content {
    width: 50%;
    max-width: 50%
}

.content-left,
.tags {
    display: flex;
    justify-content: flex-end
}

#featuredPost {
    position: relative;
    background-color: #fff;
    border: solid 20px #f1eee8
}

#featuredPost time {
    color: #584f40;
    font-weight: 600;
    font-family: "NeoArial-Regular", sans-serif
}

#featuredPost h3 {
    margin-bottom: 1em;
    color: #584f40;
    font-size: calc(.9rem*1.6)
}

#featuredPost a,
#tags ul a,
input[type=submit] {
    display: inline-block;
    font-family: "NeoArial-Regular", sans-serif
}

#featuredPost a {
    margin-top: 1em;
    color: #d36c1f;
    font-size: calc(.9rem*.9)
}

#tags .wrapper {
    justify-content: center
}

#tags .title {
    font-size: calc(.9rem*1.6)
}

#tags ul li {
    margin-right: 1em
}

#tags ul a {
    padding: .9em 2.5em;
    font-size: calc(.9rem*.85);
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    border: solid 1px #fff;
    white-space: nowrap
}

#tags ul a:hover {
    background-color: #b65d1b
}

.tags .tag_item {
    display: flex;
    align-items: center
}

.labels {
    display: flex
}

.labels .label_item,
.tags .tag_item {
    margin-right: 3em
}

.featured-bckg {
    color: #fff
}

.featured-bckg .blog_illustration {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1
}

.lang-item img {
    /*width:25px!important;height:auto!important*/
}

.lang-item a {
    color: #584f40;
    font-size: calc(.9rem*.9)
}

@media screen and (min-width:1025px) {
    #tags ul {
        flex-wrap: wrap
    }

    #tags ul li {
        margin-bottom: .5em
    }

    .featured-bckg {
        padding-top: 8em;
        padding-right: 2em
    }

    #blog .featured-bckg {
        text-align: right
    }

    #blog .featured-bckg:before {
        content: url(../img/mascotte.svg);
        position: absolute;
        top: 0;
        left: 15em;
        z-index: -1
    }

    #tags .title {
        margin-right: 1.5em
    }

    .featured-search {
        width: 350px
    }

    #featuredPost {
        padding: 7em 6em
    }
}

@media screen and (max-width:1024px) {
    .featured-bckg {
        padding-top: 8em;
        padding-bottom: 8em
    }

    #blog .featured-bckg {
        text-align: center
    }

    #tags .is-flex {
        display: inherit
    }

    #tags .title {
        display: block;
        text-align: center
    }

    #tags ul {
        overflow: scroll;
        margin-top: 1em;
        padding-left: 1em;
        padding-right: 1em
    }

    .featured-search {
        width: 100%
    }

    #searchModule .col-1 {
        margin-bottom: 1em;
        text-align: center
    }

    #featuredPost {
        padding: 3em 1em
    }
}

.page {
    margin-bottom: 0
}

.cat-links,
.comment-metadata,
.comments-link,
.edit-link,
.entry-meta {
    font-size: calc(.9rem*.9)
}

.cat-links a {
    color: #d36c1f
}

.wp-block-quote {
    position: relative;
    padding: 2em;
    margin: 1em 0;
    color: #d36c1f;
    font-weight: 800
}

.wp-block-quote cite {
    font-size: calc(.9rem*.65);
    color: #fffffe
}

.wp-block-quote:after,
.wp-block-quote:before {
    position: absolute;
    content: ' " ';
    font-size: calc(.9rem*4)
}

.wp-block-quote:before {
    top: 0;
    left: 0
}

.wp-block-quote:after {
    bottom: 0;
    right: 0
}

.wp-calendar-table {
    width: 100%
}

.skip-link {
    display: none
}

.wp-block-separator {
    margin-bottom: 1em
}

@media screen and (max-width:1024px) {
    .site-footer .widget {
        margin-top: 1em
    }

    .wp-block-column {
        padding-left: 1em;
        padding-right: 1em
    }
}

h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
    color: #584f40;
}