/* Add custom CSS styles below */
body{
  background-color: #ECE6DA;
  color: #333333;
}

/* Mobile CSS */
@media only screen and (max-width: 768px){
	.container{
		padding: 0 5%;
	}

	.s-block--features__item {
	  grid-column: span 2 / span 2;
	}

	.banner-entry {
	  height: 15rem;
	}

	.product-form section {
	  border: 1px solid gray !important;
	}	

  	  .sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
	  background-color: white !important;
	}

	.s-product-card-fit-height .s-product-card-image {
	  height: 100%;
	  max-height: 18rem !important;
	}
	
	.s-products-list .s-product-card-fit-height .s-product-card-image {
	  height: 100%;
	  max-height: 15rem !important;
	}

	.s-product-card-image img {
	  object-fit: cover;
	}
	
	.s-block__title {
      padding: 3rem 0 1rem;
    }
}

/* ---- */

.full-banner-entry h2 {
  font-size: xx-large;
  padding-bottom: 5%;
}

.full-banner-entry .inline-block.text-white.text-sm.border.rounded-md.font-bold.px-8.py-4{
  border-radius: 0px;
}

.s-block--fixed-banner > .container {
  width: 100%;
  margin: auto;
  max-width: none;
}

.s-block.s-block--fixed-banner.wide-placeholder, .s-block.s-block--fixed-banner.wide-placeholder .container {
  margin: 0px;
  padding: 0px;
}

img {
  border-radius: 0px !important;
}

footer.store-footer, .store-footer__inner {
  background-color: #FFF !important;
  color: #333333;
}

.top-navbar, .footer-is-light .store-footer .contact-social {
  display: none;
}

.navbar-brand img {
    max-width: 5rem !important;
    width: 5rem !important;
    aspect-ratio: 1 !important;
    height: 5rem !Important;
    max-height: 5rem !important;
  }

.s-block__title h2 {
  font-size: xx-large;
  font-weight: 700;
  line-height: 1.2;
}

.s-slider-button-icon svg {
  fill: #896450;
}

.s-slider-nav-arrow {
  box-shadow: none !important;
}

.s-block__display-all {
  font-size: large;
}

.footer-is-light .store-footer .store-footer__inner{
  border-bottom: 1px solid rgb(51, 51, 51, 0.3);
}

.banner-entry.square-photos.has-overlay.with-hover {
  border-radius: 0px;
}

 .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2%;
  }

  .s-block.s-block--banners.container:nth-child(2) {
  margin-top: 1%;
}

.banner-entry {
  height: 25rem;
}

.banner-entry h3.text-with-border {
  border-radius: 0px;
  border-style: none;
  --tw-border-opacity: 1;
  border-color: transparent;
}

.s-product-card-vertical {
  border-radius: 0px;
  background-color: transparent;
  height: 100%;
}

.s-product-card-fit-height .s-product-card-image {
  height: 100%;
  max-height: 28rem;
}

.s-product-card-vertical .s-product-card-image{
	border-radius: 0px;
}

.s-product-card-content {
    padding: 5% 3%;
  }

  button.s-button-btn.s-button-primary-outline {
  background-color: var(--color-primary);
  color: var(--color-primary-d);
  border: none;
  border-radius: 0px;
}

salla-add-product-button[product-status="out"] div salla-button.s-button-wrap button {
  border-radius: 0px;
}

.s-product-card-content-title a {
  font-size: medium;
}

.full-banner-entry {
  height: 80svh;
}

.full-banner-entry .flex.h-full.items-center.justify-center.p-5.xs\:p-11.relative{
  align-items: end;
}

.full-banner-entry .flex.h-full.items-center.justify-center.p-5.xs\:p-11.relative {
  padding: 3% 11%;
}

.full-banner-entry::before, .full-banner-entry::after{
  opacity: 0;
}

.s-block--features__item {
  background-color: transparent;
  border: 1px solid #896450;
  border-radius: 0px;
  max-width: 250px;
}

.grid.grid-cols-\[repeat\(2\,minmax\(0\,1fr\)\)\].md\:grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)\].gap-4.sm\:gap-6.xl\:gap-8 {
  display: grid;
  gap: 3%;
  justify-content: center;
  justify-items: center;
  max-width: 75%;
}

.s-block--features {
  display: flex;
  justify-content: center;
}

.s-block--features__item .feature-icon i {
  color: var(--color-primary-d);
}

.swiper {
  border-radius: 0px !important;
}

.s-product-options-wrapper.hydrated {
  background-color: transparent;
  border: 1px solid #896450;
  border-radius: 0px;
}

.s-form-control, .flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none,
.s-fast-checkout-button.outline {
  border-radius: 0px;
}

.s-button-element.s-button-btn {
  border-radius: 0px;
}

.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
  background-color: transparent;
  border: 1px solid #896450;
  border-bottom: none;
}

salla-comments {
  display: none;
}

.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
  background-color: transparent;
  border: 1px solid #896450;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(137, 100, 80);
  border-top: none;
  border-radius: 0px;
}

.s-slider-nav-arrow {
  border: 1px solid #896450;
}

#contact-slot:nth-child(2) {
  display: none;
}

.bg-white.p-5.rounded-md.mb-5 {
  background-color: transparent;
  border: 1px solid var(--color-primary-l);
  border-radius: 0px;
}