/**
 * Theme Name:     Bagnella 2025
 * Author:         Pierre Gagliardi
 * Template:       twentytwentyfive
 * Text Domain:	   bagnella-2025
 * Description:    Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
 */
/*.wp-block-navigation__responsive-container-open svg {
  visibility: hidden ;
}

.wp-block-navigation__responsive-container-open {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: url(https://samplesite.nl/wp-content/uploads/ButtonMenu.jpg) no-repeat;
  width: 120px; 
height: 37px;

padding-left: 120px;

}

}
*/
/*:root :where(.is-layout-constrained)>* {
  margin-block-start: 0em;
  margin-block-end: 0;
}*/
:root {
  /*--wp--preset--font-size--small: clamp(0.75rem, 0.8rem + ((1vw - 0.2rem) * 0.257), 0.8rem)*/
}

:root :where(.is-layout-constrained)>* {
  margin-block-start: 0;
  margin-block-end: 0;
}

:where(.wp-site-blocks :focus) {
  outline-width: 0px;
  outline-style: solid;
}

main>div {
  padding-bottom: 0 !important;
}

footer {
  margin-block-start: 0;
}


:where(.wp-site-blocks :focus) {
  outline-width: 0px !important;
  outline-style: none;
}

:root :where(.is-layout-flow)>* {
  margin-block-start: 0;
  margin-block-end: 0;
}

.is-sticky {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}


.wp-block-post-title {
  display: none;
}

/*#APROPOS {
  padding: 0 5rem 0 5rem;
}*/

.topright {
  position: absolute;
  top: -35px;
  right: -85px;
  max-width: 4.75em;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/*REMOVE ANCHOR OUTLINE */
a:hover,
a:focus {
  color: inherit;
  text-decoration: underline;
  outline-width: 0 !important;
}

.wp-block-button.no-cursor a:hover,
a:focus {
  color: blue;
  text-decoration: none !important;
  outline-width: 0 !important;
}

.wp-block-button.no-cursor a {
  cursor: default !important;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  color: var(--wp--preset--color--custom-rouge-bagnella);
}

a:where(:not(.wp-element-button)) {
  text-decoration: none;
}

.instagram-gallery-feed.loaded .instagram-gallery__actions {
  display: none;
}

.txt-outline {
  -webkit-text-stroke: 0.025rem #000000;
}

.scalex-1 {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/*STYLE GALLERY FIGURE CAPTION */
.wp-block-gallery.metiers-gallery figcaption {
  background: var(--wp--preset--color--custom-gris) !important;

  margin: 0 auto !important;
  margin-bottom: 5% !important;
  font-family: var(--wp--preset--font-family--futura);
  font-size: var(--wp--preset--font-size--small) !important;
  color: var(--wp--preset--color--custom-rouge-bagnella) !important;
  letter-spacing: 0.2rem;
  text-shadow: none !important;
  min-height: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*.wp-block-gallery.metiers-gallery figure:nth-child(1) figcaption {
    max-width: 60% !important;
}
.wp-block-gallery.metiers-gallery figure:nth-child(2) figcaption {
    max-width: 50% !important;
}
.wp-block-gallery.metiers-gallery figure:nth-child(3) figcaption {
    max-width: 70% !important;
}*/
.wp-block-gallery.metiers-gallery figure:nth-child(1) figcaption {
  max-width: clamp(30%, 20em, 70%) !important;
}

.wp-block-gallery.metiers-gallery figure:nth-child(2) figcaption {
  max-width: clamp(30%, 20em, 60%) !important;
}

.wp-block-gallery.metiers-gallery figure:nth-child(3) figcaption {
  max-width: clamp(30%, 20em, 80%) !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
  display: none !important;
}

/*ADJUST HR WIDTH SEPARATOR */
hr.wp-block-separator {
  max-width: 70px !important;
}

/*CUSTOM CLASSES */
.ml-0 {
  margin-left: 0;
}

.txt-underline-off-05rem a {
  text-underline-offset: 0.5rem;
  text-decoration: underline !important;
}

.txt-underline-off-05rem a:hover,
.txt-underline-off-05rem a:focus {
  color: inherit;
  text-decoration: none;
}

.wp-block-social-links a {
  font-size: inherit;
}

:root {
  /*--bookly-text-sm: 0.5rem;*/
}

.bookly-form .bookly-loading:before,
.ladda-spinner {
  display: none !important;
}

.bookly-form * {
  font-family: var(--wp--preset--font-family--futura) !important;
  font-size: 0.875rem;
}

.bookly-form {
  margin: 0 auto;
  width: 100%;
}

.bookly-css-root .bookly\:p-0\.5 {
  padding: 0 !important;
}

.bookly-css-root .bookly\:border {
  border-style: var(--tw-border-style) !important;
  border-width: 0px !important;
}

.bookly-slot-calendar {
  margin: 0;
  float: left;
  font-size: 0.25rem;
}

.bookly-css-root .bookly\:min-w-\[200px\] {
  min-width: 200px !important;
  width: 75% !important;
}

.bookly-columnizer-wrap {
  height: inherit !important;
}

.bookly-time-step {
  margin-left: 0;
  margin-right: 0;
  width: 25% !important;
  text-align: right;
}

.bookly-columnizer .bookly-day,
.bookly-columnizer .bookly-hour {
  border-radius: 0 !important;
}

/*.bookly-box {
    display: none;
}*/
.bookly-nav-steps {
  border-top: none !important;
}

.bookly-css-root .bookly\:bg-slate-100 {
  background-color: var(--wp--preset--color--custom-gris) !important;
}

.bookly-columnizer .bookly-hour span {
  font-weight: normal;
  color: #333 !important;
  text-transform: capitalize;
}

.bookly-form .ladda-spinner {
  opacity: 0 !important;
}

.bookly-columnizer .bookly-column {
  padding: 0;
}

.pos-rel {
  position: relative;
}

.bookly-btn,
.bookly-btn>span {
  font-size: 0.8rem !important;
}

.bookly-btn {
  padding: 5px 12px !important;
}

.bookly-box.bookly-nav-steps button {
  margin-bottom: 0px;
  margin-right: 5px;
  margin-left: 5px;
}

@media screen and (max-width: 1600px) {

  /* Insérez vos propriétés CSS ici, avec vos sélecteurs*/
  .topright {
    float: none !important;
    margin-inline-start: unset !important;
    margin-inline-end: unset !important;

    position: relative;
    margin: 0 auto;
    top: 0;

  }
}

@media screen and (min-width: 1600px) {
  .wp-block-gallery.metiers-gallery figcaption {
    font-size: var(--wp--preset--font-size--medium) !important;
  }
}

@media screen and (min-width: 1200px) {
  .hide-on-desktop {
    display: none !important;
  }

}

@media (max-width: 767px) {
  html {
    font-size: 14px !important;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .wp-block-navigation__responsive-container-close {

    color: var(--wp--preset--color--custom-rouge-bagnella) !important;
  }

  p {
    font-size: var(--wp--preset--font-size--large) !important;
  }

  /*.wp-block-buttons {
    margin-top: 2rem !important;
  }*/
  #APROPOS {
    padding: 0 1rem 0 1rem;
  }

  #APROPOS .group-remy {
    padding: 0 2.2rem 0 2.2rem;
  }

  #APROPOS .group-remy .topright {
    position: absolute;
    top: -1.5rem;
    right: -0.3rem;
    max-width: 2.5em !important;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
  }

  #CATALOGUESS .has-border-color {}

  #CATALOGUES .wp-block-group:nth-child(1) .wp-block-buttons {
    margin-top: 0rem !important;
  }


  #CATALOGUES .wp-block-group:nth-child(2) .wp-block-buttons {
    margin-top: 0rem !important;
  }

  #CATALOGUES .wp-container-core-group-is-layout-6adf95a6 {
    gap: var(--wp--preset--spacing--0);
    justify-content: center;
    align-items: flex-start;
  }

  .mw-80 {
    max-width: 80%;
  }
.bloc-separateur {
  height: 7rem !important;
}
  .rdv-mobile a{
    font-size: 0.7rem !important;
  }

  .wp-block-social-links.has-huge-icon-size {
    font-size: 24px;
  }

  header .header-img-wrapper {
    padding: 0px !important
  }

  header .nav {
    border-top-width: 0px !important;
    border-bottom-width: 0px !important;
  }

  header .header-img-wrapper .wp-block-image.alignfull {
    height: 280px;
  }

  header .header-img-wrapper .wp-block-image.alignfull img,
  .wp-block-image.alignwide img {
    height: 100%;
    width: auto;
    /* width: 580px !important; */
    /* max-width: none; */
    object-fit: cover;
    /* overflow: hidden; */
  }

  .wp-block-site-logo {
    box-sizing: border-box;
    line-height: 0;
    text-align: left;
  }

  .wp-block-site-logo a,
  .wp-block-site-logo img {
    border-radius: inherit;
    text-align: left;
    max-width: 70%;
  }

  :root :where(.wp-element-button, .wp-block-button__link) {
    letter-spacing: 0.2rem;
  }

  .wp-block-gallery {
    display: flex !important;
    flex-direction: column !important;
    gap: 3rem !important;
    padding: 4rem 1rem 4rem 1rem !important;
    margin: 0 !important;
  }

  .wp-block-gallery.metiers-gallery figure:nth-child(1) figcaption {
    max-width: clamp(30%, 20em, 50%) !important;
  }

  .wp-block-gallery.metiers-gallery figure:nth-child(2) figcaption {
    max-width: clamp(30%, 20em, 35%) !important;
  }

  .wp-block-gallery.metiers-gallery figure:nth-child(3) figcaption {
    max-width: clamp(30%, 20em, 70%) !important;
  }

  .wp-block-group {
    text-align: center;
  }



  .order-1 {
    order: 1;
  }

  .order-2 {
    order: 2;
  }

  .order-3 {
    order: 3;
  }

  hr.wp-block-separator {
    max-width: 3rem !important;
  }

  /*position: absolute;
  top: -35px;
  right: -85px;
  max-width: 4.75em;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}*/

  .a-propos-first {
    display: flex;
    flex-direction: column;
  }

  .a-propos-first figure {
    order: 2 !important;
  }

  .a-propos-first .caption {
    order: 1 !important;
  }

  .a-propos-first .caption p {
    margin-block-start: 0 !important;
    margin-block-end: 1.25rem !important;
  }

  .ml-0 {
    margin-left: auto;
  }


  .wp-block-gallery .blocks-gallery-item,
  .wp-block-gallery .wp-block-image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
  }

  .wp-block-gallery .blocks-gallery-item figure,
  .wp-block-gallery .wp-block-image figure {
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
  }

  .wp-block-gallery img {
    width: 85% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    align-self: center;
  }

  figure.realisations-goutte {
    max-width: 10vw;

  }

  .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
  }



  /*BOOKING FORM*/
  .bookly-css-root .bookly\:max-w-lg {
    max-width: 100% !important;
  }

  .bookly-css-root .bookly\:min-w-\[200px\] {
    min-width: 200px !important;
    width: 100% !important;
  }


  .bookly-time-step {

    width: 100% !important;
    text-align: center;
  }

  /* CATALOGUE*/
  #CATALOGUES .has-custom-noir-border-color {
    border-width: 0 !important;
  }

  .instagram-gallery-item__media-wrap {
    border-radius: 0 !important;
  }

  #instagram-gallery-feed-qligg-0 {
    --qligg-columns: 4 !important;
    --qligg-spacing: 1px !important;
  }

  #instagram-gallery-feed-qligg-0 .instagram-gallery-item:nth-child(5) {
    display: none !important;
  }

  footer .is-content-justification-space-between {
    justify-content: center;
  }
}