.rotate {
overflow: hidden;
}
.rotate img {
transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
transform-origin: center center;
}
.rotate:hover img {
transform: scale(1.03) rotate(-0.5deg);
} @keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px); }
to {
opacity: 1;
transform: translateY(0); }
} .animate-bottom.inview {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 2s;
animation-name: animatebottom;
animation-duration: 2s
}
@keyframes animatebottom {
from{ bottom:-100px; opacity:0 }
to{ bottom:0; opacity:1 }
}
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 }
to { bottom:0px; opacity:1 }
} .hidden {
opacity: 0;
}
@-webkit-keyframes fade-in {
0%   { opacity: 0; transform: scale(.7,.7) }
100% { opacity: 1;}
}
@keyframes fade-in {
0%   { opacity: 0; transform: scale(.7,.7) }
100% { opacity: 1; }
}
.fade-in-element {
animation: fade-in 2s;
} .reveal {
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
-moz-transition: .8s;
-o-transition: .8s;
-webkit-transition: .8s;
transition: .8s;
}
.reveal:nth-of-type(2) {
-moz-transition-delay: .6s;
-o-transition-delay: .6s;
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.reveal:nth-of-type(3) {
-moz-transition-delay: .9s;
-o-transition-delay: .9s;
-webkit-transition-delay: .9s;
transition-delay: .9s;
}
.reveal:nth-of-type(4) {
-moz-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.reveal:nth-of-type(5) {
-moz-transition-delay: 1.4s;
-o-transition-delay: 1.4s;
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.reveal:nth-of-type(6) {
-moz-transition-delay: 1.7s;
-o-transition-delay: 1.7s;
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
.reveal.inview {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}body.modal-open {
overflow: hidden;
height: 100vh;
} .open-search {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--padding-xs);
padding: var(--padding-sm);
width: 100%;
margin: 0 auto;
border-radius: var(--br-md);
text-decoration: none;
cursor: pointer;
transition: background 0.2s ease;
}
footer .open-search {
padding: 0;
}
.open-search.search-home {
max-width: var(--width-inner-md);
background: rgba(255, 255, 255, 0.4);
}
.open-search.search-home:hover {
background: rgba(255, 255, 255, 0.2);
}
.open-search .search-text {
color: var(--color-midgrey);
font-size: var(--fs-md);
font-weight: var(--fw-title-medium);
}
.open-search.search-home .search-text {
color: var(--color-light);
} .search-modal {
position: fixed;
inset: 0;
display: flex;
align-items: flex-start;
justify-content: center;
padding: var(--padding-lg);
background: var(--color-lightgrey);
opacity: 0;
pointer-events: none;
transition: var(--transition-medium);
z-index: 9999;
}
.search-modal.active {
opacity: 1;
pointer-events: auto;
}
.search-modal__overlay {
position: absolute;
inset: 0;
}
.search-modal__content {
position: relative;
width: 100%;
max-width: var(--width-inner-lg);
transform: translateY(-20px);
transition: var(--transition-medium);
padding-top: 2rem;
}
.search-modal.active .search-modal__content {
transform: translateY(0);
}
.search-modal .close {
top: -1rem;
right: 0;
background-color: var(--color-red);
} .search-form {
position: relative;
display: flex;
flex-flow: row;
justify-content: space-between;
padding: var(--padding-sm);
text-align: left;
}
.search-box {
width: 100%;
background: var(--color-light);
border-radius: var(--br-md);
}
.search-box .screen-reader-text {
display: none;
}
.search-form label {
width: calc(100% - 30px);
}
.search-box input[type="search"] {
height: auto;
width: 100%;
border: 0;
outline: none;
background-color: transparent;
padding: 0;
line-height: var(--line-height-md);
font-size: var(--fs-md);  
color: var(--color-dark);
font-weight: var(--fw-title-medium);
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
display: none;
}
.search-submit {
background-color: transparent;
margin: 0;
border: 0;
padding: 0;
}
.search-submit:hover img {
opacity: .7;
}
.search-picto {
width: clamp(20px, 3vw, 30px);
height: auto;
} .relevanssi-live-search-results {
top: 4.5rem !important;
left: 0 !important;
width: 100% !important;
box-sizing: border-box;
min-height: 175px;
height: calc(85vh - 4rem) !important;
}
.relevanssi-live-search-result-status p,
p.relevanssi-live-search-no-results,
p.relevanssi-live-search-didyoumean {
padding: var(--padding-sm) 0;
font-weight: var(--fw-title-medium);
margin: 0;
}
.relevanssi-live-search-results .ajax-results {
padding-bottom: 4rem;
}
.results-wrap {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--padding-sm);
}
.results-wrap .card-item {
display: grid;
min-height: 130px;
max-height: 130px;
box-shadow: none;
} .results-wrap .place-result .card-item a {
display: grid;
grid-template-columns: 130px 1fr;
gap: var(--padding-xs);
align-items: center;
}
.results-wrap .place-result .card-item .card-img {
aspect-ratio: 1/1;
} .results-wrap .group-result .card-item a {
display: block;
height: 100%;
position: relative;
}
.results-wrap .group-result .card-item .card-img .landscape {
aspect-ratio: auto;
height: 130px;
width: 100%;
}
.results-wrap .group-result .card-item .card-content {
position: absolute;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: var(--padding-sm);
color: var(--color-light);
background: rgba(0,0,0,0.25);
}
.results-wrap .group-result .card-item .item-title {
color: var(--color-light);
}
.results-wrap .group-result .card-item .text-content {
display: none;
} .relevanssi-live-search-instructions {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
} .search .search-header {
margin: var(--margin-md) 0 0 0;
}
.search .card-item.group-item .card-img {
height: 100%;
}
.search .card-item.group-item .card-img .landscape {
aspect-ratio: auto;
}
.search .card-item.group-item .card-content {
position: absolute;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
padding: var(--padding-sm);
color: var(--color-light);
background: rgba(0,0,0,0.25);
}
.search .card-item.group-item .item-title {
color: var(--color-light);
}
.search .card-item.group-item .text-content {
display: none;
} @media (min-width: 880px) {
.results-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--padding-sm);
}
.results-wrap .place-result .card-item a {
grid-template-columns: 130px 1fr;
} .results-wrap .group-result .card-item {
min-height: 130px;
}
}.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after,
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
color: var(--color-light);
font-size: 1.3rem !important;
}
.cover .swiper-slide-duplicate {
display: none !important;
} .groupsFeat .swiper {
width: 100%;
position: relative;
}
.groupsFeat .swiper .swiper-wrapper {
padding: 2rem 0;
}
.groupsFeat .swiper-slide {
width: 59% !important;
transition: opacity 0.3s ease;
}/*/*/*//**/.minislider .swiper {
width: 100%;
} .minislider .swiper {
position: relative;
}
.minislider .swiper .swiper-wrapper {
padding: 0 4rem;
transition-timing-function: linear;
}
.minislider .swiper-minislider-img .swiper-slide {
width: 27% !important;
transition: opacity 0.3s ease-in-out;
}
.minislider .swiper-minislider-img .swiper-slide.swiper-slide-prev,
.minislider .swiper-minislider-img .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.minislider .swiper-minislider-img .swiper-slide,
.minislider .swiper-minislider-img .swiper-slide.swiper-slide-next {
opacity: 0.5 !important;
} .minislider .swiper-minislider-logos .swiper-wrapper {
align-items: center;
} .swiper-button-next-mini,
.swiper-button-prev-mini {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-primary);
color: var(--color-main);
padding: 0.5rem;
z-index: 10;
border-radius: 40px 40px 0 0;
}
.swiper-button-next-mini {
right: 0;
border-radius: 40px 0 0 40px; left: auto;
}
.swiper-button-prev-mini {
left: 0;
border-radius: 0 40px 40px 0; right: auto;
}
.swiper-button-next-mini::after {
content: 'next';
padding-left: 0.5rem;
}
.swiper-button-prev-mini::after {
content: 'prev';
padding-right: 0.5rem;
}
.swiper-button-next-mini::after,
.swiper-button-prev-mini::after {
color: var(--color-light);
font-size: 1.2rem !important;
font-family: swiper-icons;
text-transform: none !important;
font-weight: var(--fw-bold);
letter-spacing: 0;
font-variant: initial;
line-height: 1;
}
.swiper-pagination {
z-index: 5 !important;
}
.swiper-pagination-bullet-active {
background: var(--color-light) !important;
}
.swiper-wrapper.disabled {
transform: translate3d(0px, 0, 0) !important;
}
.swiper-wrapper.disabled .swiper-slide {
transition: none !important;
}
.swiper-button-lock,
.swiper-button-disabled,
.swiper-pagination.disabled,
.swiper-button-prev.disabled,
.swiper-button-next.disabled {
display: none !important;
} .noshow {
display: none;
}
.fancybox-bg {
background: #232323;
}
.fancybox-content {
background: none;
padding: 1rem;
}
.fancybox-slide--html .fancybox-close-small {
background-color: #232323;
opacity: 1;
border-radius: 50%;
width: 30px;
height: 30px;
right: var(--padding-lg) !important;
top: var(--padding-lg) !important;
padding: 0 !important;
}
.fancybox-button svg {
width: 25px;
height: 25px;
}
.fancybox-button svg path {
fill: #ffffff !important;
}
.fancybox-slide--current .animated-modal {
vertical-align: top;
margin: 0;
height: 100%;
}
.animated-modal {
overflow: hidden;
transform: translateY(-50px);
transition: all .7s;
width: 100%;
max-width: 800px;
background-color: transparent !important; padding: 7rem var(--padding-lg) var(--padding-lg) var(--padding-lg) !important;
}
.animated-modal .form-box {
padding: 1rem;
background-color: #ffffff;
}
.fancybox-close-small {
top: 1.5rem;
right: 1.5rem;
}
.fancybox-close-small:after {
color: #232323;
font-size: 2rem;
}
.animated-modal h2,
.animated-modal .search-box {
transform: translateY(-50px);
opacity: 0;
transition-property: transform, opacity;
transition-duration: .4s;
} .fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal .search-box {
transform: translateY(0);
opacity: 1;
} .fancybox-slide--current .animated-modal h2 {
transition-delay: .1s;
}
.fancybox-slide--current .animated-modal .search-box {
transition-delay: .3s;
}:root { --color-main: #2b2b2b;
--color-primary: #44423F;
--color-midgrey: #878787;
--color-lightgrey: #f4f4f4;
--color-lightblue: #D4F4FC;
--color-beige: #B2AEA7;
--color-lightbeige: #E8E5DF;
--color-light: #ffffff;
--color-dark: #2b2b2b;
--color-red: #D84A42;
--color-green: #77BC6F;
--color-Activities: #FE7A36;
--color-ArtCulture: #1083BF;
--color-MonumentsArchitecture: #A06AA8;
--color-NatureAnimals: #5C8374;
--color-TerroirGastronomy: #FFBD00;
--color-red-alert: rgba(230,0,0,0.85);
--color-yellow-alert: rgba(255,180,0,0.85);
--color-op-light-2: rgba(255, 255, 255, .2);
--color-op-dark-5: rgba(0, 0, 0, .5);
--color-op-dark-7: rgba(0, 0, 0, .7);
--color-op-lightblue-9: rgba(212, 244, 252, 0.9); --typo-title: 'Ubuntu', sans-serif;
--fw-title-light: 300;
--fw-title-regular: 400;
--fw-title-medium: 500;
--fw-title-bold: 700;
--typo-main: 'Inter', sans-serif;
--fw-light: 300;
--fw-regular: 400;
--fw-medium: 500;
--fw-semibold: 600;
--fw-bold: 700;
--fs-title-xxl: clamp(1.4rem, 3vw, 2.2rem); --fs-title-xl: clamp(1.2rem, 2.5vw, 2rem); --fs-title-lg: clamp(1.1rem, 2.2vw, 1.4rem); --fs-title-md: clamp(1rem, 2vw, 1.2rem); --fs-lg: clamp(1.1rem, 2.2vw, 1.4rem); --fs-md	: clamp(1rem, 2vw, 1.2rem); --fs-sm: clamp(0.9rem, 1.5vw, 1.1rem); --fs-xs: clamp(0.8rem, 1.2vw, 0.9rem); --fs-xxs: clamp(0.6rem, 1.8vw, 0.9rem); --letter-spacing: 0.03rem;
--line-height-xxs: 1;
--line-height-xs: 1.3;
--line-height-sm: 1.5;
--line-height-md: 1.7; --width-inner-lg: 1200px;
--width-inner-md: 800px;
--width-inner-sm: 500px;
--height-lg: 66vh;
--height-md: 50vh;
--height-sm: 40vh;
--height-header-sm: 70px;
--height-header-min: 350px; --padding-lg: clamp(2rem, 4vw, 5rem); --padding-md: clamp(1.2rem, 2.5vw, 2rem); --padding-sm: clamp(0.8rem, 1vw, 1rem); --padding-xs: clamp(0.4rem, 1vw, 0.6rem);  --margin-lg: clamp(1.2rem, 2.5vw, 2rem); --margin-md: clamp(1rem, 2vw, 1.5rem); --margin-sm: clamp(0.8rem, 1.5vw, 1rem); --margin-xs: clamp(0.5rem, 1.5vw, 0.8rem);  --ratio-horizontal: 3 / 1;
--ratio-landscape: 16 / 9;
--ratio-square: 1 / 1;
--ratio-portrait: 4 / 5; --br-lg: 1rem;
--br-md: 0.4rem;
--br-sm: 0.3rem;
--br-round: 50%; --shadow: 1px 3px 15px rgba(0, 0, 0, 0.6);
--shadow-light: 1px -2px 12px rgba(0, 0, 0, 0.2);
--shadow-bottom: 1px 1px 5px rgba(0, 0, 0, 0.08);
--shadow-inset: inset 2px 2px 20px rgba(0, 0, 0, 0.8);
--shodow-left : -5px 0px 15px 5px rgba(0,0,0,0.4); --transition-fast: 0.2s ease;
--transition-medium: 0.3s ease;
--transition-slow: 0.5s ease;
} html,
body {
background-color: var(--color-lightgrey);
font-family: var(--typo-main);
color: var(--color-primary);
font-weight: var(--fw-light);
font-size: 1em;
margin: 0;
}
a,
a:focus,
a:active {
color: var(--color-red);
text-decoration: none;
transition: color var(--transition-fast);
}
a:hover {
color: var(--color-main);
text-decoration: none;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a {
position: relative;
font-family: var(--typo-title);
font-weight: var(--fw-title-medium);
color: var(--color-main);
margin: 0 0 var(--margin-md) 0;
}
h1 {
font-size: var(--fs-title-xxl);
line-height: var(--line-height-sm);
}
h2,
.h2-item-title {
font-size: var(--fs-title-xl);
}
h3,
h3.item-title,
.h3-item-title {
font-size: var(--fs-title-lg);
}
h3.item-title {
margin: var(--margin-xs) 0;
}
.card-title {
padding: 0;
margin: 0;
}
h3.surtitle {
font-weight: var(--fw-title-regular);
}
h4,
h4.item-title,
.h4-item-title {
font-size: var(--fs-title-md);
margin: var(--margin-xs) 0;
}
h4.item-title {
line-height: var(--line-height-xs);
}
.h3-item-title {
font-weight: var(--fw-title-medium);
}
.h4-item-title {
font-family: var(--typo-title);
font-weight: var(--fw-title-medium);
}
#commentform > * + *  {
margin: var(--margin-sm) 0 0 0;
}
.text-content h2,
.text-content h3,
.text-content h4 {
margin: var(--margin-md) 0 var(--margin-sm) 0;
}
.text-content > *:first-child {
margin-top: 0;
}
.text-content > *:last-child {
margin-bottom: 0;
}
p,
.text-content ul,
.text-content ol {
line-height: var(--line-height-md);
font-size: var(--fs-md);
margin: 0 0 var(--margin-sm) 0;
}
.text-content ul,
.text-content ol {
padding-left: 1rem;
}
.text-content ul li,
.text-content ol li {
position: relative;
list-style: none;
}
.text-content ul li:before  {
position: absolute;
left: 0;
content: "\2022";
color: var(--color-red);
display: inline-block;
width: 1rem;
margin-left: -1rem;
font-weight: var(--fw-bold);
}
.font-sm,
.font-sm p {
font-size: var(--fs-sm);
}
.font-xs,
.font-xs p {
font-size: var(--fs-xs);
}
strong,
.strong {
font-weight: var(--fw-semibold);
}
em {
font-style: italic;
}
hr {
border-top: 1px solid var(--color-red);
border-bottom: 0;
height: 1px;
margin: 1rem 0 2rem 0;
}
pre {
background-color: var(--color-beige);
border: 1px solid var(--color-primary);
font-family: monospace;
padding: 0.5rem;
margin: 1rem 0;
font-size: 0.9rem;
}
blockquote {
background-color: var(--color-lightblue);
padding: var(--padding-md);
margin: var(--margin-sm) 0;
border-radius: var(--br-md);
}
blockquote p:last-of-type {
margin: 0;
} *,
*::before,
*::after {
box-sizing: border-box;
}
main {
position: relative;
margin-top: 0;
padding-bottom: 4.5rem;
}
.post-type-archive main,
.search-results main {
padding-top: 2rem
}
section {
position: relative;
margin: 0;
padding-top: var(--padding-lg);
padding-bottom: var(--padding-lg);
text-align: left;
}
section.section-sm {
padding-top: var(--padding-md);
padding-bottom: var(--padding-md);
}
.nopadd {
padding-top: 0;
padding-bottom: 0;
}
.nopadd-top {
padding-top: 0;
}
.nopadd-bottom {
padding-bottom: 0;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.height_min,
.height_min .swiper {
height: var(--height-sm);
}
.height_medium,
.height_medium .swiper {
height: var(--height-md);
}
.height_big,
.height_big .swiper {
height: var(--height-lg);
}
.height_full,
.height_full .swiper {
height: 100vh;
height: 100dvh;
scroll-snap-align: start;
}
.horizontal {
--size-ratio: var(--ratio-horizontal);
aspect-ratio: var(--size-ratio);
}
.landscape {
--size-ratio: var(--ratio-landscape);
aspect-ratio: var(--size-ratio);
}
.square {
--size-ratio: var(--ratio-square);
aspect-ratio: var(--size-ratio);
}
.portrait {
--size-ratio: var(--ratio-portrait);
aspect-ratio: var(--size-ratio);
}
iframe {
border: 0;
}
.container-fluid {
padding-left: var(--padding-md);
padding-right: var(--padding-md);
}
.inner,
.force-inner {
display: block;
width: 100%;
max-width: var(--width-inner-lg);
position: relative;
margin: 0 auto;
}
.inner-md {
display: block;
width: 100%;
max-width: var(--width-inner-md);
position: relative;
margin: 0 auto;
}
.inner-sm {
display: block;
width: 100%;
max-width: var(--width-inner-sm);
position: relative;
margin: 0 auto;
}
.fullwidth,
.fullwidth .inner {
width: 100%;
max-width: 100%;
}
.fullwidth .inner-sm,
.fullwidth .inner .inner-sm {
width: 100%;
max-width: 100%;
}
.hidden-box {
display: none;
}
.grid-1,
.grid-2,
.grid-3,
.grid-4 {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: var(--padding-md);
align-content: flex-start;
}
.grid-5 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: var(--padding-sm);
align-content: flex-start;
}
.compensate-for-scrollbar {
margin-right: 0 !important;
}
.wp-caption {
position: relative;
}
.wp-caption-text {
position: absolute;
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.6);
font-size: 0.8rem;
font-style: italic;
padding: 0 0.3rem !important;
color: var(--color-main);
}
.copyright {
position: absolute;
right: 0.5rem;
bottom: 0.5rem;
padding: 0.3rem 0.5rem;
line-height: var(--line-height-xxs);
background: rgba(255, 255, 255, 0.6);
font-size: var(--fs-xxs);
font-weight: var(--fw-medium);
color: var(--color-main);
border-radius: var(--br-md);
}
.section-header {
margin-bottom: clamp(2.5rem, 4vh, 5rem);
}
.no-image {
background-color: var(--color-lightblue);
display: flex;
justify-content: center;
align-items: center;
font-weight: var(--fw-bold);
background-image: url(//discovr.ch/wp-content/themes/discovr/images/logo-picto.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 60px;
}
.close {
position: absolute;
width: 30px;
height: 30px;
border: none;
border-radius: var(--br-round);
font-size: 2rem;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 30;
}
.center,
section.text_img .content-text.center {
text-align: center;
align-items: center;
}
.coverfit,
.coverfit img {
height: 100%;
width: 100%;
object-fit: cover;
}
.greyscale,
.grayscale img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
} .white {
color: var(--color-light);
}
.red {
color: var(--color-red);
}
.darkgrey {
color: var(--color-main);
}
.grey {
color: var(--color-primary);
}
.midgrey {
color: var(--color-midgrey);
}
.green {
color: var(--color-green);
} .white-bg {
background-color: var(--color-light);
}
.grey-bg {
background-color: var(--color-primary);
}
.light-bg,
.lightgrey-bg {
background-color: var(--color-lightgrey);
}
.lightblue-bg {
background-color: var(--color-lightblue);
}
.lightbeige-bg {
background-color: var(--color-lightbeige);
}
.beige-bg {
background-color: var(--color-lightbeige);
}
.dark-bg {
background-color: var(--color-main);
}
.red-bg_op {
background-color: rgba(216, 74, 66, 0.8);
}
.light-bg_op {
background-color: rgba(255, 255, 255, 0.4);
}
.dark-bg h2,
.dark-bg h3,
.dark-bg h4,
.dark-bg h5,
.dark-bg h6,
.dark-bg p,
.dark-bg ul li,
.dark-bg ul li:before {
color: var(--color-light);
}
.dark-bg .card-item > * {
color: var(--color-main);
}
.dark-bg .button-link {
background-color: var(--color-light);
}
.dark-bg .button-link:hover {
opacity: 0.8;
}
.dark-bg a.button-link,
.dark-bg a.button-container:focus,
.dark-bg a.button-container:active {
color: var(--color-main);
}
.dark-bg a:hover {
color: var(--color-light);
} .red-bg:hover {
background-color: var(--color-primary);
} .info-line {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
line-height: var(--line-height-sm);
font-weight: var(--fw-regular);
font-size: var(--fs-xs);
color: var(--color-beige);
}
.single-places .info-line .location:before {
content: "\2022";
color: var(--color-beige);
display: inline-block;
font-weight: var(--fw-semibold);
margin: 0 0.5rem;
line-height: var(--line-height-sm);
}
.info-line.location {
color: var(--color-main);
margin-top: auto;
}
.single-post .intro .info-line {
font-size: var(--fs-md);
margin-bottom: var(--margin-md);
} .label-cat {
display: inline-block;
margin: 0 0.5rem 0 0;
border-radius: 50%;
width: 13px;
height: 13px;
vertical-align: middle;
color: var(--color-red);
background-color: var(--color-red);
}
.label-cat.activites-loisirs {
color: var(--color-Activities);
background-color: var(--color-Activities);
}
.label-cat.art-culture-sciences {
color: var(--color-ArtCulture);
background-color: var(--color-ArtCulture);
}
.label-cat.monuments-architecture {
color: var(--color-MonumentsArchitecture);
background-color: var(--color-MonumentsArchitecture);
}
.label-cat.nature-animaux {
color: var(--color-Activities);
background-color: var(--color-Activities);
}
.label-cat.terroir-gastronomie {
color: var(--color-Activities);
background-color: var(--color-Activities);
} .color.activites-loisirs {
fill: var(--color-Activities);
}
.color.art-culture-sciences {
fill: var(--color-ArtCulture);
}
.color.monuments-architecture {
fill: var(--color-MonumentsArchitecture);
}
.color.nature-animaux {
fill: var(--color-Activities);
}
.color.terroir-gastronomie {
fill: var(--color-Activities);
} .icon-block {
display: block;
}
.icon-wrap {
margin: 0 1.3rem 0 0;
}
.icon-wrap:last-of-type {
margin: 0;
}
.icon {
display: inline-block;
line-height: var(--line-height-md);
margin: 0 0.5rem 0 0;
height: auto;
}
.icon.tight {
margin: 0;
}
.icon.sm {
width: 15px;
}
.icon.md {
width: 20px;
}
.icon.lg {
width: 25px;
} .header {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
height: auto;
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
z-index: 5;
padding: 0;
z-index: 999;
}
.home .header {
height: var(--height-sm);
min-height: var(--height-header-min);
}
.header.smallscroll {
height: 0;
min-height: 0;	
} .header .header-picto {
position: fixed;
top: var(--padding-sm);
left: var(--padding-md);
transition: var(--transition-medium);
z-index: 10;
}
.header .header-picto img {
width: 25px;
height: auto;
}
.header.smallscroll .header-picto {
opacity: 0;
} .page-carte-points-interet .header .header-picto {
top: 10px;
left: 10px;
}
.page-carte-points-interet .menu-toggle {
top: 10px;
right: 10px;
} .menu-toggle {
position: fixed;
top: var(--padding-sm);
right: var(--padding-md);
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
background-color: transparent;
border-radius: 50%;
padding: 0;
z-index: 30;
cursor: pointer;
transition: var(--transition-medium);
}
.menu-toggle.burger-red,
.menu-toggle.active,
.smallscroll .menu-toggle,
.menu-toggle:hover {
background-color: var(--color-red);
}
.menu-toggle .menu_open {
position: relative;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 18px;
}
.menu-toggle .menu_open span {
display: block;
width: 100%;
height: 2px;
background: var(--color-light);
border-radius: var(--br-sm);
position: absolute;
left: 0;
transition: var(--transition-medium);
}
.menu-toggle .menu_open span:nth-child(1) {
top: 0;
}
.menu-toggle .menu_open span:nth-child(2) {
top: 8px;
}
.menu-toggle .menu_open span:nth-child(3) {
top: 16px;
} .menu-toggle.active .menu_open span:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.menu-toggle.active .menu_open span:nth-child(2) {
opacity: 0;
transform: scale(0);
}
.menu-toggle.active .menu_open span:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
} .header .header-headline {
text-align: center;
transition: var(--transition-slow);
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.header .header-headline h1 {
margin-top: 1rem;
}
.header .header-headline .logo {
width: clamp(120px, 20vw, 250px);
height: auto;
}
.header.smallscroll .header-headline {
opacity: 0;
transform: translateY(6rem);
pointer-events: none;
}  nav.menu-wrap  {
position: absolute;
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
gap: 2rem;
height: 100vh;
height: 100dvh;
top: 0;
right: calc(-300%);
padding: 4rem 2rem;
margin: 0;
background-color: var(--color-light);
z-index: 5;
overflow: auto;
overflow-x: hidden;
overflow-y: scroll;
box-shadow: var(--shodow-left);
transition: var(--transition-medium);
}
nav.menu-wrap.active {
width: 100%;
max-width: 80vw;
right: 0;
}
nav.menu-wrap li {
position: relative;
line-height: var(--line-height-sm);
}
nav.menu-wrap .top_menu,
nav.menu-wrap .main_menu {
width: 100%;
}
ul.menu,
ul.sub-menu {
position: relative;
padding: 0;
margin: 0;
display: flex;
flex-flow: column;
}
ul.menu li {
list-style: none;
}
ul.menu li.current-menu-parent a:not(ul.sub-menu li a),
ul.menu li.current-menu-item a {
color: var(--color-red);
}
ul.menu li a {
position: relative;
color: var(--color-main);
font-size: var(--fs-md);
font-weight: var(--fw-semibold);
padding: 0.3rem 0;
display: block;
}
ul.menu li a:hover {
color: var(--color-red);
}
li.has-mega-menu,
li.no-mega-menu {
padding-bottom: 1rem;
}
li.has-mega-menu {
cursor: auto;
position: unset;
}
li.has-mega-menu .menu_title {
display: block;
color: var(--color-beige);
font-family: 'Ubuntu', sans-serif;
font-size: var(--fs-title-md);
font-weight: var(--fw-bold);
cursor: default;
}
li.has-mega-menu .sub-menu-wrap {
position: relative;
width: 100%;
padding: 0;
border: 0;
top: 0;
} li.mega-menu-column {
width: 100%;
}
li.mega-menu-column .arrow {
right: 0;
} .current-menu-ancestor > a,
.current-menu-ancestor .firstlvl,
.current-menu-ancestor > .secondlvl,
.current-menu-parent > a,
.current-menu-item > a,
li.mega-menu-column.current-menu-ancestor > a,
li.mega-menu-column.current-menu-item > a,
li.mega-menu-column.current-menu-ancestor .menu_title.secondlvl,
li.mega-menu-item.current_page_item > a {
font-weight: var(--fw-semibold);
color: var(--color-red);
} .lang {
width: 100%;
}
.wpml-ls-legacy-list-horizontal {
border: 0;
padding: 0;
}
.wpml-ls-legacy-list-horizontal ul {
flex-flow: row wrap;
}
.wpml-ls-legacy-list-horizontal ul li {
padding: 0 0.5rem 0 0 !important;
margin: 0 0.5rem 0 0 !important;
border-right: 1px solid var(--color-midgrey);
}
.wpml-ls-legacy-list-horizontal ul li:last-of-type {
border-right: 0;
}
.wpml-ls-legacy-list-horizontal ul li a {
color: var(--color-midgrey);
padding: 0;
margin: 0;
font-weight: 300;
line-height: var(--line-height-xxs) !important;
}
.wpml-ls-legacy-list-horizontal ul li.wpml-ls-current-language a {
font-weight: 600;
color: var(--color-red);
}
.wpml-ls-legacy-list-horizontal ul li a span {
vertical-align: inherit;
} .menu-search {
width: 100%;
} .menu-wrap .logo {
margin: auto auto 4rem;
}
.menu-wrap .logo img {
width: 30px;
height: auto;
} .video-full {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
overflow: hidden;
} .video-full iframe {
position: absolute;
top: 50%;
left: 50%;
width: 100vw;
height: auto;
aspect-ratio: 16 / 9;
transform: translate(-50%, -50%);
pointer-events: none;
} @media (min-aspect-ratio: 16/9) {
.video-full iframe {
width: 100vw;
height: auto;
}
}
@media (max-aspect-ratio: 16/9) {
.video-full iframe {
width: auto;
height: 100vh;
}
} .content-video .embed-video {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
width: 100%;
height: auto;
margin: 0;
}
.content-video .embed-video iframe,
.content-video .embed-video object,
.content-video .embed-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} p.embed-video {
max-width: 600px;
width: 100%;
margin: var(--padding-md) 0;
position: relative;
overflow: hidden;
border-radius: var(--br-sm);
}
p.embed-video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: none;
} .page.home .cover-img {
height: var(--height-sm);
min-height: var(--height-header-min);
background-color: rgba(0, 0, 0, .3);
}
.page .cover-img,
.single-groups .cover-img {
height: var(--height-md);
}
.cover-img {
position: relative;
width: 100%;
max-height: var(--height-lg);
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-blend-mode: overlay;
}
.cover.no-image {
height: var(--height-header-sm);
background-color: var(--color-beige);
background-image: none;
} .cover-video.video-full {
height: var(--height-md);
} section.list {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 1rem;
}
section.list .wrap {
display: grid;
grid-gap: var(--padding-md);
align-items: start;
}
.sorting.grid-1 {
padding: var(--padding-sm);
background-color: var(--color-light);
border-radius: var(--br-md);
gap: 1rem;
}
.facetwp-facet {
margin-bottom: 0 !important;
padding-bottom: 1rem;
border-bottom: 1px solid var(--color-beige);
font-size: 0.8rem;
}
.facetwp-facet:last-of-type {
border-bottom: 0;
}
.facetwp-checkbox {
font-size: var(--fs-xs);
font-weight: var(--fw-regular);
margin-bottom: 8px !important;
}
.sorting .search_item,
.sorting .facetwp-facet-orderby,
.sorting .theme,
.sorting .district,
.sorting .groups_themes,
.sorting .groups_seasons,
.sorting .groups_transports {
display: none;
}
.facetwp-flyout-content {
padding: 0 var(--padding-md) !important;
}
.facetwp-flyout-close {
font-weight: var(--fw-title-bold);
}
.facet-wrap.reset h3,
.flyout-row.name-reset h3,
.flyout-row.name-orderby h3 {
display: none;
}
.sorting h1 {
font-size: clamp(1.1rem, 2.5vw, 2rem);
margin: 0 0 1rem 0;
line-height: var(--line-height-xxs);
}
.sorting h3 {
margin: 0 0 1rem 0;
}
.sorting ul, 
.sorting ol {
padding: 0;
margin: 0;
} .facetwp-facet button {
font-size: var(--fs-sm);
font-size: var(--fs-xs);
letter-spacing: var(--letter-spacing);
padding: 0.6rem 1.5rem;
border: 0;
background-color: var(--color-main);
color: var(--color-light);
border-radius: var(--br-md);
cursor: pointer;
transition: background-color var(--transition-medium);
}
.facetwp-facet button:hover {
background-color: var(--color-red);
}
.facetwp-facet-load_more {
text-align: right;
border-bottom: 0;
} .facetwp-facet-orderby select {
border: 0;
outline: none;
font-weight: var(--fw-bold);
background-color: transparent;
}
.facetwp-facet-orderby option:first-of-type {
text-transform: uppercase;
} .facetwp-facet-total_found {
font-weight: var(--fw-semibold);
border-bottom: 0;
} .facetwp-selections .facetwp-selection-label {
display: none;
}
.facetwp-selections .facetwp-selection-value {
font-size: 0.8rem;
margin: 0.2rem 0.5rem 0.2rem 0.2rem !important;
}
.facetwp-selections .facetwp-selection-value:hover {
color: var(--color-red);
}
.no-posts {
font-family: 'Ubuntu', sans-serif;
background-color: var(--color-light);
padding: 1rem;
font-weight: 700;
border-radius: var(--br-md);
line-height: var(--line-height-sm);
} .grey-bg .card-item {
background-color: var(--color-light);
}
.card-item {
position: relative;
width: 100%;
background-color: var(--color-light);
box-shadow: var(--shadow-light);
border-radius: var(--br-md);
transition: var(--transition-slow);
overflow: hidden;
}
.card-item:hover {
box-shadow: var(--shadow);
}
.card-item a {
display: flex;
flex-flow: column;
height: 100%;
}
.card-item .card-img {
position: relative;
}
.card-item .card-content {
display: flex;
flex-flow: column;
height: 100%;
padding: var(--padding-sm);
}
.card-item .text-content {
margin-top: var(--margin-xs);
line-height: var(--line-height-xs);
} 
.card-item .text-content p {
font-size: var(--fs-sm);
color: var(--color-main);
font-weight: var(--fw-light);
}
.card-item .text-content p:last-of-type {	
margin: 0;
} .card-item.place-item .card-img .place-count {
position: absolute;
left: var(--padding-sm);
bottom: var(--padding-sm);
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-op-lightblue-9);
color: var(--color-main);
font-size: var(--fs-lg);
}
section.interests .card-item.place-item .card-img .place-count {
display: none;
} .item-full {
margin-bottom: var(--padding-md);
}
.item-full:last-of-type {
margin: 0;
}
.item-full .card-img {
border-radius: var(--br-md);
overflow: hidden;
} .toggle-card.item-full {
margin-bottom: 0.5rem;
border-radius: var(--br-md);
background-color: rgba(0, 0, 0, .04);
}
.toggle-card.item-full:hover,
.toggle-card.item-full.active {
background-color: var(--color-lightbeige);
}
.toggle-card.item-full .plus {
width: 100%;
padding: 0.8rem 1rem;
cursor: pointer;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.toggle-card.item-full .plus::before {
content: "\002B";
display: inline-block;
width: 2rem;
font-size: 1.5rem;
font-weight: var(--fw-medium);
color: var(--color-main);
}
.toggle-card.item-full.active .plus::before {
content: "\2212";
}
.toggle-card.item-full .plus h4 {
margin: 0;
width: calc(100% - 3rem);
}
.toggle-card.item-full .toggle-content {
width: 100%;
height: auto;
padding: 0.5rem 2rem 2rem 2.5rem;
display: none;
transition: none;
} .status-ribbon {
position: absolute;
top: 0.5rem;
left: 0.5rem;
background: var(--color-op-dark-7);
color: var(--color-main);
padding: 0.4rem 0.8rem;
border-radius: var(--br-md) var(--br-md) var(--br-md) 0;
line-height: var(--line-height-xs);
backdrop-filter: blur(6px);
box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.status-temporary {
background: var(--color-yellow-alert);
color: var(--color-main);
}
.status-permanent {
background: var(--color-red-alert);
color: var(--color-light);
}
.status-label {
display: block;
font-weight: var(--fw-semibold);
font-size: var(--fs-xs);
}
.status-date {
display: block;
font-weight: var(--fw-medium);
font-size: 0.7rem;
}
.status-message {
margin-top: var(--margin-xs);
}
.single-places .cover-img .status-ribbon {
top: auto;
bottom: 0.5rem;
} .place-status-section {
background-color: var(--color-light);
}
.info-map + .place-status-section {
margin-top: -4px;
}
.place-status-section .status-ribbon {
position: relative;
top: 0;
left: 0;
border-radius: 0;
width: 100%;
margin: 0;
padding: var(--padding-md);
text-align: center;
} 
.place-status-section .status-label {
font-size: var(--fs-md);
}
.place-status-section .status-date {
font-size: var(--fs-sm);
} .place-result .status-ribbon {
top: 0.3rem;
left: 0.3rem;
padding: 0.3rem;
}
.place-result .status-label,
.place-result .status-date {
font-size: 0.6rem;
}
.place-result .status-date .date-end {
display: none;
}  section.toc {
display: none;
}
section.toc.toc-fixed {
position: fixed;
top: var(--padding-md);
left: var(--padding-md);
padding: 0;
z-index: 600;
}
section.toc .toc-title {
padding: var(--padding-xs) var(--padding-sm);
background-color: var(--color-main);
color: var(--color-light);
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
border-radius: var(--br-sm);
cursor: pointer;
} 
section.toc.toc-fixed .toc-title {
display: block;
}
section.toc.toc-fixed .toc-title.active {
border-radius: var(--br-sm) var(--br-sm) 0 0;
}
section.toc.toc-fixed .toc-title {
font-size: var(--fs-xs);
}
section.toc .toc-title::before {
content: "\002B";
display: inline-block;
margin: 0 0.3rem 0 0;
font-size: var(--fs-sm);
font-weight: var(--fw-medium);
color: var(--color-light);
}
section.toc .toc-title.active::before {
content: "\2212";
}
section.toc.toc-fixed .toc-content {
background-color: var(--color-light);
border-radius: 0 0 var(--br-sm) var(--br-sm);
box-shadow: var(--shadow-bottom);
}
section.toc .toc-list {
padding: var(--padding-xs) var(--padding-sm);
margin: 0 0 0 var(--padding-sm);
}
section.toc .toc-list li:first-of-type {
margin-top: var(--margin-xs);
}
section.toc .toc-list a {
font-size: var(--fs-xs);
font-weight: var(--fw-regular);
line-height: var(--line-height-md);
}
section.toc .toc-list a.active {
font-weight: var(--fw-semibold);
color: var(--color-primary);
} .group-item .theme {
position: absolute;
left: var(--margin-xs);
bottom: var(--margin-xs);;
padding: 0.3rem 0.5rem;
line-height: var(--line-height-xxs);
background: rgba(255, 255, 255, 0.6);
font-size: clamp(0.6rem, 2vw, 0.8rem);
font-weight: var(--fw-medium);
color: var(--color-main);
border-radius: var(--br-md);
}
.card-item.group-item .text-content {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
} ul.resto-list {
margin: 0;
padding: var(--margin-sm) 0;
}
ul.resto-list + br + ul.resto-list {
padding: 0 0 var(--margin-sm) 0;
}
ul.resto-list li.card-item:before {
display: none;
}
ul.resto-list li.card-item {
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: flex-start;
padding: var(--padding-sm);
}
ul.resto-list li.card-item span {
display: block;
font-size: var(--fs-xs);
}
ul.resto-list li.card-item .resto-name {
font-weight: var(--fw-semibold);
font-size: var(--fs-sm);
}
ul.resto-list li.card-item .resto-adress {
margin: var(--margin-xs) 0;
}
ul.resto-list li.card-item .resto-website {
margin-top: auto;
} .mo-forecast {
display: block;
width: 100%;
margin: var(--margin-sm) 0;
padding: var(--padding-md) 0;
box-sizing: border-box;
}
.mo-forecast.bg-color {
padding: var(--padding-md);
border-radius: var(--br-md);
}
.mo-forecast .mo-wrap {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(85px, 1fr));
gap: var(--padding-md);
}
.mo-forecast .mo-title {
margin: 0 0 var(--margin-sm) 0;
}
.mo-forecast .mo-wrap .mo-day {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
gap: 0.3rem;
background-color: var(--color-light);
border-radius: var(--br-lg);
padding: var(--padding-sm);
font-size: var(--fs-xs);
}
.mo-forecast .mo-wrap .mo-day .mo-date,
.mo-forecast .mo-wrap .mo-day .mo-temp {
font-weight: var(--fw-semibold);
}
.dark-bg .mo-forecast .mo-title {
color: var(--color-main);
}  section.intro {
background-color: var(--color-light);
}
section.intro h1 {
margin: 0;
}
section.intro .intro-wrap .text-content {
width: 100%;
}
section.intro .intro-block.with-logo {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: var(--padding-md);
align-items: flex-start;
}
section.intro .intro-block.with-logo .logo-place {
width: 100%;
max-width: 150px;
max-height: 200px;
margin: 0 auto;
} .info-box {
display: flex;
flex-flow: column;
align-content: flex-start;
gap: var(--padding-sm);
border-radius: var(--br-md);
}
.info-box h2 {
margin: 0;
}
.info-box .info-item {
font-size: var(--fs-md);
line-height: var(--line-height-sm);
}
.info-box .info-item.schedule {
font-weight: var(--fw-semibold);
}
.info-box a {
font-weight: var(--fw-semibold);
} section.keys .inner {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
gap: var(--padding-md);
}
section.keys .inner .text-content,
section.keys .inner .info-box {
width: 100%;
}
section.keys .inner .info-box .info-item.adress,
section.keys .inner .info-box .info-item.contact {
display: none;
} section.description {
background-color: var(--color-light);
}
.description .description-item:hover,
.description .description-item.active {
background-color: var(--color-lightgrey);
}
.description .description-item {
margin-bottom: 0.5rem;
border-radius: var(--br-md);
}
.description .description-item .plus {
width: 100%;
padding: 0.8rem 1rem;
cursor: pointer;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
.description .description-item .plus::before {
content: "\002B";
display: inline-block;
width: 2rem;
font-size: 1.5rem;
font-weight: var(--fw-medium);
color: var(--color-main);
}
.description .description-item.active .plus::before {
content: "\2212";
}
.description .description-item .plus h2 {
margin: 0;
width: calc(100% - 2rem);
}
.description .description-item .text-content {
width: 100%;
height: auto;
padding: 0.5rem 2rem 2rem 2.5rem;
display: none;
transition: none;
} section.info-map .inner {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
section.info-map .inner .info-box {
padding: var(--padding-lg);
}
section.info-map .inner .map {
width: 100%;
}
section.info-map .inner .map iframe {
width: 100%;
height: 40vh;
} section.post-comments {
background-color: var(--color-light);	
}
section.post-comments ol.comments-list {
padding: 0;
}
section.post-comments .awaiting {
display: inline-block;
padding: 0.5rem 1rem;
margin-bottom: 1rem;
background: #77BC6F;
color: white;
font-style: normal;
border-radius: var(--br-md);
}
section.post-comments .comment-form p {
font-size: var(--fs-sm);
}
section.post-comments .comment-item {
padding: 1rem 0;
border-bottom: 1px solid var(--color-beige);
}
section.post-comments .comment-item:last-of-type {
border-bottom: 0;
}
section.post-comments .comment-date {
font-size: var(--fs-xs);
} section.post-footer {
background-color: var(--color-lightgrey);	
}
section.post-footer .inner {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
section.post-footer .reporting {
padding: 0.4rem 0.6rem;
line-height: var(--line-height-xxs);
background: var(--color-op-dark-7);
font-size: var(--fs-xxs);
font-weight: var(--fw-medium);
color: var(--color-main);
border-radius: var(--br-md);
}
section.post-footer .reporting a {
color: var(--color-light);
}
section.post-footer .reporting:hover {
background-color: var(--color-op-dark-5);
}  section.info-trip {
background-color: var(--color-light);
}
section.info-trip .trip-wrap {
width: fit-content;
}
section.info-trip .trip-item {
position: relative;
display: grid;
grid-template-columns: 35px auto;
grid-gap: var(--padding-sm);
justify-content: flex-start;
align-items: flex-start;
margin-bottom: var(--margin-md);
}
section.info-trip .trip-item:last-of-type {
margin-bottom: 0;
}
section.info-trip .trip-item:not(:last-of-type)::after {
content: "";
position: absolute;
left: 17px;
top: 45px;
width: 1.2px;
height: calc(100% - 33px);
background-color: var(--color-main);
}
section.info-trip .trip-item .trip-pin {
position: relative;
}
section.info-trip .trip-item .trip-pin svg {
width: 100%;
}
section.info-trip .trip-item .trip-number {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-main);
color: var(--color-light);
border-radius: var(--br-round);
width: 35px;
height: 35px;
font-weight: var(--fw-regular);
} section.info-trip	{
background-color: var(--color-light);
}
section.info-trip	.travel-wrap {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: var(--padding-md);	
}
section.info-trip	.travel-item {
background-color: var(--color-light);
border-radius: var(--br-md);
padding: var(--padding-md);
}
section.info-trip	span.travel-surtitle {
display: block;
color: var(--color-beige);
font-size: var(--fs-xs);
font-weight: var(--fw-regular);
} .svg-map {
position: relative;
}
.svg-map-inner {
position: relative;
width: 100%;
}
.svg-map svg {
display: block;
width: 100%;
height: auto;
}
.svg-map .city-dot {
fill: var(--color-primary);
stroke: var(--color-light);
stroke-width: 2;
}
.svg-map .city-dot.dot-current {
fill: var(--color-red);
}
.svg-map .city-label,
.svg-map .city-label.label-current {
position: absolute;
transform: translate(0, -70%);
text-align: left;
white-space: nowrap;
}
.svg-map .city-label {
font-size: var(--fs-xs);
color: var(--color-main);
font-weight: var(--fw-regular);
}
.svg-map .city-label.label-current {
font-size: var(--fs-sm);
font-weight: var(--fw-semibold);
} .svg-map-zoom {
position: relative;
width: 100%;
max-width: 400px;
aspect-ratio: 1.5;
border: 2px solid var(--color-light);
background: white;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
z-index: 10;
overflow: hidden;
margin: var(--margin-sm) auto 0;
}
.svg-map-zoom-svg {
width: 100%;
height: 100%;
transform-origin: center;
}
.svg-map .zoom-city.city-label {
font-size: var(--fs-sm);
transform: translate(0, -76%);
margin-left: -0.5rem;
}
.svg-map .zoom-city.city-label.label-current {
font-size: var(--fs-md);
} .event-item {
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.event-item:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.event-item .description {
width: 100%;
} .area-logo {
width: auto;
max-height: 80px;
margin-bottom: 1.5rem;
} ul + .button-container {
margin-top: 1rem;
}
.button-container {
position: relative;
display: block;
margin-top: clamp(1.2rem, 2vw, 3rem);
overflow: hidden;
}
.button-link,
input[type="submit"] {
font-family: 'Ubuntu', sans-serif;
display: inline-block;
text-align: center;
font-size: var(--fs-xs);
font-weight: 500;
letter-spacing: var(--letter-spacing);
padding: 0.6rem 1.5rem;
border: 0;
background-color: var(--color-main);
border-radius: var(--br-md);
cursor: pointer;
color: var(--color-light);
transition: background-color var(--transition-medium) color var(--transition-medium);
}
.button-text {
position: relative;
}
.button-container a,
.button-container a:focus,
.button-container a:active {
color: var(--color-light);
text-decoration: none;
}
.button-link:hover,
input[type="submit"]:hover {
background-color: var(--color-primary);
}
.button-container:hover a {
color: var(--color-light);
} .button-link.small-btn {
font-size: var(--fs-xs);
padding: 0.3rem 0.5rem;
background-color: var(--color-midgrey);
}
.button-link.small-btn:hover {
text-decoration: none;
} footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: auto;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color-beige);
transition: var(--transition-medium);
z-index: 999;
}
footer.scrolled {
bottom: -5rem;
}
footer .footer-menu {
display: grid;
grid-template-columns: repeat(4, 1fr);
padding: var(--padding-sm);
}
footer .footer-menu .menu-picto a {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
gap: 0.3rem;
}
footer .footer-menu .menu-picto .menu-name {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 1;
color: var(--color-light);
font-weight: var(--fw-regular);
font-size: var(--fs-xs);
overflow: hidden;
}  section.text .bloc-wrap > .button-container {
margin-top: 0;
} section.duo_text .duo-content {
display: flex;
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
section.duo_text .duo-content .duo-header {
display: flex;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin: 0 0 1rem 0;
}
section.duo_text .duo-content .duo-header img {
width: 90px;
height: auto;
margin-bottom: var(--margin-sm);
}
section.duo_text .duo-content.bg-color {
padding: var(--padding-md);
border-radius: var(--br-md);
}
section.duo_text.fullwidth .duo-content {
padding: 0 var(--padding-md);
}  section.media.img .size {
position: relative;
display: block;
margin: 0 auto;
}
section.media.img .size-100,
section.media.img .size-50,
section.media.img .size-25 {
max-width: 100%;
border-radius: var(--br-md);
overflow: hidden;
}
section.media.img.fullwidth .size,
section.media.img.fullwidth .size-100,
section.media.img.fullwidth .size-50,
section.media.img.fullwidth .size-25 {
width: 100%;
max-width: 100%;
} section.media.parallax {
padding: 0;
display: block;
position: relative;
width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
section.media.parallax.with-content {
background-color: rgba(0, 0, 0, 0.3);
background-blend-mode: overlay;
}
section.media.parallax.no-content {
background-color: transparent;
background-blend-mode: normal;
}
section.media.parallax .bloc-wrap {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
height: 100%;
}
section.media.parallax .bloc-wrap .inner {
transform: translateY(300px);
opacity: 0;
transition-property: transform, opacity;
transition-duration: 1s;
text-align: center;
padding: 0 2rem;
}
section.media.parallax .bloc-wrap .inner.inview {
transform: translateY(0);
opacity: 1;
}
section.media.parallax .bloc-wrap .inner * {
color: var(--color-light);
} section.video .inner {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
}
section.video .content-video {
width: 100%;
} section.slider {
width: 100%;
}
section.slider .bloc-wrap {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: stretch;
gap: 0;
}
section.slider .slider-img {
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
height: 100%;
}
section.slider .slider-content,
section.slider .slider-wrap.with-content {
width: 100%;
}
section.slider .slider-content {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
margin: 0;
padding: 0 0 2rem 0;
order: 1;
}
section.slider.fullwidth .slider-content {
padding: 4rem 2rem;
}
section.slider .slider-wrap {
max-height: 75vh;
}
section.slider .slider-wrap.with-content {
position: relative;
overflow: hidden;
order: 2;
margin: 0;
}
section.slider .swiper-wrapper img {
width: 100% !important;
height: 100%;
object-fit: cover;
} section.columns .bloc-wrap {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: clamp(2rem, 5vw, 4rem);
}
section.columns .bloc-wrap .column-box {
width: 100%;
}
section.columns .column-box .column-img.picto img {
max-height: clamp(24px, 5vw, 40px);
}
section.columns .column-box .column-img.illus img {
border-radius: var(--br-md);
}
section.columns .column-box .column-wrap {
display: flex;
flex-flow: column;
height: 100%;
}
section.columns .column-box .column-content {
margin-top: 1rem;
}
section.columns .column-box .button-container {
padding-top: 1rem;
margin: auto auto 0;
} section.text_img .bloc-wrap {
display: grid;
grid-gap: var(--padding-md);
}
section.text_img .content-text,
section.text_img .content_img {
width: 100%;
}
section.text_img .content-text {
display: flex;
flex-flow: column;
align-items: flex-start;
justify-content: center;
margin: 0;
order: 1;
}
section.text_img.nopadd-top .content-text {
padding: var(--padding-md) 0 var(--padding-md); 0;
}
section.text_img.nopadd-top.fullwidth .content-text {
padding: var(--padding-md);
}
section.text_img .content-img {
position: relative;
overflow: hidden;
order: 2;
margin: 0 auto;
}
section.text_img:not(.fullwidth) .content-img {
border-radius: var(--br-md);
}
section.text_img .content-img {
max-height: clamp(400px, 50vh, 1000px);
}
section.text_img.thumbnail .content-img {
max-width: 200px;
margin: 0 auto;
} section.text_img.fullwidth .content-text {
padding: 0 var(--padding-md) var(--padding-md) var(--padding-md);
}
section.text_img.fullwidth {
padding-bottom: 0;
} section.text_img .content-img.full-pad {
padding: 0 var(--padding-md) var(--padding-md) var(--padding-md);
}
section.text_img .content-img.whole {
display: flex;
justify-content: center;
align-items: center;
}
section.text_img .content-img.cover img {
width: 100%;
height: 100%;
object-fit: cover;
} section.text_img.slider .content-slider .slider-img {
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
height: 100%;
}
section.text_img.slider .content-slider {
max-height: 75vh;
}
section.text_img.slider .content-slider.with-text {
width: 100%;
position: relative;
overflow: hidden;
order: 2;
margin: 0;
}
section.text_img.slider .content-slider .swiper-wrapper {
position: relative;
}
section.text_img.slider .content-slider .swiper-wrapper img {
width: 100% !important;
height: 100%;
object-fit: cover;
} section.text_img .content-video {
width: 100%;
order: 2;
}
section.text_img .content-video .video {
width: 100%;
height: 100%;
} section.gallery .inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: var(--padding-md);
}
section.gallery .gallery-item {
flex: 1 1 calc(50% - var(--padding-md));
text-align: center;
overflow: hidden;
}
section.gallery .gallery-item img {
border-radius: var(--br-md);	
} section.faq .faq-list-item {
margin-bottom: var(--margin-xs);
border-radius: var(--br-md);
background-color: var(--color-lightbeige);
}
section.faq .faq-list-item:hover,
section.faq .faq-list-item.active {
background-color: rgba(0, 0, 0, .05);
}
section.faq .faq-list-item .plus {
width: 100%;
padding: var(--padding-sm);
cursor: pointer;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
}
section.faq .faq-list-item h3 {
margin: 0;
width: calc(100% - 2rem);
font-weight: var(--fw-semibold);
}
section.faq .faq-list-item .plus::before {
content: "\002B";
display: inline-block;
width: 2rem;
font-size: var(--fs-title-xl);
font-weight: var(--fw-medium);
color: var(--color-main);
}
section.faq .faq-list-item.active .plus::before {
content: "\2212";
}
section.faq .faq-list-item .faq-content {
width: 100%;
height: auto;
padding: 0.5rem 2rem 2rem 2.5rem;
display: none;
transition: none;
}
section.faq .faq-list-item .faq-content .wrap-content img {
margin: 1rem 0 0 0;
}  section.form .button-container.modal-btn {
text-align: center;
}
#form {
display: none;
max-width: 800px;
width: 100%;
}
#form .form-box {
background-color: var(--color-light);
padding: 2rem;
} section.iframe.fullwidth iframe {
width: 100%;
} section.minislider .swiper-wrapper .swiper-img {
width: 100%;
}
section.minislider .swiper-wrapper .swiper-content {
padding: 1rem 2rem 0;
}
section.minislider .swiper-minislider-logos img {
max-height: 60px;
} section.slider-bloc {
padding: 0;
}
section.slider-bloc .swiper-slide,
section.slider-bloc .swiper-slide .swiper-content {
display: flex;
flex-flow: column;
justify-content: center;
}
section.slider-bloc .swiper-slide {
padding: clamp(1rem, 3vw, 5rem);
}
section.slider-bloc .swiper-slide .swiper-img {
position: relative;
text-align: center;
}
section.slider-bloc .swiper-slide .swiper-content {
padding: 0 clamp(3rem, 5vw, 7rem);
} section.postlist {
text-align: center;
}
.postlist .post-container {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: stretch;
gap: 2rem;
}
.postlist .section-header {
text-align: center;
}
.post-item {
position: relative;
display: flex;
flex-flow: column;
min-height: 100%;
border-radius: var(--br-md);
overflow: hidden;
box-shadow: var(--shadow-light);
width: 100%;
}
.postlist .post-item .section-header {
text-align: center;
}
.post-item .post-img {
height: 250px;
flex-shrink: 0;
}
.post-item .post-entry.list {
position: absolute;
top: 1rem;
left: 1rem;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.post-item .post-entry.list span {
font-size: 0.8rem;
font-weight: var(--fw-regular);
background-color: var(--color-main);
color: var(--color-light);
padding: 0.5rem;
margin-right: 0.5rem;
line-height: var(--line-height-xxs);
border-radius: var(--br-md);
letter-spacing: var(--letter-spacing);
}
.post-item .post-content {
display: flex;
flex-flow: column;
flex-grow: 1;
justify-content: center;
align-items: center;
text-align: center;
padding: 2rem;
background-color: var(--color-light);
}
.post-item .post-content p {
line-height: var(--line-height-sm);
padding-bottom: 1.5rem;
}
.post-item .post-content .button-container {
margin-top: auto;
} section.white .post-item .post-content {
background-color: var(--color-lightgrey);
} .post-1 .post-item {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
}
.post-1 .post-item .post-img {
height: auto;
}
.post-1 .post-item .post-content {
justify-content: center;
padding: 1rem;
}  .nl-sticky-container {
position: relative;
margin: var(--margin-lg) 0;
}
.nl-sticky-container.sticky-active .gform_wrapper {
margin: var(--margin-lg) var(--margin-md) 0 0;
}
.nl-sticky-container .gform_wrapper {
padding: var(--padding-md);
background-color: var(--color-lightblue);
border-radius: var(--br-md);
width: fit-content;
position: relative;
transition: var(--transition-medium);
box-shadow: var(--shadow-light);
z-index: 20;
}
.nl-sticky-container .gform_wrapper.sticky {
position: fixed;
top: 3rem;
z-index: 20;
}
.nl-sticky-container .close {
display: none;
top: 0.5rem;
right: 0.5rem;
background-color: var(--color-op-dark-7);
}
.nl-sticky-container.sticky-active .close {
display: flex;
}
.text-content.nl-form .gform_required_legend {
display: none;
}
.text-content.nl-form .gform_wrapper p,
.text-content .gform_wrapper.gravity-theme .gfield_label {
font-size: var(--fs-xs) !important;
font-weight: var(--fw-semibold);
margin: 0;
}
.text-content.nl-form .gform_wrapper .gform_heading,
.text-content.nl-form .gform_wrapper.gravity-theme .gform_footer {
padding: 0 !important;
margin: 0 !important;
}
.text-content.nl-form .gform_wrapper.gravity-theme #field_submit input {
padding: 0.5rem;
height: 100%;
width: 100%;
}
@media (max-width: 640px) {
.text-content.nl-form .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
grid-column: span 9;
}
.text-content.nl-form .gform_wrapper.gravity-theme #field_submit.gfield:not(.gfield--width-full) {
grid-column: span 3;
margin-left: 0.5rem;
}
.text-content.nl-form .gform_wrapper.gravity-theme #field_submit input {
padding: 0.6rem;
}
}
@media only screen and (max-width: 641px) {
.text-content.nl-form .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: var(--line-height-xxs);
min-height: auto;
}
}
.gform_heading,
.select2-results__option,
.select2-search__field,
.select2-selection__rendered,
.gform_required_legend,
.gform_wrapper .gfield_description,
.gform_wrapper.gravity-theme .gfield_label,
.ginput_complex label,
.gform_wrapper .field_description_below .gfield_description,
.gform_fileupload_rules,
.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label,
.gform_wrapper option,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="url"],
input[type="submit"],
button[type="submit"],
textarea,
.ginput_container select,
#commentform label {
font-size: var(--fs-xs);
} .gform_wrapper .gfield_description {
width: auto !important;
}
.gform_wrapper.gravity-theme .gfield_label {
font-weight: 500 !important;
}
.ginput_complex label,
.gform_wrapper .field_description_below .gfield_description,
.gform_fileupload_rules {
padding-top: 0.2rem !important;
color: var(--color-midgrey);
}
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
} .gform_confirmation_wrapper  {
font-weight: 600;
} .gform_wrapper .readonly {
background-color: var(--color-lightgrey);
border-radius: var(--br-sm);
padding: 0.5rem;
}
.gform_wrapper .readonly input {
border: 0 !important;
padding: 0 !important;
background-color: transparent !important;
font-weight: 400 !important;
cursor: default;
} .gform_wrapper .gform_validation_errors {
background: transparent !important;
margin-bottom: 2rem !important;
padding: 0.8rem !important;
text-align: center;
}
.gform_wrapper .gform_validation_errors>h2 .gform-icon {
display: none !important;
} .gform_wrapper option {
font-family: 'Ubuntu', sans-serif;
color: var(--color-primary);
font-weight: 300;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="url"],
textarea {
font-family: 'Inter', sans-serif;
border: 1px solid var(--color-beige);
line-height: var(--line-height-xxs) !important;
border-radius: var(--br-sm);
font-weight: 300;
background-color: var(--color-light);
outline: none;
width: 100%;
padding: 0.5rem !important;
}
.gform_wrapper.gravity-theme .ginput_container_date input {
width: 100% !important;
}
textarea {
max-height: 150px;
}
.gform_heading {
margin-bottom: 2rem;
}
main ::-webkit-input-placeholder,
main ::-moz-placeholder,
main ::placeholder {
font-family: 'Ubuntu', sans-serif;
color: var(--color-midgrey);
font-weight: 300;
font-size: 0.6rem;
opacity: 1;
background-color: transparent;
} .error404 section {
display: flex;
flex-flow: column;
justify-content: center;
background-image: url(//discovr.ch/wp-content/themes/discovr/images/default.webp);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: rgba(0, 0, 0, 0.5);
background-blend-mode: multiply;
}
.error404 section h2,
.error404 section h3,
.error404 section p {
color: var(--color-light);
} .cc-revoke.cc-bottom {
display: none;
background-image: url(//discovr.ch/wp-content/themes/discovr/images/cookie.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: center;
width: 30px;
height: 30px;
color: rgba(0, 0, 0, 0) !important;
background-color: transparent !important;
left: 0.5rem !important;
bottom: 0.5rem !important;
margin: 0;
transform: none !important;
}
.cc-window.cc-floating,
.cc-btn {
border-radius: var(--br-md);
} .cookies-wrap {
border: 1px solid var(--color-beige);
margin-bottom: 2rem;
}
.cookies-wrap .cookies-line {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-gap: 1rem;
padding: 0.8rem;
border-bottom: 1px solid var(--color-beige);
}
.cookies-wrap .cookies-line:last-of-type {
border-bottom: 0;
}
.cookies-wrap .cookies-line.strong {
font-weight: bold;
}
@media (min-width: 640px) {
.cookies-wrap .cookies-line {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 992px) {
.cookies-wrap .cookies-line {
grid-template-columns: repeat(4, 1fr);
}
}  @media (hover: none) and (pointer: coarse) {
section.cover .swiper-slide,
article.post-single section.main-pic,
section.media.parallax {
background-attachment: scroll;
}
} @media (hover: none) and (pointer: fine) {
section.cover .swiper-slide,
article.post-single section.main-pic,
section.media.parallax {
background-attachment: scroll;
}
} @media (hover: hover) and (pointer: coarse) {
section.cover .swiper-slide,
article.post-single section.main-pic,
section.media.parallax {
background-attachment: scroll;
}
} @media (hover: hover) and (pointer: fine) {
article.post-single section.main-pic,
section.media.parallax {
background-attachment: fixed;
}
nav.menu-wrap {
}
}
@media screen and (min-width: 415px) { .main-menu.active {
width: auto;
min-width: 300px;
}
}
@media (min-width: 576px) { section.media.img .size-25 {
max-width: 50%;
}  section.media.img .size-25 {
max-width: 50%;
} section.columns .bloc-wrap .column-box {
flex: 1 1 50%;
} section.gallery .gallery-item {
flex: 1 1 calc(33.33% - var(--padding-md));
} .post-item .post-content {
padding: 2rem;
}
}
@media screen and (min-width: 680px) { .alignleft {
float: left;
margin: 0 1.5em 1em 0;
}
.alignright {
float: right;
margin: 0 0 1em 1.5em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignnone {
margin: 0 0 1em 0;
} .grid-2,
.grid-3,
.grid-4 {
grid-template-columns: repeat(2, 1fr);
} section.info-map .inner {
flex-flow: row;
align-items: center;
}
section.info-map .inner .info-box {
flex: 0 0 auto;
min-width: 40%;
}
section.info-map .inner .map {
flex: 1 1 auto;
min-width: 0;
} section.intro .intro-block.with-logo {
grid-template-columns: auto 20%;
}
section.intro .intro-block.with-logo .logo-place {
max-width: 250px;
} .event-item {
flex-flow: row wrap;
}
.event-item .event-title {
width: 150px;
padding-right: 1rem;
}
.event-item .description {
width: calc(100% - 150px);
}  section.columns .bloc-wrap .column-box {
flex: 1 1 33.333%;
} section.media.img .size-50 {
max-width: 75%;
}
section.media.img .size-25 {
max-width: 33%;
} .post-item {
width: calc(50% - 2rem);
}
.post-1 .post-item {
width: 100%;
} footer .footer-menu .menu-picto .menu-name {
margin-top: 0.5rem;
}
}
@media (min-width: 768px) { .grid-4,
.grid-5 {
grid-template-columns: repeat(3, 1fr);
}  section.faq .faq-list-item .faq-content .wrap-content.hasImage {
display: grid;
grid-template-columns: 26% auto;
grid-gap: 2rem;
}
section.faq .faq-list-item .faq-content .wrap-content.noImage {
display: grid;
grid-template-columns: 100%;
}
section.faq .faq-list-item .faq-content .wrap-content img {
order: 1;
margin: 0;
}
section.faq .faq-list-item .faq-content .wrap-content .faq-text {
order: 2;
} .post-1 .post-item {
grid-template-columns: repeat(2, 1fr);
} .cc-revoke.cc-bottom {
display: block;
}	
}
@media (min-width: 880px) {  section.text_img .content-img {
max-height: inherit;
}
section.text_img.left .content-text {
order: 2;
}
section.text_img.right .content-text {
order: 1;
}
section.text_img.left .content-img,
section.text_img.left .content-slider.with-text,
section.text_img.left .content-video {
order: 1;
}
section.text_img.right .content-img,
section.text_img.right .content-slider.with-text,
section.text_img.right .content-video {
order: 2;
}
section.text_img.left .content-img.full-pad {
padding: 0 0 0 var(--padding-md);
}
section.text_img.right .content-img.full-pad {
padding: 0 var(--padding-md) 0 0;
}
section.text_img.nopadd-top .content-text {
padding: inherit;
}
section.text_img .content-img {
max-height: none;
} section.text_img.fullwidth {
padding-bottom: var(--padding-lg);
}
section.text_img.nopadd-bottom.fullwidth {
padding-bottom: 0;
} section.text_img.big .bloc-wrap {
grid-template-columns: auto 70%;
}
section.text_img.big.left .bloc-wrap {
grid-template-columns: 70% auto;
} section.text_img.demi .bloc-wrap {
grid-template-columns: auto 50%;
}
section.text_img.demi.left .bloc-wrap {
grid-template-columns: 50% auto;
} section.text_img.tiers .bloc-wrap {
grid-template-columns: auto 30%;
}
section.text_img.tiers.left .bloc-wrap {
grid-template-columns: 30% auto;
} section.text_img.thumbnail .bloc-wrap {
grid-template-columns: auto 15%;
}
section.text_img.thumbnail.left .bloc-wrap {
grid-template-columns: 15% auto;
} section.gallery .gallery-item {
flex: 1 1 calc(25% - var(--padding-md));
}
}
@media screen and (min-width: 992px) { .grid-4,
.grid-5 {
grid-template-columns: repeat(4, 1fr);
} nav.menu-wrap.active {
width: 100%;
max-width: 350px;
} section.list .wrap {
grid-template-columns: 300px auto;
} .facetwp-flyout-open {
display: none;
}
.sorting .search_item,
.sorting .facetwp-facet-orderby,
.sorting .theme,
.sorting .district,
.sorting .groups_themes,
.sorting .groups_seasons,
.sorting .groups_transports {
display: block;
}
.facetwp-facet-reset,
.facetwp-facet-orderby,
.facetwp-selections {
padding-top: 0;
}
.facetwp-facet-total_found {
border-bottom: 1px solid var(--color-beige);
} .info-box {
align-content: center;
}
section.keys .inner {
flex-flow: row;
}
section.keys .inner .text-content {
flex: 1 1 auto;
min-width: 0;
}
section.keys .inner .text-content.info-box {
flex: 0 0 auto;
max-width: 38%;
background-color: var(--color-light);
padding: var(--padding-md);
}
section.keys .inner .info-box .info-item.adress,
section.keys .inner .info-box .info-item.contact {
display: block;
} .svg-map-zoom {
position: absolute;
top: 0;
left: 0;
margin-top: 0;
}  section.columns .column-header {
padding-bottom: 4rem;
} section.media.img .size-50 {
max-width: 50%;
}
section.media.img .size-25 {
max-width: 25%;
} section.media.parallax .bloc-wrap .inner.inner-sm {
max-width: 1000px;
}
section.media.parallax .bloc-wrap .inner p {
font-size: 2rem	;
}
}
@media (min-width: 1200px) {  section.text_img.left .content-img.full-pad {
padding: 0 0 0 var(--padding-lg);
}
section.text_img.right .content-img.full-pad {
padding: 0 var(--padding-lg) 0 0;
} section.columns.fullwidth .bloc-wrap .column-box {
flex: 1 1 20%;
}
@media screen and (min-width: 1400px) {
.grid-3 {
grid-template-columns: repeat(3, 1fr);
}
}