/* Add custom CSS styles below */ 
body{
  background: #FFFFFF;
}
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin: 0;
}

section.s-block.s-block--fixed-banner.wide-placeholder .container {
    margin: 0;
    padding: 0;
    min-width: 100%;
}

.banner--fixed img{
  border-radius: 0px;
}

a.banner-entry.square-photos, .banner--fixed img {
    background: transparent;
}


.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8{
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
}

.s-block__title {
    justify-content: center;
}
.s-block__title .right-side h2 {
    font-size: 65px;
    color: #7A542C;
}

.s-product-card-vertical {
    background: transparent;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    color: #7a542c;
}

.s-button-primary-outline:hover {
    background-color: #7A542C;
  
}

.s-button-primary-outline:hover .s-button-text{
  color: white;
}

.store-footer__inner {
    background: #222222 !important;
    color: white;
}

.s-slider-block__title-right h2 {
    font-size: 30px;
    color: #7A542C;
}
.s-slider-block__title-right h2:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #7A542C;
    position: absolute;
    top: 45px;
    right: 0px;
}

.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8{
  
        grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry.square-photos:first-of-type {
    grid-column: 1 / -1;
    height: 24rem;
}

.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry.square-photos {
    height: 28rem;
}

section.s-block.s-block--banners.container {
    margin-right: 0;
    margin-left: 0;
    min-width: 100%;
}


@media(max-width: 767px){
  a.banner-entry.square-photos{
    height: 90px;
  }

  .s-block__title .right-side h2 {
    font-size: 40px;
    color: #7A542C;
}

.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry.square-photos:first-of-type {
    grid-column: 1 / -1;
    height: 6rem;
}
  .grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 a.banner-entry.square-photos {
    height: 7rem;
}
  .grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8
Specificity: (0,6,0)
 {
    grid-template-columns: repeat(6, 1fr);
    gap: 5px;
}
}