@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--color-1: #938380;
--color-2: #9C9C9D;
--color-3: #9EA3B5;
--color-dark: #5A545E;
--color-light: #EBEDF5;
--color-text: var(--color-dark);
--border-radius: 12px;
--ws-space: 15px;
}
@media (min-width: 992px) {
:root {
--ws-space: 30px;
}
}
h2:first-child,
h3:first-child,
p:first-child {
margin-top: 0;
}
ul:last-child,
ol:last-child,
p:last-child {
margin-bottom: 0;
} .d-none {
display: none !important;
}
@media (min-width: 992px) {
.d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
}

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !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;
}
.d-grid {
display: grid !important;
}
.d-inline-grid {
display: inline-grid !important;
}
@media (min-width: 768px) {
.d-sm-none {
display: none !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !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;
}
.d-sm-inline-grid {
display: inline-grid !important;
}
}
@media (min-width: 992px) {
.d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-inline-grid {
display: inline-grid !important;
}
}
@media (min-width: 1200px) {
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !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;
}
.d-lg-inline-grid {
display: inline-grid !important;
}
}
@media (min-width: 1470px) {
.d-xl-none {
display: none !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !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;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-inline-grid {
display: inline-grid !important;
}
}
footer .ws-navigation-menu {
list-style-type: none;
padding: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
}
footer .footer-title {
font-size: var(--wp--custom--font-size--heading-3);
margin: 0;
}
.main-footer {
background: #F5F5F5;
}
.main-footer > .wp-block-group > div {
width: 100%;
}
@media (min-width: 992px) {
.main-footer > .wp-block-group > div {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0;
}
}
.secondary-footer {
background: #CECECE;
padding: 15px;
}
.tertiary-footer {
padding: 15px;
}
.tertiary-footer .ws-navigation-menu {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 992px) {
.tertiary-footer .ws-navigation-menu {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.link-websenso-copyright {
font-size: 0;
display: block;
width: 28px;
height: 28px;
background-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi/assets/img/divers/logo-websenso.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-left: 5px;
}
a:where(:not(.wp-element-button, .link-document, .nav-link, .wp-block-social-link-anchor, .custom-logo-link, .lightbox-trigger)) {
font-weight: bold;
-webkit-transition: color 0.25s;
transition: color 0.25s;
padding-bottom: 2px;
text-decoration: none;
position: relative;
}
a:where(:not(.wp-element-button, .link-document, .nav-link, .wp-block-social-link-anchor, .custom-logo-link, .lightbox-trigger))::after {
content: "";
display: block;
height: 1px;
width: 0;
background: currentColor;
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: width 0.35s;
transition: width 0.35s;
}
a:where(:not(.wp-element-button, .link-document, .nav-link, .wp-block-social-link-anchor, .custom-logo-link, .lightbox-trigger)):hover::after, a:where(:not(.wp-element-button, .link-document, .nav-link, .wp-block-social-link-anchor, .custom-logo-link, .lightbox-trigger)):focus::after {
width: 100%;
}
p {
margin: 0;
margin-bottom: 15px;
}
p:last-child {
margin-bottom: 0;
}
:root {
--ws-scrollbar-width: 10px;
--ws-scrollbar-radius: 6px;
--ws-scrollbar-background: #FFFFFF;
--ws-scrollbar-color: #000000;
--ws-scrollbar-color-hover: #000000;
}
::-webkit-scrollbar {
width: var(--ws-scrollbar-width);
height: var(--ws-scrollbar-width);
background: var(--ws-scrollbar-background);
}
::-webkit-scrollbar-thumb {
background: var(--ws-scrollbar-color);
border: solid 1px var(--ws-scrollbar-background);
border-radius: var(--ws-scrollbar-radius);
-webkit-transition: background 0.25s;
transition: background 0.25s;
}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {
background: var(--ws-scrollbar-color-hover);
}
::-webkit-scrollbar-button:single-button {
display: block;
background-color: var(--ws-scrollbar-background);
width: var(--ws-scrollbar-width);
height: var(--ws-scrollbar-width);
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
}
::-webkit-scrollbar-button:single-button:vertical:decrement {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='50,15 0,85 100,85'/></svg>");
}
::-webkit-scrollbar-button:single-button:vertical:increment {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,15 100,15 50,85'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:decrement {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='15,50 85,100 85,0'/></svg>");
}
::-webkit-scrollbar-button:single-button:horizontal:increment {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='15,0 15,100 85,50'/></svg>");
}
.has-tooltip {
position: relative;
}
.has-tooltip::after {
content: attr(data-title);
position: absolute;
bottom: calc(100% + 10px);
left: 50%;
min-width: 120px;
max-width: 220px;
padding: 6px 9px;
background: #000000;
border-radius: 6px;
opacity: 0;
pointer-events: none;
font-size: var(--wp--custom--font-size--m);
color: #FFFFFF;
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
line-height: 1.2;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.has-tooltip:hover::after, .has-tooltip:focus::after {
opacity: 1;
}
body.panel-open {
overflow: hidden;
}
.panel-fixe {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 3;
pointer-events: none;
margin: 0 !important;
}
.panel-fixe .panel-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0);
max-width: none;
-webkit-transition: background 0.35s;
transition: background 0.35s;
}
.panel-fixe .panel-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: #FFFFFF;
margin: 0;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0);
box-shadow: 0 0 25px rgba(0, 0, 0, 0);
z-index: 3;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.45s, -webkit-box-shadow 0.25s;
transition: -webkit-transform 0.45s, -webkit-box-shadow 0.25s;
transition: transform 0.45s, box-shadow 0.25s;
transition: transform 0.45s, box-shadow 0.25s, -webkit-transform 0.45s, -webkit-box-shadow 0.25s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 560px;
}
.panel-fixe .panel-header {
border-bottom: solid 1px #E5E5E5;
padding: 15px;
padding-left: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.panel-fixe .panel-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border-top: solid 1px #E5E5E5;
padding: 15px;
margin-top: auto;
}
.panel-fixe .panel-title {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: 700;
font-size: 24px;
}
.panel-fixe .panel-close {
width: 45px;
height: 45px;
font-size: 0;
border: solid 1px #F1F1F1;
border-radius: 50px;
position: relative;
margin-left: auto;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
cursor: pointer;
}
.panel-fixe .panel-close::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS40NTYiIGhlaWdodD0iMjUuNDU2Ij48ZyBkYXRhLW5hbWU9Ikdyb3VwZSAxNzQ1NCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMyI+PHBhdGggZGF0YS1uYW1lPSJMaWduZSA3MjAiIGQ9Ik0yMy4zMzQgMjMuMzM0TDIuMTIxIDIuMTIxIi8+PHBhdGggZGF0YS1uYW1lPSJMaWduZSA3MjQiIGQ9Ik0yLjEyMiAyMy4zMzRMMjMuMzM1IDIuMTIxIi8+PC9nPjwvc3ZnPg==");
background-size: 18px auto;
background-repeat: no-repeat;
background-position: center center;
}
.panel-fixe .panel-content {
padding: 30px;
height: 100%;
overflow: auto;
}
.panel-fixe.open {
pointer-events: all;
}
.panel-fixe.open .panel-overlay {
background: rgba(0, 0, 0, 0.4);
}
.panel-fixe.open .panel-inner {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
.panel-fixe.panel-popup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.panel-fixe.panel-popup .panel-inner {
position: relative;
height: 100%;
max-height: 85vh;
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
opacity: 0;
-webkit-transition: opacity 0.25s, -webkit-transform 0.35s;
transition: opacity 0.25s, -webkit-transform 0.35s;
transition: transform 0.35s, opacity 0.25s;
transition: transform 0.35s, opacity 0.25s, -webkit-transform 0.35s;
}
.panel-fixe.panel-popup.open .panel-inner {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
img,
video,
iframe {
max-width: 100%;
}
.group-media {
position: relative;
}
.group-media img {
display: block;
}
.group-media .credits {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 15px;
right: 15px;
pointer-events: none;
border-radius: 15px;
background: #FFFFFF;
padding: 6px 9px;
font-size: var(--wp--custom--font-size--xs);
text-align: right;
max-width: calc(100% - 30px);
}
.group-media .credits:empty {
display: none;
}
@media (min-width: 992px) {
.group-media .credits {
bottom: 30px;
right: 30px;
max-width: calc(100% - 60px);
color: transparent;
-webkit-transition: color 0.25s, width 0.35s;
transition: color 0.25s, width 0.35s;
white-space: nowrap;
overflow: hidden;
width: 28px;
min-height: 28px;
}
}
.group-media .credits::before {
content: "©";
display: inline-block;
margin-right: 4px;
color: #000000;
}
@media (min-width: 992px) {
.group-media:hover .credits, .group-media:focus .credits {
width: var(--creditsWidth);
color: #000000;
}
}
.card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
border: 0 none;
position: relative;
border-radius: var(--wp--custom--border-radius);
overflow: hidden;
height: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card .group-media img {
display: block;
width: 100%;
height: auto;
}
.card .group-content {
padding: 15px;
background: var(--wp--custom--color--color-3);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.card .group-content h2,
.card .group-content h3 {
margin: 0;
}
.card .group-content .field-description {
margin-top: 15px;
}
.card .cardlink {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 0;
}
.yoast-breadcrumbs {
padding: 15px;
}
@media (min-width: 992px) {
.yoast-breadcrumbs {
padding: 0;
}
}
.yoast-breadcrumbs > span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0;
gap: 5px;
}
@media (min-width: 992px) {
.yoast-breadcrumbs > span {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.yoast-breadcrumbs > span span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.yoast-breadcrumbs > span span::before {
content: "";
display: block;
width: 5px;
height: 5px;
border-top: solid 1px currentColor;
border-right: solid 1px currentColor;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
pointer-events: none;
position: relative;
top: -1px;
margin-left: 2px;
}
.yoast-breadcrumbs > span span:first-child::before {
display: none;
}
@media (max-width: 767px) {
.yoast-breadcrumbs > span span {
display: none;
}
.yoast-breadcrumbs > span span:first-child:last-child, .yoast-breadcrumbs > span span:nth-last-child(2), .yoast-breadcrumbs > span span:nth-last-child(2):first-child::before {
display: block;
}
.yoast-breadcrumbs > span span:first-child:last-child, .yoast-breadcrumbs > span span:nth-last-child(2) {
position: relative;
}
.yoast-breadcrumbs > span span:first-child:last-child a, .yoast-breadcrumbs > span span:nth-last-child(2) a {
padding-left: 17px;
}
.yoast-breadcrumbs > span span:first-child:last-child::before, .yoast-breadcrumbs > span span:nth-last-child(2)::before {
position: absolute;
top: 10px;
left: 1px;
-webkit-transform: rotateY(-180deg) rotateZ(45deg);
transform: rotateY(-180deg) rotateZ(45deg);
}
}
.wp-block-group.is-style-featured.alignfull {
border-radius: 0;
}

:root {
--ws-list-pictos-width: 170px;
--ws-list-pictos-height: 130px;
--ws-menu-height: 100px;
}
* {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
:target {
scroll-margin-top: 150px;
}
html {
scroll-behavior: smooth;
}
.group-media .credits {
background: var(--wp--preset--color--1);
font-weight: var(--wp--custom--font-weight--medium);
line-height: 1;
}
@media (max-width: 991px) {
.group-media .credits {
color: var(--wp--preset--color--white);
}
}
.group-media .credits::before {
color: var(--wp--preset--color--white);
font-weight: var(--wp--custom--font-weight--medium);
font-size: var(--wp--preset--font-size--large);
line-height: 1;
position: relative;
top: 2px;
}
.group-media:hover .credits, .group-media:focus .credits {
color: var(--wp--preset--color--white);
}
.is-style-background-blue, .is-style-background-green, .is-style-background-orange {
width: fit-content !important;
transform: rotateZ(-2deg);
}
.is-style-text-background-blue {
display: inline;
box-decoration-break: clone;
}
.is-style-button-decorated {
position: relative;
}
.is-style-button-decorated::before, .is-style-button-decorated::after {
content: "";
display: block;
position: absolute;
transition: inset 0.4s;
z-index: 0;
}
.is-style-button-decorated::before {
height: 33px;
width: 33px;
inset: -10px auto auto -15px;
border-radius: 50%;
background: var(--wp--preset--color--2-b);
transition: inset 0.4s;
}
.is-style-button-decorated::after {
height: 21px;
width: 21px;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--star);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
background: var(--wp--preset--color--3);
inset: 12px auto auto -13px;
transition: inset 0.4s, transform 0.4s;
}
.is-style-button-decorated .wp-element-button {
position: relative;
}
.is-style-button-decorated .wp-element-button::before {
content: "";
display: block;
width: 33px;
height: 33px;
position: absolute;
inset: 0 auto auto 0.5em;
background: var(--wp--preset--color--1-b);
border-radius: 4px;
background-position: center;
z-index: -1;
}
.is-style-button-decorated .wp-element-button::after {
mask-size: 70% 70% !important;
}
.is-style-button-decorated:hover::before {
inset: 0 auto auto 0.5em;
}
.is-style-button-decorated:hover::after {
inset: -6px auto auto 1px;
transform: rotateZ(90deg);
}
.is-style-button-decorated:hover .wp-element-button {
color: var(--wp--custom--color--text);
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-blue.has-text-align-left, .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-green.has-text-align-left, .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-orange.has-text-align-left {
margin-left: 0 !important;
}
@media (min-width: 870px) {
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-blue.has-text-align-left, .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-green.has-text-align-left, .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-orange.has-text-align-left {
margin-left: calc(50% - 0.5 * var(--wp--style--global--content-size)) !important;
margin-right: auto !important;
}
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-blue.has-text-align-right, .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-green.has-text-align-right, .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-orange.has-text-align-right {
margin-right: 0 !important;
}
@media (min-width: 870px) {
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-blue.has-text-align-right, .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-green.has-text-align-right, .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-orange.has-text-align-right {
margin-right: calc(50% - 0.5 * var(--wp--style--global--content-size)) !important;
margin-left: auto !important;
}
}
.is-layout-constrained > .alignwide.is-style-background-blue.has-text-align-left, .is-layout-constrained > .alignwide.is-style-background-green.has-text-align-left, .is-layout-constrained > .alignwide.is-style-background-orange.has-text-align-left {
margin-left: 0 !important;
}
@media (min-width: 870px) {
.is-layout-constrained > .alignwide.is-style-background-blue.has-text-align-left, .is-layout-constrained > .alignwide.is-style-background-green.has-text-align-left, .is-layout-constrained > .alignwide.is-style-background-orange.has-text-align-left {
margin-left: calc(50% - 0.5 * var(--wp--style--global--wide-size)) !important;
margin-right: auto !important;
}
}
.is-layout-constrained > .alignwide.is-style-background-blue.has-text-align-right, .is-layout-constrained > .alignwide.is-style-background-green.has-text-align-right, .is-layout-constrained > .alignwide.is-style-background-orange.has-text-align-right {
margin-right: 0 !important;
}
@media (min-width: 870px) {
.is-layout-constrained > .alignwide.is-style-background-blue.has-text-align-right, .is-layout-constrained > .alignwide.is-style-background-green.has-text-align-right, .is-layout-constrained > .alignwide.is-style-background-orange.has-text-align-right {
margin-left: auto !important;
margin-right: calc(50% - 0.5 * var(--wp--style--global--wide-size)) !important;
}
}
.is-layout-constrained > .alignfull.is-style-background-blue.has-text-align-left, .is-layout-constrained > .alignfull.is-style-background-green.has-text-align-left, .is-layout-constrained > .alignfull.is-style-background-orange.has-text-align-left {
margin-left: 0 !important;
margin-right: auto !important;
}
.is-layout-constrained > .alignfull.is-style-background-blue.has-text-align-center, .is-layout-constrained > .alignfull.is-style-background-green.has-text-align-center, .is-layout-constrained > .alignfull.is-style-background-orange.has-text-align-center {
margin-left: auto !important;
margin-right: auto !important;
}
.is-layout-constrained > .alignfull.is-style-background-blue.has-text-align-right, .is-layout-constrained > .alignfull.is-style-background-green.has-text-align-right, .is-layout-constrained > .alignfull.is-style-background-orange.has-text-align-right {
margin-left: auto !important;
margin-right: 0 !important;
}
.composition-presentation-left .wp-block-ws-library-ws-image, .composition-presentation-right .wp-block-ws-library-ws-image {
width: 100%;
margin-bottom: -40px;
max-width: unset !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.composition-presentation-left .wp-block-ws-library-ws-image .group-media, .composition-presentation-right .wp-block-ws-library-ws-image .group-media {
width: 100%;
border-style: solid;
border-color: var(--wp--preset--color--white);
}
.composition-presentation-left .wp-block-ws-library-ws-image .group-media img, .composition-presentation-right .wp-block-ws-library-ws-image .group-media img {
width: 100%;
max-height: 420px;
object-fit: cover;
transition: transform 0.4s;
border-radius: unset;
border: unset;
}
.composition-presentation-left .wp-block-ws-library-ws-image .caption, .composition-presentation-right .wp-block-ws-library-ws-image .caption {
display: none;
}
.composition-presentation-left .wp-block-buttons, .composition-presentation-right .wp-block-buttons {
position: relative;
margin: 0;
}
.composition-presentation-left .wp-block-button .wp-element-button, .composition-presentation-right .wp-block-button .wp-element-button {
width: 38px;
height: 38px;
gap: 0 !important;
border: solid 3px var(--wp--preset--color--white);
font-size: 0;
border-radius: 50%;
padding: 0;
transition: transform 0.4s;
}
.composition-presentation-left .wp-block-button .wp-element-button::after, .composition-presentation-right .wp-block-button .wp-element-button::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--plus) !important;
background-color: var(--wp--preset--color--white);
}
.composition-presentation-left .wp-block-button.is-style-button-green .wp-element-button, .composition-presentation-right .wp-block-button.is-style-button-green .wp-element-button {
background-color: var(--wp--preset--color--2);
}
.composition-presentation-left p, .composition-presentation-right p {
position: relative;
}
.composition-presentation-left .title,
.composition-presentation-left .link, .composition-presentation-right .title,
.composition-presentation-right .link {
position: absolute;
z-index: 1;
}
.composition-presentation-left .title, .composition-presentation-right .title {
inset: 15px auto auto 15px;
}
.composition-presentation-left .link, .composition-presentation-right .link {
inset: auto 15px 50px auto;
transition: transform 0.4s;
}
.composition-presentation-left .description, .composition-presentation-right .description {
max-width: 350px;
}
.composition-presentation-left:hover .wp-block-ws-library-ws-image .group-media img, .composition-presentation-left:focus .wp-block-ws-library-ws-image .group-media img, .composition-presentation-right:hover .wp-block-ws-library-ws-image .group-media img, .composition-presentation-right:focus .wp-block-ws-library-ws-image .group-media img {
transform: scale(1.1);
}
.composition-presentation-left:hover .wp-block-button .wp-element-button, .composition-presentation-left:focus .wp-block-button .wp-element-button, .composition-presentation-right:hover .wp-block-button .wp-element-button, .composition-presentation-right:focus .wp-block-button .wp-element-button {
transform: scale(1.2);
}
.composition-presentation-left {
margin-right: var(--wp--style--root--padding-right);
}
@media (min-width: 992px) {
.composition-presentation-left {
margin-right: 10%;
}
}
.composition-presentation-left .wp-block-ws-library-ws-image .group-media {
border-radius: 0 210px 210px 0;
border-width: 3px 3px 3px 0;
}
@media (min-width: 992px) {
.composition-presentation-left .title {
inset: 15px 15px auto auto;
}
}
@media (min-width: 992px) {
.composition-presentation-left .link {
inset: auto 15px 50px auto;
}
}
.composition-presentation-left .description {
margin-left: auto;
margin-right: 0 !important;
padding-left: var(--wp--style--root--padding-left);
text-align: right;
}
.composition-presentation-left.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-blue, .composition-presentation-left.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-green, .composition-presentation-left.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-orange {
margin-right: 0 !important;
}
.composition-presentation-right {
margin-left: var(--wp--style--root--padding-left);
}
@media (min-width: 992px) {
.composition-presentation-right {
margin-left: 10%;
}
}
.composition-presentation-right .wp-block-ws-library-ws-image .group-media {
border-width: 3px 0 3px 3px;
border-radius: 210px 0 0 210px;
overflow: hidden;
}
@media (min-width: 992px) {
.composition-presentation-right .title {
inset: 50px auto auto 15px;
}
}
@media (min-width: 992px) {
.composition-presentation-right .link {
inset: auto auto 50px 15px;
}
}
.composition-presentation-right .description {
margin-right: auto;
margin-left: 0 !important;
padding-right: var(--wp--style--root--padding-right);
text-align: left;
}
.composition-presentation-right.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-blue, .composition-presentation-right.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-green, .composition-presentation-right.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).is-style-background-orange {
margin-left: 0 !important;
}
.composition-sections-empilees {
display: flex;
flex-direction: column;
gap: 0;
position: relative;
padding-top: 11.5vw;
background: linear-gradient(180deg, transparent 11.5vw, var(--wp--preset--color--1-b) 11.5vw);
margin-bottom: 45px;
}
.composition-sections-empilees::before {
content: "";
display: block;
position: absolute;
inset: 0 0 auto 0;
margin-bottom: -2px;
width: 100%;
aspect-ratio: 508/60;
background-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/mountains-wide.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.composition-sections-empilees > .section {
--color-text: var(--wp--preset--color--black);
--color-background: var(--wp--preset--color--1-b);
--color-selection: rgba(var(--wp--preset--color--1), 0.6);
height: 500px;
max-height: 82vh;
position: sticky;
top: 0;
margin-top: 0;
margin-bottom: 0;
padding: 25px 90px;
background-color: var(--color-background);
color: var(--color-text);
overflow: hidden;
}
@media (min-width: 992px) {
.composition-sections-empilees > .section {
padding: 25px 120px;
top: var(--ws-menu-height);
}
}
@media (min-width: 992px) {
.composition-sections-empilees > .section {
height: 600px;
padding-top: 50px;
padding-bottom: 50px;
}
}
.composition-sections-empilees > .section ::selection {
background: var(--color-selection);
}
.composition-sections-empilees > .section .wp-block-ws-library-ws-columns {
position: relative;
}
.composition-sections-empilees > .section .wp-block-ws-library-ws-columns::before {
content: "";
display: block;
position: absolute;
z-index: 1;
pointer-events: none;
}
.composition-sections-empilees > .section .wp-block-ws-library-ws-image .group-media img {
border: 0;
aspect-ratio: 1;
object-fit: cover;
z-index: 1;
pointer-events: none;
transition: transform 0.4s;
}
@media (max-width: 991px) {
.composition-sections-empilees > .section .wp-block-ws-library-ws-image .group-media img {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
}
.composition-sections-empilees > .section .wp-block-ws-library-ws-image .group-media .credits {
display: none;
}
.composition-sections-empilees > .section .wp-block-buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin-top: -19px;
position: relative;
z-index: 1;
}
.composition-sections-empilees > .section .wp-block-button .wp-element-button {
width: 38px;
height: 38px;
transition: transform 0.4s;
gap: 0 !important;
border: solid 3px var(--wp--preset--color--white);
font-size: 0;
border-radius: 50%;
padding: 0;
}
.composition-sections-empilees > .section .wp-block-button .wp-element-button::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--plus) !important;
background-color: var(--wp--preset--color--white);
}
.composition-sections-empilees > .section .wp-block-button.is-style-button-green .wp-element-button {
background-color: var(--wp--preset--color--2);
}
.composition-sections-empilees > .section .wp-block-button.is-style-default .wp-element-button {
background-color: var(--wp--preset--color--1);
}
@media (max-width: 991px) {
.composition-sections-empilees > .section p {
max-width: 200px;
margin-left: auto;
margin-right: auto;
}
}
.composition-sections-empilees > .section:nth-of-type(3n-2) .wp-block-ws-library-ws-columns {
position: relative;
}
.composition-sections-empilees > .section:nth-of-type(3n-2) .wp-block-ws-library-ws-columns::before {
width: 67px;
height: 96px;
background-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/etoiles.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
inset: -50px auto auto -75px;
}
@media (min-width: 992px) {
.composition-sections-empilees > .section:nth-of-type(3n-2) .wp-block-ws-library-ws-columns::before {
width: 126px;
height: 181px;
inset: 35% auto auto -60px;
}
}
.composition-sections-empilees > .section:nth-of-type(3n-1) {
--color-background: var(--wp--preset--color--2-b);
--color-selection: rgba(var(--wp--preset--color--2-b), 0.6);
}
.composition-sections-empilees > .section:nth-of-type(3n-1) .wp-block-ws-library-ws-columns {
position: relative;
}
.composition-sections-empilees > .section:nth-of-type(3n-1) .wp-block-ws-library-ws-columns::before {
width: 102px;
height: 104px;
background-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/soleil.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
inset: -40px -105px auto auto;
}
@media (min-width: 992px) {
.composition-sections-empilees > .section:nth-of-type(3n-1) .wp-block-ws-library-ws-columns::before {
width: 167px;
height: 170px;
inset: 0 -80px auto auto;
}
}
.composition-sections-empilees > .section:nth-of-type(3n) {
--color-background: var(--wp--preset--color--4);
--color-selection: rgba(var(--wp--preset--color--4), 0.6);
}
.composition-sections-empilees > .section:nth-of-type(3n) .wp-block-ws-library-ws-columns {
position: relative;
}
.composition-sections-empilees > .section:nth-of-type(3n) .wp-block-ws-library-ws-columns::before {
width: 32px;
height: 130px;
background-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/gouttes.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
inset: -50px auto auto -60px;
}
@media (min-width: 992px) {
.composition-sections-empilees > .section:nth-of-type(3n) .wp-block-ws-library-ws-columns::before {
width: 47px;
height: 191px;
inset: 60px auto auto -100px;
}
}
.composition-sections-empilees > .section:hover .wp-block-ws-library-ws-image .group-media img, .composition-sections-empilees > .section:focus .wp-block-ws-library-ws-image .group-media img {
transform: scale(0.9);
}
.composition-sections-empilees > .section:hover .wp-block-button .wp-element-button, .composition-sections-empilees > .section:focus .wp-block-button .wp-element-button {
transform: scale(0.9) translateY(-25px);
}
.composition-bandeau {
position: relative;
z-index: 0;
}
.composition-bandeau::before {
content: "";
display: block;
position: absolute;
inset: auto 0 0 0;
margin-bottom: -2px;
width: 100%;
aspect-ratio: 1920/340;
background-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/colinnes.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-position: center bottom;
z-index: 1;
}
.composition-bandeau .group-content-top, .composition-bandeau .group-content-bottom {
position: absolute;
z-index: 1;
}
.composition-bandeau .group-content-top {
inset: 0 var(--wp--style--root--padding-right) auto var(--wp--style--root--padding-left);
}
.composition-bandeau .group-content-bottom {
inset: auto var(--wp--style--root--padding-right) 0 var(--wp--style--root--padding-left);
}
@media (min-width: 992px) {
.composition-bandeau .group-content-bottom {
padding-right: 30%;
padding-left: 20%;
}
}
@media (min-width: 1470px) {
.composition-bandeau .group-content-bottom {
padding-right: 520px;
padding-left: 350px;
}
}
@media (min-width: 768px) {
.composition-bandeau .group-content-bottom .wp-block-buttons {
justify-content: center;
padding-left: 22%;
padding-right: 32%;
}
}
@media (min-width: 992px) {
.composition-bandeau .group-content-bottom .wp-block-buttons {
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.composition-bandeau .wp-block-ws-library-ws-banner .group-media {
margin-left: 0 !important;
}
}
@media (min-width: 1470px) {
.composition-bandeau .wp-block-ws-library-ws-banner .group-media {
max-width: calc(50% + 0.5 * var(--wp--style--global--wide-size));
margin-left: auto !important;
}
}
.composition-bandeau .wp-block-ws-library-ws-banner .group-media img {
border-radius: 210px 0 0 210px;
border-width: 3px 0 0 3px;
}
.composition-bandeau .wp-block-ws-library-ws-banner .group-content {
display: flex;
justify-content: center;
align-items: center;
margin-top: 0;
position: absolute;
inset: auto 0 0 0;
}
.picto-facebook::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--facebook);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-facebook::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--facebook);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-instagram::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--instagram);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-instagram::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--instagram);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-youtube::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--youtube);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-youtube::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--youtube);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-linkedin::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--linkedin);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-linkedin::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--linkedin);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-share::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--share);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-share::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--share);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-phone::before,
.picto-phone a::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--phone);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-phone::after,
.picto-phone a::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--phone);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-email::before,
.picto-email a::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--email);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-email::after,
.picto-email a::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--email);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-gps::before,
.picto-gps a::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--gps);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-gps::after,
.picto-gps a::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--gps);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-search::before,
.picto-search a::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--search);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-search::after,
.picto-search a::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--search);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-website::before,
.picto-website a::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--website);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-website::after,
.picto-website a::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--website);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-question::before,
.picto-question a::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--question);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-question::after,
.picto-question a::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--question);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-plan::before,
.picto-plan a::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--plan);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.picto-plan::after,
.picto-plan a::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--plan);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-social-link-facebook .wp-block-social-link-anchor::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--facebook);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-social-link-facebook .wp-block-social-link-anchor::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--facebook);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-social-link-instagram .wp-block-social-link-anchor::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--instagram);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-social-link-instagram .wp-block-social-link-anchor::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--instagram);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-social-link-youtube .wp-block-social-link-anchor::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--youtube);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-social-link-youtube .wp-block-social-link-anchor::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--youtube);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-social-link-linkedin .wp-block-social-link-anchor::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--linkedin);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-social-link-linkedin .wp-block-social-link-anchor::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--linkedin);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-social-link-share .wp-block-social-link-anchor::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--share);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-social-link-share .wp-block-social-link-anchor::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--share);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
} .row {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.row > [class*=col-] {
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
} .col-xs-12 {
width: 100%;
} @media (min-width: 768px) {
.col-sm-1 {
width: 8.333%;
}
.col-sm-2 {
width: 16.666%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-4 {
width: 33.333%;
}
.col-sm-5 {
width: 41.666%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-7 {
width: 58.333%;
}
.col-sm-8 {
width: 66.666%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-10 {
width: 83.333%;
}
.col-sm-11 {
width: 91.666%;
}
.col-sm-12 {
width: 100%;
} .col-sm-15 {
width: 20%;
}
}
.wp-block-heading em {
display: block;
font-weight: var(--wp--custom--font-weight--light);
font-family: var(--wp--custom--font-family--1);
font-style: normal;
}
.wp-block-button .wp-element-button {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
gap: 0.5rem;
transition: color 0.2s, padding 0.4s;
}
.wp-block-button .wp-element-button::after {
content: "";
display: block;
width: 18px;
height: 18px;
background: currentColor;
}
.wp-block-button:not(.has-icon) .wp-element-button::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--arrows--arrow);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-block-button.has-icon.icon-phone .wp-element-button::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--phone);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-block-button.has-icon.icon-email .wp-element-button::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--email);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-block-button.has-icon.icon-gps .wp-element-button::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--gps);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-block-button.has-icon.icon-search .wp-element-button::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--search);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-block-button.has-icon.icon-website .wp-element-button::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--website);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-block-button.has-icon.icon-question .wp-element-button::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--question);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-block-button.has-icon.icon-plan .wp-element-button::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--plan);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
ul.wp-block-list li {
position: relative;
padding-left: 1.6em;
}
ul.wp-block-list li::before, ul.wp-block-list li::after {
content: "";
display: block;
position: absolute;
}
ul.wp-block-list li::before {
width: 1em;
height: 1em;
inset: 0.3em auto auto 0.2em;
border-radius: 4px;
background-color: var(--wp--preset--color--1);
}
ul.wp-block-list li::after {
width: 0.6em;
height: 0.6em;
inset: 0.5em auto auto 0.4em;
border-radius: 50%;
background-color: var(--wp--preset--color--2-b);
}
ul.wp-block-list li ul li::before {
content: none;
display: none;
}
ul.wp-block-list li ul li::after {
width: 0.7em;
height: 0.7em;
inset: 0.4em auto auto 0.2em;
}
ul.wp-block-list .wp-block-list {
margin-top: 15px;
}
ol.wp-block-list li {
position: relative;
padding-left: 1.6em;
}
ol.wp-block-list li::before {
content: counter(compteur);
display: block;
position: absolute;
width: 1em;
height: 1em;
inset: 0 auto auto 0;
border-radius: 4px;
color: var(--wp--preset--color--1);
font-size: 1.5rem;
line-height: 1;
font-weight: var(--wp--custom--font-weight--bold);
text-align: center;
}
ol.wp-block-list li ol li::before {
opacity: 0.6;
font-size: var(--wp--preset--font-size--large);
inset: 0.2em auto auto 0.2em;
}
ol.wp-block-list li ol li ol li::before {
opacity: 0.4;
font-size: var(--wp--preset--font-size--medium);
inset: 0.2em auto auto 0.2em;
}
ol.wp-block-list .wp-block-list {
margin-top: 15px;
counter-reset: compteur;
}
.wp-block-table table {
margin-bottom: 5px;
width: 100%;
border-collapse: separate;
}
.wp-block-table table th,
.wp-block-table table thead th,
.wp-block-table table td {
border: 0 none;
}
.wp-block-table table th,
.wp-block-table table td {
padding: 8px 16px;
}
.wp-block-table table td:not(:first-of-type) {
text-align: center;
}
.wp-block-table table thead th {
position: sticky;
top: 0;
text-align: center;
text-transform: uppercase;
font-weight: var(--wp--custom--font-weight--bold);
color: var(--wp--preset--color--1-c);
z-index: 1;
}
.wp-block-table table thead th:first-child {
left: 0;
z-index: 2;
text-align: left;
}
.wp-block-table table thead th.empty {
background: transparent;
}
.wp-block-table table tbody th {
position: sticky;
left: 0;
z-index: 1;
background: var(--wp--preset--color--1-b);
color: var(--wp--preset--color--white);
font-weight: var(--wp--custom--font-weight--bold);
}
.wp-block-table table tbody tr td {
color: var(--wp--custom--color--text);
background-color: var(--wp--preset--color--1-b);
}
.wp-block-table table tbody tr td.empty {
background: transparent;
}
.wp-block-cover {
z-index: 0;
height: 100dvh;
position: relative;
padding-top: var(--ws-menu-height);
}
.wp-block-cover::before {
content: "";
display: block;
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 25%, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.5) 90%);
z-index: 1;
pointer-events: none;
}
.wp-block-cover__inner-container {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
height: 100%;
padding-left: var(--wp--style--root--padding-left);
padding-right: var(--wp--style--root--padding-right);
padding-bottom: 65px;
z-index: 2;
}
@media (min-width: 992px) {
.wp-block-cover__inner-container {
padding-bottom: 125px;
}
}
.wp-block-cover__inner-container .wp-block-heading,
.wp-block-cover__inner-container .wp-block-post-title {
max-width: 1080px;
color: var(--wp--preset--color--white);
}
@media (max-width: 991px) {
.wp-block-cover__inner-container .wp-block-heading,
.wp-block-cover__inner-container .wp-block-post-title {
text-align: left;
}
}
.wp-block-social-links {
margin-bottom: -10px !important;
}
.wp-block-social-links .wp-social-link {
background-color: unset;
border-radius: unset;
}
.wp-block-social-links .wp-social-link svg {
display: none;
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor {
color: var(--wp--preset--color--white);
display: block;
position: relative;
width: 2em;
height: 2em;
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor::before, .wp-block-social-links .wp-social-link .wp-block-social-link-anchor::after {
content: "";
display: block;
position: absolute;
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor::before {
width: 2em;
height: 2em;
inset: 0 auto auto 0;
background-color: var(--wp--preset--color--white);
transition: transform 0.4s, background-color 0.4s;
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor::after {
width: 1.2em;
height: 1.2em;
inset: 0.4em auto auto 0.4em;
background-color: var(--wp--preset--color--1);
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor:hover {
color: var(--wp--preset--color--white);
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor:hover::before {
background-color: var(--wp--preset--color--1-b);
transform: scale(1.1);
}
.wp-block-group > [class*=is-style-background-]:nth-child(even) {
transform: rotateZ(3.5deg);
}
.wp-block-ws-library-ws-documents {
display: flex;
flex-direction: column;
gap: var(--wp--preset--spacing--40);
}
.wp-block-ws-library-ws-document a {
display: inline-block;
transition: padding 0.4s, color 0.4s;
position: relative;
}
.wp-block-ws-library-ws-document a::before, .wp-block-ws-library-ws-document a::after {
content: "";
display: block;
position: absolute;
}
.wp-block-ws-library-ws-document a::before {
width: 2em;
height: 2em;
inset: 0 auto auto 0;
background-color: var(--wp--preset--color--white);
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--download);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
transition: transform 0.4s, background-color 0.4s;
}
.wp-block-ws-library-ws-document a::after {
width: 1.2em;
height: 1.2em;
inset: 0.4em auto auto 0.4em;
background-color: var(--wp--preset--color--1);
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--download);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
.wp-block-ws-library-ws-document a:hover::before {
background-color: var(--wp--preset--color--1-b);
transform: scale(1.1);
}
.wp-block-ws-library-ws-featured-content {
position: relative;
}
.wp-block-ws-library-ws-featured-content::before, .wp-block-ws-library-ws-featured-content::after {
content: "";
display: block;
aspect-ratio: 840/70;
position: absolute;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/forme-1.svg);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: var(--wp--preset--color--white);
pointer-events: none;
}
.wp-block-ws-library-ws-featured-content::before {
inset: auto 0 100%;
margin-bottom: -2px;
}
.wp-block-ws-library-ws-featured-content::after {
inset: 100% 0 auto;
margin-top: -2px;
transform: rotateX(180deg) rotateY(180deg);
}
.wp-block-ws-library-ws-image {
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.wp-block-ws-library-ws-image .group-media {
border-radius: 0;
}
.wp-block-ws-library-ws-image .group-media:hover img, .wp-block-ws-library-ws-image .group-media:focus img {
transform: scale(1.08);
}
.wp-block-ws-library-ws-image .group-media img {
border-width: 15px;
border-style: solid;
border-color: var(--wp--preset--color--white);
}
.wp-block-ws-library-ws-image .wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-ws-library-ws-image .caption {
text-align: center;
color: var(--wp--preset--color--1-c);
font-weight: var(--wp--custom--font-weight--bold);
}
.wp-block-ws-library-ws-image .caption:empty {
display: none;
}
.wp-block-ws-library-ws-image:hover .group-media img, .wp-block-ws-library-ws-image:focus .group-media img {
transform: scale(1);
}
.wp-block-ws-library-ws-video {
position: relative;
}
.wp-block-ws-library-ws-video::before, .wp-block-ws-library-ws-video::after {
content: "";
display: block;
position: absolute;
inset: auto auto calc(100% - 50px) 0;
margin-bottom: -2px;
}
.wp-block-ws-library-ws-video::before {
width: 73%;
aspect-ratio: 613/179;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/mountains.svg);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: var(--wp--preset--color--1-b);
}
.wp-block-ws-library-ws-video::after {
width: 55%;
margin-left: 18.1%;
aspect-ratio: 460/180;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/mountain-line.svg);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: var(--wp--preset--color--white);
}
.wp-block-ws-library-ws-video .wrapper {
position: relative;
}
.wp-block-ws-library-ws-banner .group-media {
width: 100%;
min-height: 400px;
aspect-ratio: 16/5;
margin: 0;
}
.wp-block-ws-library-ws-banner .group-content {
background: unset;
border-radius: 0;
}
@media (max-width: 991px) {
.wp-block-ws-library-ws-banner .group-content {
margin-top: -30px;
position: relative;
}
}
.wp-block-ws-library-ws-banner .group-media {
border-radius: 0;
}
.wp-block-ws-library-ws-banner.is-style-background-bleu-plein .group-content-heading {
text-align: center;
align-items: center;
justify-content: center;
color: var(--wp--preset--color--white);
}
.wp-block-ws-library-ws-banner.is-style-background-bleu-plein .group-content-heading::before {
display: none;
}
.wp-block-ws-library-ws-slider .splide {
max-width: var(--wp--style--global--wide-size);
margin-left: auto;
margin-right: auto;
width: 100%;
z-index: 0;
}
.wp-block-ws-library-ws-slider .splide .splide__slide {
border-radius: 0;
padding: 15px;
background-color: var(--wp--preset--color--white);
}
.wp-block-ws-library-ws-slider .splide .splide__slide .lightbox-trigger {
display: block;
height: 100%;
}
.wp-block-ws-library-ws-slider .splide .splide__slide .lightbox-trigger img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow {
width: 2.5em;
height: 2.5em;
background: 0 none;
position: relative;
opacity: 1;
}
.wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow svg {
display: none;
}
.wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow::before, .wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow::after {
content: "";
display: block;
position: absolute;
}
.wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow::before {
width: 2.5em;
height: 2.5em;
inset: 0;
background-color: var(--wp--preset--color--white);
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--chevron);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
transform: rotate(180deg);
transition: transform 0.4s, background-color 0.4s;
}
.wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow::after {
width: 1.4em;
height: 1.4em;
inset: 0.6em auto auto 0.6em;
background-color: var(--wp--preset--color--1);
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--arrows--chevron);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
transform: rotate(180deg);
}
.wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow--prev::before {
transform: rotate(0deg);
}
.wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow--prev::after {
transform: rotate(0deg);
}
.wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow:hover::before {
background-color: var(--wp--preset--color--1-b);
}
.wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow:disabled {
opacity: 0.5;
pointer-events: none;
}
.wp-block-ws-library-ws-slider .splide:not(.is-overflow) {
padding: 0;
}
.wp-block-ws-library-ws-slider .splide:not(.is-overflow) .splide__list {
justify-content: center;
}
.wp-block-ws-library-ws-slider .splide:not(.is-overflow) .splide__arrows {
display: none;
}
.wp-block-ws-library-ws-faq .faq-item {
position: relative;
padding: 5px 15px 15px;
transition: background 0.4s;
}
.wp-block-ws-library-ws-faq .faq-item[open] {
background-color: var(--wp--preset--color--1-b);
}
.wp-block-ws-library-ws-faq .faq-item[open] .faq-question {
color: var(--wp--custom--color--text);
}
.wp-block-ws-library-ws-faq .faq-item[open] .faq-question::before {
display: none;
}
.wp-block-ws-library-ws-faq .faq-item[open] .faq-question::after {
transform: rotate(270deg);
}
.wp-block-ws-library-ws-faq .faq-question {
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--large);
padding-top: 10px;
padding-bottom: 10px;
transition: color 0.4s;
}
.wp-block-ws-library-ws-faq .faq-question::before, .wp-block-ws-library-ws-faq .faq-question::after {
content: "";
display: block;
position: absolute;
}
.wp-block-ws-library-ws-faq .faq-question::before {
width: 2em;
height: 2em;
inset: 0 0 auto auto;
background-color: var(--wp--preset--color--white);
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--chevron);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
transform: rotate(180deg);
transition: transform 0.4s, background-color 0.4s;
}
.wp-block-ws-library-ws-faq .faq-question::after {
width: 1.2em;
height: 1.2em;
inset: 0.4em 0.4em auto auto;
background-color: var(--wp--preset--color--1);
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--arrows--chevron);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
transform: rotate(180deg);
}
.wp-block-ws-library-ws-faq .faq-answer {
color: var(--wp--custom--color--text);
padding-bottom: 0;
}
.wp-block-ws-library-ws-list-pictos,
.wp-block-ws-library-ws-list-pictos .block-editor-block-list__layout {
display: flex;
}
.wp-block-ws-library-ws-text-icon {
position: relative;
}
.wp-block-ws-library-ws-text-icon .group-content {
width: 100%;
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
padding-left: 30px;
padding-right: 30px;
text-align: center;
font-weight: var(--wp--custom--font-weight--bold);
}
.wp-block-ws-library-ws-text-icon .field-image {
display: flex;
align-items: center;
justify-content: center;
}
.wp-block-ws-library-ws-text-icon .field-image img {
width: var(--ws-list-pictos-width);
height: var(--ws-list-pictos-height);
}
.wp-block-ws-library-ws-text-icon .field-description {
margin-top: 0;
color: var(--wp--preset--color--black);
}
.wp-block-ws-library-ws-text-icon .cardlink {
position: absolute;
inset: 0;
font-size: 0;
}
.wp-block-ws-library-ws-text-icon:hover .group-content, .wp-block-ws-library-ws-text-icon:focus .group-content, .wp-block-ws-library-ws-text-icon:active .group-content {
color: var(--wp--preset--color--black);
}
.wp-block-ws-library-ws-text-icon:active .group-content {
text-decoration: underline;
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column {
margin-bottom: 0;
}
}
.wp-block-ws-library-ws-list-content .list-items, .wp-block-ws-library-ws-list-childs .list-items {
display: flex;
overflow: auto;
flex-wrap: nowrap;
justify-content: flex-start;
gap: 15px;
padding: 0 15px;
}
.wp-block-ws-library-ws-list-content .list-items .item, .wp-block-ws-library-ws-list-childs .list-items .item {
padding: 0;
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-list-content .list-items .item, .wp-block-ws-library-ws-list-childs .list-items .item {
width: calc(50% - 15px);
}
}
@media (min-width: 1200px) {
.wp-block-ws-library-ws-list-content .list-items .item, .wp-block-ws-library-ws-list-childs .list-items .item {
width: calc(20% - 12px);
}
}
.wp-block-ws-library-ws-list-content .list-items .card, .wp-block-ws-library-ws-list-childs .list-items .card {
width: 75vw;
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-list-content .list-items .card, .wp-block-ws-library-ws-list-childs .list-items .card {
width: auto;
}
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-list-content .list-items, .wp-block-ws-library-ws-list-childs .list-items {
flex-wrap: wrap;
justify-content: center;
}
}
.wp-block-ws-library-ws-share {
position: relative;
max-width: 320px;
z-index: 1;
}
.wp-block-ws-library-ws-share .share-subtitle {
width: fit-content !important;
position: relative;
margin-top: 20%;
padding-top: 0.25em;
padding-right: 1.5em;
padding-bottom: 0.25em;
padding-left: 1.5em;
transform: rotateZ(-2deg);
border-width: 3px;
border-style: solid;
border-radius: 25px;
font-weight: var(--wp--custom--font-weight--black);
font-size: 1.375rem;
background-color: var(--wp--preset--color--3);
border-color: var(--wp--preset--color--white);
color: var(--wp--preset--color--white);
z-index: 0;
}
.wp-block-ws-library-ws-share .share-subtitle::before, .wp-block-ws-library-ws-share .share-subtitle::after {
content: "";
display: block;
position: absolute;
z-index: -1;
}
.wp-block-ws-library-ws-share .share-subtitle::before {
inset: auto 0 0 0;
width: 100%;
aspect-ratio: 305/113;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/share.svg);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: var(--wp--preset--color--white);
}
.wp-block-ws-library-ws-share .share-subtitle::after {
inset: 0;
background-color: var(--wp--preset--color--3);
border-radius: 25px;
}
.wp-block-ws-library-ws-share .share-title {
position: relative;
font-size: 2rem;
font-weight: var(--wp--custom--font-weight--bold);
color: var(--wp--preset--color--white);
padding: 0.25em 2.5em 0.25em 0.5em;
}
.wp-block-ws-library-ws-share .share-title::before {
content: "";
display: block;
position: absolute;
inset: 0;
background-color: var(--wp--preset--color--1);
border-radius: 0 0 12px 12px;
z-index: -1;
transform: rotateZ(-2deg);
}
.wp-block-ws-library-ws-share .ws-share-button {
position: absolute;
inset: auto 40px 25px auto;
font-size: 0;
width: 40px;
height: 40px;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--social--share);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
background: var(--wp--preset--color--white);
transition: background 0.25s;
z-index: 2;
}
.wp-block-ws-library-ws-share .ws-share-button:hover, .wp-block-ws-library-ws-share .ws-share-button:focus {
background: var(--wp--preset--color--3);
}
.wp-block-ws-library-ws-socialwall .socialwall {
padding: 0;
display: flex;
flex-wrap: nowrap;
}
@media (max-width: 991px) {
.wp-block-ws-library-ws-socialwall .socialwall {
overflow: auto;
}
}
.wp-block-ws-library-ws-socialwall .post-social {
margin-bottom: 0;
}
@media (max-width: 991px) {
.wp-block-ws-library-ws-socialwall .post-social {
width: 316px;
min-width: 316px;
}
}
.wp-block-ws-library-ws-socialwall .card-post {
max-width: 325px;
}
.wp-block-ws-library-ws-socialwall .card-post .group-media {
border: solid 4px var(--wp--preset--color--white);
transition: border 0.4s;
}
.wp-block-ws-library-ws-socialwall .card-post .group-media::before {
content: none;
display: none;
}
.wp-block-ws-library-ws-socialwall .card-post .group-media .post-network {
z-index: 2;
}
.wp-block-ws-library-ws-socialwall .card-post .group-media .post-network::before {
background: var(--wp--preset--color--white);
}
.wp-block-ws-library-ws-socialwall .card-post .group-content {
display: block;
position: relative;
margin-top: -60px;
padding: 60px 15px 30px 15px;
background: unset;
z-index: 1;
pointer-events: none;
}
.wp-block-ws-library-ws-socialwall .card-post .group-content::before {
content: "";
display: block;
position: absolute;
inset: -1px;
background: var(--wp--preset--color--white);
clip-path: polygon(35.88% 0%, 0% 23.077%, 0% 100%, 59.801% 91.608%, 100% 95.804%, 97.01% 62.937%, 100% 37.5%, 100% 11.189%, 97.01% 7.692%, 68.771% 11.189%, 35.88% 0%);
z-index: -1;
pointer-events: none;
}
.wp-block-ws-library-ws-socialwall .card-post .group-content .post-description {
line-height: 1.3;
}
.wp-block-ws-library-ws-socialwall .card-post .group-content .post-date,
.wp-block-ws-library-ws-socialwall .card-post .group-content .post-author {
display: none;
}
.wp-block-ws-library-ws-socialwall .card-post .group-media {
aspect-ratio: 1/1;
height: auto;
width: 100%;
}
.wp-block-ws-library-ws-socialwall .card-post .group-media::after {
content: none;
display: none;
}
.wp-block-ws-library-ws-socialwall .card-post .group-media .post-network {
width: 22px;
height: 22px;
inset: 15px 15px auto auto;
transform: none;
opacity: 1;
}
.wp-block-ws-library-ws-socialwall .card-post .group-media .post-network::before {
width: auto;
height: auto;
transform: none;
inset: 0;
}
.wp-block-ws-library-ws-socialwall .card-post:hover .group-media, .wp-block-ws-library-ws-socialwall .card-post:focus .group-media {
border-width: 15px;
}
.wp-block-ws-library-ws-socialwall .card-post:hover .group-media .post-image img,
.wp-block-ws-library-ws-socialwall .card-post:hover .group-media .post-video video, .wp-block-ws-library-ws-socialwall .card-post:focus .group-media .post-image img,
.wp-block-ws-library-ws-socialwall .card-post:focus .group-media .post-video video {
transform: none;
}
.yoast-breadcrumbs {
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;
max-width: var(--wp--style--global--wide-size);
margin-left: auto;
margin-right: auto;
padding: 0 15px;
}
.yoast-breadcrumbs a {
border: 0 none;
}
@media (min-width: 992px) {
.yoast-breadcrumbs > span {
justify-content: flex-start;
}
}
.block-reglements {
margin-top: 15px;
}
@media (max-width: 991px) {
.block-reglements {
max-width: 300px;
}
}
.block-partenaires img {
height: 62px;
width: auto;
max-width: 160px;
filter: grayscale(1);
transition: filter 0.4s;
}
.block-partenaires a::after {
content: none;
display: none;
}
.block-resa {
width: 100%;
}
@media (max-width: 767px) {
.block-hashtags {
flex-direction: column;
align-items: flex-start;
}
}
.block-title-reglements {
font-size: var(--wp--preset--font-size--large);
color: var(--wp--preset--color--1);
}
.block-title-sociallinks {
color: var(--wp--preset--color--1-c);
font-family: var(--wp--custom--font-family--2);
font-size: 1.375rem;
font-weight: var(--wp--custom--font-weight--black);
}
@media (min-width: 992px) {
.block-title-sociallinks {
font-size: 1.5rem;
}
}
.macaron-badge {
position: absolute;
inset: auto auto 275px 30px;
width: 111px;
height: 111px;
cursor: pointer;
}
@media (min-width: 992px) {
.macaron-badge {
inset: auto 30px 275px auto;
}
}
@media (min-width: 1470px) {
.macaron-badge {
right: calc(50% - 720px);
}
}
.macaron-svg {
display: block;
width: 100%;
height: auto;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
transition: filter 0.3s ease;
}
.macaron-badge:hover .macaron-svg {
filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.15));
}
.macaron-rotate {
transform-origin: 55.5px 55.5px;
animation: macaron-spin 15s linear infinite;
will-change: transform;
}
.macaron-center {
transform-origin: 55.5px 55.5px;
}
.macaron-badge:hover .macaron-rotate {
animation-duration: 25s;
}
.eapps-widget {
margin-bottom: 45px;
}
.ws-sitemap ul {
list-style-type: none;
padding-left: 0;
}
.ws-sitemap ul li {
position: relative;
padding-left: 1.6em;
margin-bottom: 15px;
}
.ws-sitemap ul li::before, .ws-sitemap ul li::after {
content: "";
display: block;
position: absolute;
}
.ws-sitemap ul li::before {
width: 1em;
height: 1em;
inset: 0.3em auto auto 0.2em;
border-radius: 4px;
background-color: var(--wp--preset--color--1);
}
.ws-sitemap ul li::after {
width: 0.6em;
height: 0.6em;
inset: 0.5em auto auto 0.4em;
border-radius: 50%;
background-color: var(--wp--preset--color--2-b);
}
.ws-sitemap ul li ul li::before {
content: none;
display: none;
}
.ws-sitemap ul li ul li::after {
width: 0.7em;
height: 0.7em;
inset: 0.4em auto auto 0.2em;
}
.ws-sitemap ul ul {
margin-top: 15px;
}
.otgs-development-site-front-end {
display: none;
}
@keyframes macaron-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
}
input,
select,
textarea {
max-width: none;
width: 100%;
}
input,
textarea {
font-size: var(--wp--preset--font-size--medium);
border: 0;
padding: 10px 18px;
color: var(--wp--custom--color--text);
}
.wpcf7 {
max-width: 720px;
margin: 15px auto;
}
.wpcf7 #contact {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.wpcf7 .field {
padding-right: 0;
width: 100%;
}
.wpcf7 .flex-group {
display: flex;
flex-direction: collumn;
gap: 10px;
}
@media (min-width: 992px) {
.wpcf7 .flex-group {
flex-direction: row;
}
}
.wpcf7 .flex-group .field {
flex: 1 1 0;
padding-right: 0;
}
.wpcf7 label {
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--x-small);
line-height: 1.1;
}
.wpcf7 .form-builder-item {
display: flex;
align-items: flex-end;
margin-bottom: 10px;
}
.wpcf7 .form-builder-item p {
width: 100%;
}
.wpcf7 .wpcf7-not-valid-tip {
text-transform: none;
font-weight: var(--wp--custom--font-weight--bold);
margin-top: 3px;
}
.wpcf7 .wpcf7-list-item {
margin: 0;
}
.wpcf7 .wpcf7-submit {
cursor: pointer;
color: var(--wp--preset--color--white);
background: var(--wp--preset--color--1);
border: 0 none;
font-weight: var(--wp--custom--font-weight--bold);
transition: background 0.25s;
width: auto;
}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:focus {
background: var(--wp--preset--color--1-b);
}
.wpcf7 input[type=checkbox] {
width: auto;
}
.wpcf7 .wpcf7-select {
min-height: 42px;
}
.ws-navigation a {
transition: color 0.25s;
order: 0 none;
}
.ws-navigation .custom-logo-link {
border: 0 none;
}
.ws-navigation.main-menu {
padding-top: 15px;
padding-bottom: 15px;
}
@media (min-width: 992px) {
.ws-navigation.main-menu {
padding-top: 0;
padding-bottom: 0;
}
}
@media (min-width: 992px) {
.ws-navigation.main-menu .level-1 {
justify-content: space-evenly;
}
}
.ws-navigation.main-menu .level-1 > .menu-item {
padding-top: 10px;
padding-bottom: 10px;
}
@media (min-width: 992px) {
.ws-navigation.main-menu .level-1 > .menu-item {
padding-top: 35px;
padding-bottom: 30px;
flex: 1 1 0;
}
}
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link {
display: block;
position: relative;
text-transform: none;
font-size: 1.5rem;
font-family: var(--wp--custom--font-family--2);
padding: 5px 10px;
white-space: nowrap;
font-weight: var(--wp--custom--font-weight--black);
line-height: 1;
color: var(--wp--preset--color--white);
border-radius: 8px;
z-index: 0;
}
@media (min-width: 992px) {
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link {
display: flex;
align-items: center;
font-size: var(--wp--preset--font-size--large);
background: var(--wp--preset--color--1);
width: 100%;
}
}
@media (min-width: 1200px) {
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link {
font-size: var(--wp--preset--font-size--large);
padding: 10px 15px;
}
}
@media (min-width: 1470px) {
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link {
font-size: var(--wp--preset--font-size--x-large);
}
}
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link::before, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link::after {
content: "";
display: block;
height: 26px;
width: 26px;
position: absolute;
transition: opacity 0.25s;
z-index: -1;
}
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link::before {
inset: 0 auto auto 0;
border-radius: 50%;
background: var(--wp--preset--color--2-b);
transition: width 0.4s, height 0.4s, inset 0.4s, border-radius 0.4s;
}
@media (min-width: 992px) {
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link::before {
inset: -13px auto auto 0;
}
}
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link::after {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--star);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
background: var(--wp--preset--color--3);
inset: 0 auto auto -13px;
transition: inset 0.4s;
}
@media (min-width: 992px) {
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link::after {
inset: -13px auto auto -13px;
}
}
@media (min-width: 992px) {
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link.current-menu-item, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link.current-page-ancestor, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link.submenu-open, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link:hover, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link:focus {
color: var(--wp--preset--color--white);
}
}
@media (min-width: 992px) {
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link.current-menu-item::before, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link.current-page-ancestor::before, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link.submenu-open::before, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link:hover::before, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link:focus::before {
width: 100%;
height: 100%;
inset: 0;
border-radius: 8px;
}
}
@media (min-width: 992px) {
.ws-navigation.main-menu .level-1 > .menu-item > .nav-link.current-menu-item::after, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link.current-page-ancestor::after, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link.submenu-open::after, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link:hover::after, .ws-navigation.main-menu .level-1 > .menu-item > .nav-link:focus::after {
inset: 4px auto auto -13px;
}
}
@media (min-width: 992px) {
.ws-navigation.main-menu .level-1 > .menu-item.submenu-open > .nav-link::before {
border-radius: 8px 8px 0 0;
}
}
.ws-navigation.main-menu .level-2 {
padding-left: 30px;
}
@media (min-width: 992px) {
.ws-navigation.main-menu .level-2 {
padding: 5px 16px;
padding-top: 10px;
padding-right: 25px;
border-radius: 0 0 8px 8px;
box-shadow: 4px 12px 10px rgba(0, 0, 0, 0.08);
white-space: nowrap;
background: var(--wp--preset--color--2-b);
}
}
.ws-navigation.main-menu .level-2 .nav-link {
color: var(--wp--preset--color--white);
}
@media (min-width: m) {
.ws-navigation.main-menu .level-2 .nav-link {
color: var(--wp--preset--color--1);
}
}
.ws-navigation.main-menu .level-2 .nav-link:hover, .ws-navigation.main-menu .level-2 .nav-link:focus {
color: var(--wp--preset--color--1);
}
.ws-navigation.main-menu .level-2 .nav-link:hover::before, .ws-navigation.main-menu .level-2 .nav-link:focus::before {
opacity: 1;
}
.ws-navigation.main-menu .submenu {
top: calc(100% - 30px);
left: 15px;
right: 15px;
}
.ws-navigation.main-menu .has-submenu::after {
background-color: var(--wp--preset--color--white);
top: 30px;
}
.ws-navigation.main-menu .has-submenu.submenu-open > .nav-link {
color: var(--wp--preset--color--white);
}
.ws-navigation.main-menu .has-submenu:has(> .current-page-ancestor)::after {
background: var(--wp--preset--color--3);
}
.ws-navigation.outils menu {
align-items: flex-end;
}
@media (min-width: 992px) {
.ws-navigation.outils menu {
align-items: center;
}
}
.ws-navigation.outils menu .nav-link {
display: block;
min-height: 44px;
min-width: 44px;
}
.ws-navigation.outils menu .nav-link.link-menu {
background: unset;
}
.ws-navigation.outils menu .nav-link.link-menu::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--hamburger);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
background-color: var(--wp--preset--color--white);
}
.ws-navigation.outils menu .nav-link.link-contact {
position: relative;
padding: 7px 5px 7px 2.5em;
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--large);
text-decoration: none;
}
@media (min-width: 992px) {
.ws-navigation.outils menu .nav-link.link-contact {
font-size: var(--wp--preset--font-size--large);
}
}
@media (min-width: 1200px) {
.ws-navigation.outils menu .nav-link.link-contact {
font-size: var(--wp--preset--font-size--large);
}
}
.ws-navigation.outils menu .nav-link.link-contact::before, .ws-navigation.outils menu .nav-link.link-contact::after {
content: "";
display: block;
position: absolute;
}
.ws-navigation.outils menu .nav-link.link-contact::before {
width: 2em;
height: 2em;
inset: 0 auto auto 0;
background-color: var(--wp--preset--color--white);
transition: transform 0.4s, background-color 0.4s;
}
.ws-navigation.outils menu .nav-link.link-contact::after {
width: 1.2em;
height: 1.2em;
inset: 0.4em auto auto 0.4em;
background-color: var(--wp--preset--color--1);
}
.ws-navigation.outils menu .nav-link.link-contact:hover {
color: var(--wp--preset--color--white);
}
.ws-navigation.outils menu .nav-link.link-contact:hover::before {
background-color: var(--wp--preset--color--1-b);
transform: scale(1.1);
}
.ws-navigation.outils menu .nav-link.link-contact.picto-phone {
color: var(--wp--preset--color--white);
}
@media (max-width: 991px) {
.ws-navigation.outils menu .nav-link.link-contact.picto-phone {
font-size: 0;
width: 44px;
height: 44px;
padding: 10px;
}
}
.ws-navigation.outils menu .nav-link.link-contact.picto-phone::before, .ws-navigation.outils menu .nav-link.link-contact.picto-phone::after {
font-size: var(--wp--preset--font-size--large);
}
@media (min-width: 992px) {
.ws-navigation.outils menu .nav-link.link-contact.picto-phone::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--forms--phone);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
}
}
@media (max-width: 991px) {
.ws-navigation.outils menu .nav-link.link-contact.picto-phone::before {
content: none;
display: none;
}
}
@media (max-width: 991px) {
.ws-navigation.outils menu .nav-link.link-contact.picto-phone::after {
width: 24px;
height: 24px;
inset: 10px;
background-color: var(--wp--preset--color--white);
}
}
.ws-navigation.outils menu .nav-link.link-reserver {
display: block;
width: 247px;
height: 62px;
position: relative;
margin-bottom: -3px;
padding: 25px 10px 15px 10px;
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--medium);
color: var(--wp--preset--color--white);
text-align: center;
text-decoration: none;
text-transform: uppercase;
z-index: 4;
}
@media (min-width: 768px) {
.ws-navigation.outils menu .nav-link.link-reserver {
width: 307px;
height: 74px;
}
}
@media (max-width: 991px) {
.ws-navigation.outils menu .nav-link.link-reserver {
margin-top: -30px;
}
}
@media (min-width: 992px) {
.ws-navigation.outils menu .nav-link.link-reserver {
position: fixed;
inset: auto auto 0 50%;
transform: translateX(-50%);
font-size: var(--wp--preset--font-size--large);
}
}
@media (min-width: 1200px) {
.ws-navigation.outils menu .nav-link.link-reserver {
font-size: var(--wp--preset--font-size--x-large);
}
}
.ws-navigation.outils menu .nav-link.link-reserver::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: unset;
position: absolute;
inset: 0;
margin-bottom: 0;
background-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/reserver.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.4s;
z-index: -1;
}
.ws-navigation.outils menu .nav-link.link-reserver:hover {
color: var(--wp--preset--color--white);
}
.ws-navigation.outils menu .nav-link.link-reserver:hover::before {
transform: scale(1.1);
}
.ws-navigation.outils menu .nav-link.link-menu {
padding: 10px;
}
.ws-navigation.bas-de-page {
text-align: center;
}
.ws-navigation.bas-de-page menu {
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
margin: 0;
list-style-type: none;
padding: 0;
}
.ws-navigation.bas-de-page menu .menu-item:has(.link-websenso-copyright) {
line-height: 0;
}
.ws-navigation.bas-de-page menu .nav-link {
display: inline-block;
padding: 6px 0;
font-weight: var(--wp--custom--font-weight--bold);
color: var(--wp--preset--color--1-c);
font-size: var(--wp--preset--font-size--small);
text-decoration: none;
transition: color 0.25s;
}
@media (min-width: 992px) {
.ws-navigation.bas-de-page menu .nav-link {
padding: 5px 15px;
}
.ws-navigation.bas-de-page menu .nav-link:hover, .ws-navigation.bas-de-page menu .nav-link:focus {
color: var(--wp--preset--color--1);
}
}
.ws-navigation.bas-de-page menu .nav-link.link-websenso-copyright {
font-size: 0;
margin: 0;
}
footer {
display: flex;
flex-direction: column;
position: relative;
margin-top: 40px;
z-index: 0;
}
footer .info-contact {
color: var(--wp--preset--color--white);
}
footer .link-contact a {
color: var(--wp--preset--color--white);
}
.region-wrapper-pre-footer {
position: relative;
padding-top: 0;
padding-bottom: 5%;
z-index: 1;
}
.region-wrapper-pre-footer::before {
content: "";
display: block;
aspect-ratio: 1920/130;
position: absolute;
inset: auto 0 0;
margin-bottom: -2px;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/forme-2.svg);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: var(--wp--preset--color--1-b);
pointer-events: none;
}
.region-wrapper-pre-footer .block-logo {
position: relative;
z-index: 1;
margin-bottom: -75px;
}
@media (min-width: 1200px) {
.region-wrapper-pre-footer .block-logo {
margin-bottom: -150px;
}
}
.region-wrapper-pre-footer .block-logo .custom-logo-link {
background-color: var(--wp--preset--color--1-b);
border-radius: 50%;
}
.region-wrapper-pre-footer .block-logo .custom-logo {
width: 162px;
}
@media (min-width: 992px) {
.region-wrapper-pre-footer .block-logo .custom-logo {
width: 219px;
}
}
.region-wrapper-footer-main, .region-wrapper-footer-secondary {
position: relative;
}
.region-wrapper-footer-main {
position: relative;
background-color: var(--wp--preset--color--1-b);
color: var(--wp--preset--color--white);
padding-top: 75px;
}
@media (min-width: 992px) {
.region-wrapper-footer-main {
padding-top: 0;
}
}
.region-wrapper-footer-main::before {
content: "";
display: block;
aspect-ratio: 840/70;
position: absolute;
inset: auto 0 0;
margin-bottom: -2px;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/forme-1.svg);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: var(--wp--preset--color--white);
pointer-events: none;
}
.region-wrapper-footer-secondary {
min-height: 100px;
background-color: var(--wp--preset--color--white);
padding-top: 7%;
padding-bottom: 25px;
}
@media (min-width: 992px) {
.region-wrapper-footer-secondary {
padding-top: 5px;
padding-bottom: 5px;
}
}
.region-wrapper-after-footer {
position: relative;
padding-top: 7%;
padding-bottom: 3%;
background-color: var(--wp--custom--color--light);
}
@media (min-width: 992px) {
.region-wrapper-after-footer {
padding-left: 10%;
padding-right: 10%;
}
}
@media (max-width: 991px) {
.region-wrapper-after-footer {
padding-bottom: 100px;
}
}
.region-wrapper-after-footer::before {
content: "";
display: block;
aspect-ratio: 840/70;
position: absolute;
inset: 0 0 auto;
margin-top: -2px;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/forme-1.svg);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: var(--wp--preset--color--white);
transform: rotateX(-180deg) rotateY(-180deg);
pointer-events: none;
}
.region-footer-main, .region-footer-secondary, .region-after-footer {
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
}
.region-footer-main > div,
.region-footer-main > nav, .region-footer-secondary > div,
.region-footer-secondary > nav, .region-after-footer > div,
.region-after-footer > nav {
flex: 1 1 0;
}
.region-footer-main h2, .region-footer-secondary h2, .region-after-footer h2 {
width: 100%;
}
@media (min-width: 768px) {
.region-footer-main, .region-after-footer {
flex-direction: row;
flex-wrap: wrap;
}
}
@media (min-width: 992px) {
.region-footer-main, .region-after-footer {
flex-wrap: nowrap;
}
}
.region-footer-main {
padding: 0;
}
.region-footer-main .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
width: 100%;
}
.region-secondary {
display: flex;
flex-direction: column;
justify-content: center;
padding: 15px 0;
gap: 10px;
}
.region-secondary > p {
margin: 0;
}
.region-secondary > .wp-block-group {
display: flex;
justify-content: center;
gap: 15px;
margin: 0;
}
@media (min-width: 768px) {
.region-secondary > .wp-block-group {
flex-direction: row;
}
}
@media (min-width: 992px) {
.region-secondary > .wp-block-group {
gap: 15px;
}
}
.region-footer-main-1, .region-footer-main-2, .region-footer-main-3 {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
padding: 15px;
}
@media (max-width: 991px) {
.region-footer-main-1, .region-footer-main-2, .region-footer-main-3 {
width: 100%;
max-width: 330px;
margin: 0 auto;
}
}
.region-footer-main-1 > *, .region-footer-main-2 > *, .region-footer-main-3 > * {
width: 100%;
margin: 0;
}
.region-footer-main-1 h2, .region-footer-main-2 h2, .region-footer-main-3 h2 {
max-width: unset;
}
.region-footer-main-1 .wp-block-image img {
width: 385px;
height: auto;
max-width: 100%;
margin: 0;
}
.region-footer-main-3 {
padding-bottom: 0;
}
@media (min-width: 768px) {
.region-footer-main-3 {
order: 4;
}
}
@media (min-width: 992px) {
.region-footer-main-3 {
order: 3;
}
}
.region-footer-main-3 .is-style-background-green.has-text-align-left,
.region-footer-main-3 .is-style-background-orange.has-text-align-left,
.region-footer-main-3 .is-style-background-blue.has-text-align-left {
margin-left: 0 !important;
}
@media (min-width: 768px) {
.region-footer-main-4 {
order: 3;
}
}
@media (min-width: 992px) {
.region-footer-main-4 {
order: 4;
}
}
.info-contact {
position: relative;
padding: 7px 5px 7px 2.5em;
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--large);
text-decoration: none;
}
.info-contact::before, .info-contact::after {
content: "";
display: block;
position: absolute;
}
.info-contact::before {
width: 2em;
height: 2em;
inset: 0 auto auto 0;
background-color: var(--wp--preset--color--white);
transition: transform 0.4s, background-color 0.4s;
}
.info-contact::after {
width: 1.2em;
height: 1.2em;
inset: 0.4em auto auto 0.4em;
background-color: var(--wp--preset--color--1);
}
.link-contact a {
display: inline-block;
position: relative;
padding: 7px 5px 7px 2.5em;
font-weight: var(--wp--custom--font-weight--regular);
font-size: var(--wp--preset--font-size--large);
text-decoration: none;
}
.link-contact a::before, .link-contact a::after {
content: "";
display: block;
position: absolute;
transition: transform 0.4s, background-color 0.4s;
}
.link-contact a::before {
width: 2em;
height: 2em;
inset: 0 auto auto 0;
background-color: var(--wp--preset--color--white);
}
.link-contact a::after {
width: 1.2em;
height: 1.2em;
inset: 0.4em auto auto 0.4em;
background-color: var(--wp--preset--color--1);
}
.link-contact a:hover {
color: var(--wp--preset--color--white);
}
.link-contact a:hover::before {
background-color: var(--wp--preset--color--1-b);
transform: scale(1.2);
}
.link-contact a:hover::after {
transform: scale(1.2);
}
.menu-area,
.search-area,
.additional-area {
background-color: var(--wp--preset--color--2);
color: var(--wp--preset--color--white);
}
@media (min-width: 992px) {
.menu-area,
.search-area,
.additional-area {
background-color: unset;
}
}
.site-header {
background-color: var(--wp--preset--color--2);
color: var(--wp--preset--color--white);
}
@media (min-width: 992px) {
.site-header {
background-color: unset;
}
}
@media (max-width: 991px) {
.site-header .top-header {
padding: 35px 15px 0;
height: auto;
}
}
@media (max-width: 991px) {
.site-header .wpml-language-switcher-block {
max-width: unset;
width: auto !important;
}
}
.site-header .wpml-language-switcher-block > .wp-block-navigation-item {
background: unset;
border-radius: unset;
}
@media (min-width: 992px) {
.site-header .wpml-language-switcher-block > .wp-block-navigation-item {
height: 28px;
}
}
.site-header .wpml-language-switcher-block ul {
padding-top: 0 !important;
}
.site-header .wpml-language-switcher-block ul .wp-block-navigation-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 15px;
order: 1;
}
@media (min-width: 992px) {
.site-header .wpml-language-switcher-block ul .wp-block-navigation-item {
flex-direction: column;
gap: 0;
}
}
.site-header .wpml-language-switcher-block ul .wp-block-navigation-item .wpml-ls-flag {
min-width: 32px !important;
}
.site-header .wpml-language-switcher-block ul .wp-block-navigation-item[data-wpml=current-language-item] {
order: 0;
}
.site-header .wpml-language-switcher-block ul .wp-block-navigation-item[data-wpml=current-language-item] .wp-block-navigation-item__label {
display: block;
}
.site-header .wpml-language-switcher-block ul .wp-block-navigation-item .wp-block-navigation__submenu-icon {
display: none;
}
.site-header .wpml-language-switcher-block ul .wp-block-navigation-item > div,
.site-header .wpml-language-switcher-block ul .wp-block-navigation-item > div > a {
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2px;
}
.site-header .wpml-language-switcher-block ul .wp-block-navigation-item .wp-block-navigation-item__label {
display: none;
font-size: 0.625rem;
text-transform: uppercase;
text-align: center;
color: var(--wp--custom--color--text);
}
.site-header .wpml-language-switcher-block ul .wp-block-navigation-submenu ul {
padding-top: 5px;
}
@media (max-width: 991px) {
.site-header .wpml-language-switcher-block ul .wp-block-navigation-submenu ul {
gap: 15px;
flex-direction: row;
padding: 0 !important;
}
}
.site-header .wpml-language-switcher-block.is-open .wp-block-navigation-submenu ul {
box-shadow: none;
}
.site-header.is-fixed .top-header {
gap: 10px;
}
@media (min-width: 992px) {
.site-header.is-fixed .top-header {
z-index: 11;
}
}
@media (max-width: 991px) {
.site-header.is-fixed .top-header {
justify-content: center;
background: 0 none;
box-shadow: none;
position: absolute;
}
}
.tools-area {
z-index: 10;
bottom: 0;
background: var(--wp--preset--color--2);
}
@media (min-width: 992px) {
.tools-area {
background: var(--wp--preset--color--1);
position: absolute;
inset: 100% 0 auto auto;
border-radius: 0 0 0 40px;
padding: 10px 15px;
}
}
@media (min-width: 1470px) {
.tools-area {
position: static;
background: unset;
border-radius: unset;
padding: unset;
}
}
.tools-area .inner-tools {
border-radius: 0;
box-shadow: none;
width: 100%;
padding: 0 !important;
background: unset;
}
@media (min-width: 992px) {
.tools-area .inner-tools {
background: 0 none;
display: flex;
align-items: center;
gap: 15px;
}
}
@media (min-width: 992px) {
body.menu-open {
overflow: auto;
}
}
@media (max-width: 991px) {
body.menu-open .ws-navigation-menu .menu-item-3, body.menu-open .ws-navigation-menu .menu-item-73 {
display: none;
}
}
body.menu-open .ws-navigation-menu .nav-link.link-menu::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--close);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
mask-size: 20px 20px;
}
@media (min-width: 992px) {
body.menu-scroll .site-header {
background-color: var(--wp--preset--color--1-c);
}
}
body.menu-scroll .wp-block-site-logo img {
filter: brightness(1);
}
body.resa-open .resa-area {
transform: translateY(0);
}
@media (max-width: 991px) {
body.resa-open .tools-area {
background: var(--wp--preset--color--1);
}
}
@media (max-width: 991px) {
body.resa-open .ws-navigation-menu .menu-item-3, body.resa-open .ws-navigation-menu .menu-item-72 {
display: none;
}
}
body.resa-open .ws-navigation-menu .nav-link.resa-toggle {
font-size: 0;
}
body.resa-open .ws-navigation-menu .nav-link.resa-toggle::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--close);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
background-color: var(--wp--preset--color--white);
mask-size: 20px 20px;
background-image: unset;
}
body.additional-open .ws-navigation-menu .nav-link.link-additional::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--close);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
mask-size: 20px 20px;
}
.menu-area {
top: auto;
overflow: visible;
padding-bottom: 60px;
}
@media (min-width: 992px) {
.menu-area {
padding-bottom: 0;
}
}
@media (max-width: 991px) {
.menu-area::before, .menu-area::after {
content: "";
display: block;
position: absolute;
inset: auto 0 100%;
aspect-ratio: 375/22;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/panneau.svg);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
}
}
.menu-area::before {
background-color: var(--wp--preset--color--white);
margin-bottom: -2px;
}
.menu-area::after {
background-color: var(--wp--preset--color--2);
margin-bottom: -5px;
}
@media (max-width: 991px) {
.menu-area .main-menu {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
}
.menu-area .menu-toggle a::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--close);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
mask-size: 20px 20px;
}
.resa-area {
display: flex !important;
justify-content: flex-start;
align-items: center;
top: auto;
width: auto;
margin-left: 0 !important;
margin-right: 0 !important;
padding-top: 50px;
padding-bottom: 25px;
min-height: 300px;
max-height: 520px;
height: calc(100vh - 200px);
background-color: var(--wp--preset--color--1);
overflow: visible;
transition: transform 0.4s;
transform: translateY(140%);
}
.resa-area::before, .resa-area::after {
content: "";
display: block;
position: absolute;
inset: auto 0 100%;
aspect-ratio: 375/22;
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/img/background/panneau.svg);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
}
.resa-area::before {
background-color: var(--wp--preset--color--white);
margin-bottom: -2px;
}
.resa-area::after {
background-color: var(--wp--preset--color--1);
margin-bottom: -5px;
}
.search-area .wp-block-search__inside-wrapper {
border-radius: 0;
}
.search-area .search-toggle a::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--close);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
mask-size: 20px 20px;
}
.additional-area .additional-toggle a::before {
mask-image: url(//www.camping-ecrins.com/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#mask--icons--close);
mask-size: 100% 100%;
mask-position: center;
mask-repeat: no-repeat;
mask-size: 20px 20px;
}
.wp-block-site-logo img {
filter: brightness(100);
transition: filter 0.4s;
}
.logo img,
.logo svg {
max-width: 180px;
}