.elementor-969 .elementor-element.elementor-element-1553f39{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-969 .elementor-element.elementor-element-e66e598 .elementor-heading-title{font-size:40px;line-height:53px;letter-spacing:0px;word-spacing:6px;color:#F50000;}@media(max-width:1024px){.elementor-969 .elementor-element.elementor-element-1553f39{--margin-top:0px;--margin-bottom:70px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-57a9d7a *//* DEES SANDALS - ABOUT US PAGE */

#dees-about {
  --cream: #f8f2ec;
  --brown: #654538;
  --dark: #29231f;
  --muted: #746960;
  font-family: Arial, sans-serif;
  color: var(--dark);
  line-height: 1.7;
  width: 100%;
  overflow: hidden;
}

#dees-about * {
  box-sizing: border-box;
}

#dees-about img {
  width: 100%;
  display: block;
  object-fit: cover;
}

#dees-about h1,
#dees-about h2,
#dees-about h3 {
  font-family: Georgia, serif;
  font-weight: normal;
  line-height: 1.2;
}

#dees-about h1 {
  font-size: clamp(38px, 5vw, 65px);
  margin: 18px 0;
}

#dees-about h2 {
  font-size: clamp(30px, 3.5vw, 44px);
  margin: 15px 0 20px;
}

#dees-about h3 {
  font-size: 24px;
}

#dees-about p {
  font-size: 15px;
  color: var(--muted);
  margin-bottom: 18px;
}

#dees-about .da-label {
  color: var(--brown);
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 3px;
}

#dees-about .da-btn {
  display: inline-block;
  background: var(--brown);
  color: #fff;
  padding: 13px 25px;
  margin-top: 12px;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: background .3s;
}

#dees-about .da-btn:hover {
  background: #38271f;
  color: #fff;
}

/* HERO */

#dees-about .da-hero {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--cream);
  align-items: stretch;
}

#dees-about .da-hero-copy {
  padding: 70px 9%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

#dees-about .da-hero-copy p {
  max-width: 460px;
}

#dees-about .da-hero-image img {
  height: 100%;
  min-height: 520px;
}

/* INTRODUCTION */

#dees-about .da-intro {
  padding: 85px 8%;
  text-align: center;
  max-width: 1100px;
  margin: auto;
}

#dees-about .da-intro p {
  max-width: 760px;
  margin: 0 auto 18px;
}

/* STORY */

#dees-about .da-story {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7%;
  align-items: center;
  padding: 70px 8%;
}

#dees-about .da-story > img {
  height: 500px;
}

#dees-about .da-story > div {
  padding: 20px 0;
}

/* COLLECTIONS AND VALUES */

#dees-about .da-collections {
  background: var(--cream);
  padding: 80px 6%;
  text-align: center;
}

#dees-about .da-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
  margin-top: 40px;
}

#dees-about .da-grid article {
  text-align: left;
  min-width: 0;
}

#dees-about .da-collections .da-grid article {
  background: #fff;
  overflow: hidden;
}

#dees-about .da-collections .da-grid img {
  height: 340px;
  transition: transform .4s;
}

#dees-about .da-collections .da-grid article:hover img {
  transform: scale(1.04);
}

#dees-about .da-grid h3,
#dees-about .da-grid p {
  margin-left: 20px;
  margin-right: 20px;
}

#dees-about .da-values {
  padding: 85px 7%;
  text-align: center;
}

#dees-about .da-values .da-grid article {
  text-align: center;
  padding: 15px;
}

/* CLOSING BANNER */

#dees-about .da-banner {
  background: #49342a;
  color: #fff;
  text-align: center;
  padding: 80px 8%;
}

#dees-about .da-banner h2 {
  color: #fff;
  max-width: 750px;
  margin: 15px auto 20px;
}

#dees-about .da-banner p {
  color: #eee1d7;
}

#dees-about .da-banner .da-btn {
  background: var(--cream);
  color: var(--brown);
}

#dees-about .da-banner .da-btn:hover {
  background: #e7d5c7;
}

/* MOBILE RESPONSIVE */

@media (max-width: 768px) {
  #dees-about .da-hero,
  #dees-about .da-story {
    grid-template-columns: 1fr;
  }

  #dees-about .da-hero-copy {
    padding: 50px 7%;
  }

  #dees-about .da-hero-image img {
    min-height: 0;
    height: 350px;
  }

  #dees-about .da-intro {
    padding: 60px 7%;
  }

  #dees-about .da-story {
    padding: 45px 7%;
    gap: 25px;
  }

  #dees-about .da-story > img {
    height: 350px;
  }

  #dees-about .da-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  #dees-about .da-collections,
  #dees-about .da-values {
    padding: 60px 7%;
  }

  #dees-about .da-collections .da-grid img {
    height: 350px;
  }

  #dees-about .da-banner {
    padding: 60px 7%;
  }
}/* End custom CSS */