.text-balance p,
.text-balance h1,
.text-balance h2,
.text-balance h3,
.text-balance h4,
.text-balance h5,
.text-balance h6 {
text-wrap: balance;
}
@media screen and (max-width: 767px) {
.heading-landing p,
.heading-landing h1,
.heading-landing h2,
.heading-landing h3,
.heading-landing h4,
.heading-landing h5,
.heading-landing h6 {
font-size: 2rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.heading-landing p,
.heading-landing h1,
.heading-landing h2,
.heading-landing h3,
.heading-landing h4,
.heading-landing h5,
.heading-landing h6 {
font-size: 2.5rem !important;
}
}
@media screen and (min-width: 1025px) {
.heading-landing p,
.heading-landing h1,
.heading-landing h2,
.heading-landing h3,
.heading-landing h4,
.heading-landing h5,
.heading-landing h6 {
font-size: 3rem !important;
}
}
@media screen and (max-width: 767px) {
.heading-xl p,
.heading-xl h1,
.heading-xl h2,
.heading-xl h3,
.heading-xl h4,
.heading-xl h5,
.heading-xl h6 {
font-size: 2.5rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.heading-xl p,
.heading-xl h1,
.heading-xl h2,
.heading-xl h3,
.heading-xl h4,
.heading-xl h5,
.heading-xl h6 {
font-size: 3.25rem !important;
}
}
@media screen and (min-width: 1025px) {
.heading-xl p,
.heading-xl h1,
.heading-xl h2,
.heading-xl h3,
.heading-xl h4,
.heading-xl h5,
.heading-xl h6 {
font-size: 3.75rem !important;
}
}
@media screen and (max-width: 767px) {
.heading-l p,
.heading-l h1,
.heading-l h2,
.heading-l h3,
.heading-l h4,
.heading-l h5,
.heading-l h6 {
font-size: 2rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.heading-l p,
.heading-l h1,
.heading-l h2,
.heading-l h3,
.heading-l h4,
.heading-l h5,
.heading-l h6 {
font-size: 2.25rem !important;
}
}
@media screen and (min-width: 1025px) {
.heading-l p,
.heading-l h1,
.heading-l h2,
.heading-l h3,
.heading-l h4,
.heading-l h5,
.heading-l h6 {
font-size: 2.5rem !important;
}
}
@media screen and (max-width: 767px) {
.heading-m p,
.heading-m h1,
.heading-m h2,
.heading-m h3,
.heading-m h4,
.heading-m h5,
.heading-m h6 {
font-size: 1.75rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.heading-m p,
.heading-m h1,
.heading-m h2,
.heading-m h3,
.heading-m h4,
.heading-m h5,
.heading-m h6 {
font-size: 2rem !important;
}
}
@media screen and (min-width: 1025px) {
.heading-m p,
.heading-m h1,
.heading-m h2,
.heading-m h3,
.heading-m h4,
.heading-m h5,
.heading-m h6 {
font-size: 2rem !important;
}
}
@media screen and (max-width: 767px) {
.heading-s p,
.heading-s h1,
.heading-s h2,
.heading-s h3,
.heading-s h4,
.heading-s h5,
.heading-s h6 {
font-size: 1.25rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.heading-s p,
.heading-s h1,
.heading-s h2,
.heading-s h3,
.heading-s h4,
.heading-s h5,
.heading-s h6 {
font-size: 1.25rem !important;
}
}
@media screen and (min-width: 1025px) {
.heading-s p,
.heading-s h1,
.heading-s h2,
.heading-s h3,
.heading-s h4,
.heading-s h5,
.heading-s h6 {
font-size: 1.5rem !important;
}
}
.fusion-fullwidth {
padding-left: 5% !important;
padding-right: 5% !important;
}
@media screen and (min-width: 1025px) {
.fusion-fullwidth {
padding-left: 3% !important;
padding-right: 3% !important;
}
}
@media screen and (max-width: 767px) {
.fusion-text:not(.body-small) p,
.fusion-faqs-wrapper p {
font-size: 1.125rem !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.fusion-text:not(.body-small) p,
.fusion-faqs-wrapper p {
font-size: 1.125rem !important;
}
}
@media screen and (min-width: 1025px) {
.fusion-text:not(.body-small) p,
.fusion-faqs-wrapper p {
font-size: 1.25rem !important;
}
}
.btn-neon-wrapper {
display: flex;
justify-content: center;
}
@media screen and (min-width: 768px) {
.btn-neon-wrapper {
justify-content: flex-start;
}
}
.btn-neon-wrapper.center {
justify-content: center;
}
.btn-neon-wrapper.header-btn {
margin: 0 calc(clamp(14px, 4.4vw - 3rem, 48px) * 2);
}
.btn-neon-wrapper.header-btn.landing-btn {
margin: 0;
}
.btn-neon-wrapper.offCanvas {
margin: 2rem 0;
}
.btn-neon-wrapper.offCanvas .btn-neon {
font-size: 1.25rem;
}
.btn-neon {
position: relative;
font-size: 1.125rem;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.05rem;
color: #d99500;
background: #080101;
border: 2px solid #43371c;
padding: 10px 20px;
cursor: pointer;
}
.btn-neon span {
position: relative;
z-index: 1;
}
.btn-neon:hover {
border-color: #d99500;
box-shadow: 0 0 0 #d99500;
animation: box 3s infinite;
color: #d99500;
}
@media screen and (max-width: 1024px) {
.btn-neon {
border-color: #d99500;
box-shadow: 0 0 0 #d99500;
animation: box 3s infinite;
color: #d99500;
}
}
@keyframes box {
0% {
box-shadow: #27272c;
}
50% {
box-shadow: 0 0 27px;
}
100% {
box-shadow: #27272c;
}
}
#awb-oc-876 {
transition: none !important;
}
@media screen and (min-width: 1025px) {
.words-animation,
.chars-animation,
.aventure-image,
.informations-animation,
.fade-from-bottom,
.fade-in,
.col-stagger-elem {
visibility: hidden;
opacity: 0;
transition: none !important;
}
.words-animation.fusion-layout-column,
.chars-animation.fusion-layout-column,
.aventure-image.fusion-layout-column,
.informations-animation.fusion-layout-column,
.fade-from-bottom.fusion-layout-column,
.fade-in.fusion-layout-column,
.col-stagger-elem.fusion-layout-column {
transition: none !important;
}
.chars-animation div,
.words-animation div {
will-change: filter;
}
}
.escape-header .header-logo {
width: 170px;
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.escape-header .header-logo {
width: 180px;
}
}
@media screen and (min-width: 1025px) {
.escape-header .header-logo {
width: 230px;
}
}
.escape-header .header-logo:hover svg {
fill: #d99500;
}
.escape-header .header-logo svg {
width: 100%;
height: auto;
fill: white;
transition: fill 100ms linear;
}
.escape-header i {
margin-right: 0 !important;
}
.escape-header.fusion-sticky-transition {
background-image: linear-gradient(180deg, var(--awb-color6) 0%, rgba(255, 255, 255, 0) 100%);
}
.escape-header.header-desktop ul .awb-menu__main-li:not(:first-child) {
margin: 0 clamp(14px, 4.4vw - 3rem, 48px) !important;
}
.escape-header.header-desktop ul .awb-menu__main-li:first-child {
margin-right: clamp(14px, 4.4vw - 3rem, 48px) !important;
}
.escape-header.header-desktop ul .awb-menu__main-li:last-child {
margin-right: 0 !important;
}
@media screen and (max-width: 1399px) {
.escape-header.header-desktop {
display: none;
}
}
@media screen and (max-width: 1399px) {
.escape-header.header-mobile {
display: block !important;
}
}
.menu-burger {
padding: 6px;
}
.btn-neon-wrapper.header-btn .btn-neon {
background: rgba(8, 1, 1, 0.3);
font-size: 1.0625rem;
border-color: #d99500;
}
.btn-neon-wrapper.header-btn:hover .btn-neon {
background: #080101;
}
.home-landing {
transform-origin: center center;
transform: scale(1.05);
}
.mask,
.home-landing {
visibility: hidden;
opacity: 0;
}
@media screen and (min-width: 1025px) {
.heading-landing-animation h1,
.heading-landing-animation p {
will-change: blur;
opacity: 0;
visibility: hidden;
}
.heading-landing-animation span {
display: block;
}
}
.overlay-gradient {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 20;
background-image: linear-gradient(180deg, var(--awb-color6) 5%, rgba(255, 255, 255, 0) 35%);
}
.gallery-carousel {
position: relative;
}
.gallery-carousel .img-container {
position: absolute;
height: auto;
width: clamp(200px, 75vw, 370px);
}
.gallery-carousel .img-container.active {
cursor: pointer;
}
.gallery-carousel .img-container img {
border-radius: 5px;
height: 100%;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.gallery-carousel .img-container h2 {
font-size: 2rem;
font-weight: 400;
line-height: normal;
color: #f8dab6;
position: absolute;
bottom: 0;
left: 0;
margin: auto 35px 30px 35px;
}
.gallery-carousel .img-container .img-overlay {
z-index: 999;
position: absolute;
top: -5px;
left: 0;
right: 0;
bottom: -5px;
background-color: #080101;
}
.gallery-carousel .img-container.class2 {
z-index: -9999 !important;
}
.gallery-carousel .img-container.class2 .img-overlay {
opacity: 0.9 !important;
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.gallery-carousel .img-container {
width: 300px;
}
}
@media screen and (min-width: 1025px) {
.gallery-carousel .img-container {
width: 400px;
}
}
@media screen and (min-width: 1025px) {
.horloge-container {
background-position: 180% center !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.horloge-container {
background-position: -100% center !important;
}
}
.mask {
-webkit-mask-image: url(https://www.escapenow.ch/wp-content/themes/Avada-Child-Theme/assets/svg/mask3.svg);
mask-image: url(https://www.escapenow.ch/wp-content/themes/Avada-Child-Theme/assets/svg/mask3.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 300px;
mask-size: 300px;
}
.home-avis {
position: relative;
}
.avis-container {
width: 100%;
position: relative;
display: flex;
align-items: flex-start;
overflow: hidden;
}
.avis-container .avis-single {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: flex-start;
height: 100%;
position: relative;
flex-shrink: 0;
font-size: 21px;
cursor: pointer;
text-align: center;
padding: 0;
width: 100%;
}
@media screen and (min-width: 768px) {
.avis-container .avis-single {
padding: 0 2rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.avis-container .avis-single {
width: 50%;
}
}
@media screen and (min-width: 1025px) {
.avis-container .avis-single {
width: 33%;
}
}
.avis-container .avis-single h3 {
font-family: "Figtree";
font-size: 20px;
font-weight: 700;
color: #f8dab6;
}
.avis-container .avis-single p {
font-style: italic;
font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
.avis-container .avis-single p {
font-size: 1.25rem;
}
}
.arrow-container {
width: 100%;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
gap: 7%;
margin-top: 4rem;
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.arrow-container {
margin-top: 2rem;
}
}
.arrow-container .arrow {
cursor: pointer;
}
.arrow-container .arrow-left svg {
transform: scaleX(-1);
}
.arrow-container svg {
fill: #d99500;
width: 18px;
height: auto;
}
@media screen and (min-width: 768px) and (max-width: 1025px) and (orientation: landscape) {
.landing-tablet {
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 47%, var(--awb-color6) 95%), url(//www.escapenow.ch/wp-content/uploads/2024/10/image_home_10_dark.webp) !important;
}
}
@media screen and (max-width: 767px) and (orientation: landscape) {
.landing-tablet {
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 47%, var(--awb-color6) 95%), url(//www.escapenow.ch/wp-content/uploads/2024/10/image_home_10_dark.webp) !important;
}
}
@media screen and (min-width: 2000px) {
.aventures-container {
background-size: cover !important;
}
}
.aventures-postcard li:nth-child(even) .aventure-image {
rotate: 2deg;
}
.aventures-postcard li:nth-child(odd) .aventure-image {
rotate: -2deg;
}
.aventure-container {
display: flex;
flex-flow: column nowrap;
}
@media screen and (min-width: 1025px) {
.aventure-container {
min-height: 630px;
flex-direction: row;
}
}
.aventure-container .aventure-image {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
order: 1;
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.aventure-container .aventure-image img {
will-change: filter;
filter: blur(0.01px);
width: 100%;
height: 100%;
}
@media screen and (min-width: 1025px) {
.aventure-container .aventure-image {
order: 0;
width: 40%;
margin: 0 0 0 auto;
}
}
.aventure-container .aventure-informations {
min-height: 425px;
width: 100%;
padding: 0;
margin-bottom: 32px;
display: flex;
flex-flow: column nowrap;
justify-content: space-between;
}
@media screen and (min-width: 1025px) {
.aventure-container .aventure-informations {
min-height: unset;
width: 60%;
margin-bottom: 0;
padding: 4%;
margin-left: 2%;
order: 1;
}
}
.aventure-container .aventure-informations > .fusion-builder-row {
justify-content: flex-start !important;
}
.aventure-container .aventure-informations .info-complementaire-titre {
font-weight: 700;
color: #f8dab6;
}
.aventure-container .aventure-duree > div {
flex-wrap: nowrap !important;
}
.aventure-tablette {
margin-top: 2rem;
display: flex;
align-items: center;
flex-wrap: nowrap;
}
.aventure-tablette .aventure-tablette-info {
padding-right: 1rem;
flex-grow: 1;
flex: 1;
}
.aventure-tablette .aventure-tablette-image {
flex-grow: 1;
flex: 1;
}
.aventure-tablette .info-complementaire-titre {
font-weight: 700;
color: #f8dab6;
}
.contact-header {
background-position-y: 300% !important;
}
.escape-map > div {
filter: blur(0.01px);
}
.escape-map .awb-openstreet-map-marker-title {
margin-bottom: 24px !important;
margin-top: 0 !important;
}
.tarifs-tableau {
transform: translate3d(0, 0, 0);
}
.tarifs-tableau table {
border: none !important;
}
.tarifs-tableau table thead {
background-color: unset !important;
border: none !important;
}
.tarifs-tableau table th {
padding: 20px 0 !important;
}
.tarifs-tableau table th,
.tarifs-tableau table td {
max-width: 1px;
width: 50%;
padding: 10px;
border: 2px solid #43371c !important;
word-wrap: break-word !important;
white-space: normal;
}
.evenement-header {
background-position-y: 40% !important;
}
.reservations-header {
background-position-y: 80% !important;
}
.booknetic_appointment {
box-shadow: none !important;
background-color: #080101 !important;
height: auto !important;
}
.booknetic_appointment #booknetic_progress {
display: none !important;
}
.booknetic_appointment [class$=box] {
background-color: #080101 !important;
}
.booknetic_appointment [class$=box] div {
background-color: #270f0f !important;
}
.booknetic_appointment [class$=box] div:after, .booknetic_appointment [class$=box] div:before {
display: none !important;
}
.booknetic_appointment [class$=box] .booknetic_preloader_card3 {
height: 120px;
margin-bottom: 1rem;
}
.booknetic_appointment .booknetic_warning_message {
background-color: #d99500;
color: #080101;
}
.booknetic_appointment .booknetic_appointment_container {
background-color: #080101;
border: 2px solid #d99500;
border-radius: 5px;
}
.booknetic_appointment .booknetic_appointment_container_header {
border-color: #d99500;
}
.booknetic_appointment .booknetic_appointment_container_footer {
border-color: #d99500;
background-color: #080101;
}
.booknetic_appointment button,
.booknetic_appointment #booknetic_add_to_icalendar_btn {
border: 2px solid #d99500 !important;
}
@media screen and (min-width: 1025px) {
.booknetic_appointment .booknetic_card_container {
gap: 15px;
}
.booknetic_appointment .booknetic_card_container .booknetic_card {
margin: 0;
flex-basis: calc(50% - 15px) !important;
}
}
.booknetic_appointment .booknetic_service_card_image,
.booknetic_appointment .booknetic_service_duration_wrapper {
display: none;
}
.booknetic_appointment .booknetic_service_card_title,
.booknetic_appointment .booknetic_service_card_price {
padding-left: 0;
}
@media screen and (max-width: 767px) {
.booknetic_appointment .booknetic_service_card_title,
.booknetic_appointment .booknetic_service_card_price {
flex: 1;
line-height: 1.1;
}
}
.booknetic_appointment .booknetic_card_description {
color: #d99500;
}
.booknetic_appointment .booknetic_service_card {
padding: 25px;
transition: border 100ms linear;
border: 2px solid #080101;
background: #270f0f;
}
.booknetic_appointment .booknetic_service_card:hover {
border: 2px solid #d99500;
}
.booknetic_appointment .booknetic_service_card .booknetic_service_card_description {
padding-left: 0;
color: #efe0e0;
}
@media screen and (min-width: 768px) {
.booknetic_appointment .booknetic_service_card .booknetic_service_card_description {
padding: 0;
}
}
.booknetic_appointment .booknetic_prev_step {
background-color: #270f0f !important;
color: #efe0e0 !important;
}
.booknetic_appointment .booknetic_calendar_head > div {
color: #efe0e0 !important;
}
.booknetic_appointment .booknetic_service_title_span {
font-size: 1.5rem !important;
color: #d99500 !important;
}
.booknetic_appointment .booknetic_appointment_container_header_text {
color: #efe0e0;
}
.booknetic_appointment .booknetic_card {
background: #270f0f;
padding: 15px;
border: 2px solid #270f0f;
transition: border 100ms linear;
}
.booknetic_appointment .booknetic_card .booknetic_card_image {
width: 60px;
height: 60px;
}
@media screen and (min-width: 1025px) {
.booknetic_appointment .booknetic_card .booknetic_card_image {
width: 130px;
height: 130px;
}
}
.booknetic_appointment .booknetic_card .booknetic_card_title_first {
font-size: 1.125rem;
color: #d99500;
line-height: 1.1;
}
.booknetic_appointment .booknetic_card::after {
display: none !important;
}
.booknetic_appointment .booknetic_card:hover {
border-color: #d99500;
}
.booknetic_appointment #booknetic_calendar_area {
background-color: #270f0f;
}
.booknetic_appointment .booknetic_calendar_days:not(.booknetic_calendar_empty_day) > div {
border: 2px solid #270f0f;
transition: border 100ms linear;
}
.booknetic_appointment .booknetic_calendar_days:not(.booknetic_calendar_empty_day) > div:hover {
border-color: #d99500;
}
.booknetic_appointment .booknetic_calendar_selected_day > div {
border: 2px solid #d99500 !important;
}
.booknetic_appointment .booknetic_calendar_empty_day div,
.booknetic_appointment .booknetic_calendar_empty_day span i {
background: rgb(135, 135, 135) !important;
color: #080101 !important;
cursor: not-allowed !important;
}
.booknetic_appointment .booknetic_times_head,
.booknetic_appointment .booknetic_times_title {
color: #efe0e0 !important;
}
.booknetic_appointment .booknetic_times {
background-color: #270f0f;
}
.booknetic_appointment .booknetic_need_copy label {
color: #efe0e0 !important;
}
.booknetic_appointment input[type=text],
.booknetic_appointment input[type=tel] {
background-color: #270f0f !important;
border-color: #f5cc73;
color: #efe0e0 !important;
}
.booknetic_appointment input[type=text]:focus,
.booknetic_appointment input[type=tel]:focus {
border-color: #d99500;
}
.booknetic_appointment input[type=text]::-moz-placeholder, .booknetic_appointment input[type=tel]::-moz-placeholder {
color: #313131 !important;
}
.booknetic_appointment input[type=text]::placeholder,
.booknetic_appointment input[type=tel]::placeholder {
color: #313131 !important;
}
.booknetic_appointment .booknetic_time_element {
transition: border 100ms linear;
border-radius: 5px;
border: 2px solid #270f0f;
}
.booknetic_appointment .booknetic_time_element:hover {
border: solid 2px #d99500;
}
.booknetic_appointment .booknetic_custom_form a {
color: #d99500 !important;
}
.booknetic_appointment .booknetic_custom_form a:hover {
color: #cb8b00 !important;
}
.booknetic_appointment .booknetic_custom_form input[type=checkbox] {
border-color: #d99500;
}
.booknetic_appointment .booknetic_custom_form input[type=checkbox]:checked {
border-color: #d99500 !important;
background-color: #d99500;
}
.booknetic_appointment .booknetic_confirm_container .booknetic_portlet {
background-color: #270f0f;
}
.booknetic_appointment .booknetic_confirm_container .booknetic_confirm_sum_price {
background-color: #080101;
border-top: solid 2px #d99500;
}
.booknetic_appointment .booknetic_confirm_container .booknetic_confirm_sum_price > div:first-child {
color: #d99500;
}
.booknetic_appointment .booknetic_confirm_container span:not(.booknetic_text_primary) {
color: #efe0e0 !important;
}
.booknetic_appointment .booknetic_confirm_container .booknetic_confirm_details_title,
.booknetic_appointment .booknetic_confirm_container .booknetic_confirm_details_price {
background: #270f0f;
}
.booknetic_appointment .booknetic_confirm_container .booknetic_confirm_details_title {
color: #efe0e0;
}
.booknetic_appointment .booknetic_confirm_container .booknetic_confirm_details::before {
display: none;
}
.booknetic_appointment .booknetic_confirm_container .booknetic_payment_method {
background-color: #080101;
}
.booknetic_appointment .booknetic_confirm_container .booknetic_payment_method span {
color: #d99500 !important;
}
.booknetic_appointment .booknetic_confirm_container .booknetic_confirm_step_body {
flex-grow: unset;
}
.booknetic_appointment .booknetic_appointment_finished {
background-color: #270f0f;
}
.booknetic_appointment .booknetic_appointment_finished .booknetic_appointment_finished_title,
.booknetic_appointment .booknetic_appointment_finished .booknetic_appointment_finished_code {
color: #d99500;
}
.booknetic_appointment .booknetic_appointment_finished .booknetic_appointment_finished_subtitle {
color: #efe0e0;
}
.booknetic_appointment .booknetic_appointment_finished #booknetic_finish_btn {
background-color: #080101 !important;
color: #d99500 !important;
}
#Faq-list h4 a:hover .awb-icon-plus {
color: #d99500 !important;
}
.gift-up-target .group-title {
background-color: #080101 !important;
}
@media screen and (min-width: 1025px) {
.gift-up-target iframe {
min-height: 1400px !important;
}
}
.escape-confidentialite h2 {
margin-top: 3rem;
margin-bottom: 1rem;
}
.escape-confidentialite h3 {
margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
.footer-copyright > div {
justify-content: center !important;
}
}
@media screen and (max-width: 767px) {
.footer-links .fusion-column-wrapper {
border: none !important;
}
}