/** Shopify CDN: Minification failed

Line 310:22 Expected ":"
Line 310:23 Expected identifier but found "0px"

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

 /* 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: 0px;
  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;
} 

.store-card {
  display: flex;
  flex-direction:column;
  border: solid 1px #f9f9f9;
  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: 22px;
  margin: 5px 0;
  text-transform: uppercase;
}
.store-card span {
  font-size: 16px;
  text-transform: uppercase;
}
.store-card .btn-map {
  font-size: 12px;
  display: inherit;
  align-items: center;
  justify-content: right;
  margin: 0px 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%;
}
.container-title-btn span {
  margin-bottom:0;
  letter-spacing: 1px;
  margin-bottom: 11px;
float: left;
}

body#stores .map-link { text-decoration: none;}
/* 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 #1C2E43; /* Ajoutez une bordure */
  border-radius: 0; /* Enlevez la bordure arrondie */
  outline: none; /* Supprimez l'effet de focus */
  box-sizing: border-box; 
  font-family: "acumin-variable",sans-serif;
  text-transform:uppercase;
}

#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: 30%;
  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 */
#map{ border-radius:10px;}
#store-locator-section{ gap: 55px; margin-top:3rem; padding: 0px 60px 28px;}
.container-title-btn{ margin:0px 0px;}
.search-bar #filter-button{ border-radius: 0px; border: 2px solid #1C2E43; background: #1C2E43; color: #FFFDFD; font-weight: 400; line-height: 100%;  text-transform: uppercase; margin: 0px 0px; padding: 0px 10px; text-align:center; letter-spacing: 0px;}
#container-storelist{ width: 100%; border: 1px solid #D6D6D6; height: auto; margin: 10px 0px 0px 0px; padding: 0px; display: inline-block !important;}
.store-card{ background-color: #1C2E43; width: 100%; padding: 12px; transition: opacity .3s;}
.store-card h3{ color: #fff; font-size: 20px; font-weight: 700; line-height: 28px; text-transform: uppercase; margin: 0px; padding: 0px;}
.store-card span{ display:block; color: #fff; font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: 0px; text-transform: capitalize; margin: 0px; padding: 0px;}
.store-card a{color: #ffffff; text-align: center; font-size: 10px; font-weight: 400; line-height: 16px; letter-spacing: 0.2px; text-transform: uppercase; border: 1px solid #ffffff; margin: -30px 0px 0px 0px; text-decoration: none; height: 30px;
line-height: 30px; padding: 0 15px; border-radius: 5px; }
.store-card:hover{ box-shadow:none; border:1px solid #f9f9f9;}
.store-card a:hover{ text-decoration-thickness:0px !important;}
::-webkit-scrollbar-thumb:hover{ background:none;}
.gm-style-mtc button { border-radius: 0px; }
.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;
}

.container-title-btn > h3{
  font-size: 35px;
  line-height: 42px;
}
.container-title-btn > h5{
  margin: 20px 0 15px;
  line-height: 30px;
  font-size: 24px;
}

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

@media screen and (max-width: 1440px){
  #store-locator-section{padding:0 20px 28px;}
  .container-title-btn h4{width:100%;}
}


@media screen and (max-width: 1200px){
  .container-title-btn h2{font-size:60px; line-height:90%;}
  .container-title-btn h4{font-size:18px; line-height:140%;}
  .store-card{width:368px; padding:15px;}
  #store-locator-section{gap:30px;}
  #container-store-cards{height:43vh; padding:15px;}
}


@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: 0rem; padding: 0 22px 28px;}
   #store-section{grid-row-start: 2; grid-row-end: 3;}
   .container-title-btn h2{font-size: 45px; margin: 20px 0px 0px 0px !important; }
   .container-title-btn h4{ font-size: 13px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px;}
   #container-store-cards{ padding:15px; }
   #filter-button{padding:15px;}
   .store-card{ width:100%; margin:0px 0px 10px 0px;}
   .store-card h3{ font-size: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: 125vh; 
  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: 49vh;
  }
}

/* Responsive Smartphone */
@media screen and (max-width: 749px) {
  /* Layout */
  #store-locator-section {
  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; 
    padding:0;
    height:100vh;
    
  }
  #container-store-cards {
    height: 49vh;
  }
  .search-bar #filter-button{
    font-size:14px;
    padding:0 10px;
  }
  #filter-input{
    font-size:14px;
  }

}


@media screen and (max-width: 480px) {
  #store-locator-section{margin-bottom:0px;}
  html:lang(fr) #store-locator-section{
    height:142vh;
  }
  #container-store-cards{padding:10px;height:42vh;}
  .store-card{width:100%}
  .store-card{height:auto; margin:0; padding:15px;}
  .store-card a{margin;0px 0 -7px;}
  #filter-input{width:62%;}
  #filter-button{width:38%;}
}


@media screen and (max-width: 410px) {
  #store-locator-section{height:135vh;}
  #container-store-cards{height:45vh;}
}