:root{
  --bs-scrollbar-size: 5px;
  --bs-scrollbar-color: #F4F4F4;
  --bs-scrollbar-hover-color: #efefef;
  --bs-scrollbar-overlay-size: 19px;
  --bs-scrollbar-overlay-space: 7px;
  --bs-breadcrumb-font-size:11px;
  --lc-card-color:#ced5d8;
  --lc-purple-color:#9467d8;
  --lc-pink-color:#c267ca;
  --lc-red-color:#c26786;
  --lc-orange-color:#c88b69;
  --lc-yellow-color:#d8d16e;
  --lc-green-color:#9edb6f;
  --lc-cyan-color:#93d9db;
  --lc-blue-color:#6a70d8; 
  --bs-base-font-weight: 300;
  --bs-base-font-size:15px;
  --swiper-theme-color:#242424;
}
:root,
[data-bs-theme="dark"],
[data-bs-theme="light"] {
  --bs-font-sans-serif: 'Raleway', Helvetica, "sans-serif";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  
  --bs-primary:#242424;
  --bs-primary-rgb:36,36,36;
  --swiper-theme-color: #242424;
  --bs-primary-bg-subtle: #e5f6f8;
  --bs-link-color:var(--bs-body-color);
  --bs-link-hover-color: #007885;
  --bs-link-hover-color-rgb: 0, 120, 133;
  --bs-link-color-rgb:0, 166, 185;
  --bs-dropdown-link-active-bg:var(--bs-primary);
  --bs-nav-pills-link-active-bg: var(--bs-primary);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-underline-link-active-color:var(--bs-primary);
  --bs-scrollbar-color: #f6f7f9;
  --lc-logo-secondary:#fff;
  --lc-logo-trans:rgba(0,176,195,.3)
}
[data-bs-theme="light"] {
color-scheme: light;
  --bs-tertiary-bg: #f6f7f9;
  --bs-tertiary-bg-rgb: 246,247,249;
  --lc-logo-secondary:#181c32;
  --swiper-theme-color:#242424;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: var(--bs-base-font-size) !important;
  font-weight: var(--bs-base-font-weight);
  font-family: var(--bs-font-sans-serif);
}
body {
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
}

[data-color="Paul Green"]{
  color:#0C583A!important;
}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none !important;
  color: var(--bs-primary) !important;
}
.text-green{
  color:var(--lc-green-color)!important;
}
.form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.form-control{
  padding: .41rem .75rem;
}
.form-select{
  /*border-color: var(--bs-primary);*/
}

.form-control:focus,
.form-check-input:focus,
.form-select:focus {
  box-shadow: 0 0 0.25rem .25rem rgba(158, 219, 111,.5);
  border-color: var(--bs-primary);
}
.form-floating>label{
  font-size: 85%;
}

.list-group-item+.list-group-item,
.list-group-flush>.list-group-item:first-child {
  padding-left:0;
  padding-right:0;
  background:transparent;
}

.btn-group-lg>.btn, .btn-lg {
  --bs-btn-padding-y: 0.7rem;
  --bs-btn-padding-x: 1.75rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 5rem;
}

.modal-content{
  border-radius: 0;
  border:0;
  box-shadow: 0 0 .5rem .5rem rgba(0, 0, 0, 0.125);
}
.product-stage{
  width:100vw;
  height:100vh;
  overflow-y:auto;
}
.product-container {
  width:16vw;
  height:auto;
  padding:1rem;
}
.product-card{
  position:relative;
  display:flex;
  flex-direction: column;
  justify-content: center;
  background-color: #fff;
  border-radius:10px;
  padding:5px;
  box-shadow:0 2px 5px rgba(0,0,0,.1);
  overflow:hidden;
  height: 100%;
}

.card-addon{
  display:block;
  position:absolute;
  top:-4px;
  left:50%;
  text-align:center;
  transform:translateX(-50%);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height:25px;
  width:45%;
  background-color:var(--lc-card-color);
  z-index:3;
  line-height: 25px;
  font-weight: 500;
}
.product-container:nth-child(2n+2) .product-card{
  border-color:#ddd9d6;
}
.product-container:nth-child(2n+2) .card-addon{
  background-color:#ddd9d6;
}
.product-container:nth-child(3n+2) .product-card{
  border-color:#d2beb3;
}
.product-container:nth-child(3n+2) .card-addon{
  background-color:#d2beb3;
}
.product-container:nth-child(4n+2) .product-card{
  border-color:#e0dada;
}
.product-container:nth-child(4n+2) .card-addon{
  background-color:#e0dada;
}
.product-container:nth-child(5n+2) .product-card{
  border-color:#a8b3c5;
}
.product-container:nth-child(5n+2) .card-addon{
  background-color:#a8b3c5;
}
.product-text{
  text-align: center;
}
.product-image{
  position:relative;
  width:100%;
  padding-bottom:100%;
  background-size:contain;
  background-repeat: no-repeat;
  background-position:center center;
  background-color:#fff;
}

.qr-container{
  position: relative;
  width:100%;
  display: flex;
  justify-content: center;
  margin-bottom:1rem;
}
.scan-to-buy-1,.scan-to-buy-2{
  position:absolute;
  opacity:.5;
  font-size:90%;
  width: 100%;
  text-align: center;
}
.scan-to-buy-1{
  top:50%;
  transform:translateY(-50%) translateX(-50%) rotate(-90deg);
  left: 15px;
}
.scan-to-buy-2{
  top:50%;
  transform:translateY(-50%) translateX(-50%) rotate(90deg);
  left: calc(100% - 15px);
}
.qr-code{
  overflow: hidden;
  max-width:100%;
  height:auto;
  /*max-height:150px;*/
}

.btn-link,
.btn-link:hover,
.btn-link:active{
  color:var(--bs-primary)
}

.lc-pdp {
  position:relative;
  display:flex;
  flex-wrap: wrap;
}

.lc-product-page,.lc-pdp{
  margin-top:75px;
}
.product-stage.lc-product-page{
  margin-top:0px;
}

.lc-info-container{
  max-width:500px;
}

.lc-legal {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-weight:500;
  width:100%;
  padding:0 0 2rem 0
}

.lc-legal a{
  position: relative;
  margin: 0 0.25em;
  font-size: 85%;
  opacity:.5;
}
.lc-legal a::after{
  content:'';
  width:0%;
  height: 1px;
  background-color: var(--bs-primary);
  position:absolute;
  left:0;
  bottom:0;
  transition: width .3s;
}
.lc-legal a:hover::after{
  width:100%;
  transition: width .3s;
}

.lc-payment{
  width:300px;
  height:auto;
  margin:auto;
}

.lc-checkout{
  width: 100vw;
  position:fixed;
  left:50%;
  bottom:0;
  transform: translateX(-50%);
  text-align: center;
  display:flex;
  justify-content: center;
  padding-bottom:5rem;
  z-index:1000;
  background:transparent;
  background-image: url(../images/localcheckout/shopping-bag.png);
  background-repeat: no-repeat;
  background-size: 250px;
  background-position: top center;
}
.lc-cta{
  position:absolute;
  left: 50%;
  top:0;
  transform:translate3d(-50%,-50%,0);
  outline: none;
  border:none;
  display: flex;
  padding: 1rem;
  color:white;
  background:var(--bs-primary);
  flex-direction: column;
  gap: 0.75rem;
  border-radius:50rem;
  font-size: 150%;
}
.lc-barcode{
  position:absolute;
  left:15px;
  top:15px;
  max-width:15%;
  z-index:3;
  mix-blend-mode: multiply;
}
.lc-product-image,
.lc-product-infos{
  overflow:hidden;
  position: relative;
  width:50%;
  height:50%;
}

@media screen and (max-width:600px) {
  .lc-product-image {
    width:100vw;
    height:100vw;
    z-index:3;
  }
  .lc-product-infos{
    width:100vw;
    height:auto;
  }
}

.swiper-container {
  width: 100%;
  height: 100%;
  background: white;
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Bootstrap Overrides */
.text-muted {opacity:0.75;}

.w-10 {width: 10% !important;}
.w-15 {width: 15% !important;}
.w-20 {width: 20% !important;}
.w-30 {width: 30% !important;}
.w-35 {width: 35% !important;}
.w-40 {width: 40% !important;}
.w-45 {width: 45% !important;}
.w-60 {width: 60% !important;}
.w-65 {width: 65% !important;}
.w-70 {width: 70% !important;}
.w-80 {width: 80% !important;}
.w-85 {width: 85% !important;}
.w-90 {width: 90% !important;}
.w-95 {width: 95% !important;}

.w-200px {width: 200px!important;}
.w-250px {width: 250px!important;}
.w-275px { width: 275px!important;}
.w-300px {width: 300px!important;}
.w-350px { width: 350px!important;}

hr {
  color: var(--bs-border-color);
  opacity: 1;
}

.btn{
  --bs-btn-font-weight: 500;
}  
.btn-primary {
  --bs-btn-color: #242424;
  --bs-btn-bg: var(--lc-green-color);
  --bs-btn-border-color: var(--lc-green-color);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--lc-green-color);
  --bs-btn-hover-border-color: var(--lc-green-color);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000;
  --bs-btn-active-border-color: #000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #242424;
  --bs-btn-disabled-border-color: #242424;
}
.btn-outline-primary {
  --bs-btn-color: #242424;
  --bs-btn-border-color: #242424;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #242424;
  --bs-btn-hover-border-color: #242424;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #242424;
  --bs-btn-active-border-color: #242424;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #242424;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #242424;
  --bs-gradient: none;
}

/** MEDIA QUERIES **/

/* Animations */

.lc-animate-rotate {
  animation: rotate 2s infinite linear;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media screen and (max-width: 720px) {
  .lc-product-page{
    margin-top:165px;
  }
  .product-container {
    width: 90vw;
    height: 100vh;
    padding: 1rem;
    margin:auto;
  }
  .product-text{
    margin:1rem 0;
  }
}