:root {
--black: #143232;
--brick: #BB7254;
--yellow: #E4C537;
--green: #2F886F;
} .jost-34 {
font-family: "Jost", sans-serif;
font-size: 34px;
line-height: 45px;
}
.dm-89 {
font-family: "DM Serif Display", serif;
font-size: 89px;
line-height: 122px;
}
.dm-span {
font-family: "DM Serif Display", serif;
font-style: italic;
}
.jost-144 {
font-family: "Jost", sans-serif;
font-size: 144px;
line-height: 208px;
font-weight: 500;
}
.jost-55 {
font-family: "Jost", sans-serif;
font-size: 55px;
}
.dm-34 {
font-family: "DM Serif Display", serif;
font-size: 34px;
line-height: 55px;
}
.dm-55 {
font-family: "DM Serif Display", serif;
font-size: 55px;
line-height: 70px;
}
.dm-21 {
font-family: "DM Serif Display", serif;
font-size: 21px;
}
.dm-19 {
font-family: "DM Serif Display", serif;
font-size: 19px;
}
.jost-21 {
font-family: "Jost", sans-serif;
font-size: 21px;
line-height: 30px;
}
.italic {
font-style: italic;
}
.bold-500 {
font-weight: 500;
}
.bold-600 {
font-weight: 600;
}
.relative-aos {
position: relative;
width: 100%;
height: 100%;
} body {
font-family: "Jost", sans-serif;
color: var(--black);
} .menu-burger {
display: none;
flex-direction: column;
justify-content: space-around;
width: 70px;
height: 60px;
cursor: pointer;
position: fixed;
top: 20px;
right: 20px;
z-index: 1000;
padding: 5px 10px;
}
.menu-burger span {
display: block;
height: 6px; width: 100%;
background-color: var(--yellow);
border-radius: 4px;
transition: transform 0.3s ease, opacity 0.3s ease;
}
.menu-responsive {
position: fixed;
top: 0;
right: 0;
width: 300px;
height: 100%;
background: var(--black);
box-shadow: -2px 0 5px rgba(0,0,0,0.1);
transform: translateX(100%);
transition: transform 0.3s ease;
z-index: 999;
}
.menu-responsive.active {
transform: translateX(0);
} .menu-burger.active span:nth-child(1) {
transform: translateY(16px) rotate(45deg);
}
.menu-burger.active span:nth-child(2) {
opacity: 0;
}
.menu-burger.active span:nth-child(3) {
transform: translateY(-16px) rotate(-45deg);
}
.menu-responsive .menu-item {
color: #fff;
}
.menu-responsive #primary-menu {
flex-direction: column;
gap: 20px;
}
.menu-responsive #primary-menu li a {
background-size: 20px;
padding-left: 30px;
}
#main-wrapper {
background: var(--white);
}
.opacity-0 {
opacity: 0;
}
.click-disabled {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
}
#site-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 9999;
overflow: hidden;
opacity: 1;
transition: opacity 0.5s ease;
}
.loader-logo #Logo path {
fill: var(--yellow);
} .dots-loader {
display: flex;
gap: 8px; margin-top: 40px;
}
.dots-loader span {
width: 12px; height: 12px;
border-radius: 50%;
border: solid 1px var(--yellow); background-color: var(--yellow); animation: dots 1.5s infinite ease-in-out;
} .dots-loader span:nth-child(1) {
animation-delay: 0s;
}
.dots-loader span:nth-child(2) {
animation-delay: 0.2s;
}
.dots-loader span:nth-child(3) {
animation-delay: 0.4s;
}
.dots-loader span:nth-child(4) {
animation-delay: 0.6s;
} @keyframes dots {
0%, 100% {
transform: translateY(0);
background-color: rgba(255, 255, 0, 0.2); }
50% {
transform: translateY(-10px);
background-color: var(--yellow); }
} .header-line {
position: fixed;
top: 0;
width: 100%;
font-size: 21px;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 44px 7% 0;
z-index: 50;
transition: background 0.3s, padding 0.3s, font-size 0.3s;
}
.fixed-header {
padding: 7px 7%;
background: var(--black);
width: 100%;
transition: background 0.3s, padding 0.3s, font-size 0.3s;
font-size: 16px;
}
.header-line-left,
.header-line-right {
flex: 1;
}
.header-line-right {
justify-content: end;
}
.header-line-logo {
position: absolute;
top: 22px;
transform: translateX(-50%);
left: 50%;
}
#primary-menu {
display: flex;
}
#primary-menu li {
margin-right: 30px;
text-transform: uppercase;
}
#primary-menu li a {
background-image: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/yellow-sun.png);
background-repeat: no-repeat;
background-size: 30px;
padding-left: 50px;
}
.fixed-header #primary-menu li a {
background-size: 23px;
padding-left: 38px;
}
#Logo path {
fill: #fff;
}
#Logo {
width: 129px;
height: auto;
}
.header-line-phone {
font-weight: 600;
}
.header-line-link {
position: relative;
display: inline-block;
font-family: "DM Serif Display", serif;
font-style: italic;
padding: 10px 21px;
border: 3px solid var(--yellow);
margin-left: 30px;
transition: color 0.5s, border-color 0.5s;
}
.header-line-link::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--yellow);
z-index: -1;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.5s ease, transform-origin 0s;
}
.fixed-header .header-line-link {
padding: 8px 16px;
}
.header-line-link:hover::before {
transform: scaleX(1);
transform-origin: left;
}
.header-line-link:not(:hover)::before {
transform: scaleX(0);
transform-origin: right; }
#home-header {
height: 100vh;
margin-bottom: 21px;
position: relative;
overflow: hidden;
}
.home-header-bg {
background: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/bmg-header-min.jpg) no-repeat center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; }
#home-header > *:not(.home-header-bg) {
z-index: 2;
}
.home-header-title {
font-family: "DM Serif Display", serif;
text-align: center;
color: #fff;
line-height: 100px;
position: relative;
}
.home-header-title , .proprietes-header h1 {
font-style: italic;
font-size: 89px;
text-align: center;
}
.home-header-title h2 {
font-size: 80px;
} #home-intro {
padding: 0 7%;
margin-bottom: 108px;
}
.home-intro-punchline {
text-align: center;
margin-bottom: 37px;
}
.blur-effect {
filter: blur(10px); }
.home-intro-anim-container {
width: 1053px;
height: 849px;
border-radius: 439px;
overflow: hidden;
background: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/bmg-plongeon-min.jpg) no-repeat center center;
background-size: cover;
}
.home-intro-anim-txt {
text-align: center;
color: #fff;
font-size: 50px;
line-height: 55px;
}  .home-section-top {
width: 100%;
padding: 0 3%;
margin-bottom: 31px;
}
.home-section-top-title {
display: flex;
align-items: baseline;
}
.home-section-top-title-img {
width: 38px;
height: 38px;
margin: 0 38px;
}
.singularity .home-section-top-title-img svg path {
fill: var(--brick);
}
.singularity .home-section-top-title {
color: var(--brick);
}
.singularite {
width: 100%;
margin-bottom: 54px;
position: relative;
overflow: hidden;
}
.singularite-bg {
background: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/background-aquarelle-bmg.png) center bottom 0% no-repeat;
background-size: 300%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.singularite-title {
width: 100%;
margin-bottom: 40px;
position: relative;
z-index: 2;
}
.singularite-gallery-ul {
gap: 20px;
margin-bottom: 123px;
}
.singularite-gallery-ul a {
width: 31%;
height: 40%;
}
.singularite-gallery-item {
width: 100%;
height: 100%;
position: relative;
}
.content-frame {
width: 100%;
aspect-ratio: 613 / 797;
border-radius: 45px;
overflow: hidden;
position: relative;
}
.content-frame-bg-wrapper {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.content-frame-bg {
width: 100%;
height: 100%;
}
.content-frame-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.hide {
opacity: 0;
}
.content-frame-wrapper {
width: 55%;
aspect-ratio: 343/476;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
clip-path: polygon(0% 100%, 100% 100%, 100% 30%, 50% 0%, 0% 30%);
background-color: white; padding: 3px; }
.content-frame-inside {
width: 100%;
height: 100%;
clip-path: polygon(0% 100%, 100% 100%, 100% 30%, 50% 0%, 0% 30%);
position: relative;
z-index: 1;
}
.content-frame-inside img {
width: 100%;
height: 100%;
object-fit: cover;
}
.content-infos {
width: 100%;
aspect-ratio: 613 / 166;
background: #fff;
position: absolute;
bottom: -83px;
}
.content-infos h4 {
text-align: center;
margin-bottom: 20px;
font-family: "DM Serif Display", serif;
font-size: 34px;
line-height: 30px;
}
.content-infos-details {
width: 100%;
gap: 5%;
}
.content-infos-details-item {
display: flex;
}
.content-infos-details-item svg {
margin-right: 15px;
}
.content-infos-details-item p {
font-size: 21px;
line-height: 30px;
color: var(--black);
letter-spacing: 0.42px;
}
.singularite-link a {
border: 3px solid var(--brick);
padding: 13px 21px;
transition: color 0.5s;
color: var(--brick);
position: relative;
display: inline-block;
z-index: 1;
}
.singularite-link a::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--brick);
z-index: -1;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.5s ease;
}
.singularite-link a:hover { color: #fff;
}
.singularite-link a:hover::before {
transform: scaleX(1);
transform-origin: left;
}
.singularite-link a:not(:hover)::before {
transform: scaleX(0);
transform-origin: right; }
.singularite-link {
margin-bottom: 105px;
}
.singularite-video {
width: 100%;
}
.singularite-video-item {
width: 58%;
aspect-ratio: 1105 / 622;
overflow: hidden;
border-radius: 10%;
}
.singularite-video-item video {
width: 105%;
height: 100%;
position: relative;
left: 50%; transform: translateX(-50%); object-fit: cover; }
.singularite-video-item.fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999;
transition: all 0.5s ease;
}
.singularite-video-item.normal {
position: static;
width: 58%;
aspect-ratio: 1105 / 622;
transition: all 0.5s ease;
} .serenity {
margin-bottom: 80px;
}
.serenity .home-section-top-title {
color: var(--green);
}
.serenity .home-section-top-title-img svg path {
fill: var(--green);
}
.serenity .home-section-top {
margin-bottom: 70px;
}
.serenite {
padding: 0 0 0 3%;
width: 100%; }
.serenite-menu, .single-menu {
display: flex;
gap: 75px;
margin-bottom: 82px;
}
.serenite-menu-item {
color: var(--green);
border: solid 3px var(--green);
width: fit-content;
padding: 0 41px;
transition: 0.3s;
cursor: default;
}
.serenite-menu-item-active {
color: #fff;
background: var(--green);
}
.serenite-txt {
min-width: 28%;
max-width: 28%;
margin-right: 39px;
}
.serenite-txt p {
margin-bottom: 30px;
}
.serenite-items {
position: relative;
height: 36vw;
}
.serenite-item {
display: flex;
position: absolute;
top: 0;
left: 0;
transition: opacity 0.3s ease;
width: 100%;
}
.serenite-pics {
display: flex; overflow: hidden;
}
.serenite-pics .swiper-picture {
overflow: hidden;
width: 100%;
height: 100%;
border-radius: 7vw; transition: border-radius 1.5s;
}
.serenite-pics .swiper-slide {
display: flex;
align-items: start;
justify-content: center;
height: 29vw;
transition: 1.5s;
}
.serenite-pics .swiper-slide.swiper-slide-prev {
width: 27vw !important;
height: 29vw;
}
.serenite-pics .swiper-slide.swiper-slide-prev .swiper-picture {
border-radius: 7vw;
}
.serenite-pics .swiper-slide.swiper-slide-active {
width: 19vw !important;
height: 24vw;
}
.serenite-pics .swiper-slide.swiper-slide-active .swiper-picture {
border-radius: 4vw;
}
.serenite-pics .swiper-slide.swiper-slide-next {
width: 19vw !important;
height: 18vw;
}
.serenite-pics .swiper-slide.swiper-slide-next  .swiper-picture {
border-radius: 3vw;
}
.serenite-pics .swiper-picture img {
width: 100%;
height: 100%;
object-fit: cover;
} .partenaires {
margin-bottom: 48px;
}
.partenaires h5 {
color: var(--black);
margin-bottom: 49px;
}
.partners-track {
width: 100%;
overflow: hidden;
user-select: none;
display: flex;
}
.marquee__content {
flex-shrink: 0;
display: flex;
align-items: center;
animation: marquee 14s linear infinite;
}
.partners-slide {
width: 200px;
margin-right: 40px;
}
.partners-slide img {
width: 100%;
height: auto;
}
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
} .echo {
width: 100%;
background: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/background-aquarelle-bmg2-min.png) center bottom no-repeat;
background-size: 300%;
}
.echo .home-section-top-title {
color: var(--yellow);
}
.echo .home-section-top-title-img svg path {
fill: var(--yellow);
}
.echo-wrapper {
display: flex;
width: 100%;
height: 45vw;
padding: 0 0 0 1%;
overflow: hidden;
position: relative;
} 
.echo-left {
margin-right: 59px;
display: flex;
position: relative;
min-width: 32vw;
height: 32vw;
}
.echo-left-picture {
width: 32vw;
height: 33vw;
border-radius: 9vw;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
}
.echo-left-picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.echo-left-overlay {
position: absolute;
top: 10%;
left: 10%;
width: 20%; height: 20%;
opacity: 1;
pointer-events: none; transition: opacity 0.3s ease;
} .echo-left-overlay svg {
width: 100%;
height: 100%;
fill: #fff; opacity: 0.6;
}
.echo-left-right {
position: absolute;
top: 0;
left: 36%;
width: 49%;
}
.echo-comments {
width: 100%;
overflow: hidden;
line-height: 35px;
}
.echo-comments .swiper-slide {
width: 100%;
}
.echo-comments-name {
font-style: normal;
margin-top: 35px;
}
.echo-pictures {
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
}
.echo-pictures .swiper-wrapper {
align-items: end;
}
.echo-picture {
overflow: hidden;
width: 100%;
height: 100%;
border-radius: 3vw; transition: border-radius 1.5s;
}
.echo-pictures .swiper-slide {
display: flex;
align-items: start;
justify-content: center;
height: 20vw;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
transition: 1.5s;
}
.echo-pictures .swiper-slide.swiper-slide-prev {
width: 21vw !important;
height: 20vw;
}
.echo-pictures .swiper-slide.swiper-slide-prev .echo-picture {
border-radius: 3vw;
}
.echo-pictures .swiper-slide.swiper-slide-active {
width: 17vw !important;
height: 23vw;
clip-path: polygon(0% 100%, 100% 100%, 100% 35%, 50% 0%, 0% 35%);
margin-bottom: 2vw;
}
.echo-pictures .swiper-slide.swiper-slide-active .echo-picture {
border-radius: 0;
}
.echo-pictures .swiper-slide.swiper-slide-next {
width: 26vw !important;
height: 27vw;
margin-bottom: 3vw;
}
.echo-pictures .swiper-slide.swiper-slide-next  .echo-picture {
border-radius: 12vw;
}
.echo-pictures .echo-picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.echo-bottom {
width: 100%;
padding: 0 5%;
display: flex;
}
.echo-bottom-right, .echo-bottom-left {
width: 50%;
}
.echo-bottom-left {
display: flex;
flex-direction: column;
align-items: center;
justify-content: end;
}
.echo-bottom-punchline {
width: 80%;
}
.echo-bottom-punchline a {
color: var(--brick);
text-decoration: underline;
}
.echo-bottom-punchline a:hover {
font-weight: 600;
}
.echo-bottom-links {
display: flex;
align-items: center;
margin: 155px 0 55px;
width: 100%;
justify-content: space-around;
}
.echo-bottom-link {
text-align: center;
font-weight: 600;
}
.echo-bottom-link p:first-child {
color: var(--brick);
text-transform: uppercase;
font-weight: 400;
}
.echo-bottom-right {
margin-top: 100px;
position: relative;
}
.echo-bottom-right img {
width: 100%;
}
.curved-text {
width: 80%;
position: absolute;
top: 0;
left: 0;
}
.curved-text img {
width: 100%;
} footer {
height: 75px;
background: var(--black);
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 7%;
}
.footer-links {
display: flex;
}
.footer-links p {
cursor: pointer;
}
.footer-links p:first-child {
margin-right: 16px;
padding-right: 16px;
border-right: solid #fff 2px;
}
.popup-mentions, .cgv {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(20, 50, 50, 0.95);
color: #fff;
z-index: 9999;
transform: translateY(100%);
overflow: hidden;
font-size: 15px;
font-weight: 300;
line-height: 19px;
transition: 0.5s ease-in-out;
}
.popup-mentions.active-mentions, .cgv.active-mentions {
transform: translateY(0);
}
.popup-mentions-wrapper {
max-width: 80%;
margin: 50px 0;
padding: 10px 20px 0 0;
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
}
.popup-mentions-wrapper {
scrollbar-width: thin; scrollbar-color: #fff var(--black); }
.popup-mentions-wrapper::-webkit-scrollbar {
width: 8px;
}
.popup-mentions-wrapper::-webkit-scrollbar-track {
background: var(--black);
border-radius: 8px;
}
.popup-mentions-wrapper::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 8px;
}
.popup-mentions h3, .cgv h3 {
font-size: 34px;
font-weight: 600;
margin-bottom: 30px;
line-height: 38px;
}
.popup-mentions-block h4 {
font-size: 21px;
font-weight: 500;
margin-bottom: 10px;
}
.popup-mentions-block p {
margin-bottom: 10px;
}
.popup-mentions-block a {
color: var(--yellow);
font-weight: 500;
}
.popup-mentions-block {
margin-bottom: 30px;
} .popup-mentions-separator {
width: 100%;
height: 2px;
margin: 50px 0;
border-top: 2px dashed #fff; opacity: 0.7;
} .close-mentions-btn {
position: absolute;
top: 20px;
right: 40px;
width: 30px; height: 30px;
cursor: pointer;
z-index: 1001;
} .close-mentions-btn::before,
.close-mentions-btn::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 30px; height: 6px; background: #fff; border-radius: 4px; transform-origin: center;
} .close-mentions-btn::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.close-mentions-btn::after {
transform: translate(-50%, -50%) rotate(-45deg);
} #main-header {
background: var(--black);
position: absolute;
top: 0;
width: 100%;
height: 92px;
font-size: 21px;
color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 21px;
padding: 0 7%;
z-index: 100;
}
.main-header-left, .main-header-logo, .main-header-right {
position: relative;
}
.main-header-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/CAILLEPIE-FOND.png) no-repeat;
background-size: cover;
}
.main-header-logo #Logo {
width: 57px;
} .single-top {
margin-bottom: 100px;
}
.single-top h1 {
color: var(--brick);
line-height: unset;
}
.single-top .content-infos-details {
display: flex;
}
.single-main {
width: 100%;
padding-top: 185px;
background: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/background-aquarelle-bmg2-min.png) center bottom no-repeat;
background-size: 300%;
position: relative;
}
.widget-lodgify {
position: absolute;
top: 100px;
right: 50px;
z-index: 50;
}
.css-1n6bo{
width: 400px !important;
padding: 50px 25px !important;
border-radius: 54px !important;
border: 1px solid var(--brick) !important;
box-shadow: 0px 3px 6px #00000029 !important;
}
.css-1ejx9af {
background-color: var(--brick) !important;
}
.single-main-search {
width: 470px;
height: 384px;
border-radius: 54px;
border: 1px solid var(--brick);
background: #fff;
right: 7%;
color: var(--brick);
font-weight: 300;
z-index: 50;
}
.absolute-at-top {
position: absolute;
top: 100px;
}
.fixed-at-300px {
position: fixed;
top: 300px;
}
.absolute-at-bottom {
position: absolute;
bottom: 0;
}
.single-main-search-img {
position: absolute;
width: 78px;
height: 78px;
top: -39px;
right: 10px;
}
.single-main-search-img svg {
width: 100%;
height: 100%;
}
.mphb_sc_search-form {
text-align: center;
}
.mphb-required-fields-tip, .single-main-search abbr, .proprietes-search abbr {
display: none;
}
.single-main-search input, .single-main-search select {
width: 113px;
height: 45px;
border-radius: 11px;
border: 1px solid #707070;
margin-top: 5px;
}
.single-main-search .mphb_sc_search-submit-button-wrapper input  {
margin-top: 25px;
font-family: "DM Serif Display", serif;
font-size: 21px;
font-style: italic;
color: #fff;
background: var(--brick);
}
.single-main-search .mphb-reserve-btn-wrapper input, .mphb-reserve-room-section input {
width: initial;
font-family: "DM Serif Display", serif;
font-size: 21px;
font-style: italic;
color: #fff;
background: var(--brick);
padding: 0 10px;
}
.single-main-search .checkin-checkout {
margin-bottom: 20px;
}
.single-main-search .adults-children, .single-main-search .checkin-checkout {
display: flex;
width: 100%;
justify-content: center;
gap: 60px;
}
.mphb_sc_search-check-in-date label::before, .mphb_sc_search-check-out-date label::before, .mphb-check-in-date-wrapper label::before, .mphb-check-out-date-wrapper label::before {
content: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/work-plan.svg);
display: inline-block;
width: 32px;
height: 32px;
}
.mphb_sc_search-adults label::before, .mphb_sc_search-children label::before {
content: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/people.svg);
display: inline-block;
width: 32px;
height: 32px;
}
input::placeholder, select option, input[type="text"], input[type="email"], .mphb_sc_search-adults select, .mphb_sc_search-children select, .mphb-room-details select, .mphb-customer-country select {
font-family: "Jost", sans-serif;
text-align: center;
height: 32px;
}
.mphb_sc_booking_form-wrapper form {
display: flex;
flex-direction: column;
align-items: center;
}
.mphb-check-in-date-wrapper, .mphb-check-out-date-wrapper {
text-align: center;
margin-bottom: 20px;
}
.mphb-check-in-date-wrapper br, .mphb-check-out-date-wrapper br {
height: 0 !important;
}
.single-menu, .single-items {
padding: 0 22% 0 7%;
}
.single-items {
margin-bottom: 134px;
position: relative;
}
.single-menu-item {
color: var(--brick);
border: solid 3px var(--brick);
width: fit-content;
padding: 0 41px;
transition: 0.3s;
cursor: pointer;
}
.single-menu-item-active, .single-menu-item:hover {
color: #fff;
background: var(--brick);
}
.single-item-frame {
margin-bottom: 60px;
}
.single-item-title {
color: var(--brick);
display: flex;
align-items: center;
}
.single-item-title-img {
width: 33px;
margin-right: 24px;
}
.single-item svg {
width: 100%;
}
.single-item-title-img svg path {
fill: var(--brick);
}
.single-item-paragraph, .single-item-details {
width: 73%;
}
.single-item-paragraph p {
margin-top: 30px;
}
.single-item-details, .single-item-details-inc {
margin-top: 30px;
}
.single-item-details-icons {
display: flex;
margin-bottom: 30px;
}
.single-item-details-icon {
display: flex;
align-items: end;
}
.single-item-details-wrapper {
position: relative;
overflow: hidden; height: auto; width: 73%;
}
.details-btns {
position: relative;
height: 45px;
}
.display-none  {  
display: none;
opacity: 0;
}
.single-item-details-more-btn, .single-item-details-less-btn {
position: absolute;
top: 0;
left: 0;
opacity: 1;
transition: opacity 0.3s ease;
cursor: pointer;
}
.single-item-details-more {
max-height: 0; overflow: hidden; opacity: 1; transition: max-height 0.5s;
}
.single-item-details-more.open {
max-height: 1000px; opacity: 1; }
.single-item-details-category {
margin-bottom: 15px;
}
.single-item-details-category h3 {
display: inline-block;
margin-bottom: 10px;
}
.single-item-details-category-wrapper {
display: flex;
flex-wrap: wrap;
font-weight: 300;
}
.single-item-details-category p {
margin-right: 40px;
margin-bottom: 5px;
}
.single-item-details-icon-img {
width: 30px;
margin-right: 15px;
}
.single-item-details-room {
margin-right: 30px;
}
.single-item-details-room p {
font-weight: 300;
margin-left: 45px;
}
.single-item-details-services {
display: flex;
flex-wrap: wrap;
}
.single-item-details-service {
display: flex;
margin-right: 40px;
margin-bottom: 5px;
}
.single-item-details-service :first-child {
margin-right: 5px;
}
.caution {
flex-direction: column;
}
.caution p:nth-child(2) {
font-weight: 300;
}
.single-similar-title {
text-align: center;
margin-bottom: 70px;
}
.single-similar-items, .proprietes-items {
gap: 1%;
}
.single-similar-item, .proprietes-item {
width: 32vw;
height: calc(23vw + 166px + 50px);
position: relative;
}
.single-similar-item-fixed, .proprietes-item-fixed {
position: absolute;
top: 0;
left: 0;
z-index: 15;
transition: opacity 0.3s;
}
.single-similar-item-swiper, .proprietes-item-swiper {
position: relative;
}
.single-similar-item-txt-title, .proprietes-item-txt-title {
text-align: center;
}
.single-similar-item-img, .proprietes-item-img {
width: 32vw;
height: 23vw;
top: 0;
left: 0;
}
.single-similar-item-img img, .proprietes-item-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-button-next, .swiper-button-prev {
color: #fff;
position: absolute;
top: 50%; transform: translateY(-50%); }
.single-similar-item-txt, .proprietes-item-txt {
background: #fff;
position: relative;
z-index: 20;
height: 166px;
margin-top: -80px;
transition: margin-top 0.3s;
box-shadow: 0px 3px 6px #00000029; 
}
.single-similar-item-txt .single-item-details-icons {
margin-top: 15px;
margin-bottom: 0;
font-weight: 300;
}
.single-similar-item:hover .single-similar-item-txt, .proprietes-item:hover .proprietes-item-txt {
margin-top: 0;
}
.single-similar-item:hover .single-similar-item-fixed, .proprietes-item:hover .proprietes-item-fixed {
opacity: 0;
}
.single-similar-item:hover .swiper-button-next, .single-similar-item:hover .swiper-button-prev, .proprietes-item:hover .swiper-button-next, .proprietes-item:hover .swiper-button-prev {
z-index: 25;
}
.single-conditions .single-item-paragraph {
width: 73%;
} .proprietes-main #main-header {
top: -100%;
}
.proprietes-main .header-line {
position: absolute;
}
.proprietes-top {
position: relative; width: 100%;
height: 35vw;  }
.hidden-header {
transform: translateY(-100%);
}
.proprietes-header {
width: 100%;
height: 35vw;
background: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/caillepie-header-min.jpg) no-repeat;
background-size: cover;
background-position: 50%;
position: relative;
}
.proprietes-header h1 {
color: #fff;
white-space: nowrap;
}
.proprietes-main { }
.proprietes-items {
flex-wrap: wrap;
padding-top: 133px;
position: relative;
min-height: calc(100vh - 107px);
}
.hidden-header + .proprietes-items {
margin-top: 300px;
}
.proprietes-item-fixed, .proprietes-item-swiper {
border-top-left-radius: 92px; border-top-right-radius: 92px;
overflow: hidden;
}
.proprietes-header-wrapper {
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.proprietes-search {
z-index: 50;
border-radius: 75px;
background: #fff;
opacity: 0.9;
display: flex;
align-items: center;
justify-content: center;
padding: 20px 30px;
}
.proprietes-search label {
margin: 0 5px;
}
.proprietes-search .mphb_sc_search-submit-button-wrapper {
display: flex;
align-items: end;
margin: 0 5px;
}
.proprietes-search .mphb_sc_search-submit-button-wrapper input {
font-family: "DM Serif Display", serif;
font-size: 19px;
font-style: italic;
color: #fff;
background: var(--brick);
border: none;
padding: 0 10px;
}
.filter-btn {
position: absolute;
top: 0px;
left: 0px;
flex-direction: column;
height: 170px;
width: 170px;
align-items: center;
background: var(--green);
border-radius: 50%;
padding: 50px; background-clip: content-box; transition: padding 0.4s;
z-index: 10;
}
.filter-btn-sun {
width: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.filter-btn-sun svg {
width: 100%;
height: auto;
}
.filter-btn-sun svg path {
fill: var(--green);
transition: fill 0.3s;
}
.filter-btn-txt {
z-index: 10;
color: #fff;
opacity: 0;
}
.proprietes-search .mphb_sc_search-form,
.proprietes-search .mphb_sc_search-check-in-date,
.proprietes-search .mphb_sc_search-check-out-date,
.proprietes-search .adults-children,
.proprietes-search .checkin-checkout,
.proprietes-search .mphb_sc_search-adults,
.proprietes-search .mphb_sc_search-children {
display: flex;
align-items: end;
}
.proprietes-filter {
position: absolute;
top: -85px;
left: 108px;
z-index: 50;
}
.proprietes-filter.fixed {
position: fixed;
top: 196px;
left: 18px;
}
.proprietes-filter h4 {
color: var(--green);
margin-bottom: 18px;
}
.proprietes-filter-type {
margin-bottom: 29px;
}
.proprietes-filter-type label, .proprietes-filter-caracteristiques label {
display: block;
}
.filter-wrapper {
width: 0px;
background: #fff;
border: 1px solid var(--green);
padding: 57px 0;
border-radius: 79px;
opacity: 0; visibility: hidden; transition: width 0.4s, opacity 0.4s, visibility 0.4s;
}
.proprietes-filter-wrapper {
flex-direction: column;
align-items: center;
width: fit-content;
}
.proprietes-filter:hover .filter-wrapper {
width: 470px; opacity: 1; visibility: visible; }
.proprietes-filter:hover  .filter-btn {
height: 89px;
width: 89px;
padding: 0;
}
.proprietes-filter:hover .filter-btn-sun {
width: 20px;
position: relative;
margin-top: 5px;
}
.proprietes-filter.no-hover {
pointer-events: none;
} .mphb_sc_search_results-wrapper {
display: none;
}
.global-main {
padding: 100px 0;
min-height: calc(100vh - 107px);
background: url(//bemyguest.dahabeya.fr/wp-content/themes/bmgl/img/background-aquarelle-bmg2-min.png) center bottom no-repeat;
background-size: 300%;
}
.global-search-title {
text-align: center;
}
.mphb_sc_search_results-wrapper form {
display: none;
}
.mphb-reserve-room-section {
text-align: center;
width: 80%;
}
.proprietes-item-txt-price {
position: absolute;
color: var(--brick);
bottom: 10px;
} .mphb_sc_checkout-wrapper {
display: flex;
flex-direction: column;
align-items: center;
font-size: 18px;
line-height: 25px;
font-weight: 300;
width: 60%;
min-width: 50%;
padding: 5% 10%;
background: rgba(255, 255, 255, 0.7);
border-radius: 13px;
}
.mphb-login-form-wrap p a[href*="action=logout"] {
font-weight: 500;
}
h3.mphb-booking-details-title, h4.mphb-price-breakdown-title, h3.mphb-customer-details-title {
font-family: "DM Serif Display", serif;
font-style: italic;
font-size: 34px;
margin-bottom: 20px;
}
.mphb_sc_checkout-wrapper p {
margin-bottom: 10px;
} h3.mphb-room-number {
display: none;
}
abbr[title] {
text-decoration: none;
color: red;
}
.mphb-room-details p, #mphb-customer-details p {
display: flex;
align-items: center;
}
.mphb-room-details p label,  #mphb-customer-details p label {
margin-right: 10px; flex: 0; text-wrap: nowrap;
}
.mphb-room-details p select, .mphb-room-details p input,  #mphb-customer-details p select,  #mphb-customer-details p input, #mphb-customer-details p textarea {
flex: 1; width: 100%; box-sizing: border-box; }
.mphb_sc_checkout-wrapper .mphb-guest-name-wrapper {
display: none;
}
table.mphb-price-breakdown {
line-height: 30px;
}
.mphb-price-breakdown-booking .mphb-price {
display: none;
}
.mphb-price-breakdown-rate {
display: none;
}
.mphb-price-breakdown tr td:nth-child(2), .mphb-price-breakdown tr th:nth-child(2) .mphb-price {
font-weight: 500;
text-align: right;
padding: 0 10px;
}
.mphb-price-breakdown-dates, .mphb-price-breakdown-date {
display: none;
}
.mphb-price-breakdown-subtotal {
display: none;
}
.mphb-price-breakdown-total .mphb-price, .mphb-total-price-field  .mphb-price {
font-weight: 500;
}
.mphb-total-price-field 
p.mphb-guest-name-wrapper {
display: none;
}
.mphb-table-price-column {
text-align: right; width: 150px; min-width: 150px;
}
.mphb-price-breakdown-accommodation-total {
margin-top: 10px;
background: var(--green);
color: #fff;
}
.mphb-price-breakdown-total {
margin-top: 10px;
background: #000;
color: #fff;
}
.mphb-price-breakdown-fees {
display: none;
} @media (max-width: 1024px) {
.jost-144 {
font-size: 60px;
line-height: 86px;
}
.jost-55 {
font-size: 39px;
}
.dm-55 {
font-size: 39px;
line-height: 50px;
}
.jost-34 {
font-size: 24px;
line-height: 32px;
}
.dm-89 {
font-size: 63px;
line-height: 87px;
}
.dm-34 {
font-size: 24px;
line-height: 39px;
}
.jost-21 {
font-size: 15px;
line-height: 21px;
}
.dm-21 {
font-size: 15px;
line-height: 21px;
}
.dm-span { }
.content-frame-wrapper {
display: none;
}
.header-line {
font-size: 15px;
padding: 44px 1% 0;
}
#primary-menu li a {
background-size: 20px;
padding-left: 30px;
}
#Logo {
width: 92px;
}
.home-intro-anim-container {
height: 353px;
}
.home-intro-anim-txt {
font-size: 36px;
line-height: 39px;
}
.singularite-gallery-ul {
flex-wrap: wrap;
}
.singularite-gallery-ul {
gap: 50px;
margin-bottom: 50px;
}
.singularite-gallery-ul a {
width: 300px;
}
.content-frame {
aspect-ratio: 750/797;
}
.content-frame-wrapper {
top: 40%;
}
.content-infos {
bottom: -20px;
padding: 10px;
}
.content-infos h4 {
font-size: 20px;
margin-bottom: 10px;
}
.content-infos-details-item p {
font-size: 12px;
line-height: 12px;
}
.mphb_sc_checkout-wrapper {
width: 80%;
}
}
@media (max-width: 768px) {
[data-aos] {
opacity: 1 !important; transform: none !important; transition: none !important; }
.menu-burger {
display: flex;
}
.jost-144 {
font-size: 60px;
line-height: 86px;
}
.jost-55 {
font-size: 39px;
}
.dm-55 {
font-size: 39px;
line-height: 50px;
}
.jost-34 {
font-size: 24px;
line-height: 32px;
}
.dm-89 {
font-size: 63px;
line-height: 87px;
}
.dm-34 {
font-size: 24px;
line-height: 39px;
}
.jost-21 {
font-size: 15px;
line-height: 21px;
}
.dm-21 {
font-size: 15px;
line-height: 21px;
}
.blur-effect {
filter: blur(0px) !important;
}
#home-header {
flex-direction: column;
}
.home-header-title, .proprietes-header h1 {
font-size: 63px;
line-height: 71px;
}
.home-header-title h2 {
font-size: 57px;
}
.header-line {
display: none;
}
.header-line-logo {
position: initial;
transform: translateX(0);
margin-bottom: 20px;
}
#Logo {
width: 92px;
}
#home-intro {
margin-bottom: 54px;
}
.header-line-link {
margin-left: 0;
margin-top: 50px;
background: var(--yellow);
}
.home-intro-anim-container {
height: 353px;
}
.home-intro-anim-txt {
font-size: 36px;
line-height: 39px;
}
.home-section-top-title {
flex-direction: column;
margin-bottom: 20px;
align-items: center;
}
.home-section-top-title-img {
display: none;
}
.home-section-top {
text-align: center;
}
.home-section-top {
margin-bottom: 62px;
}
.content-frame {
aspect-ratio: 750/797;
}
.content-frame-wrapper {
top: 40%;
}
.singularite-bg {
background-size: 1000%;
}
.singularite-gallery-ul {
flex-direction: column;
}
.content-infos {
bottom: -20px;
padding: 10px;
}
.content-infos h4 {
font-size: 20px;
margin-bottom: 10px;
}
.content-infos-details-item p {
font-size: 12px;
line-height: 12px;
}
.singularite-video {
display: none;
}
.singularite-link {
margin-bottom: 50px;
}
.serenite-menu {
flex-direction: column;
gap: 10px;
align-items: center;
margin-bottom: 35px;
}
.serenity .home-section-top {
margin-bottom: 35px;
}
.serenite-pics {
display: none;
}
.serenite-txt {
min-width: unset;
max-width: unset;
margin-right: unset;
text-align: center;
}
.serenite-txt p {
margin-bottom: 15px;
}
.serenite {
height: fit-content;
padding: 0 3%;
}
.serenite-items {
height: 250px;
}
.partners-slide {
width: 140px;
}
.echo .echo-pictures {
display: none;
}
.echo-wrapper {
flex-direction: column;
height: unset;
}
.echo-left {
justify-content: center;
margin-right: 0;
height: 300px;
margin-top: 20px;
margin-bottom: 20px;
}
.echo-left-right {
position: relative;
left: 5%;
width: 90%;
}
.echo-left-picture:nth-child(2) {
display: none;
}
.echo-left-picture {
position: relative;
width: 80%;
height: auto;
}
.echo-bottom {
flex-direction: column;
}
.echo-bottom-right, .echo-bottom-left {
width: 100%;
}
.echo-bottom-links {
margin: 60px 0 55px;
flex-direction: column;
}
.echo-bottom-right {
margin-top: 0;
}
.echo-bottom-punchline {
width: 100%;
}
.proprietes-top {
height: 75vh;
}
.proprietes-header {
height: 75vh;
}
.proprietes-header h1 {
white-space: unset;
text-align: center;
}
.proprietes-search {
border-radius: 0;
}
.proprietes-search .mphb_sc_search-form {
flex-direction: column;
align-items: center;
gap: 10px;
}
.proprietes-search .checkin-checkout {
flex-direction: column;
}
.proprietes-filter {
left: 18px;
}
.filter-btn {
width: 109px;
height: 109px;
}
.proprietes-filter:hover .filter-wrapper {
width: 340px;
}
.single-similar-item, .proprietes-item {
width: 90vw;
}
.single-item-details-room {
margin-right: 0;
}
.single-item-details-icons {
justify-content: center;
gap: 10px;
}
.single-similar-item-txt, .proprietes-item-txt {
height: 100px;
margin-top: 0;
}
.single-item-details-icon-img {
margin-right: 5px;
}
.single-similar-item-img, .proprietes-item-img {
width: 100%;
height: 200px;
}
.single-similar-item, .proprietes-item {
height: unset;
margin-bottom: 20px;
}
.single-similar-item-swiper, .proprietes-item-swiper {
display: none;
}
.single-similar-item-fixed, .proprietes-item-fixed {
position: initial;
}
.single-similar-item:hover .single-similar-item-fixed, .proprietes-item:hover .proprietes-item-fixed {
opacity: 1;
}
.single-main {
padding-top: 90px;
}
.single-main .echo-pictures {
display: none;
}
.single-top h1 {
text-align: center;
margin-bottom: 10px;
}
.echo-wrapper {
padding: 0 0 0 0;
}
.single-top {
margin-bottom: 50px;
}
.single-top .content-infos-details {
justify-content: center;
}
.content-infos-details-item {
align-items: end;
}
.single-similar-items {
flex-wrap: wrap;
width: 100%;
}
.single-menu {
flex-direction: column;
gap: 20px;
}
.single-main-search {
position: initial;
width: 350px;
margin-bottom: 50px;
}
.single-menu, .single-items {
padding: 0 7%;
}
.single-item-paragraph, .single-item-details, .single-conditions .single-item-paragraph, .single-item-details-wrapper {
width: 100%;
}
.single-item-details-category p {
margin-right: 20px;
}
.single-item-details-icons {
flex-wrap: wrap;
gap: 20px;
}
.single-item-title-img {
width: 20px;
margin-right: 10px;
}
.single-item-details-room p {
margin-left: 0;
}
#main-header {
display: none;
}
.close-mentions-btn {
top: 10px;
right: 10px;
}
.popup-mentions-block h4 {
font-size: 18px;
}
.popup-mentions-wrapper {
max-width: 90%;
}
.mphb_sc_checkout-wrapper {
width: 100%;
font-size: 15px;
}
} .gt-selected {
background-color: var(--brick) !important;
}
.gt_float_switcher {
color: #fff !important;
font-family: "Jost", serif !important;
font-size: 16px !important;
background: var(--brick) !important;
}
.gt_float_switcher .gt_options a {
color: var(--black) !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
color: #fff !important;
}
.gt_float_switcher .gt_options a:hover {
color: #fff !important;
background: var(--yellow) !important;
}
.gt_float_switcher img {
width: 22px !important;
}