/* GLOBAL COLORS FOR ADA COMPLIANCE */
body, .sePage, .sePageMain, .sePageLayout {
  background-color: #E0E0E0; /* light grey background */
  color: #000000; /* black text */
}

/* HEADER */
.sePage .sePageMain { 
  margin-top: 0px; 
}

/* FOOTER */ 
.sePageFooter { 
  margin-top: 0px; 
} 

/* HERO */
.se-sample-hero .block-bg-img {
  padding: 12% 8%;
}

.sePage .sePageLayout .se-sample-hero h1, 
.sePage .sePageLayout .se-sample-hero h2 {
  margin: 22px auto 8px;
  color: #000000; /* ensure headings are black */
}

.sePage .sePageLayout .se-sample-hero p {
  margin: 0px auto 11px;
  font-size: 20px;
  color: #000000; /* paragraph text black */
}

/* FULL WIDTH 2 COLUMN */
.sePage .sePageLayout .sePageMain .se-sample-fw-2col .se-sample-fw-2col-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  padding: 120px 60px;
  color: #000000; /* enforce black text */
}

.sePage .sePageLayout .sePageMain .se-sample-fw-2col .seContentEmpty {
  min-height: 300px;
}

@media (max-width: 991px) {
  .sePage .sePageLayout .sePageMain .se-sample-fw-2col .se-sample-fw-2col-content {
    padding: 45px 30px;
  }
}

/* SHOP LINKS */
.se-sample-shop-links .content-block-column::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.15); /* subtle overlay */
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.se-sample-shop-links .editContent, 
.se-sample-shop-links .content-block-column {
  position: relative;
  color: #000000; /* ensure text is readable */
}

.sePageContent .sePageSection.se-sample-shop-links {
  margin-bottom: 0px;
}

.se-sample-shop-links .col-margin-bottom {
  margin-bottom: 30px;
}

.sePage .sePageLayout .se-sample-shop-links h3 {
  margin-top: 22px;
  color: #000000;
}

.seResponsive .se-sample-shop-links .content-block-column .btn {
  margin-bottom: 22px;
  background-color: #000000; /* black button */
  color: #E0E0E0; /* grey text for high contrast */
}
