/*
Theme Name: Hotel Myrtilles
Template: poulpy
Theme URI: https://octopix.be/
Author: Octopix
Author URI: https://octopix.be/
Description: Hotel Myrtilles theme.
Tags: block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, full-site-editing, one-column, template-editing, threaded-comments, translation-ready, wide-blocks
Requires at least: 6.9
Tested up to: 7.0.4
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hotel-myrtilles

Hotel Myrtilles is distributed under the terms of the GNU GPL.
*/
.text-pretty {
  text-wrap: pretty;
}

@media screen and (max-width: 480px) {
  .p-mobile-0 {
    padding: 0 !important;
  }
}

html {
  scroll-padding-top: calc(var(--wp--admin--admin-bar--height, 0px) + 180px + 5rem);
}
@media screen and (max-width: 360px) {
  html {
    --wp--custom--site-logo--mobile--width: 80px;
  }
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
.hm-sticky-badge {
  box-shadow: 0 0 0 0 #89654c;
  transition: box-shadow 0.25s ease-in-out;
}
@media screen and (max-width: 600px) {
  .hm-sticky-badge {
    max-width: 55px;
    padding: 8px;
  }
}
.hm-sticky-badge a:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}
.hm-sticky-badge img {
  opacity: 1 !important;
}
.hm-sticky-badge:hover {
  box-shadow: 0 0 0 6px #89654c;
}

.site-header > .wp-block-group[style*=fixed] {
  margin-top: var(--wp-admin--admin-bar--height, 0px);
}
@media screen and (max-width: 600px) {
  .site-header .preheader {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .site-header .preheader > .wp-block-group {
    padding: 0 !important;
    min-height: 85px !important;
  }
  .site-header .preheader + .wp-block-group .wp-block-navigation {
    padding: 8px 0 !important;
  }
  .site-header .preheader + .wp-block-group .wp-block-navigation .wp-block-navigation__responsive-container-open:after {
    content: "";
    width: 100% !important;
    aspect-ratio: auto !important;
    position: absolute;
    inset: 0;
  }
  .site-header .preheader .wp-block-button__link {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media screen and (max-width: 600px) {
  .site-footer .footer-links > * {
    flex-basis: 100% !important;
  }
  .site-footer .wp-block-button__link:has(img:is([src*=facebook], [src*=instagram])) {
    font-size: 0;
    height: 50px;
  }
  .site-footer .wp-block-button__link:has(img:is([src*=facebook], [src*=instagram])) img {
    width: 25px;
  }
}

div.wpml-language-switcher-block .wp-block-navigation-submenu__toggle {
  position: relative;
  display: flex;
  width: auto;
  height: 46px;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--wp--preset--color--primary-faded);
  font-size: 0.95rem;
  font-weight: 500;
  aspect-ratio: 1;
}
div.wpml-language-switcher-block .wp-block-navigation-submenu__toggle .wp-block-navigation__submenu-icon {
  position: absolute;
  top: calc(100% - 10px);
  left: calc(50% - 13px);
  display: flex;
  width: 20px;
  height: 20px;
  justify-content: center;
  align-items: center;
  color: var(--wp--preset--color--primary-faded);
  background-color: #fff;
}
div.wpml-language-switcher-block .wp-block-navigation-submenu__toggle .wp-block-navigation__submenu-icon svg {
  width: 70%;
}
div.wpml-language-switcher-block ul.wp-block-navigation__submenu-container {
  z-index: 0 !important;
  overflow: clip !important;
  width: 46px !important;
  min-width: 46px !important;
  border: 1px solid var(--wp--preset--color--primary-faded) !important;
  border-top: 0 !important;
  transform: none !important;
}
div.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item {
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0 var(--wp--preset--color--primary-faded) inset;
  font-size: 0.95rem;
  font-weight: 500;
  text-align: center;
}
div.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item span {
  color: var(--wp--preset--color--primary) !important;
}
div.wpml-language-switcher-block ul.wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
  box-shadow: 0 -4px 0 var(--wp--preset--color--primary-faded) inset;
}

.wp-block-navigation {
  --wp--preset--spacing--large: clamp(2.5rem, 4.25vw, 70px);
}
@media screen and (max-width: 992px) {
  .wp-block-navigation {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
}
.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) :is(.wp-block-navigation__container, .wp-block-page-list) > .wp-block-navigation-item > .wp-block-navigation-item__content {
  padding: 1.5rem 0;
}
.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) :is(.wp-block-navigation__container, .wp-block-page-list) > .wp-block-navigation-item > .wp-block-navigation-item__content:after {
  left: -7.5px;
  height: 4px;
}
.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) :is(.wp-block-navigation__container, .wp-block-page-list) > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content:after, .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) :is(.wp-block-navigation__container, .wp-block-page-list) > .wp-block-navigation-item:hover > .wp-block-navigation-item__content:after,
.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) :is(.wp-block-navigation__container, .wp-block-page-list) > .wp-block-navigation-item > .wp-block-navigation-item__content.current-menu-ancestor:after {
  width: calc(100% + 15px);
}

@media screen and (max-width: 600px) {
  .wp-block-group.hero .wp-block-cb-carousel-v2 h1 {
    font-size: clamp(38px, 5vw, 45px) !important;
  }
  .wp-block-group.hero .wp-block-cb-carousel-v2 .wp-block-button__link {
    padding: 0.8em 1em !important;
  }
}
.wp-block-group.hero .wp-block-cb-carousel-v2 .swiper {
  --wp--preset--spacing--x-large: clamp(5rem, 7vw, 110px);
}
.wp-block-group.hero .wp-block-cb-carousel-v2 .swiper ~ .swiper-button-prev,
.wp-block-group.hero .wp-block-cb-carousel-v2 .swiper ~ .swiper-button-next {
  top: auto;
  right: auto;
  bottom: var(--wp--preset--spacing--small) !important;
  left: clamp(var(--wp--style--root--padding-left), 50% - var(--wp--style--global--content-size) / 2, 50%);
  margin: 0;
  transform: none;
}
.wp-block-group.hero .wp-block-cb-carousel-v2 .swiper ~ .swiper-button-prev:not(:hover),
.wp-block-group.hero .wp-block-cb-carousel-v2 .swiper ~ .swiper-button-next:not(:hover) {
  opacity: 0.4;
}
.wp-block-group.hero .wp-block-cb-carousel-v2 .swiper ~ .swiper-button-prev:after,
.wp-block-group.hero .wp-block-cb-carousel-v2 .swiper ~ .swiper-button-next:after {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%23fff' d='M12.75 0A12.75 12.75 0 1 1 0 12.75 12.765 12.765 0 0 1 12.75 0m0 24A11.25 11.25 0 1 0 1.5 12.75 11.263 11.263 0 0 0 12.75 24M7 12.75a.75.75 0 0 0 .75.75h8.189l-2.719 2.72a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 0 0-1.06 1.06L15.939 12H7.75a.75.75 0 0 0-.75.75'/%3E%3C/svg%3E");
  background-size: contain;
  border: none;
}
.wp-block-group.hero .wp-block-cb-carousel-v2 .swiper ~ .swiper-button-prev.swiper-button-next,
.wp-block-group.hero .wp-block-cb-carousel-v2 .swiper ~ .swiper-button-next.swiper-button-next {
  left: clamp(var(--wp--style--root--padding-left) + 50px, 50% - var(--wp--style--global--content-size) / 2 + 50px, 50%);
}

@keyframes banner-fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media screen and (max-width: 600px) {
  .hm-banner {
    height: 30vh;
    min-height: 30vh !important;
  }
  .hm-banner .wp-block-group[style*="--octopods-group-background-attachment"]:before {
    background-attachment: scroll !important;
  }
}

@supports (animation-timeline: scroll()) {
  .hm-banner__image {
    animation: banner-fade linear both;
    animation-timeline: scroll(root);
    animation-range: 0 800px;
  }
}

@media screen and (max-width: 600px) {
  .wp-block-column:has(> .cb-carousel-block) {
    width: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 782px) {
  .wp-block-group[style*="--octopods-group-background-attachment:fixed"] {
    --octopods-group-background-attachment: scroll !important;
  }
}
.wp-block-group .wp-block-group--service-link {
  position: relative;
}
.wp-block-group .wp-block-group--service-link > .wp-block-group {
  position: static;
}
.wp-block-group .wp-block-group--service-link > .wp-block-group .wp-block-heading a {
  z-index: 10;
}
.wp-block-group .wp-block-group--service-link > .wp-block-group .wp-block-heading a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  background-color: rgba(65, 0, 153, 0.85);
  transition: opacity 0.25s ease-in-out;
}
.wp-block-group .wp-block-group--service-link > .wp-block-group .wp-block-heading a:hover:before {
  opacity: 1;
}
.wp-block-group .wp-block-group--service-link > .wp-block-group .wp-block-heading a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wp-block-group .wp-block-group--masked-corner {
  -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
          mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 100% 0, 0 100%;
          mask-position: 100% 0, 0 100%;
  -webkit-mask-size: calc(100% - 25px) 100%, 100% calc(100% - 40px);
          mask-size: calc(100% - 25px) 100%, 100% calc(100% - 40px);
}
@media screen and (max-width: 782px) {
  .wp-block-group .wp-block-group--masked-corner {
    -webkit-mask-image: none;
            mask-image: none;
  }
}
.wp-block-group .wp-block-group--floating {
  flex-shrink: 0;
}
@media screen and (max-width: 782px) {
  .wp-block-group .wp-block-group--floating {
    padding: var(--wp--preset--spacing--medium);
    flex-basis: auto;
    transform: none !important;
  }
  .wp-block-group .wp-block-group--floating .wp-block-image {
    max-width: 40px;
  }
}
.wp-block-group.hm-item-offer {
  min-height: 100px !important;
  transition-property: transform, opacity, border-color;
  cursor: default;
  position: relative;
}
.wp-block-group.hm-item-offer .wp-block-group[style*="#ffffff1a"] {
  transition: 0.25s ease-in-out;
}
.wp-block-group.hm-item-offer img {
  transform: translate3d(0, 0, 0);
  transform-origin: center;
  transition: transform 0.25s ease-in-out;
  will-change: transform;
}
.wp-block-group.hm-item-offer:hover,
.wp-block-group.hm-item-offer:hover .wp-block-group[style*="#ffffff1a"] {
  border-color: rgba(255, 255, 255, 0.4196078431) !important;
}
.wp-block-group.hm-item-offer:hover img {
  transform: translate3d(0, 0, 0) rotate(-6deg);
}
.wp-block-group.hm-item-offer .wp-block-heading > a, .wp-block-group.hm-item-offer .wp-block-paragraph > a {
  text-decoration: none;
}
.wp-block-group.hm-item-offer .wp-block-heading > a:before, .wp-block-group.hm-item-offer .wp-block-paragraph > a:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
}

.wp-block-heading:is([style*="font-weight:400"], [style*="font-weight: 400"]) > strong {
  font-weight: 600;
}

.wp-block-image {
  position: relative;
}
.wp-block-image.wp-block-image--map > img {
  width: 100%;
  min-height: clamp(0px, 500px, 60vw);
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-image.wp-block-image--marquee-separator {
  flex-shrink: 0;
  line-height: 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption,
.wp-block-image :is(figcaption) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  overflow: auto;
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  opacity: 0.7;
  color: #fff;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  text-shadow: 0 0 1.5px #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-align: left;
  text-wrap: pretty;
  writing-mode: sideways-lr;
  backdrop-filter: blur(2px);
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption:before,
.wp-block-image :is(figcaption):before {
  display: none;
}

.wp-lightbox-container button {
  right: auto !important;
  left: 16px !important;
}

.lightbox-image-container figcaption {
  display: block !important;
}

.cb-wrapper img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-user-drag: none;
}
.cb-wrapper img[style*=aspect-ratio] {
  width: 100%;
}

.wp-block-video.wp-block-video--h-100 {
  height: 100%;
}
.wp-block-video.wp-block-video--h-100 > video {
  height: 100%;
}

.swiper--overflow .swiper {
  overflow: visible;
}
.swiper--overflow .swiper .swiper-wrapper .swiper-slide {
  transition: opacity 0.25s ease-in-out;
}
.swiper--overflow .swiper .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide ~ .swiper-slide, .swiper--overflow .swiper .swiper-wrapper .swiper-slide:has(~ .swiper-slide-active) {
  opacity: 0.2;
  pointer-events: none;
}
@media screen and (max-width: 782px) {
  .swiper--overflow .swiper .swiper-wrapper .swiper-slide.swiper-slide-active + .swiper-slide ~ .swiper-slide {
    opacity: 0.2;
    pointer-events: none;
  }
}
@media screen and (max-width: 600px) {
  .swiper .wp-block-group:has(.wp-block-buttons) {
    margin-top: 1em !important;
  }
}
.swiper ~ .swiper-button-prev, .swiper ~ .swiper-button-next {
  width: var(--wp--custom--carousel-block--navigation-size);
  height: var(--wp--custom--carousel-block--navigation-size);
  transition: opacity 0.25s ease-in-out;
  --wp--custom--carousel-block--navigation-size: 50px;
}
@media screen and (max-width: 600px) {
  .swiper ~ .swiper-button-prev, .swiper ~ .swiper-button-next {
    width: 30px !important;
    height: 30px !important;
    left: 30px !important;
  }
}
.swiper ~ .swiper-button-prev:after, .swiper ~ .swiper-button-next:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--wp--preset--color--primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='14' fill='none' viewBox='0 0 17 14'%3E%3Cpath fill='%23fff5e1' d='M.325 7.754a1.104 1.104 0 0 1 .784-1.887h12.106L9.195 1.86A1.103 1.103 0 0 1 9.987 0a1.1 1.1 0 0 1 .775.297l5.914 5.894a1.103 1.103 0 0 1 0 1.562l-5.914 5.895a1.109 1.109 0 0 1-1.824-1.203q.092-.206.257-.359l4.02-4.008H1.109a1.1 1.1 0 0 1-.784-.324'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  border-radius: 1000px;
}
.swiper ~ .swiper-button-prev.swiper-button-prev:after, .swiper ~ .swiper-button-next.swiper-button-prev:after {
  transform: rotate(180deg);
}
.swiper ~ .swiper-button-prev.swiper-button-disabled, .swiper ~ .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.wp-block-cb-carousel-v2[data-cb-slides-per-view="1"] .swiper ~ .swiper-button-prev, .wp-block-cb-carousel-v2[data-cb-slides-per-view="1"] .swiper ~ .swiper-button-next {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
  --wp--custom--carousel-block--navigation-size: 42px;
}
.wp-block-cb-carousel-v2[data-cb-slides-per-view="1"] .swiper ~ .swiper-button-prev.swiper-button-prev, .wp-block-cb-carousel-v2[data-cb-slides-per-view="1"] .swiper ~ .swiper-button-next.swiper-button-prev {
  bottom: calc(var(--wp--custom--carousel-block--navigation-size) - 8px);
}
.wp-block-cb-carousel-v2[data-cb-slides-per-view="1"] .swiper ~ .swiper-button-prev:after, .wp-block-cb-carousel-v2[data-cb-slides-per-view="1"] .swiper ~ .swiper-button-next:after {
  background-color: #E9E8FF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none' viewBox='0 0 12 10'%3E%3Cpath fill='%23410099' d='M.22 5.262a.75.75 0 0 1 .53-1.28H8.94L6.22 1.261A.75.75 0 0 1 7.28.201l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.719-2.72H.75a.75.75 0 0 1-.53-.22'/%3E%3C/svg%3E");
  background-size: 12px;
  border: 5px solid #fff;
  transition: border-color 0.25s ease-in-out;
}
.wp-block-cb-carousel-v2[data-cb-slides-per-view="1"] .swiper ~ .swiper-button-prev:hover:after, .wp-block-cb-carousel-v2[data-cb-slides-per-view="1"] .swiper ~ .swiper-button-next:hover:after {
  border-color: var(--wp--preset--color--primary);
}
@media screen and (max-width: 600px) {
  .swiper ~ .swiper-button-next {
    left: 70px !important;
  }
}
@media screen and (max-width: 782px) {
  .swiper div[style*="70vh"] {
    height: 73vh !important;
  }
}
.swiper .badge-mobile {
  filter: drop-shadow(0 0 6px black);
}

@media screen and (max-width: 782px) {
  .hm-slider-services {
    overflow: hidden !important;
  }
  .hm-slider-services .swiper {
    overflow: visible !important;
    transform: scale(0.8);
    transform-origin: left center;
    margin-top: -8%;
    margin-bottom: -8%;
  }
  .hm-slider-services .swiper .cb-slide h3 {
    font-size: 2rem !important;
    padding: 10px;
  }
}
.wp-block-group :has(> .hm-slider-services) {
  padding-right: 0 !important;
}

.wp-block-group.is-vertical.is-layout-flex:has(.wp-block-cb-carousel-v2) .wp-block-cb-carousel-v2 {
  max-width: 100%;
}

.wp-block-button > .wp-block-button__link > img {
  margin-top: -0.2em;
  margin-right: 0.5em;
  vertical-align: middle;
}

.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading__toggle-icon {
  width: auto;
  height: auto;
  font-size: 0;
  transition: transform 0.25s ease-in-out;
}
.wp-block-accordion .wp-block-accordion-item .wp-block-accordion-heading__toggle-icon:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin-left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none' viewBox='0 0 12 10'%3E%3Cpath fill='%231f004e' d='M.22 5.262a.75.75 0 0 1 .53-1.28h8.188L6.22 1.261A.75.75 0 0 1 7.28.201l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.718-2.72H.75a.75.75 0 0 1-.53-.22'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.wp-block-accordion .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
  transform: rotate(90deg);
}/*# sourceMappingURL=style.css.map */