/** Shopify CDN: Minification failed

Line 325:36 Expected ":"
Line 325:47 Expected ":"
Line 327:22 Expected ":"
Line 327:23 Expected identifier but found "0px"

**/
/* ---------------------------------------------------- *\
      Custom css  interactive_map_leaflet.liquid
\* ---------------------------------------------------- */


.stores_page .row{
  max-width:100%;
}
.stores_page .blog-post-detail{
  max-width:100%;
}


 /* Layout */
#store-locator-section{
  width:100%;
  display: grid;
  grid-template-columns: 3fr 1.3fr;
}

#container-store-cards{
  display: flex;
  gap: 10px;
  flex-direction:column;
  align-items:center;
  overflow: auto;
  height: 45vh;
  padding: 10px;
  box-sizing: border-box;
}

.store-section {
  display: flex;
  flex-direction:column;
  align-items:center;
  padding:0px;
  height: 100%;
  box-sizing: border-box;
}

.container_title_page h1 {
  margin:30px 0;
} 

.container_title_page h4 {
    font-weight:lighter;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: calc(1 + .5 / var(--font-body-scale));
    color:#020912BF;
}

#no-results{
  padding:20px 0;
}

.store-card {
  display: flex;
  flex-direction:column;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  height:auto;
}
.store-card:hover {
  border: solid 1px #D39F72;
  box-shadow: 9px -21px 150px -52px rgba(0,0,0,0.3);
  -webkit-box-shadow: 9px -21px 150px -52px rgba(0,0,0,0.3);
  -moz-box-shadow: 9px -21px 150px -52px rgba(0,0,0,0.3);
}
.store-card h3 {
  font-size: 20px;
  margin: 5px 0;
  text-transform: uppercase;
}
.store-card .btn-map {
  font-size: 12px;
  display: inherit;
  align-items: center;
  justify-content: right;
  margin: 10px 0 0 auto;
  cursor: pointer;
  line-height: 38px;
  width: fit-content;
}
 .store-card a {
   text-decoration: none;
   color: #D39F72;
   font-size: bold;
}

.container-title-btn {
  z-index: 1;
  width:100%;
}

/* Added to show down arrow in the store info container */
.gm-style-iw-tc:empty{
  display:block;
}

#filter-input {
  display: inline-block;
  width: 70%; /* Ajustez la largeur selon vos besoins */
  height: 56px; /* Ajustez la hauteur selon vos besoins */
  padding: 0 10px; /* Ajoutez un espacement intérieur */
  border: 2px solid #020912; /* Ajoutez une bordure */
  border-radius: 0; /* Enlevez la bordure arrondie */
  outline: none; /* Supprimez l'effet de focus */
  box-sizing: border-box; 
  font-size: 14px;
  color: #212121;
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin:0;
}

#filter-input::placeholder {
  color: #C5BEBE; /* Couleur du texte de l'indicateur de saisie */
}

#filter-input:focus {
  border-color: #C5BEBE; /* Couleur de la bordure lorsqu'il est en focus */
  box-shadow: none;
}

#filter-button {
  display: inline-block;
  width: 40%;
  height: 56px; 
  border: none;
  background-color: #020912; 
  color: #fff;
  cursor: pointer;
}

.search-bar {
  width: 100%; 
  display:flex;
}

  
/* map style */
#map {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1 !important;
}

/*# sourceMappingURL=/cdn/shop/t/22/assets/leaflet.css.map?v=117232049188851311801687945054 */
#store-locator-section{ gap: 55px; margin-top:3rem; padding: 0px 20px 28px;}
.container-title-btn{ margin:0px 0px;}
.container-title-btn h2{ color: #212121; font-size: 30px; font-weight: 400; margin: 0px; padding: 0px; line-height: normal; text-transform: uppercase; }
.container-title-btn h2 span{font-family: none;}
.container-title-btn h4{ color: #151515; font-size: 18px; font-weight: 400; line-height: 24px; margin: 25px 0px 0px 0px;}
.container-title-btn > span{ margin: 40px 0px 15px; padding: 0px 0px; display:inline-block; color: #151515; font-size: 14px; font-weight: 400; line-height: 20px;}
.searchbar_locationicon{display:flex; gap:12px; justify-content:space-between; align-items:center;}
.searchbar_locationicon span{font-size:12px; color:#151515; font-weight:400;}
.search-bar #filter-button{ border: 2px solid #000; background: #000; color: #FFFDFD; font-size: 14px; font-weight: 400; line-height: 100%; text-transform: uppercase; margin: 0px 0px; padding: 0px 5px; text-align:center; letter-spacing: 0.5px;}
.searchbar_locationicon .location_icon{background:#000000; display:inline-flex; align-items:center; justify-content:center; height:56px; width:56px; padding:0 10px;}
.searchbar_locationicon .location_icon img{max-width:35px; max-height:30px;}

#container-store-cards .pagination{background:#fff; position:sticky; bottom:0; width:100%; padding:12px 0; min-height:55px; border-top:1px solid #D6D6D6;}
#container-store-cards .pagination .page-numbers span{margin:0px 3px;}
#container-store-cards .pagination .row{margin:0px;}

#container-store-cards{ padding:0px;}
#container-storelist{ width: 100%; border: 1px solid #D6D6D6; height: auto; margin: 24px 0px 0px 0px; padding: 0px;}
.store-card{ padding:20px; background:#ffffff;}
.store-card h3{ color: #000; font-size: 18px; font-weight: 500; line-height: 26px; text-transform: uppercase; margin: 0px; padding: 0px;}
.store-card span{ display:block; color: #151515; font-size: 14px; font-weight: 400; line-height: 22px; text-transform: uppercase; margin: 0px; padding: 0px;}
.store-card a{color: #151515; text-align: center; font-size: 12px; font-weight: 500; text-transform:none; line-height: 21px; border-radius:0px; border: 1px solid #151515; padding: 6px; margin: -40px 0px 0px 0px; text-decoration: none; }
.store-card:hover{ box-shadow:none; border:none;}
.store-card a:hover{ text-decoration-thickness:0px !important;}
::-webkit-scrollbar-thumb:hover{ background:none;}

.gm-style-iw-tc::after {
  background: #fff;
  -webkit-clip-path: polygon(0 0,50% 100%,100% 0);
  clip-path: polygon(0 0,50% 100%,100% 0);
  content: "";
  height: 12px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 25px;
}


@media screen and (max-width: 1900px){
  #container-store-cards{
    height:40.5vh;
  }
}

@media screen and (max-width: 1440px){
  #store-locator-section{padding:0 20px 28px;}
}


@media screen and (max-width: 1200px){
  .store-card{width:368px; padding:15px;}
  #store-locator-section{gap:30px;}
  #container-store-cards{height:43vh;}
}


@media screen and (min-width: 1025px) and (max-width: 1440px){
  #filter-input{width:62%;}
  #filter-button{width:38%;}  
}




@media screen and (max-width: 1024px) {
   #store-locator-section{ display:inline-block; margin-top: 3rem; padding: 0 22px 28px;}
   #store-section{grid-row-start: 2; grid-row-end: 3;}
   .container-title-btn h2{font-size: 26px; margin: 20px 0px 0px 0px !important; }
   #filter-button{padding:15px;}
   .store-card{ width:100%; margin:0px 0px 10px 0px;}
   .store-card h3{ font-size:16px; line-height:22px;}
   .store-card span{ font-size:15px;}
}


/* Responsive Tablette */
@media screen and (min-width: 750px) and (max-width: 1024px) {
  /* Layout */
  #store-locator-section {
  display: grid;
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr 1fr; 
  height: 130vh; 
  width: 100%;
  margin-bottom:70px;
  }

  #map {
    grid-row-start: 1; 
    grid-row-end: 2; 
    height:45vh;
  }

  #store-section {
    grid-row-start: 2; 
    grid-row-end: 3; 
    
  }
  #container-storelist {
    width:100%;
  }
  #container-store-cards {
    height: 48vh;
  }
}

/* Responsive Smartphone */
@media screen and (max-width: 749px) {
  
  /* Layout */
  #store-locator-section {
  display: grid;
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr 1fr; 
  height: 135vh; 
  width: 100%; 
  margin-bottom:70px;
  margin-top:1rem;
  }

  #map {
    grid-row-start: 1; 
    grid-row-end: 2; 
    height:45vh;
  }

  #store-section {
    grid-row-start: 2; 
    grid-row-end: 3; 
    padding:0;
    height:100vh;
    
  }
  #container-store-cards {
    height: 51vh;
  }
  .search-bar #filter-button{
    font-size:13px;
    padding:0 10px;
  }
  #filter-input{
    font-size:13px;
  }
  .container-title-btn h2{
    font-size:24px;
  }
  .container-title-btn > h4{
    font-size:16px;
    line-height:24px;
  }
  .store-card .btn-map{
    margin:40px auto 0 0;
  }
  #store-locator-section{
    padding:0 5px 25px;
  }
}


@media screen and (max-width: 480px) {
  #store-locator-section{margin-bottom:0px;}
  #container-store-cards{height:42vh;}
  .store-card{width:88vw; box-sizing;border-box;}
  .store-card{height:auto; margin:0; padding:15px;}
  .store-card a{margin;0px 0 -7px;}
  #filter-input{width:62%;}
}


@media screen and (max-width: 425px) {
  html:lang(fr) #store-locator-section{
    height:151vh;
  }
  #store-locator-section{height:135vh;}
  #container-store-cards{height:29vh;}
  html:lang(fr) #container-store-cards{height:50.5vh;}
  .searchbar_locationicon{flex-wrap:wrap; flex-direction:column;}
}

/* geo location popup */
.location_icon {
 width: 50%;
 margin: 0 auto;
 background: rgba(53, 52, 52, 0.2);
 padding: 50px;
 border: 2px solid #fff;
 background-clip: padding-box;
 text-align: center;
}

.button {
 font-size: 1em;
 padding: 10px;
 color: #fff;
 border: none;
 border-radius: 0px;
 text-decoration: none;
 cursor: pointer;
 transition: all 0.3s ease-out;
  background:none;
}
.button:hover {
 background: #000000;
}
.button:before{ background:none;}
.overlay {
 position: fixed;
 top: 150px;
 bottom: 0;
 left: 0;
 right: 0;
 background: rgba(0, 0, 0, 0.7);
 transition: opacity 500ms;
 visibility: hidden;
 opacity: 0;
  z-index:6;
}
.overlay:target {
 visibility: visible;
 opacity: 1;
}

.popup {
 margin: 70px auto;
 padding: 20px;
 background: #fff;
 border-radius: 5px;
 width: 30%;
 position: relative;
 transition: all 5s ease-in-out;
}

.popup h2 {
 margin-top: 0;
 color: #333;
 font-family: "Century Gothic", sans-serif;
 font-size:18px;
}
.popup .close {
 position: absolute;
 top: 20px;
 right: 30px;
 transition: all 200ms;
 font-size: 30px;
 font-weight: bold;
 text-decoration: none;
 color: #333;
}
.popup .close:hover {
 color: #000000;
}
.popup .content {
 max-height: 30%;
 overflow: auto;
}
.popup .content ul{ text-align:right; margin:20px 0px;}
.popup .content ul li{ list-style:none; display:contents; }
.popup .content ul li a{ background:#000000; padding:15px 25px; border-radius:200px; color:#ffffff; margin:0px 5px;}
.gm-ui-hover-effect:focus-visible, .gm-ui-hover-effect:focus{border:none !important;}

@media screen and (max-width: 700px){
 .location_icon{
 width: 70%;
 }
 .popup{
 width: 70%;
 }
}
/* geo location popup */

.gm-style .gm-style-iw-chr .gm-style-iw-ch{width:1px; height:1px; padding:0 !important;}
.gm-style .gm-style-iw-chr button{margin-top:-25px !important; top:15px; right:-5px; outline:none;}

.search_map #pac-input {width: calc(100% - 381px);height: 36px;line-height: 36px;border: 1px solid #f1f1f1;transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1);cursor: pointer;box-shadow: none;font-size: 12px;background: #f1f1f1;text-transform: none;text-align: left;font-weight: normal;letter-spacing: 0;color: #333;left: 20px!important;top: 20px!important;right: -20px!important;background-image: url(https://cdn.shopify.com/s/files/1/0831/9205/4080/files/searchicon.png?v=1707112060);background-position: 8px 7px;background-repeat: no-repeat;padding: 5px 16px 5px 40px;border-color: #f1f1f1; margin:0;}
.search_map #pac-input:focus-visible{border:0; outline:none;}
.search_map #pac-input::placeholder { color: #333; opacity: 1;}
.store-search__sep {width: 30px;padding: 0 0.4rem;}
.search_map button {width: 350px;height: 36px;line-height: 36px;border: solid 1px #000;color: #ffffff;background: #000;border-color: #000;font-size: 12px; position:relative;}
.search_map button span:first-child{position:relative; top:5px;}
.search_map button span:last-child{position:relative; top:-2px;}
.store-button img {margin-right:5px;}
.search_map {width:98%; padding:10px; margin:1%; display:none; background:#ffffff; align-items:center; justify-content: center;}

@media (max-width: 767px){
.search_map button,  .search_map #pac-input[type="text"] {width: 100%;}
.search_map #pac-input{width:calc(100% - 40px);}
.search_map button{font-size:0px; width:40px;}
.store-button img{margin-right:0;}
.store-search__sep{padding: 0.5rem; display: flex; justify-content: center; width:auto;}
}

@media (max-width: 425px){
.search_map{margin:0%; padding:10px 0; width:100%;}
.search_map #pac-input{padding:5px 10px 5px 35px; border:none;}
}