@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/sf-pro-display-regular.otf');
    src: local("?"), url('../fonts/sf-pro-display-regular.woff2') format("woff2") , url('../fonts/sf-pro-display-regular.woff') format("woff"), url('../fonts/sf-pro-display-regular.ttf') format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/sf-pro-display-medium.otf');
    src: local("?"), url('../fonts/sf-pro-display-medium.woff2') format("woff2") , url('../fonts/sf-pro-display-medium.woff') format("woff"), url('../fonts/sf-pro-display-medium.ttf') format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/sf-pro-display-bold.otf');
    src: local("?"), url('../fonts/sf-pro-display-bold.woff2') format("woff2") , url('../fonts/sf-pro-display-bold.woff') format("woff"), url('../fonts/sf-pro-display-bold.ttf') format("truetype");
    font-weight: bold;
    font-style: normal;
}

:root {
  --default-color: #323E46;
  --link-default-color: #ef4050;
  --color-active-link: #ef4050;
  --color-beige: #F8F4EC;
  --color-white: #ffffff;
  --color-black: #323E46;
  --color-trueblack: #000000;

  --color-red: #ef4050;
  --color-blue: #3c5f77;
  --color-blue-dark: #2c485a;
  --color-green: #39b54a;
  --color-orange: #f99d1c;
  --color-gray: #5C666C;
  --color-gray-light: rgba(0,0,0,.14);
  --color-gray-extralight:#f6f6f6;
  --color-blue-gray:#b9c3c8;
  --border-gray: #707070;

  --title-color: var(--color-black);
  --body-top-padding: 0;
  --body-top-padding-frontpage: 0;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280,0,0,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-icon-bg-collapsed: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/></svg>');
  --jui-dialog-z-index: 10000;
}

/* Inter:wght@300;400;600;700;900 */

html {
  scroll-behavior: smooth;
}
body {
  scroll-behavior: smooth;
  color: var(--default-color);
  font-family: 'SF Pro Display', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  /* letter-spacing: .02em; */
  text-rendering: optimizeLegibility;
  margin: 0;
  padding: var(--body-top-padding) 0 0 0;
  word-wrap: normal;
  background-color: var(--color-white);
  position: relative;
  /*background-image:
    linear-gradient(
      rgba(244,246,252,1),
	  rgba(252,254,255,1)
    );
	background-size: 100% 400px;
	background-repeat: no-repeat;*/
}
body.path-frontpage {
  padding: var(--body-top-padding-frontpage) 0 0 0;
}
@media (max-width: 767px) {
  :root {
    --body-top-padding: 160px;
  }
  body {
    background-color: var(--color-blue);
  }
}
/* body:not(.path-frontpage) .header-color {
  padding: var(--body-top-padding) 0 0 0;
} */

a, a.no-decoration:hover, a.no-decoration:focus, a.no-decoration:active {
  text-decoration: none;
}
p a {
  /* text-decoration: underline; */
}
a:hover,
a:focus {
  /* text-decoration: underline; */
}
a.disabled-link {
/*   pointer-events: none;  */
  cursor: not-allowed;
}

.text-align-justify {
  text-align: unset!important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.font-title {
  font-family: 'SF Pro Display', sans-serif;
  line-height: 99%;
  /* color: var(--title-color); */
  font-weight: 500;
}
h1, .h1, h2, .h2 {
  /* letter-spacing: -2px; */
}
/* h1, .h1 { font-size: 3rem; }
h2, .h2 { font-size: 2.7rem; }
h3, .h3 { font-size: 2.3rem; }
h4, .h4 { font-size: 2.2rem; }
h5, .h5 { font-size: 2.1rem; }
h6, .h6 { font-size: 2rem; } */
@media (min-width: 550px) and (max-width: 1399px) {
.sidebar-right h2, .sidebar-right .h2 { font-size: 2rem; }
.sidebar-right h3, .sidebar-right .h3 { font-size: 1.5rem; }
.sidebar-right h4, .sidebar-right .h4 { font-size: 1.4rem; }
.sidebar-right h5, .sidebar-right .h5 { font-size: 1.25rem; }
.sidebar-right h6, .sidebar-right .h6 { font-size: 1rem; }
}
@media (max-width: 767px) {
  h1, .h1 { font-size: 2rem; }
  h2, .h2 { font-size: 2rem; }
  h3, .h3 { font-size: 1.8rem; }
  h4, .h4 { font-size: 1.6rem; }
  h5, .h5 { font-size: 1.4rem; }
  h6, .h6 { font-size: 1.2rem; }
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
  padding: 0;
}
.light {
  font-weight: 400;
  font-size: 90%;
}
.black {
  font-weight: 800;
}
blockquote {
  font-style: italic;
  padding-left: 30px;
  margin-left: 30px;
  border-left: solid 2px var(--color-black);
}
.modal-backdrop {
  z-index: 498;
}
ul {
  list-style-type: square;
}
dt {
    /* font-weight: 300; */
}
ul.d-flex, ul.row {
  list-style: none;
}

/* LOGO */
.navbar-brand img {
  width: 130px!important;
  height: 80px!important;
  margin: 0;
  transition: all 0.25s ease-in-out;
}
body.scrolled .navbar-brand img {
  width: 130px!important;
  height: 80px!important;
}
.menu-logo {
  width: 165px;
  height: 165px;
  border-radius: 100px;
  background-color: #FFF;
  border-top-left-radius: 0;
}
.menu-logo {
  width: 175px;
  height: 175px;
  border-radius: 100px;
  background-color: #FFF;
  border-top-left-radius: 0;
  border: solid 10px var(--color-gray-extralight);
  padding: 0 !important;
  /* margin: -10px 0 0 -10px; */
}
.menu-logo .navbar-brand {
  margin: 0;
  padding: 0;
}
.navbar-brand .site-logo {
  margin-top: -12px;
}
@media (max-width: 767px) {
  .navbar-brand img {
    width: 135px !important;
    height: 79px !important;
  }
  body.scrolled .navbar-brand img {
    width: 65px !important;
    height: 38px !important;
  }
  .menu-logo {
    position: absolute!important;
    width: 100%;
    height: auto;
    border-radius: 5px;
    background-color: #FFF;
    padding: 10px!important;
    border: 0;
  }
  .navbar-brand .site-logo {
    margin-top: 0;
  }
}
/* LOGO */

.scrollable {
  overflow: auto;
  max-height: 100%;
}

/* @group ALERTS */
.alert-dismissible {
  width: 40vw;
  position: fixed;
  top: 100px;
  right: 30px;
  z-index: 1000;
  max-width: 85%;
  padding-right: 3rem;
}
.alert-success {
  color: #fff;
  background-color: var(--color-black);
  border-color: var(--color-black);
}
.alert-success .btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
/* @end */

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*="col-"],
.row.display-flex .framed {
  flex-grow: 1;
}
.row.display-flex .framed {
  display: flex;
  flex-wrap: wrap;
}
.framed .inner-col,
p.framed,
.col-framed {
  /*   background: #FFFFFF;
  box-shadow: 0 8px 32px 0 rgba(2,22,110,0.08); */
  /* padding: 20px !important; */
  border: 1px solid var(--color-blue);
  transition: all 0.25s ease-in-out;
  border-radius: 10px;
}
/* @media (min-width: 768px) {
.framed:hover .inner-col,
p.framed:hover,
.col-framed:hover {
  box-shadow: none;
  border-color: transparent;
  transform: scale(1.18);
  box-shadow: 0px 17px 35px 0px rgba(76, 70, 124, 0.23);
}
} */
@media (max-width: 767px) {
  .has-videos .framed .inner-col {
    padding: 10px!important;
  }
}
.framed .inner-col,
p.framed {
  width: 100%;
}
.framed:nth-of-type(odd) .inner-col {
  /* border-bottom-right-radius: 7px; */
}
.framed:nth-of-type(even) .inner-col {
  /* border-bottom-left-radius: 7px; */
}

.shadowed {
  /*
  box-shadow: 12px 12px 0px 0px #00000033;
  -webkit-box-shadow: 12px 12px 0px 0px #00000033;
  -moz-box-shadow: 12px 12px 0px 0px #00000033;
  */
  box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
}
.shadowed-blured {
  box-shadow: 12px 12px 0px 0px #00000033;
  -webkit-box-shadow: 12px 12px 0px 0px #00000033;
  -moz-box-shadow: 12px 12px 0px 0px #00000033;
}

.highlight-beige > a {
  background-color: var(--color-beige);
  padding: 20px 30px;
  transition: background-color 300ms;
}
.highlight-beige:hover > a {
  background-color: var(--color-black);
  color: var(--color-white);
}
.highlight-blue > a {
  background-color: var(--color-blue);
  padding: 20px 30px;
  transition: background-color 300ms;
  color: var(--color-white);
}
.highlight-blue.dark > a {
  background-color: var(--color-blue-dark);
}
.highlight-blue:hover > a {
  background-color: var(--color-black);
  color: var(--color-white);
}

.vertical-align-middle > span, .vertical-align-middle > div, .vertical-align-middle {
  vertical-align: middle;
}
@media (min-width: 768px) {
  .row.no-gutters.gx-5 {
    margin: 0 -1.5rem;
  }
}

#offcanvasContent, #offcanvasMap {
  width: min(60vw, 1000px);
}
@media (max-width: 767px) {
  #offcanvasContent, #offcanvasMap {
    width: 95vw;
  }
}
.offcanvas-body {
  padding: 60px;
}
.btn-close, .ui-dialog .ui-dialog-titlebar-close {
  width: 30px;
  height: 30px;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity: 1;
}

.ge-sub-menu {
  /* display: none;
  position: absolute!important;
  width: 100%!important;
  top: 60px!important;
  left: 0!important;
  background-color: var(--color-gray-light);
  box-shadow: 0 18px 22px 0 rgba(2,22,110,0.08);
  border: none !important;
  border-radius: 0!important;
  padding: 0 0 30px 0!important;
  margin: 0 !important; */
}
body.scrolled .ge-sub-menu, header > nav.open .ge-sub-menu {
  top: 40px!important;
}

/* OTHER */
.block-page-title-block .header-text-image {
  /* height: calc(100vh - var(--body-top-padding)); */
  /* height: calc(100vh - 200px); */
  /* background-position: right bottom;
  background-size: 45vw auto;
  background-repeat: no-repeat; */
}
@media (max-width: 767px) {
  .block-page-title-block .header-text-image {
    background-image: none!important;
  }
}
ul.with-separators {

}
ul.with-separators > li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: solid 1px var(--border-gray);
}
ul.with-separators > li:last-child {
  padding-bottom: 0;
  margin-bottom: 15px;
  border-bottom: none;
}

ul.social-icons {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.social-icons li {
  display: block;
  float: left;
}
ul.social-icons li a {
  display: block;
  width: 70px;
  height: 70px;
  line-height: 68px;
  text-align: center;
  font-size: 30px;
  border: solid 1px var(--color-trueblack);
  margin-right: -1px;
  color: var(--color-trueblack);
}
ul.social-icons li a:hover, ul.social-icons li a:focus {
  background-color: var(--color-trueblack);
  color: var(--color-white);
}

.ckeditor-accordion-container > dl {
  border: none;
  margin: 0;
}
.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
  display: block;
  padding: 0 50px 0 0;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  border-bottom: none;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle:after {
  background: var(--border-gray);
  height: 1px;
}
.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle {
  left: calc(100% - 15px - 10px);
}
.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
    background-color: transparent;
    color: inherit;
}
.ckeditor-accordion-container dd {
  display: none;
}
.ckeditor-accordion-container > dl:before, .ckeditor-accordion-container > dl:after {
    content: " ";
    display: none;
}

.img-slip-behind .col-img .img-fluid {
  margin: -50px 0 0 -100px;
  z-index: -1;
  position: relative;
  max-width: calc(100% + 100px);
}

.img-slip-behind .row:has( .text-over) {
  position: relative;
}
.img-slip-behind .col-12:has( .text-over) {
  z-index: 10;
}

.col-text {
  z-index: 10;
}
/* OTHER */

@media (min-width: 768px) {
.reveal{
  position: relative;
  opacity: 0;
  transition: 1s all ease;
}
.reveal.reveal-initialposition-left {
  transform: translateX(-75px);
}
.reveal.reveal-initialposition-right {
  transform: translateX(75px);
}
.reveal.reveal-initialposition-above {
  transform: translateY(-75px);
}
.reveal.reveal-initialposition-lower {
  transform: translateY(75px);
}
.reveal.active{
  transform: translateY(0) translateX(0);
  opacity: 1;
}
}

@media (max-width: 767px) {

  .block-page-title-block .header-text-image {
    height: auto;
  }
  .offcanvas-body {
    padding: 30px;
  }

}


.fp-container {
  width: 670px;
  max-width: 95%;
  margin: 0 auto;
  position: relative;
}
.img-fp-bigroll {
  position: absolute;
  top: -80px;
  left: -210px;
  width: 790px;
  max-width: 95%;
}
.img-fp-bigroll.alt-2 {
  top: -40px;
  left: -210px;
  width: 490px;
}
.fp-pix-title {
  position: relative;
}
.fp-pix-title h1 {
  position: absolute;
  top: 50%;
  left: 40px;
  color: #fff;
  text-transform: uppercase;
  font-size: 180px;
  line-height: 0.7;
  /* letter-spacing: -10px; */
  /* filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.5)); */
  filter: drop-shadow(0px 0px 25px rgba(0, 0, 0, 0.25));
}
@media (max-width: 480px) {
 .fp-container {
   width: 80%;
   max-width: 80%;
   margin: 0 auto;
 }
 .img-fp-bigroll {
   position: absolute;
   top: -40px;
   left: -40px;
   width: 95%;
   max-width: 95%;
 }
 .img-fp-bigroll.alt-2 {
     position: absolute;
     top: 50px;
     left: -50px;
     width: 75%;
     max-width: 75%;
   }
 .fp-pix-title h1 {
   font-size: 80px;
   left: 10px;
   /* letter-spacing: -5px; */
 }
}

.icon-cercles {
  position: relative;
}
.icon-cercle-plus, .icon-cercle-equal {
  position: absolute;
  top: 45%;
  right: -13px;
}
.icon-cercle-equal {
  right: -1.4rem;
  font-size: 35px;
  line-height: 30px;
}
.icon-cercle {
  text-align: center;
  border-radius: 200px;
  background-color: var(--color-gray-extralight);
  transition: 0.250s all ease;
}
.pgsection.bg-color-gray-extralight .icon-cercle {
  background-color: var(--color-white);
}
.icon-cercle:hover {
  box-shadow: 0px 0px 0px 8px var(--color-trueblack);
}
.icon-cercle img {
  height: 95px;
  width: auto;
}
.icon-cercle span {
  font-size: 21px;
}
@media (max-width: 480px) {
  .icon-cercle span {
    font-size: 15px;
  }
}


/* HIDE VIEWS BLOCK TITLE */
.viewsreference--view-title { display: none; }

.wheel-bg, .special-rounded .framed .inner-col {
  background-image: url(/sites/drpetit/themes/custom/drpetitalt/images/WheelColor.svg);
  background-repeat: no-repeat;
  background-size: 70%;
}
.wheel-bg.top-right, .special-rounded .framed.col-left .inner-col, .special-rounded .framed:nth-child(odd) .inner-col {
  background-position: 170% -70%;
}
.wheel-bg.bottom-right, .special-rounded .framed.col-right .inner-col, .special-rounded .framed:nth-child(even) .inner-col {
  background-position: 160% 160%;
}
.special-rounded.not-last .framed:last-of-type .inner-col {
  background-image: none;
}
.wheel-bg.fr-flag {
  background-image: url(/sites/drpetit/themes/custom/drpetitalt/images/WheelColorBorderFR.svg);
  background-position: 180% 30%;
}
.special-rounded > .container { padding: 0 !important; }

.filter-bw img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: all 0.3s;
}
.filter-bw:hover img {
  -webkit-filter: none;
  filter: none;
}

.media--type-remote-video img {
  border-radius: 1rem;
}

dl > dt {
  margin-bottom: .75rem !important;
}
dd.active {
  margin-bottom: 2rem !important;
}

.linear-slider {
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  display: flex;
  overflow-x: scroll;
  flex-wrap: unset;
  scrollbar-color: #EF4141 #f1f1f1;
  scrollbar-width: 2px;
}
.linear-slider > div {
  /* flex: 0 0 70vw;
  width: auto !important; */
  float: none;
  padding: 0 10px;
  scroll-snap-align: start;
}
.linear-slider.slider-slides-narrow > div {
  flex: 0 0 60vw;
}
.linear-slider::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background: #f1f1f1;
}

.linear-slider::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.linear-slider::-webkit-scrollbar-thumb {
    background: #EF4141;
}

.linear-slider::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* -moz-scrollbar-arrow-color {
    display: none;
}

-moz-scrollbar-face-color {
    background: #EF4141;
}

-moz-scrollbar-track-color {
    background: #555;
} */

.view-header.sticky-top {
  top: 60px;
}

.main-header {
  background-image: url(/sites/drpetit/themes/custom/drpetitalt/images/DrFrancoisPetit.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.main-header-mobile {
  background-image: url(/sites/drpetit/themes/custom/drpetitalt/images/DrFrancoisPetit_916_1080.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}
.main-header .navbar-nav, .offcanvas-body .navbar-nav {
  flex-direction: column !important;
}
.main-header .nav-item .nav-link {
  margin-bottom: 1rem;
}
.main-header .nav-item .nav-link::before {
  content: '— ';
  display: inline-block;
  margin-right: 1rem;
}
.main-header .navbar-nav .ask-q {
  margin-top: 1.5rem !important;
}
.sticky-top .menu--main .navbar-nav {
  align-items: center !important;
}
.sticky-top .menu--main .ask-q {
  padding-left: 1rem;
}
.sticky-menu {
  display: none;
}
@media (min-width: 768px) {
  .scrolled .sticky-menu, body:not(.path-frontpage) .sticky-menu {
    display: block!important;
  }
}
/* .sticky-top .menu--main .ask-q .button {
  color: var(--color-black)!important;
  border-color: var(--color-black)!important;
} */

.open-menu {
  padding-top: 10px;
  text-align: right;
}
.open-menu a {
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
}

.language-switcher-language-url {}
.language-switcher-language-url ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.language-switcher-language-url li {
  display: inline-block;
  font-size: 0.8rem;
  margin-right: 0.5rem;
}
.language-switcher-language-url a {
  color: var(--color-white);
}

.view-actualite {}
.view-actualite .views-row > .views-field {
  height: 100%;
}
.article-body {
  /* background-color: var(--color-blue); */
}

.services-grid {

}
.services-grid p {
  margin: 0;
}
.services-grid.outlined p.highlight-blue > a {
  background-color: transparent;
  padding: 8px 30px;
  transition: background-color 300ms;
  color: var(--color-blue);
  /* border-radius: 4px; */
  border: solid 1px var(--color-blue);
}
.services-grid p > a {
  display: block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.services-grid p > a:hover {
  color: var(--color-white);
  text-decoration: none;
}
.services-grid .highlight-beige:hover a {
  color: var(--color-white);
}
@media (max-width: 480px) {
  .services-grid ul.row li {
    margin-bottom: 2px!important;
  }
  .highlight-beige > a {
    padding: 10px 20px;
    font-size: 1.2rem;
  }
}

.radios--wrapper[data-drupal-selector="edit-months"] .webform-options-display-buttons .webform-options-display-buttons-wrapper {
  min-width: 30%;
}
.img-slip-behind .col-img .img-fluid {
    margin: -50px 0 0 -100px;
    z-index: -1;
    position: relative;
    max-width:calc(100% + 100px)
}

.img-slip-behind .row:has(.text-over) {
    position:relative
}

.img-slip-behind .col-12:has(.text-over) {
    z-index:10
}

.col-text {
    z-index:10
}

.mobile-navbar {
  z-index: 10;
}
.mobile-navbar > .container {
  padding: 0;
}

#mobile-version-screens .border-white { --bs-white-rgb: 86, 115, 135; }

.bg-gradient-bluegray {
  /* background: rgb(218,229,237);
  background: linear-gradient(90deg, rgba(218,229,237,1) 0%, rgba(241,241,241,1) 100%); */
  background: rgb(232,240,245)!important;
  background: linear-gradient(90deg, rgba(232,240,245,1) 0%, rgba(251,251,251,1) 100%)!important;
  color: var(--color-black);
}
.bg-gradient-bluegray p {
  color: var(--color-black);
}

.main-vertical .hide-main-vertical, .sticky-menu .hide-horizontal { display: none; }

.carousel-item:not(.no-min-height) {
  min-height: 100vh;
  transition: all .2s ease-in-out!important;
}
.carousel-indicators .button[data-bs-target] {
  box-sizing: content-box;
  flex: content;
  width: fit-content;
  height: fit-content;
  padding: 0;
  margin-right: 0;
  margin-left: 0;
  text-indent: 0;
  cursor: pointer;
  background-color: transparent;
  background-clip: padding-box;
  border: solid 1px var(--color-blue-dark);
  /* border-top: 0;
  border-bottom: 0; */
  opacity: 1;
  transition: opacity 0.6s ease;
  color: var(--color-blue-dark)!important;
}
.carousel-indicators .button.active[data-bs-target] {
  /* border: solid 1px var(--color-black); */
  background-color: var(--color-blue-dark);
  color: var(--color-white)!important;
}

.rdv-item { position: relative; line-height: 1; }
.rdv-item img { margin-right: 1rem; }
.rdv-item em {
  top: calc(50% - 15px);
  position: absolute;
  right: 30px;
}

.webform-options-display-buttons label.webform-options-display-buttons-label {
  text-align: left!important;
}

/* CALENDAR */
[id^="appointment-wrapper"] {
  justify-content: flex-start;
  gap: 8vw;
}
[id^="appointment-wrapper"] {
  & [id^="slots-container"] {
    & .calendar-slot {
      padding: 5px 10px!important;
      border: solid 2px var(--color-blue)!important;
      text-align: center!important;
      display: inline-block!important;
      width: calc(33% - 21px)!important;
      margin: 0 5px 5px 0!important;
      background-color: var(--color-blue)!important;
      color: var(--color-white)!important;
      border-radius: 5px!important;
    }
  }
}
[id^="appointment-wrapper"] {
  & [id^="slots-container"] {
    display: flex;
    flex-direction: row!important;
    flex-wrap: wrap;
    max-height: none!important;
    gap: 5px;
    width: 95%;
    padding-top: 1rem;
    margin: 0 auto;
    justify-content: center !important;
  }
}
#calendar-container-booking {
  width: 95%;
  margin: 0 auto;
}
#slots-container-book .calendar-slot.selected {
  background-color: var(--color-white)!important;
  border: solid 2px var(--color-blue)!important;
  color: var(--color-black)!important;
}
#slots-container-book .calendar-slot.available:hover {
  background-color: var(--color-black)!important;
  border: solid 2px var(--color-black)!important;
  color: var(--color-white)!important;
}
#slots-container-book .calendar-slot.unavailable {
  background-color: var(--color-gray-light)!important;
  border: solid 2px var(--color-gray-light)!important;
  color: var(--color-gray)!important;
}
/* CALENDAR */

button.gm-ui-hover-effect {
  width: 38px!important;
  height: 18px!important;
}
.gm-style-mtc button {
  font-size: 13px!important;
  height: 30px!important;
  display: none!important;
}

.bg-color-blue .text-color-black h1 { color: var(--color-white); }

@media (max-width: 480px) {
  :root {
    --body-top-padding: 30px;
  }
  .w-mobile-100 {
    width: 100%!important;
  }
  .name-bg {
    margin: 0 -1.5rem -75px -0.75rem;
    min-width: calc(100% + 1.5rem);
  }
  .main-header {
    background-position: right;
  }
  .view-header.sticky-top {
    top: 0;
    position: relative!important;
  }
  .product-title h5, .product-title h4, .offcanvas h5 {
    font-size: 1.6rem;
  }
  .product-link {
    bottom: 1rem;
    left: 1rem;
  }
  .product-description {
    font-size: 14px !important;
  }
  .view-products .view-content > .row {
    margin: 0;
  }
  .mobile-slider {
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    display: flex;
    overflow-x: scroll;
    flex-wrap: unset;
  }
  .mobile-slider > div, .linear-slider > div {
    flex: 0 0 70vw;
    width: auto !important;
    float: none;
    padding: 0 10px;
    scroll-snap-align: start;
  }
  .mobile-slider.slider-slides-narrow > div {
    flex: 0 0 60vw;
  }
  .no-border-sm {
    border: none!important;
  }
  .offcanvas-header {
    --bs-offcanvas-padding-y: 1.5rem!important;
    --bs-offcanvas-padding-x: 1.5rem!important;
  }
  .offcanvas-header .btn-close, .offcanvas-header .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .offcanvas-header .ui-dialog-titlebar-close {
    --bs-offcanvas-padding-y: 1.5rem;
    --bs-offcanvas-padding-x: 1.5rem;
  }
  .btn-close, .ui-dialog .ui-dialog-titlebar-close, .offcanvas-header .btn-close {
    /* width: 85px!important;
    height: 85px!important; */
  }
  .alert-dismissible {
    width: 90vw;
    position: fixed;
    top: 100px;
    right: 30px;
    z-index: 1000;
    max-width: 90vw;
  }
  .alert-dismissible .btn-close {
    width: 25px;
    height: 25px;
    margin: 0;
  }
  .alert-success .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  }
}