.hamburger {
outline: none;
padding: 10px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #00523B;
}
.hamburger-box {
width: 30px;
height: 21px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 30px;
height: 4px;
background-color: #00523B;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -9px;
}
.hamburger-inner::after {
bottom: -9px;
}
.hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
-ms-transform: rotate(225deg);
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
} .slick-list, .slick-slider, .slick-track {
position: relative;
display: block;
}
.slick-slider {
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: 0;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list, .slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
top: 0;
left: 0;
margin-left: auto;
margin-right: auto;
}
.slick-track:after, .slick-track:before {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-slide, .slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-initialized .slick-slide, .slick-slide img {
display: block;
}
.slick-arrow.slick-hidden, .slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.ws {
height: max(10px, 0.693vw);
}
.ws-0 {
height: max(0px, 0vw);
}
.ws-10 {
height: max(10px, 0.693vw);
}
.ws-20 {
height: max(20px, 1.386vw);
}
.ws-30 {
height: max(30px, 2.079vw);
}
.ws-40 {
height: max(40px, 2.772vw);
}
.ws-50 {
height: max(50px, 3.465vw);
}
.ws-60 {
height: max(60px, 4.158vw);
}
.ws-70 {
height: max(70px, 4.851vw);
}
.ws-80 {
height: max(80px, 5.544vw);
}
.ws-90 {
height: max(90px, 6.237vw);
}
.ws-100 {
height: max(100px, 6.93vw);
}
.ws-n {
margin-top: max(-10px, -0.693vw);
}
.ws-n-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-100 {
margin-top: max(-100px, -6.93vw);
}
@media (min-width: 100%) {
.ws-xs {
height: max(10px, 0.693vw);
}
.ws-xs-0 {
height: max(0px, 0vw);
}
.ws-xs-10 {
height: max(10px, 0.693vw);
}
.ws-xs-20 {
height: max(20px, 1.386vw);
}
.ws-xs-30 {
height: max(30px, 2.079vw);
}
.ws-xs-40 {
height: max(40px, 2.772vw);
}
.ws-xs-50 {
height: max(50px, 3.465vw);
}
.ws-xs-60 {
height: max(60px, 4.158vw);
}
.ws-xs-70 {
height: max(70px, 4.851vw);
}
.ws-xs-80 {
height: max(80px, 5.544vw);
}
.ws-xs-90 {
height: max(90px, 6.237vw);
}
.ws-xs-100 {
height: max(100px, 6.93vw);
}
.ws-n-xs {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xs-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-xs-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xs-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-xs-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-xs-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-xs-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-xs-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-xs-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-xs-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-xs-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-xs-100 {
margin-top: max(-100px, -6.93vw);
}
}
@media (min-width: 576px) {
.ws-sm {
height: max(10px, 0.693vw);
}
.ws-sm-0 {
height: max(0px, 0vw);
}
.ws-sm-10 {
height: max(10px, 0.693vw);
}
.ws-sm-20 {
height: max(20px, 1.386vw);
}
.ws-sm-30 {
height: max(30px, 2.079vw);
}
.ws-sm-40 {
height: max(40px, 2.772vw);
}
.ws-sm-50 {
height: max(50px, 3.465vw);
}
.ws-sm-60 {
height: max(60px, 4.158vw);
}
.ws-sm-70 {
height: max(70px, 4.851vw);
}
.ws-sm-80 {
height: max(80px, 5.544vw);
}
.ws-sm-90 {
height: max(90px, 6.237vw);
}
.ws-sm-100 {
height: max(100px, 6.93vw);
}
.ws-n-sm {
margin-top: max(-10px, -0.693vw);
}
.ws-n-sm-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-sm-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-sm-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-sm-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-sm-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-sm-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-sm-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-sm-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-sm-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-sm-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-sm-100 {
margin-top: max(-100px, -6.93vw);
}
}
@media (min-width: 768px) {
.ws-md {
height: max(10px, 0.693vw);
}
.ws-md-0 {
height: max(0px, 0vw);
}
.ws-md-10 {
height: max(10px, 0.693vw);
}
.ws-md-20 {
height: max(20px, 1.386vw);
}
.ws-md-30 {
height: max(30px, 2.079vw);
}
.ws-md-40 {
height: max(40px, 2.772vw);
}
.ws-md-50 {
height: max(50px, 3.465vw);
}
.ws-md-60 {
height: max(60px, 4.158vw);
}
.ws-md-70 {
height: max(70px, 4.851vw);
}
.ws-md-80 {
height: max(80px, 5.544vw);
}
.ws-md-90 {
height: max(90px, 6.237vw);
}
.ws-md-100 {
height: max(100px, 6.93vw);
}
.ws-n-md {
margin-top: max(-10px, -0.693vw);
}
.ws-n-md-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-md-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-md-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-md-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-md-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-md-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-md-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-md-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-md-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-md-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-md-100 {
margin-top: max(-100px, -6.93vw);
}
}
@media (min-width: 992px) {
.ws-lg {
height: max(10px, 0.693vw);
}
.ws-lg-0 {
height: max(0px, 0vw);
}
.ws-lg-10 {
height: max(10px, 0.693vw);
}
.ws-lg-20 {
height: max(20px, 1.386vw);
}
.ws-lg-30 {
height: max(30px, 2.079vw);
}
.ws-lg-40 {
height: max(40px, 2.772vw);
}
.ws-lg-50 {
height: max(50px, 3.465vw);
}
.ws-lg-60 {
height: max(60px, 4.158vw);
}
.ws-lg-70 {
height: max(70px, 4.851vw);
}
.ws-lg-80 {
height: max(80px, 5.544vw);
}
.ws-lg-90 {
height: max(90px, 6.237vw);
}
.ws-lg-100 {
height: max(100px, 6.93vw);
}
.ws-n-lg {
margin-top: max(-10px, -0.693vw);
}
.ws-n-lg-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-lg-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-lg-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-lg-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-lg-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-lg-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-lg-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-lg-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-lg-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-lg-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-lg-100 {
margin-top: max(-100px, -6.93vw);
}
}
@media (min-width: 1200px) {
.ws-xl {
height: max(10px, 0.693vw);
}
.ws-xl-0 {
height: max(0px, 0vw);
}
.ws-xl-10 {
height: max(10px, 0.693vw);
}
.ws-xl-20 {
height: max(20px, 1.386vw);
}
.ws-xl-30 {
height: max(30px, 2.079vw);
}
.ws-xl-40 {
height: max(40px, 2.772vw);
}
.ws-xl-50 {
height: max(50px, 3.465vw);
}
.ws-xl-60 {
height: max(60px, 4.158vw);
}
.ws-xl-70 {
height: max(70px, 4.851vw);
}
.ws-xl-80 {
height: max(80px, 5.544vw);
}
.ws-xl-90 {
height: max(90px, 6.237vw);
}
.ws-xl-100 {
height: max(100px, 6.93vw);
}
.ws-n-xl {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xl-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-xl-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xl-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-xl-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-xl-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-xl-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-xl-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-xl-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-xl-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-xl-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-xl-100 {
margin-top: max(-100px, -6.93vw);
}
}
@media (min-width: 1400px) {
.ws-xxl {
height: max(10px, 0.693vw);
}
.ws-xxl-0 {
height: max(0px, 0vw);
}
.ws-xxl-10 {
height: max(10px, 0.693vw);
}
.ws-xxl-20 {
height: max(20px, 1.386vw);
}
.ws-xxl-30 {
height: max(30px, 2.079vw);
}
.ws-xxl-40 {
height: max(40px, 2.772vw);
}
.ws-xxl-50 {
height: max(50px, 3.465vw);
}
.ws-xxl-60 {
height: max(60px, 4.158vw);
}
.ws-xxl-70 {
height: max(70px, 4.851vw);
}
.ws-xxl-80 {
height: max(80px, 5.544vw);
}
.ws-xxl-90 {
height: max(90px, 6.237vw);
}
.ws-xxl-100 {
height: max(100px, 6.93vw);
}
.ws-n-xxl {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xxl-0 {
margin-top: max(-0px, -0vw);
}
.ws-n-xxl-10 {
margin-top: max(-10px, -0.693vw);
}
.ws-n-xxl-20 {
margin-top: max(-20px, -1.386vw);
}
.ws-n-xxl-30 {
margin-top: max(-30px, -2.079vw);
}
.ws-n-xxl-40 {
margin-top: max(-40px, -2.772vw);
}
.ws-n-xxl-50 {
margin-top: max(-50px, -3.465vw);
}
.ws-n-xxl-60 {
margin-top: max(-60px, -4.158vw);
}
.ws-n-xxl-70 {
margin-top: max(-70px, -4.851vw);
}
.ws-n-xxl-80 {
margin-top: max(-80px, -5.544vw);
}
.ws-n-xxl-90 {
margin-top: max(-90px, -6.237vw);
}
.ws-n-xxl-100 {
margin-top: max(-100px, -6.93vw);
}
}   @font-face {
font-family: "Tombstone";
src: url(//jami-delivery.com/wp-content/themes/jami-delivery/assets/fonts/tombstoneblues-webfont.woff), url(//jami-delivery.com/wp-content/themes/jami-delivery/assets/fonts/tombstoneblues-webfont.woff2);
font-display: swap;
}
@font-face {
font-family: "Josefin Sans";
src: url(//jami-delivery.com/wp-content/themes/jami-delivery/assets/fonts/josefinsans-webfont.woff), url(//jami-delivery.com/wp-content/themes/jami-delivery/assets/fonts/josefinsans-webfont.woff2);
font-display: swap;
}
@font-face {
font-family: "Josefin Sans Bold";
src: url(//jami-delivery.com/wp-content/themes/jami-delivery/assets/fonts/josefinsans-bold-webfont.woff), url(//jami-delivery.com/wp-content/themes/jami-delivery/assets/fonts/josefinsans-bold-webfont.woff2);
font-display: swap;
}
:root {
--color-primary: #013028;
--color-secondary: #FFFFFF;
--color-tertiary: #F6B5C1;
--color-4: #DBA828;
--color-5: #00523B;
}
.colored--none {
background-color: transparent;
}
.colored--primary {
background-color: var(--color-primary);
}
.colored--secondary {
background-color: var(--color-secondary);
}
.colored--tertiary {
background-color: var(--color-tertiary);
}
.colored--4 {
background-color: var(--color-4);
}
.colored--5 {
background-color: var(--color-5);
}
.colored--6 {
background-color: var(--color-6);
}
.colored--img {
color: var(--color-secondary);
overflow: hidden;
position: relative;
}
.colored--img > img {
position: absolute;
width: auto;
height: 100%;
z-index: -1;
}
.btn {
position: relative;
display: inline-block;
cursor: pointer;
padding: 10px 30px;
border-radius: 50px;
font-family: "Josefin Sans Bold", sans-serif;
text-transform: uppercase;
font-size: 1.2em;
border: solid 3px;
transition: all 0.2s ease-in-out;
}
.btn.star::after {
position: absolute;
height: 35px;
width: 35px;
top: -10px;
right: -8px;
transition: all 0.2s ease-in-out;
}
.btn--primary {
color: var(--color-secondary);
background-color: var(--color-primary);
border-color: var(--color-primary);
}
.btn--secondary {
color: var(--color-primary);
background-color: var(--color-secondary);
border-color: var(--color-secondary);
transition: all 0.2s ease-in-out;
}
.btn--secondary.star::after {
transition: all 0.2s ease-in-out;
content: url(//jami-delivery.com/wp-content/uploads/2023/07/double-etoile-blanc-fond-vert.svg);
}
.btn--secondary:hover {
color: var(--color-secondary);
background-color: var(--color-tertiary);
border-color: var(--color-tertiary);
}
.btn--secondary:hover.star::after {
content: url(//jami-delivery.com/wp-content/uploads/2023/07/double-etoile-fond.svg);
}
.btn--tertiary {
color: var(--color-primary);
background-color: var(--color-tertiary);
border-color: var(--color-tertiary);
}
.btn--tertiary-bis {
color: var(--color-tertiary);
background-color: var(--color-secondary);
border: solid 3px var(--color-tertiary);
}
.btn--tertiary.star::after {
content: url(//jami-delivery.com/wp-content/uploads/2023/07/double-etoile-fond.svg);
}
.btn--tertiary:hover {
background-color: var(--color-secondary);
border-color: var(--color-tertiary);
}
.btn--4 {
color: var(--color-4);
}
.btn--5 {
color: var(--color-5);
}
.btn--6 {
color: var(--color-6);
}
.d-grid {
display: grid;
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-ext {
margin-left: 6.25vw;
margin-right: 6.25vw;
}
.row {
display: grid;
grid-template-columns: repeat(12, 1fr);
column-gap: 1.389vw;
word-break: break-word;
}
.reverse {
direction: rtl;
}
.justify-content-start {
justify-self: start;
justify-items: start;
justify-content: start;
}
.justify-content-center {
justify-self: center;
justify-items: center;
justify-content: center;
}
.justify-content-end {
justify-self: end;
justify-items: end;
justify-content: end;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-around {
justify-content: space-around;
}
.align-items-start {
align-self: start;
align-items: start;
}
.align-items-center {
align-self: center;
align-items: center;
}
.align-items-end {
align-self: end;
align-items: end;
}
.align-items-stretch {
align-self: stretch;
align-items: stretch;
}
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.col-1 {
grid-column-end: span 1;
}
.col-2 {
grid-column-end: span 2;
}
.col-3 {
grid-column-end: span 3;
}
.col-4 {
grid-column-end: span 4;
}
.col-5 {
grid-column-end: span 5;
}
.col-6 {
grid-column-end: span 6;
}
.col-7 {
grid-column-end: span 7;
}
.col-8 {
grid-column-end: span 8;
}
.col-9 {
grid-column-end: span 9;
}
.col-10 {
grid-column-end: span 10;
}
.col-11 {
grid-column-end: span 11;
}
.col-12 {
grid-column-end: span 12;
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-4 {
order: 4;
}
.order-5 {
order: 5;
}
.order-6 {
order: 6;
}
.order-7 {
order: 7;
}
.order-8 {
order: 8;
}
.order-9 {
order: 9;
}
.order-10 {
order: 10;
}
.order-11 {
order: 11;
}
.order-12 {
order: 12;
}
.offset-1 {
grid-column-start: 2;
}
.offset-2 {
grid-column-start: 3;
}
.offset-3 {
grid-column-start: 4;
}
.offset-4 {
grid-column-start: 5;
}
.offset-5 {
grid-column-start: 6;
}
.offset-6 {
grid-column-start: 7;
}
.offset-7 {
grid-column-start: 8;
}
.offset-8 {
grid-column-start: 9;
}
.offset-9 {
grid-column-start: 10;
}
.offset-10 {
grid-column-start: 11;
}
.offset-11 {
grid-column-start: 12;
}
.masonry {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 1.389vw;
grid-auto-rows: calc(50vh/6);
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-1 {
grid-row-end: span 1;
}
.masonry .level-2 {
grid-row-end: span 2;
}
.masonry .level-3 {
grid-row-end: span 3;
}
.masonry .level-4 {
grid-row-end: span 4;
}
.masonry .level-5 {
grid-row-end: span 5;
}
.masonry .level-6 {
grid-row-end: span 6;
}
@media (min-width: 100%) {
.container {
width: 90%;
}
.reverse-xs {
direction: rtl;
}
.justify-content-xs-start {
justify-self: start;
justify-items: start;
justify-content: start;
}
.justify-content-xs-center {
justify-self: center;
justify-items: center;
justify-content: center;
}
.justify-content-xs-end {
justify-self: end;
justify-items: end;
justify-content: end;
}
.justify-content-xs-between {
justify-content: space-between;
}
.justify-content-xs-around {
justify-content: space-around;
}
.align-items-xs-start {
align-self: start;
align-items: start;
}
.align-items-xs-center {
align-self: center;
align-items: center;
}
.align-items-xs-end {
align-self: end;
align-items: end;
}
.align-items-xs-stretch {
align-self: stretch;
align-items: stretch;
}
.flex-xs-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-xs-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.col-xs-1 {
grid-column-end: span 1;
}
.col-xs-2 {
grid-column-end: span 2;
}
.col-xs-3 {
grid-column-end: span 3;
}
.col-xs-4 {
grid-column-end: span 4;
}
.col-xs-5 {
grid-column-end: span 5;
}
.col-xs-6 {
grid-column-end: span 6;
}
.col-xs-7 {
grid-column-end: span 7;
}
.col-xs-8 {
grid-column-end: span 8;
}
.col-xs-9 {
grid-column-end: span 9;
}
.col-xs-10 {
grid-column-end: span 10;
}
.col-xs-11 {
grid-column-end: span 11;
}
.col-xs-12 {
grid-column-end: span 12;
}
.order-xs-0 {
order: 0;
}
.order-xs-1 {
order: 1;
}
.order-xs-2 {
order: 2;
}
.order-xs-3 {
order: 3;
}
.order-xs-4 {
order: 4;
}
.order-xs-5 {
order: 5;
}
.order-xs-6 {
order: 6;
}
.order-xs-7 {
order: 7;
}
.order-xs-8 {
order: 8;
}
.order-xs-9 {
order: 9;
}
.order-xs-10 {
order: 10;
}
.order-xs-11 {
order: 11;
}
.order-xs-12 {
order: 12;
}
.offset-xs-0 {
grid-column-start: 1;
}
.offset-xs-1 {
grid-column-start: 2;
}
.offset-xs-2 {
grid-column-start: 3;
}
.offset-xs-3 {
grid-column-start: 4;
}
.offset-xs-4 {
grid-column-start: 5;
}
.offset-xs-5 {
grid-column-start: 6;
}
.offset-xs-6 {
grid-column-start: 7;
}
.offset-xs-7 {
grid-column-start: 8;
}
.offset-xs-8 {
grid-column-start: 9;
}
.offset-xs-9 {
grid-column-start: 10;
}
.offset-xs-10 {
grid-column-start: 11;
}
.offset-xs-11 {
grid-column-start: 12;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-xs-1 {
grid-row-end: span 1;
}
.masonry .level-xs-2 {
grid-row-end: span 2;
}
.masonry .level-xs-3 {
grid-row-end: span 3;
}
.masonry .level-xs-4 {
grid-row-end: span 4;
}
.masonry .level-xs-5 {
grid-row-end: span 5;
}
.masonry .level-xs-6 {
grid-row-end: span 6;
}
}
@media (min-width: 576px) {
.container {
width: 540px;
}
.reverse-sm {
direction: rtl;
}
.justify-content-sm-start {
justify-self: start;
justify-items: start;
justify-content: start;
}
.justify-content-sm-center {
justify-self: center;
justify-items: center;
justify-content: center;
}
.justify-content-sm-end {
justify-self: end;
justify-items: end;
justify-content: end;
}
.justify-content-sm-between {
justify-content: space-between;
}
.justify-content-sm-around {
justify-content: space-around;
}
.align-items-sm-start {
align-self: start;
align-items: start;
}
.align-items-sm-center {
align-self: center;
align-items: center;
}
.align-items-sm-end {
align-self: end;
align-items: end;
}
.align-items-sm-stretch {
align-self: stretch;
align-items: stretch;
}
.flex-sm-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-sm-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.col-sm-1 {
grid-column-end: span 1;
}
.col-sm-2 {
grid-column-end: span 2;
}
.col-sm-3 {
grid-column-end: span 3;
}
.col-sm-4 {
grid-column-end: span 4;
}
.col-sm-5 {
grid-column-end: span 5;
}
.col-sm-6 {
grid-column-end: span 6;
}
.col-sm-7 {
grid-column-end: span 7;
}
.col-sm-8 {
grid-column-end: span 8;
}
.col-sm-9 {
grid-column-end: span 9;
}
.col-sm-10 {
grid-column-end: span 10;
}
.col-sm-11 {
grid-column-end: span 11;
}
.col-sm-12 {
grid-column-end: span 12;
}
.order-sm-0 {
order: 0;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.order-sm-3 {
order: 3;
}
.order-sm-4 {
order: 4;
}
.order-sm-5 {
order: 5;
}
.order-sm-6 {
order: 6;
}
.order-sm-7 {
order: 7;
}
.order-sm-8 {
order: 8;
}
.order-sm-9 {
order: 9;
}
.order-sm-10 {
order: 10;
}
.order-sm-11 {
order: 11;
}
.order-sm-12 {
order: 12;
}
.offset-sm-0 {
grid-column-start: 1;
}
.offset-sm-1 {
grid-column-start: 2;
}
.offset-sm-2 {
grid-column-start: 3;
}
.offset-sm-3 {
grid-column-start: 4;
}
.offset-sm-4 {
grid-column-start: 5;
}
.offset-sm-5 {
grid-column-start: 6;
}
.offset-sm-6 {
grid-column-start: 7;
}
.offset-sm-7 {
grid-column-start: 8;
}
.offset-sm-8 {
grid-column-start: 9;
}
.offset-sm-9 {
grid-column-start: 10;
}
.offset-sm-10 {
grid-column-start: 11;
}
.offset-sm-11 {
grid-column-start: 12;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-sm-1 {
grid-row-end: span 1;
}
.masonry .level-sm-2 {
grid-row-end: span 2;
}
.masonry .level-sm-3 {
grid-row-end: span 3;
}
.masonry .level-sm-4 {
grid-row-end: span 4;
}
.masonry .level-sm-5 {
grid-row-end: span 5;
}
.masonry .level-sm-6 {
grid-row-end: span 6;
}
}
@media (min-width: 768px) {
.container {
width: 720px;
}
.reverse-md {
direction: rtl;
}
.justify-content-md-start {
justify-self: start;
justify-items: start;
justify-content: start;
}
.justify-content-md-center {
justify-self: center;
justify-items: center;
justify-content: center;
}
.justify-content-md-end {
justify-self: end;
justify-items: end;
justify-content: end;
}
.justify-content-md-between {
justify-content: space-between;
}
.justify-content-md-around {
justify-content: space-around;
}
.align-items-md-start {
align-self: start;
align-items: start;
}
.align-items-md-center {
align-self: center;
align-items: center;
}
.align-items-md-end {
align-self: end;
align-items: end;
}
.align-items-md-stretch {
align-self: stretch;
align-items: stretch;
}
.flex-md-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-md-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.col-md-1 {
grid-column-end: span 1;
}
.col-md-2 {
grid-column-end: span 2;
}
.col-md-3 {
grid-column-end: span 3;
}
.col-md-4 {
grid-column-end: span 4;
}
.col-md-5 {
grid-column-end: span 5;
}
.col-md-6 {
grid-column-end: span 6;
}
.col-md-7 {
grid-column-end: span 7;
}
.col-md-8 {
grid-column-end: span 8;
}
.col-md-9 {
grid-column-end: span 9;
}
.col-md-10 {
grid-column-end: span 10;
}
.col-md-11 {
grid-column-end: span 11;
}
.col-md-12 {
grid-column-end: span 12;
}
.order-md-0 {
order: 0;
}
.order-md-1 {
order: 1;
}
.order-md-2 {
order: 2;
}
.order-md-3 {
order: 3;
}
.order-md-4 {
order: 4;
}
.order-md-5 {
order: 5;
}
.order-md-6 {
order: 6;
}
.order-md-7 {
order: 7;
}
.order-md-8 {
order: 8;
}
.order-md-9 {
order: 9;
}
.order-md-10 {
order: 10;
}
.order-md-11 {
order: 11;
}
.order-md-12 {
order: 12;
}
.offset-md-0 {
grid-column-start: 1;
}
.offset-md-1 {
grid-column-start: 2;
}
.offset-md-2 {
grid-column-start: 3;
}
.offset-md-3 {
grid-column-start: 4;
}
.offset-md-4 {
grid-column-start: 5;
}
.offset-md-5 {
grid-column-start: 6;
}
.offset-md-6 {
grid-column-start: 7;
}
.offset-md-7 {
grid-column-start: 8;
}
.offset-md-8 {
grid-column-start: 9;
}
.offset-md-9 {
grid-column-start: 10;
}
.offset-md-10 {
grid-column-start: 11;
}
.offset-md-11 {
grid-column-start: 12;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-md-1 {
grid-row-end: span 1;
}
.masonry .level-md-2 {
grid-row-end: span 2;
}
.masonry .level-md-3 {
grid-row-end: span 3;
}
.masonry .level-md-4 {
grid-row-end: span 4;
}
.masonry .level-md-5 {
grid-row-end: span 5;
}
.masonry .level-md-6 {
grid-row-end: span 6;
}
}
@media (min-width: 992px) {
.container {
width: 930px;
}
.reverse-lg {
direction: rtl;
}
.justify-content-lg-start {
justify-self: start;
justify-items: start;
justify-content: start;
}
.justify-content-lg-center {
justify-self: center;
justify-items: center;
justify-content: center;
}
.justify-content-lg-end {
justify-self: end;
justify-items: end;
justify-content: end;
}
.justify-content-lg-between {
justify-content: space-between;
}
.justify-content-lg-around {
justify-content: space-around;
}
.align-items-lg-start {
align-self: start;
align-items: start;
}
.align-items-lg-center {
align-self: center;
align-items: center;
}
.align-items-lg-end {
align-self: end;
align-items: end;
}
.align-items-lg-stretch {
align-self: stretch;
align-items: stretch;
}
.flex-lg-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-lg-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.col-lg-1 {
grid-column-end: span 1;
}
.col-lg-2 {
grid-column-end: span 2;
}
.col-lg-3 {
grid-column-end: span 3;
}
.col-lg-4 {
grid-column-end: span 4;
}
.col-lg-5 {
grid-column-end: span 5;
}
.col-lg-6 {
grid-column-end: span 6;
}
.col-lg-7 {
grid-column-end: span 7;
}
.col-lg-8 {
grid-column-end: span 8;
}
.col-lg-9 {
grid-column-end: span 9;
}
.col-lg-10 {
grid-column-end: span 10;
}
.col-lg-11 {
grid-column-end: span 11;
}
.col-lg-12 {
grid-column-end: span 12;
}
.order-lg-0 {
order: 0;
}
.order-lg-1 {
order: 1;
}
.order-lg-2 {
order: 2;
}
.order-lg-3 {
order: 3;
}
.order-lg-4 {
order: 4;
}
.order-lg-5 {
order: 5;
}
.order-lg-6 {
order: 6;
}
.order-lg-7 {
order: 7;
}
.order-lg-8 {
order: 8;
}
.order-lg-9 {
order: 9;
}
.order-lg-10 {
order: 10;
}
.order-lg-11 {
order: 11;
}
.order-lg-12 {
order: 12;
}
.offset-lg-0 {
grid-column-start: 1;
}
.offset-lg-1 {
grid-column-start: 2;
}
.offset-lg-2 {
grid-column-start: 3;
}
.offset-lg-3 {
grid-column-start: 4;
}
.offset-lg-4 {
grid-column-start: 5;
}
.offset-lg-5 {
grid-column-start: 6;
}
.offset-lg-6 {
grid-column-start: 7;
}
.offset-lg-7 {
grid-column-start: 8;
}
.offset-lg-8 {
grid-column-start: 9;
}
.offset-lg-9 {
grid-column-start: 10;
}
.offset-lg-10 {
grid-column-start: 11;
}
.offset-lg-11 {
grid-column-start: 12;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-lg-1 {
grid-row-end: span 1;
}
.masonry .level-lg-2 {
grid-row-end: span 2;
}
.masonry .level-lg-3 {
grid-row-end: span 3;
}
.masonry .level-lg-4 {
grid-row-end: span 4;
}
.masonry .level-lg-5 {
grid-row-end: span 5;
}
.masonry .level-lg-6 {
grid-row-end: span 6;
}
}
@media (min-width: 1200px) {
.container {
width: 1130px;
}
.reverse-xl {
direction: rtl;
}
.justify-content-xl-start {
justify-self: start;
justify-items: start;
justify-content: start;
}
.justify-content-xl-center {
justify-self: center;
justify-items: center;
justify-content: center;
}
.justify-content-xl-end {
justify-self: end;
justify-items: end;
justify-content: end;
}
.justify-content-xl-between {
justify-content: space-between;
}
.justify-content-xl-around {
justify-content: space-around;
}
.align-items-xl-start {
align-self: start;
align-items: start;
}
.align-items-xl-center {
align-self: center;
align-items: center;
}
.align-items-xl-end {
align-self: end;
align-items: end;
}
.align-items-xl-stretch {
align-self: stretch;
align-items: stretch;
}
.flex-xl-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-xl-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.col-xl-1 {
grid-column-end: span 1;
}
.col-xl-2 {
grid-column-end: span 2;
}
.col-xl-3 {
grid-column-end: span 3;
}
.col-xl-4 {
grid-column-end: span 4;
}
.col-xl-5 {
grid-column-end: span 5;
}
.col-xl-6 {
grid-column-end: span 6;
}
.col-xl-7 {
grid-column-end: span 7;
}
.col-xl-8 {
grid-column-end: span 8;
}
.col-xl-9 {
grid-column-end: span 9;
}
.col-xl-10 {
grid-column-end: span 10;
}
.col-xl-11 {
grid-column-end: span 11;
}
.col-xl-12 {
grid-column-end: span 12;
}
.order-xl-0 {
order: 0;
}
.order-xl-1 {
order: 1;
}
.order-xl-2 {
order: 2;
}
.order-xl-3 {
order: 3;
}
.order-xl-4 {
order: 4;
}
.order-xl-5 {
order: 5;
}
.order-xl-6 {
order: 6;
}
.order-xl-7 {
order: 7;
}
.order-xl-8 {
order: 8;
}
.order-xl-9 {
order: 9;
}
.order-xl-10 {
order: 10;
}
.order-xl-11 {
order: 11;
}
.order-xl-12 {
order: 12;
}
.offset-xl-0 {
grid-column-start: 1;
}
.offset-xl-1 {
grid-column-start: 2;
}
.offset-xl-2 {
grid-column-start: 3;
}
.offset-xl-3 {
grid-column-start: 4;
}
.offset-xl-4 {
grid-column-start: 5;
}
.offset-xl-5 {
grid-column-start: 6;
}
.offset-xl-6 {
grid-column-start: 7;
}
.offset-xl-7 {
grid-column-start: 8;
}
.offset-xl-8 {
grid-column-start: 9;
}
.offset-xl-9 {
grid-column-start: 10;
}
.offset-xl-10 {
grid-column-start: 11;
}
.offset-xl-11 {
grid-column-start: 12;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-xl-1 {
grid-row-end: span 1;
}
.masonry .level-xl-2 {
grid-row-end: span 2;
}
.masonry .level-xl-3 {
grid-row-end: span 3;
}
.masonry .level-xl-4 {
grid-row-end: span 4;
}
.masonry .level-xl-5 {
grid-row-end: span 5;
}
.masonry .level-xl-6 {
grid-row-end: span 6;
}
}
@media (min-width: 1400px) {
.container {
width: 1320px;
}
.reverse-xxl {
direction: rtl;
}
.justify-content-xxl-start {
justify-self: start;
justify-items: start;
justify-content: start;
}
.justify-content-xxl-center {
justify-self: center;
justify-items: center;
justify-content: center;
}
.justify-content-xxl-end {
justify-self: end;
justify-items: end;
justify-content: end;
}
.justify-content-xxl-between {
justify-content: space-between;
}
.justify-content-xxl-around {
justify-content: space-around;
}
.align-items-xxl-start {
align-self: start;
align-items: start;
}
.align-items-xxl-center {
align-self: center;
align-items: center;
}
.align-items-xxl-end {
align-self: end;
align-items: end;
}
.align-items-xxl-stretch {
align-self: stretch;
align-items: stretch;
}
.flex-xxl-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.flex-xxl-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.col-xxl-1 {
grid-column-end: span 1;
}
.col-xxl-2 {
grid-column-end: span 2;
}
.col-xxl-3 {
grid-column-end: span 3;
}
.col-xxl-4 {
grid-column-end: span 4;
}
.col-xxl-5 {
grid-column-end: span 5;
}
.col-xxl-6 {
grid-column-end: span 6;
}
.col-xxl-7 {
grid-column-end: span 7;
}
.col-xxl-8 {
grid-column-end: span 8;
}
.col-xxl-9 {
grid-column-end: span 9;
}
.col-xxl-10 {
grid-column-end: span 10;
}
.col-xxl-11 {
grid-column-end: span 11;
}
.col-xxl-12 {
grid-column-end: span 12;
}
.order-xxl-0 {
order: 0;
}
.order-xxl-1 {
order: 1;
}
.order-xxl-2 {
order: 2;
}
.order-xxl-3 {
order: 3;
}
.order-xxl-4 {
order: 4;
}
.order-xxl-5 {
order: 5;
}
.order-xxl-6 {
order: 6;
}
.order-xxl-7 {
order: 7;
}
.order-xxl-8 {
order: 8;
}
.order-xxl-9 {
order: 9;
}
.order-xxl-10 {
order: 10;
}
.order-xxl-11 {
order: 11;
}
.order-xxl-12 {
order: 12;
}
.offset-xxl-0 {
grid-column-start: 1;
}
.offset-xxl-1 {
grid-column-start: 2;
}
.offset-xxl-2 {
grid-column-start: 3;
}
.offset-xxl-3 {
grid-column-start: 4;
}
.offset-xxl-4 {
grid-column-start: 5;
}
.offset-xxl-5 {
grid-column-start: 6;
}
.offset-xxl-6 {
grid-column-start: 7;
}
.offset-xxl-7 {
grid-column-start: 8;
}
.offset-xxl-8 {
grid-column-start: 9;
}
.offset-xxl-9 {
grid-column-start: 10;
}
.offset-xxl-10 {
grid-column-start: 11;
}
.offset-xxl-11 {
grid-column-start: 12;
}
.masonry > div {
grid-row-end: span 6;
}
.masonry .level-xxl-1 {
grid-row-end: span 1;
}
.masonry .level-xxl-2 {
grid-row-end: span 2;
}
.masonry .level-xxl-3 {
grid-row-end: span 3;
}
.masonry .level-xxl-4 {
grid-row-end: span 4;
}
.masonry .level-xxl-5 {
grid-row-end: span 5;
}
.masonry .level-xxl-6 {
grid-row-end: span 6;
}
}
h1 {
font-size: 2.2em;
}
@media (min-width: 768px) {
h1 {
font-size: 3.6em;
}
}
.clearfix::after {
display: block;
clear: both;
content: "";
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-sm-grid {
display: grid !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.bg-md-gray {
background-color: rgb(246, 247, 247);
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-lg-grid {
display: grid !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1400px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
.centerX {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.centerY {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.centerXY {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
* {
outline: none !important; }
*::selection {
background-color: var(--color-primary);
color: var(--color-secondary);
}
html {
scroll-behavior: smooth;
}
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.site-main {
overflow: hidden;
display: flex;
flex: 1;
flex-direction: column;
margin-top: 105px;
}
@media (min-width: 768px) {
.site-main {
margin-top: 170px;
}
}
img,
svg {
width: 100%;
height: 100%;
}
.reveal {
visibility: hidden;
}
input[type=radio],
input[type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
.page-id-26 .hero--title, .page-id-282 .hero--title {
color: var(--color-secondary);
}
.popup {
position: fixed;
z-index: 1000;
height: 100vh;
width: 100vw;
background-color: rgba(0, 49, 40, 0.9);
transition: all 0.5s ease-in-out;
opacity: 0;
visibility: hidden;
}
.popup.is-active {
opacity: 1;
visibility: visible;
}
.popup--container {
position: relative;
text-align: center;
width: max-content;
max-width: 100vw;
padding: 20px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.popup--container img {
max-width: 900px;
height: auto;
object-fit: cover;
}
.popup--close {
position: absolute;
top: 25px;
right: 25px;
color: var(--color-secondary);
width: 40px;
height: 40px;
cursor: pointer;
}
.sticky-btn {
color: var(--color-secondary);
background-color: var(--color-tertiary);
position: fixed;
bottom: 15px;
right: 15px;
z-index: 100000;
padding: 10px 20px;
border-radius: 50px;
}
.sticky-btn a {
gap: 5px;
}
.sticky-btn span {
font-family: "Tombstone", sans-serif;
font-weight: unset;
font-size: 1.4em;
}
.sticky-btn svg {
height: 25px;
width: auto;
}
.grecaptcha-badge {
display: none !important;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
overflow-y: auto !important;
}
@-ms-viewport {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-size: 1rem;
line-height: 1.5;
color: #333;
text-align: left;
background-color: #fff;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
[tabindex="-1"]:focus {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
ul,
dl {
padding: 0;
list-style: none;
margin-top: 0;
margin-bottom: 0;
}
ol {
margin-top: 0;
margin-bottom: 0;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
background: white;
z-index: 9999;
position: relative;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [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 {
padding: 0;
border-style: none;
}
input[type=radio],
input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
font-size: 80%;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
}
.list-inline > li:not(:last-child) {
margin-right: 0.5rem;
}
code {
font-size: 87.5%;
color: #e83e8c; }
a > code {
color: inherit;
}
pre {
display: block;
font-size: 87.5%;
color: #333;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
a {
text-decoration: none;
color: currentColor;
}
.banner {
position: relative;
}
.banner--img {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.banner--img img {
object-fit: cover;
}
.banner--img::after {
content: "";
display: block;
background: radial-gradient(#fff 40%, transparent 200%);
height: 200%;
width: 100%;
position: absolute;
top: -50%;
}
.banner.colored--primary .banner--title, .banner.colored--primary .banner--text {
color: var(--color-secondary);
}
.banner--picto-container {
margin: 20px auto;
max-width: 120px;
color: var(--color-primary);
}
.banner--content {
height: 100%;
margin-left: 15px;
}
.banner--text {
color: var(--color-5);
font-family: "Josefin Sans Bold", sans-serif;
font-weight: bold;
font-size: 1.3em;
line-height: 1.1em;
}
.banner--text a {
color: var(--color-tertiary);
}
.banner--cta {
margin: 30px 0;
}
.banner--cta-container {
height: 100%;
}
.banner--title {
color: var(--color-primary);
font-family: "Tombstone", sans-serif;
font-weight: unset;
font-size: 2em;
}
@media (min-width: 768px) {
.banner--picto-container {
max-width: unset;
margin: 20px 0;
}
.banner--cta {
margin: unset;
}
}
.contact--infos {
background-color: var(--color-4);
padding: 20px;
margin-bottom: 20px;
gap: 15px;
}
.contact--infos-row {
font-size: 1.3em;
font-family: "Josefin Sans", sans-serif;
font-weight: bold;
margin: 25px 0;
line-height: 1em;
}
.contact--infos-row a:hover {
text-decoration: underline;
}
.contact--infos-row svg {
max-width: 25px;
margin-bottom: 10px;
}
.contact--infos-row .comment {
font-weight: normal;
}
.contact--bottom {
gap: 20px;
}
.contact--newsletter {
width: 100%;
padding: 50px 40px;
align-items: center;
}
.contact--newsletter-title {
font-size: 1.8em;
line-height: 0.9em;
font-family: "Josefin Sans Bold", sans-serif;
}
.contact--newsletter-text {
position: relative;
font-size: 1.4em;
line-height: 1em;
font-family: "Josefin Sans Bold", sans-serif;
}
.contact--newsletter-inner {
position: relative;
font-family: "Josefin Sans Bold", sans-serif;
}
.contact--newsletter-decoration-1 {
position: absolute;
max-width: 35px;
top: -35px;
left: -30px;
}
.contact--newsletter-decoration-2 {
position: absolute;
max-width: 25px;
bottom: -25px;
right: -20px;
}
.contact--newsletter-cta {
font-size: 1em;
text-align: center;
}
.contact--newsletter-cta .btn {
text-transform: unset;
}
.contact--newsletter-form .btn {
text-transform: unset;
}
.contact--newsletter-form .wpcf7-response-output {
margin: unset !important;
padding: unset !important;
border: unset !important;
}
.contact--map {
min-height: 400px;
height: 100%;
margin-top: 25px;
}
.contact--form {
width: 100%;
padding: 20px;
}
.contact--form-head, .contact--form p {
color: var(--color-secondary);
text-align: center;
}
.contact--form-head {
font-family: "Josefin Sans Bold", sans-serif;
}
.contact--form p {
width: 100%;
font-family: "Josefin Sans", sans-serif;
}
.contact--form-input, .contact--form-textarea {
padding: 10px;
width: 100%;
}
.contact--form-textarea {
height: 125px;
}
.contact--form .wpcf7-response-output {
color: var(--color-secondary);
}
@media (min-width: 992px) {
.contact--infos {
padding: 20px 50px;
gap: unset;
}
.contact--infos-row {
line-height: unset;
margin: 10px 0;
}
.contact--infos-row svg {
max-width: 20px;
margin-right: 20px;
margin-bottom: 0;
}
.contact--infos-row .comment {
margin-left: 5px;
}
.contact--form {
width: 50%;
} .contact--map {
margin-top: 0;
}
}
.content {
margin: 20px 0;
}
.content--title {
line-height: 1.1em;
text-transform: uppercase;
color: var(--color-primary);
font-family: "Tombstone", sans-serif;
font-weight: unset;
}
.content--text {
font-size: 1.3em;
font-family: "Josefin Sans", sans-serif;
font-weight: bold;
}
.content--text li {
color: var(--color-tertiary);
font-family: "Josefin Sans Bold", sans-serif;
}
.content--text strong {
font-family: "Josefin Sans Bold", sans-serif;
}
.content--text a {
text-decoration: underline;
}
.page-id-30 .content--title, .page-id-289 .content--title {
text-align: center;
}
.footer--logo {
display: block;
width: 75px;
color: var(--color-primary);
}
.footer--imgs {
display: block;
}
.footer--img-container {
display: block;
height: auto;
width: 33%;
padding: 5px;
aspect-ratio: 1/1;
}
.footer--img-container img {
height: 100%;
width: 100%;
object-fit: cover;
}
.footer--items {
height: 100%;
}
.footer--link {
text-align: left;
}
.footer--link button {
color: var(--color-primary);
font-family: "Josefin Sans Bold", sans-serif;
text-transform: uppercase;
border: unset;
background: unset;
cursor: pointer;
text-transform: uppercase;
font-size: 1em;
transition: all 0.1s ease-in-out;
}
.footer--link button:hover {
color: var(--color-secondary);
}
.footer--link.bis {
color: var(--color-primary);
font-size: 0.8em;
}
.footer--link.bis button {
text-transform: unset;
}
.footer--to-top {
height: 100%;
cursor: pointer;
}
.footer--to-top:hover > * {
color: var(--color-secondary);
}
.footer--to-top p {
text-align: center;
color: var(--color-primary);
font-family: "Josefin Sans", sans-serif;
margin: 0;
font-size: 0.9em;
transition: all 0.1s ease-in-out;
}
.footer--to-top svg {
color: var(--color-primary);
height: max-content;
width: 35px;
transition: all 0.1s ease-in-out;
}
.footer--submenu {
flex-wrap: wrap;
column-gap: 30px;
row-gap: 15px;
}
.footer--cta {
gap: 20px;
font-family: "Josefin Sans Bold", sans-serif;
font-size: 1.3em;
}
.footer--picto {
max-width: 22px;
color: var(--color-primary);
transition: all 0.1s ease-in-out;
}
.footer--picto:hover {
color: var(--color-secondary);
}
@media (min-width: 768px) {
.footer--logo {
width: 120px;
}
.footer--imgs {
margin-left: -40px;
}
.footer--img-container {
padding: 20px;
}
.footer--images {
width: calc(100% + 40px);
}
.footer--link button {
font-size: 1.2em;
}
}
.header {
position: fixed;
width: 100%;
z-index: 100;
background-color: var(--color-secondary);
}
.header--logo-desktop {
max-width: 90px;
margin: 20px 35px;
transition: all 0.3s ease-in-out;
}
.header--logo-mobile {
color: var(--color-5);
width: 60%;
}
.header--logo-mobile.in-menu {
display: block;
margin-bottom: 25px;
width: unset;
}
.header--heading {
position: relative;
padding: 15px;
}
.header--menu {
position: fixed;
right: -100%;
top: 0;
width: 80vw;
height: 100vh;
transition: all 0.5s ease-in-out;
background-color: var(--color-secondary);
}
.header--menu.is-active {
right: 0;
}
.header--items {
position: relative;
column-gap: 80px;
row-gap: 18px;
}
.header--items-bottom {
row-gap: 10px;
margin-top: 30px;
}
.header--link {
text-align: left;
width: 65%;
white-space: nowrap;
}
.header--link.bis {
text-align: center;
width: unset;
}
.header--link.bis button {
font-size: 1.2em;
text-transform: unset;
}
.header--link.is-active button {
color: var(--color-tertiary);
}
.header--link button {
font-family: "Josefin Sans Bold", sans-serif;
text-transform: uppercase;
border: unset;
background: unset;
cursor: pointer;
text-transform: uppercase;
color: var(--color-primary);
font-size: 1.4em;
transition: all 0.1s ease-in-out;
}
.header--link button:hover {
color: var(--color-tertiary);
}
.header--button {
font-family: "Josefin Sans Bold", sans-serif;
text-transform: uppercase;
font-size: 1.1em;
margin-top: 10px;
}
.header--hamburger {
position: absolute;
right: 0;
}
.header--btn-langage {
overflow: hidden;
font-family: "Tombstone", sans-serif;
font-size: 1.5em;
transition: all 0.2s ease-in-out;
}
.header--btn-langage a {
padding: 0 15px;
}
.header--btn-langage .is-active {
color: var(--color-tertiary);
border-right: solid 1px var(--color-primary);
}
.header--btn-langage:hover {
max-height: 65px;
}
.header--btn-langage.mobile {
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
}
.header--btn-langage.mobile a {
display: block;
font-size: 0.8em;
padding: 0 7px;
}
.header--menu-langage-link {
transition: all 0.2s ease-in-out;
}
.header--menu-langage-link:hover {
color: var(--color-tertiary);
}
.header--banner {
position: relative;
z-index: 100000;
overflow: hidden;
}
.header--banner-wrapper {
width: 100%;
}
.header--banner-inner {
white-space: nowrap;
}
.header--banner-inner.is-animating {
animation: horizontal 8s linear infinite;
}
.header--banner-text {
position: relative;
display: inline;
margin: 0 25px;
color: var(--color-5);
font-family: "Tombstone", sans-serif;
font-size: 1.4em;
}
.header--banner-star {
height: 15px;
width: 15px;
color: var(--color-5);
}
@media (min-width: 768px) {
.header {
padding: 0;
position: fixed;
width: 100%;
transition: all 0.3s ease-in-out;
z-index: 10000;
}
.header.sticky .header--logo-desktop {
margin: 8px 35px;
}
.header--menu {
position: initial;
width: 100%;
right: unset;
height: unset;
top: unset;
}
.header--heading {
padding: unset;
}
.header--link {
width: unset;
}
.header--link button {
font-size: unset;
}
.header--button {
margin-top: 0;
}
.header--btn-langage {
position: absolute;
top: 8px;
right: -80px;
max-height: 30px;
}
.header--btn-langage a {
padding: unset;
}
.header--btn-langage .is-active {
color: unset;
border: unset;
}
}
@keyframes horizontal {
0% {
transform: translateX(0%);
}
100% {
transform: translateX(-100%);
}
}
.hero {
position: relative;
}
.hero--img {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.hero--img img {
object-fit: cover;
}
.hero--img::after {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.3;
}
.hero--title {
font-family: "Tombstone", sans-serif;
color: var(--color-tertiary);
font-size: 2.2em;
line-height: 1em;
font-weight: unset;
max-width: 850px;
}
.hero--text {
color: var(--color-secondary);
font-family: "Josefin Sans", sans-serif;
font-size: 1.4em;
line-height: 1.5em;
}
.hero--cta {
text-align: center;
}
@media (min-width: 768px) {
.hero--title {
font-size: 3.8em;
}
.hero--cta {
text-align: left;
}
.hero--img img {
object-position: 0 50%;
}
}
.img-list--container {
gap: 75px;
}
.img-list--container .col-12:nth-child(odd) .img-list--tooltip {
transform: rotate(-5deg) translateX(-50%);
}
.img-list--container .col-12:nth-child(odd):hover .img-list--tooltip {
transform: rotate(5deg) translateX(-50%);
}
.img-list--container .col-12:nth-child(even):hover .img-list--tooltip {
transform: rotate(-5deg) translateX(-50%);
}
.img-list--element {
position: relative;
display: block;
}
.img-list--element:hover .img-list--img-container img {
transform: scale(1.05);
}
.img-list--tooltip {
position: absolute;
top: -30px;
left: 50%;
padding: 25px;
font-size: 1.2em;
transform: rotate(5deg) translateX(-50%);
transform-origin: left;
background-color: var(--color-4);
font-family: "Josefin Sans Bold", sans-serif;
text-transform: uppercase;
font-weight: bold;
line-height: 1em;
}
.img-list--img-container {
height: 100%;
width: 100%;
max-height: 250px;
overflow: hidden;
}
.img-list--img-container img {
object-fit: cover;
transition: all 0.2s ease-in-out;
}
@media (min-width: 768px) {
.img-list--container {
gap: 100px;
}
.img-list--img-container {
max-height: unset;
aspect-ratio: 1/1;
}
.img-list--tooltip {
font-size: 1.2em;
}
}
.masonry-block--container {
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 250px 250px;
grid-auto-rows: 0px;
row-gap: 30px;
column-gap: 40px;
}
.masonry-block--left {
padding: 70px 80px;
align-items: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 3;
}
.masonry-block--left-title {
font-size: 1.7em;
line-height: 0.9em;
font-family: "Josefin Sans Bold", sans-serif;
}
.masonry-block--left-text {
position: relative;
font-size: 1.3em;
line-height: 1em;
font-family: "Josefin Sans Bold", sans-serif;
}
.masonry-block--left-inner {
position: relative;
font-family: "Josefin Sans Bold", sans-serif;
}
.masonry-block--left-decoration-1 {
position: absolute;
max-width: 45px;
top: -45px;
left: -60px;
}
.masonry-block--left-decoration-2 {
position: absolute;
max-width: 35px;
bottom: -20px;
right: -60px;
}
.masonry-block--left-cta {
font-size: 1em;
text-align: center;
}
.masonry-block--left-cta .btn {
text-transform: unset;
}
.masonry-block--left-form .btn {
text-transform: unset;
}
.masonry-block--left-form .wpcf7-response-output {
margin: unset !important;
padding: unset !important;
border: unset !important;
}
.masonry-block--middletop, .masonry-block--middlebottom {
grid-column: 2/3;
height: 100%;
color: var(--color-secondary);
}
.masonry-block--middletop-row, .masonry-block--middlebottom-row {
height: 100%;
height: 100%;
gap: 20px;
padding: 25px;
}
.masonry-block--middletop-row-picto, .masonry-block--middlebottom-row-picto {
max-width: 70px;
}
.masonry-block--middletop-row-text, .masonry-block--middlebottom-row-text {
line-height: 1em;
font-size: 1.3em;
font-family: "Josefin Sans Bold", sans-serif;
}
.masonry-block--middletop-row-text p, .masonry-block--middlebottom-row-text p {
margin: 0;
}
.masonry-block--middletop-inner, .masonry-block--middlebottom-inner {
padding: 40px 0;
}
.masonry-block--middlebottom {
grid-column: 2/4;
justify-content: center;
color: var(--color-primary);
}
.masonry-block--middlebottom-inner {
gap: 20px;
}
.masonry-block--right {
grid-column: 4;
grid-row: 1/4;
grid-column-start: 4;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
position: relative;
flex-direction: column-reverse;
margin-top: 40px;
}
.masonry-block--right-inner {
height: 100%;
width: 100%;
}
.masonry-block--right-img {
width: 100%;
height: auto;
margin: 20px;
}
.masonry-block--right-decoration-1, .masonry-block--right-decoration-2 {
color: var(--color-tertiary);
position: absolute;
}
.masonry-block--right-decoration-1 svg, .masonry-block--right-decoration-2 svg {
height: 100%;
width: 100%;
}
.masonry-block--right-decoration-1 {
top: -45px;
width: 75px;
right: 15px;
transform: rotate(15deg);
}
.masonry-block--right-decoration-2 {
top: -20px;
width: 50px;
right: -15px;
transform: rotate(78deg);
}
.masonry-block--right-tooltip {
display: flex;
font-size: 1.8em;
color: var(--color-primary);
padding: 40px 20px;
}
.masonry-block--right-tooltip p {
font-family: "Josefin Sans Bold", sans-serif;
max-width: 230px;
line-height: 1em;
margin-bottom: unset;
}
.masonry-block--right-tooltip svg {
transform: scaleX(-1) rotate(105deg);
width: 100px;
margin-top: 30px;
margin-left: 20px;
margin-bottom: -100px;
}
@media (min-width: 992px) {
.container.custom {
width: 1500px;
}
.masonry-block--left {
padding: 90px 50px;
}
.masonry-block--left-title {
font-size: 2em;
}
.masonry-block--left-text {
font-size: 1.6em;
}
.masonry-block--left-cta {
text-align: unset;
font-size: 1.2em;
}
.masonry-block--left-decoration-1 {
max-width: 40px;
top: -65px;
left: -30px;
}
.masonry-block--left-decoration-2 {
max-width: 25px;
bottom: -20px;
right: -10px;
}
.masonry-block--middletop-inner, .masonry-block--middlebottom-inner {
padding: unset;
}
.masonry-block--middletop-row, .masonry-block--middlebottom-row {
padding: 0 25px;
}
.masonry-block--middletop-row-picto, .masonry-block--middlebottom-row-picto {
max-width: 50px;
}
.masonry-block--right {
margin-top: unset;
}
.masonry-block--right-decoration-1 {
width: 150px;
top: -65px;
right: -35px;
}
.masonry-block--right-decoration-2 {
width: 85px;
top: 40px;
right: -39px;
}
.masonry-block--right-tooltip {
position: absolute;
top: 15%;
left: -90%;
padding: unset;
}
.masonry-block--right-tooltip svg {
width: 160px;
margin-left: 10px;
margin-top: unset;
margin-bottom: unset;
transform: unset;
}
}
.resto-menu--categories {
gap: 30px;
flex-wrap: wrap;
}
.resto-menu--category {
padding: 20px;
max-width: 180px;
font-size: 0.8em;
transform: rotate(5deg);
transform-origin: center;
background-color: var(--color-4);
font-family: "Josefin Sans Bold", sans-serif;
text-transform: uppercase;
font-weight: bold;
line-height: 1em;
height: max-content;
cursor: pointer;
}
.resto-menu--category.is-active {
color: var(--color-4);
background-color: var(--color-primary);
}
.resto-menu--category:nth-child(odd) {
transform: rotate(-5deg);
}
.resto-menu--category:nth-child(odd):hover {
transform: rotate(5deg);
}
.resto-menu--category:nth-child(even):hover {
transform: rotate(-5deg);
}
.resto-menu--cartes {
width: 100%;
}
.resto-menu--carte {
width: 100%;
}
.resto-menu--carte-title {
color: var(--color-5);
font-size: 2.2em;
font-weight: unset;
font-family: "Tombstone", sans-serif;
text-align: left;
}
.resto-menu--carte-divider {
border: none;
border-left: 1px solid var(--color-5);
width: 1px;
height: 40px;
}
.resto-menu--carte-divider-2 {
height: 1px;
border-color: var(--color-primary);
margin: 0;
}
.resto-menu--carte-subtitle {
font-size: 1.3em;
font-family: "Josefin Sans", sans-serif;
}
.resto-menu--carte-dish {
font-size: 1.2em;
font-family: "Josefin Sans", sans-serif;
font-weight: bold;
padding: 25px 0;
line-height: 1.2em;
}
.resto-menu--carte-dish .price {
white-space: nowrap;
margin-left: 10px;
font-family: "Josefin Sans Bold", sans-serif;
}
@media (min-width: 768px) {
.resto-menu--categories {
gap: 110px;
}
.resto-menu--category {
font-size: 1.2em;
}
.resto-menu--carte-dishes {
border: solid 1px var(--color-primary);
}
.resto-menu--carte-dish {
padding: 30px;
font-size: 1.4em;
line-height: unset;
}
.resto-menu--carte-title, .resto-menu--carte-subtitle {
text-align: center;
}
.resto-menu--carte-divider-2 {
margin: 0 30px;
}
}
.testimonials {
position: relative;
}
.testimonials--reviews-slider {
max-width: 1000px;
margin: 0 auto;
}
.testimonials--reviews-grade {
color: var(--color-tertiary);
gap: 10px;
}
.testimonials--reviews-grade svg {
max-width: 25px;
}
.testimonials--reviews-text {
font-family: "Josefin Sans Bold", sans-serif;
font-size: 1.3em;
line-height: 1em;
}
.testimonials--reviews-misc {
font-size: 1.3em;
}
.testimonials--reviews-author {
font-family: "Josefin Sans Bold", sans-serif;
color: var(--color-tertiary);
}
.testimonials--reviews-date {
font-family: "Josefin Sans", sans-serif;
margin-left: 5px;
}
.testimonials--title {
text-align: center;
color: var(--color-primary);
font-family: "Tombstone", sans-serif;
font-size: 2.2em;
font-weight: unset;
}
.testimonials .slick-dots {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 40px 0;
list-style-type: none;
}
.testimonials .slick-dots li {
margin: 0 0.25rem;
}
.testimonials .slick-dots button {
cursor: pointer;
display: flex;
width: 15px;
height: 15px;
border-radius: 50px;
padding: 0;
border: none;
background-color: #dedede;
text-indent: -9999px;
transition: all ease-in-out 0.2s;
}
.testimonials .slick-dots li.slick-active button {
background-color: var(--color-4);
}
@media (min-width: 768px) {
.testimonials .slick-dots:not(:has(:nth-child(2))) {
display: none;
}
.testimonials .slick-slide {
margin: 0 35px;
}
.testimonials--title {
font-size: 3em;
}
}
.text-img {
position: relative;
}
.text-img--img-container {
position: relative;
z-index: 100;
width: 100%;
height: 100%;
}
.text-img--img-container img {
object-fit: cover;
}
.text-img--infos {
position: relative;
}
.text-img--content {
position: relative;
z-index: 50;
}
.text-img--title {
color: var(--color-tertiary);
font-family: "Tombstone", sans-serif;
font-weight: unset;
font-size: 2.2em;
line-height: 1em;
}
.text-img--text {
color: var(--color-tertiary);
font-family: "Josefin Sans", sans-serif;
font-weight: bold;
font-size: 1.3em;
}
.text-img--decoration-1, .text-img--decoration-2, .text-img--decoration-3 {
color: var(--color-5);
position: absolute;
z-index: 1;
max-width: 150px;
}
.text-img--decoration-1 {
top: 40px;
right: 0;
max-width: 100px;
}
.text-img--decoration-2 {
bottom: 0;
right: 0;
max-width: 40px;
}
.text-img--decoration-3 {
top: 40%;
left: 0;
max-width: 100px;
}
@media (min-width: 992px) {
.text-img--title {
max-width: 65%;
font-size: 3em;
}
.text-img--infos {
margin-left: 30px;
}
.text-img--decoration-1, .text-img--decoration-2, .text-img--decoration-3 {
color: var(--color-5);
position: absolute;
z-index: 1;
}
.text-img--decoration-1 {
right: unset;
top: -20px;
left: 100px;
max-width: 170px;
}
.text-img--decoration-2 {
right: unset;
bottom: 0;
left: 0;
}
.text-img--decoration-3 {
left: unset;
top: 0;
right: 0;
}
} a.masonry-block--right-img {
display: none;
}
[class^="masonry-block--"],
[class*=" masonry-block--"] {
padding: 0.5em;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.header--banner-wrapper {
overflow: hidden;
position: relative;
width: 100%;
color: #fff;
}
.header--banner-inner {
display: flex;
align-items: center;
gap: 1rem;
white-space: nowrap;
animation: scroll-banner 20s linear infinite;
}
@keyframes scroll-banner {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.header--banner-inner::after {
content: attr(data-duplicate);
display: inline-flex;
align-items: center;
white-space: nowrap;
}
h2.img-list--tooltip {
text-align: center;
} .footer--dark {
background-color: #f6b5c1;
color: #000;
font-family: "Josefin Sans", sans-serif;
font-size: 1.15rem;
font-weight: bold;
}
.section-padding {
padding-top: 60px;
padding-bottom: 60px;
}
.footer--dark a {
color: #000;
text-decoration: none;
transition: opacity 0.3s;
}
.footer--dark a:hover {
opacity: 0.7;
}
.footer--title {
font-size: 1.25rem;
font-weight: bold;
margin-bottom: 1.5rem;
text-transform: none;
}
.footer--list {
list-style: none;
padding: 0;
margin: 0;
}
.footer--list li {
margin-bottom: 0.5rem;
}
.footer--logo svg, 
.footer--logo img {
max-width: 180px;
height: auto;
fill: #000;
}
.social-icon svg {
width: 30px;
height: 30px;
stroke: #000;
}
.footer__copyright {
text-align: center;
background-color: #ffffff;
color: #000000;
padding: 20px 0;
font-size: 0.9rem;
}
.footer__copyright a {
color: #000000;
}
@media (max-width: 768px) {
.footer--title {
margin-top: 20px;
}
}