@charset "UTF-8";
   @import url(https://use.typekit.net/sop3uuq.css);
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} .container, .post-password-form {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .post-password-form {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .post-password-form {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .post-password-form {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .post-password-form {
max-width: 1140px;
}
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container, .post-password-form, .container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container, .post-password-form, .container-sm, .container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container, .post-password-form, .container-sm, .container-md, .container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container, .post-password-form, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1140px;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-sm-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-sm-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-md-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-md-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-lg-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-lg-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
max-width: 100%;
}
.row-cols-xl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.is-hidden {
display: none !important;
}
@media (max-width: 575px) {
.is-hidden-sm {
display: none !important;
}
}
@media (max-width: 767px) {
.is-hidden-md {
display: none !important;
}
}
@media (max-width: 991px) {
.is-hidden-lg {
display: none !important;
}
}
@media (max-width: 1199px) {
.is-hidden-xl {
display: none !important;
}
}
@media (min-width: 576px) {
.is-hidden-sm--up {
display: none !important;
}
}
@media (min-width: 768px) {
.is-hidden-md--up {
display: none !important;
}
}
@media (min-width: 992px) {
.is-hidden-lg--up {
display: none !important;
}
}
@media (min-width: 1200px) {
.is-hidden-xl--up {
display: none !important;
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.img-fit--cover {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
vertical-align: middle;
}
.img-fit--contain {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
@font-face {
font-family: system;
font-style: normal;
font-weight: 300;
src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}
html {
font-size: 62.5%;
font-size: calc(1em * 0.625);
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
font-family: "Lato", sans-serif;
font-size: 1.5rem;
}
@media (max-width: 767px) {
body {
font-size: 1.8rem;
}
}
h1, h2, h3 {
font-family: "the-seasons";
font-weight: normal;
}
h2, h3 {
text-transform: uppercase;
}
h1 {
font-size: 8rem;
}
@media (max-width: 767px) {
h1 {
font-size: 3.6rem;
}
}
h2 {
font-size: 5.5rem;
position: relative;
}
h2::after {
content: "";
display: block;
width: 12px;
height: 12px;
background-color: #D33424;
border-radius: 50px;
margin-top: 15px;
}
@media (max-width: 767px) {
h2::after {
margin-top: 7px;
}
}
@media (max-width: 767px) {
h2 {
font-size: 3.5rem;
}
}
h3 {
color: #D33424;
font-size: 2.4rem;
margin-bottom: 0px;
font-weight: bold;
text-transform: unset;
}
@media (max-width: 767px) {
h3 {
font-size: 2.4rem;
}
}
h4 {
font-size: 1.8rem;
font-weight: bold;
}
p, ul {
text-decoration: none;
font-size: 1.8rem;
font-weight: 300;
}
a {
text-decoration: underline;
transition: all 0.3s;
text-underline-offset: 10px;
line-height: calc(1.5rem + 10px);
color: #383637;
}
a:hover {
color: #D33424;
}
@media (max-width: 767px) {
a {
font-size: 1.5rem;
}
}
ul {
font-weight: 300;
margin: unset;
}
li a {
text-underline-offset: 2px;
}
.site-title {
vertical-align: middle;
}
img.alignright {
margin: 0 0 1em 1em;
float: right;
}
img.alignleft {
margin: 0 1em 1em 0;
float: left;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
margin-left: 15px;
float: right;
}
.alignleft {
margin-right: 15px;
float: left;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img[class^=wp-image] {
height: auto;
}
.acf-map {
width: 100%;
height: 400px;
border: none;
margin: 20px 0; }
.acf-map img {
max-width: inherit !important;
}
.frm_button_submit {
background-color: #383637 !important;
border: 1px solid #383637 !important;
border-radius: 0 !important;
}
iframe {
border: 0;
}
.btn {
padding: 3px 30px;
border-radius: 0;
text-transform: uppercase;
}
.btn-grey {
background-color: #383637;
color: white;
padding-inline: 10px;
padding-block: 5px;
text-decoration: none;
width: fit-content;
}
.btn-grey:hover {
color: white;
}
.btn-white {
background-color: white;
color: #383637;
padding-inline: 10px;
padding-block: 5px;
text-decoration: none;
width: fit-content;
}
.btn-white:hover {
color: #383637;
background-color: #f2f2f2;
}
.btn-outline-white {
background-color: transparent;
color: white;
padding-inline: 10px;
padding-block: 5px;
text-decoration: none;
width: fit-content;
border: 1px solid white;
}
.btn-outline-white:hover {
color: #383637;
background-color: white;
}
.fc-infowindow-content {
font-size: 1.5rem !important;
line-height: 1.7rem !important;
}
.fc-infowindow-content .revendeur-adr {
font-family: "Lato", sans-serif !important;
color: #383637 !important;
}
.fc-infowindow-content a {
text-decoration: underline;
color: #383637 !important;
}
.fc-infowindow-content a:hover {
color: #D33424 !important;
}
.fc-infowindow-content p, .fc-infowindow-content ul {
margin: 0px !important;
}
.fc-itemcontent-padding {
display: flex;
flex-direction: column;
gap: 10px;
}
.bloc, .access-form, .bloc-hero__content, .bloc-nospace {
padding-block: 80px;
}
.bloc-nospace {
padding-top: 0px;
}
.bloc-nospace *:first-child:not(.container):not(.post-password-form) {
margin-top: 0;
}
.absolute-centered, .bloc-timeline__element::after, h2::after {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.sub-title {
text-transform: unset;
}
.text-center {
text-align: center;
}
body.menu-open {
position: fixed;
width: 100%;
}
body:has(#prehome-modal) {
overflow: hidden;
}
.header {
position: relative;
}
.home .navbar-brand {
width: 0;
display: none;
}
.home .empty {
display: block !important;
}
.navbar {
position: fixed;
width: 100%;
height: 70px;
background-color: #F3F0EA;
z-index: 1001;
}
@media (min-width: 768px) {
.navbar {
height: 100px;
}
}
.navbar .empty {
display: none;
}
.navbar .container, .navbar .post-password-form {
display: grid;
grid-template-columns: 100px auto 100px;
height: 100%;
align-items: center;
}
@media (max-width: 767px) {
.navbar .container, .navbar .post-password-form {
grid-template-columns: 60px auto 60px;
}
}
.navbar-brand {
width: 20px;
display: flex;
transition: all 0.2s;
justify-self: center;
}
.navbar-brand img {
width: 100%;
object-fit: contain;
}
@media (min-width: 768px) {
.navbar-brand {
width: 25px;
}
}
.navbar-controls {
display: flex;
gap: 15px;
justify-content: end;
align-items: center;
position: relative;
justify-self: start;
}
.navbar-toggle {
display: flex;
gap: 15px;
align-items: center;
cursor: pointer;
}
.navbar-toggle__bars {
cursor: pointer;
width: 30px;
height: 30px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 8px;
background-color: transparent;
border: 0px;
padding: 0;
}
.navbar-toggle__bar {
height: 1px;
background-color: black;
transition: all 0.2s;
width: 100%;
}
.navbar-toggle__text {
text-transform: uppercase;
}
@media (max-width: 767px) {
.navbar-toggle__text {
display: none;
}
}
.navbar-toggle.is-active .navbar-toggle__bar:nth-child(1) {
transform: translate(0, 10px) rotateZ(45deg);
}
.navbar-toggle.is-active .navbar-toggle__bar:nth-child(2) {
transform: translateX(5px);
opacity: 0;
}
.navbar-toggle.is-active .navbar-toggle__bar:nth-child(3) {
transform: translate(0, -8px) rotateZ(-45deg);
}
@media (max-width: 767px) {
.navbar-toggle {
left: 0px;
}
}
.site-header {
height: 70px;
}
@media (min-width: 768px) {
.site-header {
height: 100px;
}
}
@media (min-width: 768px) {
.home .navbar {
height: 130px;
}
}
.home .site-header {
height: 70px;
}
@media (min-width: 768px) {
.home .site-header {
height: 130px;
}
}
@media (min-width: 768px) {
.home .menu {
top: 130px !important;
height: calc(100vh - 130px) !important;
}
}
.menu {
display: none;
height: calc(100vh - 70px);
background-color: #F3F0EA;
position: absolute;
top: 70px;
width: 100%;
z-index: 1000;
}
@media (min-width: 768px) {
.menu {
top: 100px;
height: calc(100vh - 100px);
}
}
.menu-grid {
height: 100%;
display: grid;
grid-template-rows: auto 170px;
}
@media (min-width: 768px) {
.menu-grid {
grid-template-rows: auto 100px;
}
}
.menu-brand {
width: 150px;
justify-self: center;
align-self: end;
}
.menu-brand img {
width: 100%;
object-fit: contain;
}
@media (min-width: 768px) {
.menu-brand {
width: 200px;
}
}
.menu-list {
list-style: none;
padding: 0px;
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
margin: 0;
padding-block: 20px;
align-self: center;
}
.menu-element a {
color: #383637;
text-decoration: none;
font-family: "the-seasons";
font-size: 2.5rem;
font-weight: lighter;
}
@media (min-width: 768px) {
.menu-element a {
font-size: 4rem;
line-height: 4rem;
}
}
.menu-element a:hover {
color: #D33424;
}
.menu.menu-open {
overflow: auto;
}
.menu-list .menu-item {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.menu-list .sub-menu {
display: flex;
padding: 0;
gap: 15px;
list-style: none;
flex-wrap: wrap;
row-gap: 1px;
justify-content: center;
}
.menu-list .sub-menu .menu-item {
width: fit-content;
display: block;
position: relative;
}
.menu-list .sub-menu .menu-item a {
font-family: "Lato", sans-serif;
font-size: 1.6rem;
font-weight: 400;
}
@media (max-width: 767px) {
.menu-list .sub-menu .menu-item a {
font-weight: 300;
}
}
.menu-list .sub-menu .menu-item:not(:last-child)::after {
position: absolute;
content: "|";
display: block;
right: -11px;
top: 2px;
}
@media (min-width: 768px) {
.menu-list .sub-menu .menu-item:not(:last-child)::after {
top: 9px;
}
}
@media (max-width: 767px) {
.container, .post-password-form {
padding-inline: 30px;
}
}
.secondary-list {
justify-self: end;
display: flex;
gap: 20px;
justify-content: end;
list-style: none;
height: fit-content;
flex-wrap: wrap;
row-gap: 1px;
margin: 0;
padding: 0;
}
@media (min-width: 768px) {
.secondary-list {
align-self: start;
}
}
.secondary-list a {
font-family: "Lato", sans-serif;
font-size: 1.4rem;
font-weight: 300;
text-decoration: none;
color: #383637;
}
.secondary-list a:hover {
color: #D33424;
}
@media (min-width: 768px) {
.secondary-list a {
font-size: 1.8rem;
}
}
.secondary-element:not(:last-child) {
position: relative;
}
.secondary-element:not(:last-child)::after {
position: absolute;
content: "|";
display: block;
right: -13px;
top: 0;
}
.home .menu-brand img {
display: none;
}
.home .navbar-brand img {
display: none;
}
.front-hero__split {
grid-template-columns: 5fr 3fr;
background-color: #383637;
display: none;
position: relative;
z-index: 1;
}
.front-hero__split.visible {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.front-hero__split.visible {
display: grid;
}
}
.front-hero__video video {
width: 100%;
height: 100%;
object-fit: cover;
}
.front-hero__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
place-self: center;
padding-inline: 20px;
padding-block: 20px;
max-width: 340px;
}
.front-hero__content span {
width: 30px;
align-self: center;
}
.front-hero__content span img {
width: 100%;
object-fit: contain;
}
@media (min-width: 768px) {
.front-hero__content span {
width: 40px;
}
}
.front-hero__content h2 {
color: white;
font-size: 2.3rem;
text-transform: unset;
}
.front-hero__content h2::after {
display: none;
}
.front-hero__content a {
padding-inline: 20px;
padding-block: 10px;
text-decoration: none;
}
.front-hero__logo {
display: flex;
justify-content: center;
align-items: center;
padding-block: 80px;
height: calc(100vh - 130px);
position: relative;
z-index: 1001;
padding: 0px;
background-color: #F3F0EA;
}
.front-hero__logo span {
opacity: 0;
padding-block: 10px;
}
.front-hero__logo span img {
height: 100%;
object-fit: contain;
}
@media (min-width: 768px) {
.front-hero__logo span {
height: 200px;
}
}
@media (max-width: 767px) {
.front-hero__logo span {
height: 100px;
}
}
.front-hero .btn-container [class*=btn] {
min-width: 180px;
margin-bottom: 5px;
display: inline-block;
}
.front-brand {
background-color: #383637;
height: calc(100vh - 70px);
display: flex;
justify-content: center;
align-items: center;
}
.front-brand__logo {
width: 150px;
height: 150px;
position: relative;
z-index: 0;
}
.front-brand__logo svg {
width: 100%;
height: 100%;
}
.front-brand #brand-left {
transform-origin: top;
transform: scaleY(0);
}
.front-brand #brand-right {
transform-origin: bottom;
transform: scaleY(0);
}
.front-gallery {
position: relative;
}
.front-gallery__btn {
display: none;
}
@media (min-width: 768px) {
.front-gallery__btn {
display: block;
}
}
@media (max-width: 767px) {
.front-gallery__content {
display: block;
background-color: rgba(56, 54, 55, 0.8);
padding-inline: 10px;
padding-block: 10px;
}
.front-gallery__content * {
margin: 0;
color: white !important;
}
}
.front-gallery__shell {
height: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: end;
padding-block: 20px;
padding-inline: 20px;
overflow: hidden;
text-decoration: none;
}
@media (max-width: 767px) {
.front-gallery__shell {
min-height: 250px;
}
}
.front-gallery__shell img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
z-index: 0;
transition: all 0.5s ease-out;
}
@media (max-width: 767px) {
.front-gallery__shell img {
object-position: top;
}
}
.front-gallery__shell *:not(img) {
z-index: 1;
}
.front-gallery__shell h2 {
font-size: 2.5rem;
color: white;
text-align: center;
font-family: "Lato", sans-serif;
text-transform: none;
font-weight: 300;
}
@media (max-width: 767px) {
.front-gallery__shell h2 {
font-size: 2rem;
}
}
.front-gallery__shell h2::after {
display: none;
}
.front-gallery__shell h2 strong {
font-family: "the-seasons";
text-transform: uppercase;
font-weight: bold;
}
.front-gallery__shell .front-gallery__btn {
background-color: #383637;
color: white;
padding-inline: 10px;
padding-block: 5px;
text-decoration: none;
width: fit-content;
}
@media (max-width: 767px) {
.front-gallery__shell .front-gallery__btn {
font-size: 1.3rem;
}
}
@media (min-width: 768px) {
.front-gallery__shell:hover img {
filter: brightness(50%);
transform: scale(1.2);
transition: 1s all;
}
}
.front-gallery__figure {
width: 100%;
height: 100%;
background-color: #383637;
}
.front-gallery.animate-grid__first {
grid-template-areas: "pos2 pos1" "pos3 pos5" "pos4 pos6";
}
@media (min-width: 768px) {
.front-gallery.animate-grid__first {
grid-template-areas: "pos2 pos3 pos1 pos4" "pos5 pos6 pos7 pos8";
}
}
.front-gallery__first {
display: grid;
grid-template-columns: 50% 50%;
grid-template-areas: "pos1 pos2" "pos3 pos3" "pos4 pos4" "pos5 pos5";
background-color: #383637;
}
@media (min-width: 768px) {
.front-gallery__first {
height: 100vh;
grid-template-rows: 50% 50%;
grid-template-columns: 290px 200px auto 200px;
grid-template-areas: "pos1 pos2 pos3 pos3" "pos1 pos4 pos4 pos5";
}
}
@media (min-width: 992px) {
.front-gallery__first {
grid-template-columns: 390px 270px auto 270px;
}
}
.front-gallery__second {
display: grid;
grid-template-columns: 50% 50%;
grid-template-areas: "pos6 pos6" "pos7 pos7" "pos8 pos9";
background-color: #383637;
}
@media (min-width: 768px) {
.front-gallery__second {
height: 100vh;
grid-template-rows: 50% 50%;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "pos6 pos7 pos8" "pos6 pos7 pos9";
}
}
@media (max-width: 767px) {
.front-gallery:not(.pos4) .front-gallery__shell {
justify-content: center;
}
}
.front-gallery .front-gallery__shell {
justify-content: center;
align-items: center;
}
.front-gallery .pos1 {
grid-area: pos1;
}
.front-gallery .pos2 {
grid-area: pos2;
}
.front-gallery .pos3 {
grid-area: pos3;
}
.front-gallery .pos4 {
grid-area: pos4;
}
.front-gallery .pos5 {
grid-area: pos5;
}
.front-gallery .pos6 {
grid-area: pos6;
display: grid;
grid-template-columns: 100%;
grid-template-rows: 50% 50%;
}
@media (max-width: 767px) {
.front-gallery .pos6 {
grid-template-columns: 50% 50%;
grid-template-rows: unset;
}
}
.front-gallery .pos7 {
grid-area: pos7;
}
.front-gallery .pos8 {
grid-area: pos8;
}
.front-gallery .pos9 {
grid-area: pos9;
}
.container_mouse {
background-color: #F3F0EA;
text-align: center;
color: rgba(122, 122, 124, 0.918);
font-weight: bold;
text-transform: uppercase;
padding-top: 2rem;
cursor: pointer;
height: calc(50vh - 250px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.container_mouse .mouse-btn {
margin: 10px auto;
width: 30px;
height: 70px;
border: 2px solid rgba(122, 122, 124, 0.918);
border-radius: 30px;
display: flex;
}
.container_mouse .mouse-btn .mouse-scroll {
display: block;
width: 10px;
height: 10px;
background: linear-gradient(170deg, rgba(122, 122, 124, 0.918), #7b7c7c);
border-radius: 50%;
margin: auto;
animation: scrolling 1.2s linear infinite;
}
@keyframes scrolling {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(20px);
}
}
.bg-white {
background-color: white;
}
.bg-cream {
background-color: #F3F0EA;
}
.bloc-hero {
display: flex;
background-color: #f3f0ea;
flex-direction: column;
text-align: center;
justify-content: center;
align-items: center;
padding-block: 80px;
}
.bloc-hero h1 {
position: relative;
margin-bottom: 0px;
margin-top: 0px;
}
.bloc-hero__content {
margin: 0;
padding-top: 0px;
padding-bottom: 0px;
}
.bloc-hero:has(+ .flexible-content > .bloc-cta:first-child) {
padding-bottom: 0px;
}
@media (max-width: 767px) {
.bloc-hero {
padding-block: 50px;
}
}
.parrent-arrow {
position: absolute;
top: -80px;
left: 15px;
display: flex;
gap: 10px;
text-decoration: none;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 1.6rem;
}
.parrent-links {
position: relative;
}
.parrent-red {
margin-bottom: 10px;
text-decoration: none;
color: #D33424;
font-size: 2.5rem;
font-family: "the-seasons";
font-weight: normal;
text-transform: uppercase;
}
.bloc-timeline__element {
text-align: center;
max-width: 825px;
position: relative;
}
.bloc-timeline__element::after {
content: "";
display: block;
height: 35px;
width: 1px;
background-color: #D33424;
margin-top: 15px;
}
.bloc-timeline__element:last-of-type::after {
display: none;
}
.bloc-timeline__element h2 {
color: #D33424;
font-size: 3rem;
margin-block: 5px;
}
.bloc-timeline__element h2::after {
display: none;
}
.bloc-timeline__element p, .bloc-timeline__element ul {
margin: 0;
}
.bloc-timeline__list {
display: flex;
flex-direction: column;
align-items: center;
gap: 60px;
}
.bloc-citation .container, .bloc-citation .post-password-form {
display: flex;
justify-content: center;
}
.bloc-citation__card {
background-color: white;
max-width: 900px;
padding-inline: 40px;
}
.bloc-citation .content-citation {
padding-left: 120px;
position: relative;
}
.bloc-citation .content-citation blockquote {
font-family: "the-seasons";
margin-left: 0px;
font-weight: lighter;
}
.bloc-citation .content-citation p, .bloc-citation .content-citation ul {
font-size: 2.5rem;
font-weight: 300;
}
@media (max-width: 767px) {
.bloc-citation .content-citation p, .bloc-citation .content-citation ul {
font-size: 2rem;
}
}
@media (max-width: 767px) {
.bloc-citation .content-citation {
padding-left: 20px;
padding-right: 0px;
padding-top: 60px;
}
.bloc-citation .content-citation p, .bloc-citation .content-citation ul {
font-size: 2rem;
}
}
.bloc-citation .content-citation__author {
color: black;
font-size: 2rem;
font-weight: normal;
position: relative;
padding-left: 20px;
display: flex;
gap: 30px;
align-items: center;
padding: 0;
font-family: "the-seasons";
font-size: 2.5rem;
}
.bloc-citation .content-citation__author::before {
content: "-";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -15px;
margin-block: auto;
height: fit-content;
}
.bloc-citation .content-citation__author:has(.content-citation__author--img)::before {
left: 90px;
}
.bloc-citation .content-citation__author--img {
width: 80px;
height: 80px;
display: block;
}
.bloc-citation .content-citation__author--img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 80px;
}
@media (max-width: 767px) {
.bloc-citation .content-citation__author--img {
width: 60px;
height: 60px;
}
}
@media (max-width: 767px) {
.bloc-citation .content-citation__author {
font-size: 1.7rem;
display: flex;
flex-direction: column;
align-items: start;
gap: 5px;
padding-left: 10px;
}
.bloc-citation .content-citation__author::before {
bottom: 0px;
margin: 0;
top: unset;
left: 0px !important;
}
}
.bloc-citation .content-citation__quotes {
position: absolute;
top: 0px;
left: 60px;
}
@media (max-width: 767px) {
.bloc-citation .content-citation__quotes {
left: 0px;
}
}
.bloc-citation.bg-cream .content-citation {
padding-block: 30px;
}
.bloc-citation.bg-cream .content-citation__quotes {
top: 30px;
}
.bloc-accordion .container, .bloc-accordion .post-password-form {
display: flex;
flex-direction: column;
align-items: center;
}
.bloc-accordion__list {
list-style: none;
padding: 0px;
max-width: 800px;
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
.bloc-accordion__element {
position: relative;
cursor: pointer;
}
.bloc-accordion__element--title {
padding-block: 20px;
padding-inline: 40px;
}
.bloc-accordion__element--title p, .bloc-accordion__element--title ul {
margin: 0;
font-weight: 400;
}
@media (max-width: 767px) {
.bloc-accordion__element--title {
padding-left: 10px;
padding-right: 30px;
}
}
.bloc-accordion__element--content {
padding-block: 20px;
padding-inline: 60px;
}
@media (max-width: 767px) {
.bloc-accordion__element--content {
padding-inline: 20px;
}
}
.bloc-accordion__element--arrow {
transition: all 0.3s;
position: absolute;
right: 40px;
top: 21px;
height: fit-content;
}
.bloc-accordion__element--arrow i {
color: #D33424;
}
@media (max-width: 767px) {
.bloc-accordion__element--arrow {
right: 10px;
}
}
.bloc-accordion__element.is-active .bloc-accordion__element--arrow {
transform: rotateX(180deg);
}
@media (max-width: 991px) {
.bloc-gallery {
display: flex;
justify-content: center;
position: relative;
}
}
.bloc-gallery__container {
overflow: hidden;
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 991px) {
.bloc-gallery__container {
display: none;
}
}
.bloc-gallery__mobile {
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
margin-bottom: 0px !important;
}
@media (min-width: 992px) {
.bloc-gallery__mobile {
display: none;
}
}
.bloc-gallery__mobile--img {
aspect-ratio: 16/9; width: 100%; height: auto; }
.bloc-gallery__mobile--img img {
height: 100%;
object-fit: cover;
width: 100%;
border-radius: 15px;
}
.bloc-gallery__mobile .slick-slide {
max-width: 500px !important;
aspect-ratio: 16/9; width: 100%; height: 100%; }
.bloc-gallery__mobile .slick-dots {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
bottom: unset;
}
.bloc-gallery__mobile .slick-track {
display: flex;
}
.bloc-gallery__mobile .slick-list {
max-width: 500px !important;
width: 100% !important;
overflow: hidden;
}
.bloc-gallery__mobile .slick-prev {
left: 15px;
}
@media (max-width: 767px) {
.bloc-gallery__mobile .slick-prev {
display: none !important;
}
}
.bloc-gallery__mobile .slick-next {
right: 15px;
}
@media (max-width: 767px) {
.bloc-gallery__mobile .slick-next {
display: none !important;
}
}
.bloc-gallery__mobile .slick-arrow::before {
color: #383637;
font-size: 25px;
}
.bloc-gallery__top {
display: flex;
align-items: flex-end;
gap: max(20px, calc(14.033px + 1.53vw));
min-width: 160%;
transition: transform 0.3s ease-out;
max-height: 280px;
}
.bloc-gallery__bottom {
display: flex;
align-items: flex-start;
gap: max(20px, calc(14.033px + 1.53vw));
min-width: 160%;
transition: transform 0.3s ease-out;
max-height: 280px;
transform: translateX(-60%);
}
.bloc-gallery__img {
height: 100%;
}
.bloc-gallery__img img {
height: 100%;
object-fit: contain;
}
.bloc-cta h2 {
text-transform: none;
}
.bloc-cta .container, .bloc-cta .post-password-form {
display: flex;
flex-direction: column;
align-items: center;
}
.bloc-cta__btns {
display: flex;
gap: 30px;
margin-top: 40px;
flex-wrap: wrap;
justify-content: center;
font-size: 1.8rem;
flex-wrap: wrap;
row-gap: 10px;
column-gap: 20px;
}
@media (max-width: 767px) {
.bloc-cta__btns {
justify-content: start;
}
}
.flexible-content > .bloc-cta:first-child {
padding-top: 0px;
}
.flexible-content > .bloc-cta:first-child .bolc-cta__content {
margin-top: 0px;
}
@media (max-width: 767px) {
.flexible-content > .bloc-cta:first-child {
padding-bottom: 50px !important;
}
}
.bloc-columns .container, .bloc-columns .post-password-form {
display: flex;
flex-direction: column;
align-items: center;
}
.bloc-columns__grid {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (min-width: 768px) {
.bloc-columns__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
}
}
.bloc-columns__column {
max-width: 400px;
}
.bloc-imgtxt__grid {
display: flex;
flex-direction: column;
gap: 40px;
}
@media (min-width: 992px) {
.bloc-imgtxt__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
grid-template-areas: "imgElement txtElement";
}
}
.bloc-imgtxt h2::after {
right: unset;
margin-block: unset;
top: calc(100% + 8px);
left: 10px;
}
.bloc-imgtxt h2:first-of-type {
margin-top: 0px;
margin-bottom: 40px;
}
.bloc-imgtxt p, .bloc-imgtxt ul {
margin-bottom: 0;
}
.bloc-imgtxt__figure {
grid-area: imgElement;
aspect-ratio: 6/5;
max-width: 480px;
}
.bloc-imgtxt__figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 991px) {
.bloc-imgtxt__figure {
max-width: unset;
width: 100%;
}
}
.bloc-imgtxt__content {
grid-area: txtElement;
display: flex;
flex-direction: column;
justify-content: center;
}
.bloc-imgtxt .right {
grid-template-areas: "txtElement imgElement";
}
.bloc-cards__grid {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 767px) {
.bloc-cards__grid {
align-items: center;
}
}
.bloc-cards__card {
width: 100%;
display: flex;
flex-direction: column;
border-radius: 10px 10px 0px 0px;
max-width: 335px;
}
@media (min-width: 768px) {
.bloc-cards__card {
max-width: unset;
width: 350px;
border-radius: 10px 0px 0px 10px;
display: grid;
grid-template-columns: 2fr 4fr;
border-radius: 10px;
width: unset;
}
}
@media (min-width: 992px) {
.bloc-cards__card {
grid-template-columns: 0.8fr 3fr;
}
}
.bloc-cards__card--figure {
height: 250px;
}
.bloc-cards__card--figure img {
border-radius: 10px 0px 0px 10px;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 767px) {
.bloc-cards__card--figure img {
border-radius: 10px 10px 0px 0px;
object-position: top;
}
}
@media (min-width: 768px) {
.bloc-cards__card--figure {
height: 100%;
}
}
.bloc-cards__card--content {
display: flex;
flex-direction: column;
justify-content: center;
padding-inline: 40px;
}
@media (max-width: 767px) {
.bloc-cards__card--content {
padding-block: 20px;
}
.bloc-cards__card--content p, .bloc-cards__card--content ul {
margin-bottom: 0px;
}
}
.bloc-summary {
padding-block: 30px;
}
.bloc-summary .container, .bloc-summary .post-password-form {
display: flex;
justify-content: center;
}
.bloc-summary__content {
display: grid;
justify-content: center;
gap: 20px;
grid-template-columns: 100px auto;
max-width: 1000px;
}
.bloc-summary__title {
font-size: 2rem;
margin: 0px;
padding-block: 10px;
font-family: "Lato", sans-serif;
text-transform: none;
}
.bloc-summary__title::after {
content: none;
}
.bloc-summary__list {
display: flex;
column-gap: 30px;
row-gap: 10px;
list-style: none;
padding-inline: 0px;
padding-block: 10px;
flex-wrap: wrap;
}
.bloc-summary__list li {
height: fit-content;
}
.bloc-summary__item {
position: relative;
}
.bloc-summary__item:not(:first-child)::before {
content: "|";
font-weight: bolder;
color: #D33424;
position: absolute;
top: 0;
left: -17px;
}
.front-pastilles__grid {
display: flex;
gap: 20px;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.front-pastilles__grid a {
width: 130px;
height: 130px;
}
@media (min-width: 768px) {
.front-pastilles__grid a {
width: 150px;
height: 150px;
}
}
.front-pastilles__grid a img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 150px;
}
.bloc-easteregg__body {
max-width: 500px;
opacity: 0;
background-color: white;
padding-inline: 20px;
padding-block: 5px;
border-radius: 10px;
position: relative;
top: -60px;
left: 70px;
width: 100%;
}
.bloc-easteregg__body::before {
border-color: transparent white transparent transparent;
content: "";
border-width: 10px;
position: absolute;
left: -19px;
top: 16px;
border-style: solid;
}
@media (max-width: 767px) {
.bloc-easteregg__body {
max-width: 100%;
top: 25px;
left: 0px;
}
.bloc-easteregg__body::before {
position: absolute;
left: 15px;
top: -20px;
border-color: transparent transparent white transparent;
}
}
.bloc-easteregg__img {
width: 60px;
height: 60px;
box-shadow: 0 0 0 0 rgba(211, 52, 36, 0.5);
-webkit-animation: pulse 1.5s infinite;
border-radius: 50%;
}
@-webkit-keyframes pulse {
0% {
transform: scale(0.9);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 50px rgba(211, 52, 36, 0);
}
100% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(211, 52, 36, 0);
}
}
.bloc-easteregg__img img {
width: 100%;
height: 100%;
object-fit: contain;
cursor: pointer;
}
.simple-content {
display: flex;
flex-direction: column;
}
.simple-content h2 {
margin-bottom: 20px;
font-size: 3.5rem;
}
.simple-content h2::after {
display: none;
}
.simple-content .container, .simple-content .post-password-form {
padding-block: 80px;
} .ressources-section {
padding-block: 80px;
}
.ressources-grid {
display: flex;
flex-direction: column;
}
.ressources-filters {
display: flex;
gap: 10px;
margin-bottom: 40px;
position: relative;
}
@media (max-width: 767px) {
.ressources-filters {
display: grid;
grid-template-columns: 49% 49%;
gap: 2%;
}
.ressources-filters .facetwp-dropdown {
max-width: 100% !important;
}
.ressources-filters button {
width: 100% !important;
}
.ressources-filters .facetwp-search {
width: 100% !important;
min-width: unset !important;
}
.ressources-filters .facetwp-type-search {
position: relative;
}
}
.ressources-element {
text-decoration: none;
display: flex;
gap: 20px;
border-top: 1px solid;
padding: 25px 5px;
position: relative;
}
.ressources-element:last-of-type {
border-bottom: 1px solid;
}
.ressources-element::before {
width: 100%;
height: 100%;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: -1;
background: lightgray;
transform-origin: left;
transform: scaleX(0);
transition: transform 0.3s ease;
opacity: 0.15;
}
.ressources-element:hover::before {
animation: events-overlay 1.4s ease-in-out;
}
.ressources-element--icon {
color: #D33424;
}
@media (max-width: 767px) {
.ressources-element {
gap: 10px;
flex-direction: column;
}
}
#download-all-container {
width: fit-content;
}
#download-all-files {
font-size: 2rem;
width: 37px;
font-size: 2rem;
height: 37px;
font-size: 20px;
color: #383637;
background-color: transparent;
border: 1px solid #383637;
transition: all 0.2s;
cursor: pointer;
}
#download-all-files:hover {
color: #D33424;
}
.facetwp-facet {
margin-bottom: 0px !important;
}
.facetwp-dropdown {
border: 1px solid #383637;
padding: 5px 15px;
border-radius: 0px;
color: #383637;
background-color: transparent;
}
@media (min-width: 768px) {
.facetwp-dropdown {
font-size: 2rem;
}
}
.facetwp-type-pager {
padding-block: 40px;
}
.facetwp-pager {
display: flex;
justify-content: center;
}
.facetwp-page {
height: 20px;
border: 1px solid #383637;
border-radius: 0px;
display: flex !important;
align-items: center !important;
text-decoration: none;
color: #383637;
}
.facetwp-page.active {
background-color: #383637;
color: white;
}
.facetwp-page:hover {
background-color: #383637;
color: white;
}
.facetwp-type-search {
position: absolute;
right: 0;
height: 100%;
}
.facetwp-search {
color: #383637;
border: 1px solid #383637;
height: 100%;
}
.facetwp-input-wrap {
height: 100%;
}
.post-password-form {
font-family: "Lato", sans-serif;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: fit-content;
padding: 0px !important;
}
.post-password-form p:first-of-type, .post-password-form ul:first-of-type {
font-size: 1.6rem;
color: #383637;
font-weight: bold;
max-width: 500px;
font-weight: 400;
}
.post-password-form p:last-of-type, .post-password-form ul:last-of-type {
display: flex;
flex-direction: column;
align-items: start;
gap: 20px;
max-width: 500px;
}
.post-password-form p:last-of-type label, .post-password-form ul:last-of-type label {
display: flex;
flex-direction: column;
gap: 5px;
}
.post-password-form p:last-of-type input[type=submit], .post-password-form ul:last-of-type input[type=submit] {
border: 1px solid #D33424;
color: white;
padding-inline: 10px;
padding-block: 5px;
background-color: #D33424;
transition: all 0.2s ease-out;
cursor: pointer;
}
.post-password-form p:last-of-type input[type=submit]:hover, .post-password-form ul:last-of-type input[type=submit]:hover {
background-color: transparent;
color: #D33424;
}
.post-password-form p, .post-password-form ul {
width: 100%;
}
.form-intro {
max-width: 500px;
padding: 0px;
}
.form-intro p, .form-intro ul {
font-size: 3rem;
font-weight: bold;
color: #383637;
}
@media (max-width: 767px) {
.form-intro p, .form-intro ul {
font-size: 2rem;
}
}
.access-form {
display: flex;
flex-direction: column;
max-width: 500px;
}
.access-form p, .access-form ul {
margin-bottom: 0;
} .map-section {
display: flex;
flex-direction: column;
padding-bottom: 80px;
}
.fc-item-title {
margin: 0px !important;
}
.fc-item-title a {
color: #D33424 !important;
}
.wpomp_infowindow {
border: 1px solid #383637;
border-radius: 5px;
}
.wpomp_infowindow .map-btn {
text-decoration: none;
color: white;
background-color: #383637;
border: 1px solid #383637;
font-size: 16px;
padding-inline: 5px;
position: relative;
top: 7px;
}
#content .wpomp_filter_wrappers {
margin: 0px;
background: transparent;
padding-inline: 0px;
}
#content .wpomp_filter_wrappers select {
border: 1px solid #383637;
color: #383637;
background: transparent;
font-size: 16px;
padding: 5px 10px;
width: 118px;
font-size: 1.8rem;
margin: 0px;
border-radius: 0px;
}
@media (min-width: 768px) {
#content .wpomp_filter_wrappers {
font-size: 2rem;
}
}
#content .categories_filter {
display: flex !important;
position: relative !important;
width: fit-content !important;
align-items: center;
}
#content .categories_filter::after {
content: "";
display: block;
color: #383637;
font-size: 12px;
position: absolute;
right: 3px;
font-family: "Font Awesome 6 Free"; font-weight: 900;
}
.wpomp_before_listing {
display: none !important;
}
.wpomp_map_parent {
margin-bottom: 0px !important;
}
.wpomp_listing_container {
margin-top: 0px !important;
}
.wpomp_categories {
height: auto !important;
}
#primary .masonry-brick .fc-component-6 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
position: relative;
padding-bottom: 80px;
}
@media (max-width: 767px) {
#primary .masonry-brick .fc-component-6 {
display: flex !important;
flex-direction: column !important;
}
}
#content .wpomp_pagination {
display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap: 3px;
}
#content .wpomp_pagination a, #content .wpomp_pagination span {
height: 20px;
border: 1px solid #383637 !important;
border-radius: 0px;
display: flex !important;
align-items: center !important;
text-decoration: none;
color: #383637 !important;
background-color: transparent;
}
#content .wpomp_pagination a:hover, #content .wpomp_pagination span:hover {
background-color: #383637 !important;
color: white !important;
}
#content .wpomp_pagination span.current {
background-color: #383637 !important;
color: white !important;
}
.fc-infowindow-content .btn-grey {
background-color: #383637;
color: white;
padding-inline: 10px;
padding-block: 5px;
text-decoration: none;
width: fit-content;
position: relative;
top: 7px;
}
.fc-infowindow-content .btn-grey:hover {
color: white;
}
.revendeur-adr, .fc-item-content {
font-family: "Lato", sans-serif;
font-size: 1.6rem !important;
} .actus-section {
display: flex;
flex-direction: column;
padding-top: 80px;
padding-bottom: 80px;
}
.actus-grid {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (min-width: 768px) {
.actus-grid {
display: grid;
gap: 10px;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 992px) {
.actus-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
.actus-card {
background-color: #f3f0ea;
display: flex;
flex-direction: column;
}
.actus-card--figure {
height: 200px;
width: 100%;
}
.actus-card--figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.actus-card--body {
padding-inline: 10px;
padding-block: 20px;
}
.actus-card--body h3 {
color: #383637;
} .actu-hero {
min-height: 300px;
position: relative;
}
.actu-hero h1 {
margin-block: 50px;
position: relative;
z-index: 1;
color: white;
}
.actu-hero img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.4);
}
.actu-hero:has(picture) picture {
position: absolute !important;
width: 100% !important;
height: 100% !important;
}
.actu-hero:has(picture) img {
position: unset !important;
}
.actu-content {
padding-block: 40px;
}
@media (min-width: 768px) {
.actu-content {
padding-block: 100px;
}
}
.actu-content h2::after {
margin-left: 0px;
}
.actu-btn {
position: relative;
top: 20px;
} .contact-form .container, .contact-form .post-password-form {
display: flex;
flex-direction: column;
gap: 60px;
}
.contact-info {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
}
@media (max-width: 767px) {
.contact-info {
display: flex;
flex-direction: column;
}
}
.contact-card {
display: flex;
flex-direction: column;
height: 100%;
}
.contact-card__figure {
width: 100%;
height: 200px;
}
.contact-card__figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.contact-card__content {
background-color: #F3F0EA;
padding-block: 20px;
padding-inline: 20px;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
display: flex;
flex-direction: column;
align-items: center;
}
.contact-card__socials {
text-align: center;
display: flex;
justify-content: center;
gap: 15px;
font-size: 2.5rem;
padding-top: 15px;
} .navbar-lang {
width: 82px;
justify-self: end;
}
@media (max-width: 767px) {
.navbar-lang {
width: 60px;
}
}
.navbar-lang a {
background-color: transparent;
}
.navbar-lang .wpml-ls-item-toggle {
border: 0px;
}
.navbar-lang ul {
display: flex;
gap: 20px;
text-transform: uppercase;
justify-content: end;
}
.navbar-lang li {
text-underline-offset: 5px;
position: relative;
}
.navbar-lang li a {
padding: 0px;
}
.navbar-lang li.wpml-ls-first-item::after {
content: "|";
position: absolute;
right: -13px;
top: 0;
font-size: 20px;
}
.navbar-lang .wpml-ls-legacy-list-horizontal {
padding-right: 0;
}
@keyframes events-overlay {
0% {
opacity: 0;
transform: scaleX(0);
}
30% {
opacity: 0.15;
transform: scaleX(1);
}
100% {
opacity: 0;
transform: scaleX(1);
}
}
#prehome-modal {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #F3F0EA;
z-index: 999999;
text-align: center;
}
#prehome {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#prehome-bandeau {
position: relative;
width: 100%;
height: 250px;
}
@media (max-width: 767px) {
#prehome-bandeau {
height: 150px;
}
}
#premhome-logo {
width: 100%;
height: 100%;
}
#premhome-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
#premhome-logo svg {
height: 100%;
width: auto;
}
#premhome-logo .image-normale {
display: inline-block;
object-fit: contain;
}
#prehome-texte {
margin: 30px 0 0;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.8em;
color: #383637;
}
#prehome-enter {
margin-top: 30px;
background: #383637;
border: 0;
font-size: 18px;
color: #FFF;
padding: 10px 18px;
text-transform: uppercase;
width: fit-content;
cursor: pointer;
}
html body #tarteaucitronRoot div#tarteaucitronAlertBig::before {
color: #D33424 !important;
font-family: "the-seasons" !important;
}
html body #tarteaucitronRoot #tarteaucitronAlertBig span {
font-family: "Lato", sans-serif !important;
}
.bloc-404 {
text-align: center;
padding-block: 60px;
}
.bloc-404 h2 {
font-size: 15rem;
margin-block: 0;
}
@media (min-width: 768px) {
.bloc-404 h2 {
font-size: 20rem;
}
}
.bloc-404 h2::after {
bottom: 0;
}
@media (min-width: 768px) {
.bloc-404 {
padding-block: 180px;
}
}
footer {
background-color: #383637;
}
.footer-grid {
display: flex;
flex-direction: column;
gap: 30px;
max-width: 800px;
justify-items: center;
padding-block: 40px;
}
@media (min-width: 992px) {
.footer-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
}
.footer-list {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0px;
margin: 0;
list-style: none;
}
@media (max-width: 991px) {
.footer-list {
align-items: center;
text-align: center;
}
}
.footer-element a {
color: white;
font-family: "Lato", sans-serif;
font-family: 1.4rem;
text-decoration: none;
font-weight: 300;
}
@media (min-width: 768px) {
.footer-element a {
font-family: 1.8rem;
}
}
.footer-brand {
height: 65px;
align-self: center;
}
.footer-brand img {
height: 100%;
object-fit: contain;
}
@media (max-width: 991px) {
.footer-brand {
display: flex;
justify-content: center;
}
}
.footer-partners {
display: flex;
gap: 15px;
justify-content: center;
}
.footer-partners img {
height: 120px;
}
@media (max-width: 767px) {
.footer-partners {
justify-content: center;
}
}
.footer-others {
background-color: white;
padding-block: 20px;
}
.footer-others p, .footer-others ul {
margin: 0px;
font-size: 1.4rem;
text-align: center;
}
.footer-others__links ul {
display: flex;
flex-direction: row;
gap: 10px;
padding: 0px;
margin: 0px;
list-style: none;
justify-content: center;
}
@media (max-width: 767px) {
.footer-others__links ul {
flex-direction: column;
align-items: center;
text-align: center;
gap: 5px;
}
}
.footer-others__links ul a {
color: #383637;
font-size: 1.5rem;
text-decoration: underline;
}
.footer-others__links ul p, .footer-others__links ul ul {
text-align: center;
}
.footer-others .container, .footer-others .post-password-form {
max-width: 800px;
display: flex;
flex-direction: column;
gap: 10px;
}
@media (max-width: 767px) {
.footer-others .container, .footer-others .post-password-form {
gap: 20px;
}
}
.footer-secondary__socials {
margin-top: 15px;
display: flex;
gap: 30px;
}
@media (max-width: 991px) {
.footer-secondary__socials {
justify-content: center;
}
}
.footer-secondary__social i {
color: white;
font-size: 2.5rem;
}
#scroll-top {
width: 50px;
height: 50px;
display: flex;
color: #F3F0EA;
font-size: 25px;
font-weight: bold;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #D33424;
position: fixed;
bottom: 80px;
right: 20px;
z-index: 2000;
cursor: pointer;
transition: all 0.2s ease-out;
opacity: 0;
}
#scroll-top:hover {
color: #383637;
background-color: #F3F0EA;
border: 1px solid #383637;
}