/* Responsive styles for the "What Sets Elite Portable Buildings Apart" section */
:root{
  --card-bg: #ffffff;
  --card-shadow: rgba(7,21,35,0.08);
  --accent: #0a2740;
}

.set-dayton-barns-apart-container{
  box-sizing: border-box;
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
}

.set-dayton-barns-apart-container h1{
  text-align: center;
  font-size: 1.8rem;
  margin: 0 0 18px;
  color: var(--accent);
  line-height: 1.15;
}

.set-dayton-barns-apart-lists{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: start;
}

.set-dayton-barns-card{
  background: var(--card-bg);
  border-radius: 8px;
  box-shadow: 0 6px 18px var(--card-shadow);
  padding: 22px;
  transition: transform .18s ease, box-shadow .18s ease;
  box-sizing: border-box;
}

.set-dayton-barns-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(7,21,35,0.12);
}

.set-dayton-barns-card h2{
  font-size: 1.25rem;
  margin: 0 0 8px;
  color: var(--accent);
}

.set-dayton-barns-card h3{
  font-size: 1rem;
  margin: 0;
  font-weight: 400;
  line-height: 1.55;
  color: #333;
}

/* Tablet: 2 columns */
@media (max-width: 1000px){
  .set-dayton-barns-apart-lists{
    grid-template-columns: repeat(2, 1fr);
  }
  .set-dayton-barns-apart-container h1{
    font-size: 1.6rem;
  }
}

/* Mobile: show one card at a time and allow swipe (scroll-snap) */
@media (max-width: 600px){
  .set-dayton-barns-apart-lists{
    display: flex;
    flex-direction: row;
    gap: 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 8px 6px 16px;
  }
  .set-dayton-barns-card{
    flex: 0 0 calc(100% - 40px);
    min-width: calc(100% - 40px);
    padding: 16px;
    scroll-snap-align: center;
    box-sizing: border-box;
  }
  .set-dayton-barns-apart-container{
    margin: 24px auto;
    padding: 0 8px;
  }
  .set-dayton-barns-apart-container h1{
    font-size: 1.25rem;
    margin-bottom: 12px;
  }
  .set-dayton-barns-card h2{
    font-size: 1.1rem;
  }
  .set-dayton-barns-card h3{
    font-size: 0.96rem;
  }
  /* optional: hide scrollbar in WebKit */
  .set-dayton-barns-apart-lists::-webkit-scrollbar{ height:8px; }
  .set-dayton-barns-apart-lists::-webkit-scrollbar-thumb{ background: rgba(0,0,0,0.12); border-radius:8px; }
}
/* Meet The Team - redesigned
   - Hero with overlay and centered content
   - Responsive team grid with cards
   - Feature cards section with soft green background
   - Contact/form area layout
*/

:root{
  --accent: #3aa63a;
  --muted: #6b6b6b;
  --page-max: 1200px;
  --card-radius: 10px;
}

/* Page wrapper defaults */
body .meet-the-team-banner-container,
body .corporate-team-container,
body .who-we-are-container,
body .set-dayton-barns-apart-container,
body .home-form-container{
  box-sizing: border-box;
}

/* HERO */
.meet-the-team-banner-container{
  position:relative;
  background: linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.25)), url('/elite/img/landing-page/hero.jpg') center/cover no-repeat;
  color:#fff;
  padding:80px 16px 40px;
}
.meet-the-team-banner-context{
  max-width:1100px;
  margin:0 auto;
  text-align:center;
}
.meet-the-team-banner-context h1{ margin:0; font-size:34px; letter-spacing:1px; color:var(--accent); font-weight:800; }
.meet-the-team-banner-context h2{ margin:12px auto 0; font-weight:600; max-width:900px; color:#fff; font-size:20px; }
.meet-the-team-element-1 svg{ display:block; width:100%; height:100px; }
.elementor-shape-fill-meet-the-team{ fill:#f7f9fb; }

/* TEAM GRID */
.corporate-team-container{
  max-width:var(--page-max);
  margin:36px auto;
  padding:0 20px;
}
.corporate-team-container h1{ text-align:center; margin-bottom:18px; font-size:22px; }
.corporate-team-lists{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:28px;
  align-items:start;
}
.corporate-team{
  background:#fff;
  border-radius:var(--card-radius);
  padding:12px;
  text-align:center;
  box-shadow:0 8px 20px rgba(0,0,0,0.06);
}
.corporate-team img{
  width:100%;
  height:230px;
  object-fit:cover;
  border-radius:6px;
  display:block;
  background:linear-gradient(180deg,#f3f3f3,#fff);
}
.corporate-team h2{ margin:12px 0 6px; font-size:18px; }
.corporate-team h3{ margin:0; color:var(--muted); font-size:13px; font-weight:600; }

/* WHO WE ARE */
.who-we-are-container{ background:#fff; padding:36px 20px; }
.who-are-we-contents{ max-width:var(--page-max); margin:0 auto; }
.who-we-are-texts{ max-width:780px; margin:0 auto; }
.who-we-are-texts h1{ margin-top:12px; font-size:20px; }
.who-we-are-texts h2{ color:#333; font-weight:400; line-height:1.6; }
.who-we-are-element svg{ display:block; width:100%; height:80px; }
.elementor-shape-fill-who-we-are{ fill:#fff; }

/* FEATURE CARDS */
.set-dayton-barns-apart-container{ background: #e9f9e9; padding:48px 20px 64px; }
.set-dayton-barns-apart-container h1{ text-align:center; margin-bottom:28px; }
.set-dayton-barns-apart-lists{ max-width:var(--page-max); margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.set-dayton-barns-card{ background:#fff; padding:22px; border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,0.06); }
.set-dayton-barns-card h2{ margin:0 0 10px; font-size:16px; }
.set-dayton-barns-card h3{ font-weight:400; color:#444; margin:0; font-size:14px; }

.meet-the-team-element-2 svg{ display:block; width:100%; height:120px; }
.elementor-shape-fill-meet-the-team-2{ fill:#e9f9e9; }

/* CONTACT / FORM AREA */
.home-form-container{ display:flex; align-items:flex-start; gap:32px; max-width:var(--page-max); margin:36px auto; padding:0 20px; }
.home-form-container > *{ flex:1; }
.home-form-container .home-form-contexts-container{ padding-top:8px; }
.home-form-contexts h1{ margin-bottom:8px; font-size:20px; }
.home-form-contexts h2{ font-weight:400; color:#333; margin:8px 0; }

/* Small screens */
@media (max-width:1200px){
  .corporate-team-lists{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width:900px){
  .corporate-team-lists{ grid-template-columns: repeat(2, 1fr); }
  .meet-the-team-banner-context h1{ font-size:28px; }
}
@media (max-width:520px){
  .corporate-team-lists{ grid-template-columns: 1fr; }
  .home-form-container{ flex-direction:column; }
  .meet-the-team-banner-context h1{ font-size:20px; }
  .meet-the-team-banner-context h2{ font-size:16px; }
}

/* Final mobile override: show one card per row (stacked) under the heading */
@media (max-width: 600px){
  .set-dayton-barns-apart-lists{
    display: block !important;
    grid-template-columns: none !important;
    gap: 16px;
    padding: 0;
    margin: 0;
    overflow: visible;
  }
  .set-dayton-barns-apart-lists > .set-dayton-barns-card{
    width: 100% !important;
    min-width: auto !important;
    margin: 12px 0 !important;
    scroll-snap-align: none;
    box-sizing: border-box;
  }
  .set-dayton-barns-apart-container{
    padding: 0 12px;
  }
}

/* PRODUCT INVENTORIES */
.img-thumb-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
}
@media (min-width: 1024px) {
    .img-thumb-wrapper {
        width: 50%;
        flex-shrink: 0;
    }
   
    .img-thumb-wrapper .story-img-wrap {
        width: 100%;
    }
}