@charset "UTF-8";
/*
Theme Name: Soins et Délices Boutique
Description: Soins et Délices - Custom theme
Version: 1.0.0
Author: m'enfin
Author URI: https://www.menfin.be
Requires at least: 6.9.1
Tested up to: 6.9.1
Requires PHP: 8.3
Text Domain: soinsetdelices
*/
:root {
  --color-teal: #18454b;
  --color-white: #ffffff;
}

@media (max-width: 1200px) {
  .wp-block-columns.custom-break-points:not(.is-not-stacked-on-mobile) {
    --columns: 4;
  }
  .wp-block-columns.custom-break-points:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: calc(100% / var(--columns) - var(--wp--style--block-gap) + var(--wp--style--block-gap) / var(--columns)) !important;
    flex-grow: 1;
  }
}
/* change width of column when screen is 781px and smaller */
@media (max-width: 781px) {
  .wp-block-columns.custom-break-points:not(.is-not-stacked-on-mobile) {
    --columns: 2;
  }
  .wp-block-columns.custom-break-points:not(.is-not-stacked-on-mobile) > .wp-block-column {
    width: 40%;
    flex-grow: 1;
  }
}
/* change width of column when screen is 500px and smaller */
@media (max-width: 500px) {
  .wp-block-columns.custom-break-points:not(.is-not-stacked-on-mobile) {
    --columns: unset;
  }
  .wp-block-columns.custom-break-points:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
}
nav img.logo {
  width: 100px;
}

footer .socials img {
  width: 24px;
}

body {
  overflow-x: hidden;
  min-height: 100%;
  background-color: var(--color-teal);
  color: var(--color-white);
}

.bg-extend {
  position: relative;
  padding: 90px 0;
  margin-bottom: 28px;
  border-radius: 0;
}
.bg-extend::after, .bg-extend::before {
  content: " ";
  width: 800px;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.bg-extend::after {
  right: -800px;
}
.bg-extend::before {
  left: -800px;
}
@media screen and (max-width: 991px) {
  .bg-extend {
    padding: 50px 0;
  }
}
@media screen and (max-width: 580px) {
  .bg-extend::after, .bg-extend::before {
    width: 24px;
  }
  .bg-extend::after {
    right: -24px;
  }
  .bg-extend::before {
    left: -24px;
  }
}

/*# sourceMappingURL=style.css.map */