:root{--hho-blue:#073b83;--hho-dark:#032653;--hho-red:#e62933;--hho-light-blue:#eef6ff;--hho-light-gray:#f5f6f8;--hho-text:#1c2b3a;--hho-border:#dce3ea}.hho-homepage{color:var(--hho-text);font-family:Arial,Helvetica,sans-serif}.hho-container{width:min(1180px,92%);margin-inline:auto}.hho-section{padding:75px 0}.hho-light-blue{background:var(--hho-light-blue)}.hho-light-gray{background:var(--hho-light-gray)}.hho-eyebrow{color:var(--hho-red);font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:8px}.hho-section-heading{color:var(--hho-dark);font-size:clamp(30px,4vw,46px);line-height:1.12;margin-top:0}.hho-section-intro{max-width:720px;margin-inline:auto;font-size:18px}.hho-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(0,21,52,.94) 0%,rgba(0,21,52,.76) 45%,rgba(0,21,52,.18) 78%)!important}.hho-hero-inner{margin-left:0!important;max-width:720px!important}.hho-hero-title{font-size:clamp(42px,6vw,70px);line-height:1.04;margin:0 0 22px}.hho-hero-copy{font-size:clamp(18px,2vw,22px);max-width:620px}.hho-btn .wp-block-button__link{border-radius:7px;padding:14px 24px;font-size:14px;font-weight:700;text-transform:uppercase}.hho-impact-section{background:#fff;border-bottom:1px solid var(--hho-border);padding:24px 0}.hho-impact-grid{gap:0!important}.hho-impact-card{display:flex;align-items:center;gap:14px;padding:8px 18px;border-right:1px solid var(--hho-border);min-height:68px}.hho-impact-grid>.wp-block-column:last-child .hho-impact-card{border-right:0}.hho-impact-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--hho-light-blue);font-size:24px}.hho-impact-card strong,.hho-impact-card span{display:block}.hho-impact-card strong{color:var(--hho-dark);font-size:18px;line-height:1.2}.hho-impact-card span{font-size:14px;line-height:1.3}.hho-two-col{gap:55px!important}.hho-rounded-image img{border-radius:12px;aspect-ratio:4/3;object-fit:cover}.hho-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin:36px 0}.hho-steps>div{text-align:center;position:relative}.hho-steps span{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 10px;border:2px solid var(--hho-blue);border-radius:50%;background:#fff;font-size:26px}.hho-steps strong{display:block;color:var(--hho-dark);font-size:14px;line-height:1.25}.hho-card-grid{gap:24px}.hho-card{overflow:hidden;border:1px solid var(--hho-border);border-radius:12px;background:#fff}.hho-card figure{margin:0}.hho-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.hho-card-body{padding:22px}.hho-card-body h3{color:var(--hho-dark);margin:0 0 8px}.hho-card-body a{color:var(--hho-blue);font-weight:700;text-decoration:none;text-transform:uppercase;font-size:14px}.hho-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:34px 0}.hho-product-grid a{position:relative;overflow:hidden;min-height:280px;border-radius:12px;background:var(--hho-dark)}.hho-product-grid img{width:100%;height:100%;min-height:280px;object-fit:cover;opacity:.84}.hho-product-grid span{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 18px;background:linear-gradient(transparent,rgba(0,20,55,.94));color:#fff;font-size:21px;font-weight:700}.hho-support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hho-support-grid>div{padding:24px 18px;border:1px solid var(--hho-border);border-radius:10px;text-align:center;background:#fff}.hho-support-grid span{font-size:34px;display:block;margin-bottom:10px}.hho-support-grid strong{display:block;color:var(--hho-dark);font-size:18px}.hho-support-grid p{font-size:14px;margin-bottom:0}.hho-final-cta{text-align:center}.hho-final-cta .wp-block-cover__background{background:rgba(2,30,70,.88)!important}.hho-cta-inner{max-width:900px;color:#fff}.hho-cta-inner h2{font-size:clamp(34px,5vw,56px);line-height:1.08;color:#fff}.hho-cta-inner p{font-size:19px;max-width:720px;margin-inline:auto}.hho-final-cta .wp-block-buttons{justify-content:center}
@media(max-width:1000px){.hho-impact-grid{flex-wrap:wrap!important}.hho-impact-grid>.wp-block-column{flex-basis:50%!important}.hho-impact-grid>.wp-block-column:nth-child(2) .hho-impact-card{border-right:0}.hho-steps{grid-template-columns:repeat(4,1fr)}.hho-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hho-section{padding:55px 0}.hho-hero{min-height:620px!important}.hho-hero .wp-block-cover__background{background:linear-gradient(0deg,rgba(0,21,52,.96) 0%,rgba(0,21,52,.78) 58%,rgba(0,21,52,.25) 100%)!important}.hho-two-col{gap:28px!important}.hho-card-grid{display:block}.hho-card{margin-bottom:24px}.hho-support-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.hho-impact-grid>.wp-block-column{flex-basis:100%!important}.hho-impact-card{border-right:0;border-bottom:1px solid var(--hho-border)}.hho-steps{grid-template-columns:repeat(2,1fr)}.hho-product-grid,.hho-support-grid{grid-template-columns:1fr}.hho-button-row{display:block!important}.hho-button-row .wp-block-button{margin-bottom:10px}.hho-button-row .wp-block-button__link{width:100%;text-align:center}}

/* =====================================================
   GENERATEPRESS SITE HEADER
   ===================================================== */
.site-header {
  background: #ffffff;
  border-bottom: 1px solid #e5eaf0;
}

.site-header .inside-header {
  max-width: 1180px;
  margin: 0 auto;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.site-branding-container,
.site-logo {
  flex: 0 0 auto;
}

.site-branding,
.site-description {
  display: none !important;
}

.site-logo img,
.header-image {
  display: block;
  width: 205px;
  max-height: 76px;
  object-fit: contain;
}

.main-navigation,
.main-navigation .inside-navigation {
  background: transparent !important;
}

.main-navigation {
  flex: 1 1 auto;
  margin-left: auto;
}

.main-navigation .inside-navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.main-navigation .main-nav > ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 2px;
}

.main-navigation .main-nav > ul > li > a {
  color: #17283a;
  padding: 12px 12px;
  line-height: 1.2;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.main-navigation .main-nav > ul > li > a:hover,
.main-navigation .main-nav > ul > li.current-menu-item > a {
  color: #e62933;
  background: transparent;
}

/* Automatically style menu links based on their destinations. */
.main-navigation a[href*="/donate"],
.main-navigation a[href*="donate"] {
  background: #e62933 !important;
  color: #ffffff !important;
  border-radius: 7px;
  margin-left: 6px;
  padding: 12px 18px !important;
}

.main-navigation a[href*="store.helpinghandsorphanage.org"] {
  background: #073b83 !important;
  color: #ffffff !important;
  border-radius: 7px;
  margin-left: 6px;
  padding: 12px 18px !important;
}

.main-navigation a[href*="/donate"]:hover,
.main-navigation a[href*="donate"]:hover {
  background: #c91f28 !important;
}

.main-navigation a[href*="store.helpinghandsorphanage.org"]:hover {
  background: #052d65 !important;
}

/* =====================================================
   FULL-WIDTH HOMEPAGE OVERRIDES
   ===================================================== */
body.hho-homepage-active .site-content,
body.hho-homepage-active .content-area,
body.hho-homepage-active main.site-main,
body.hho-homepage-active article,
body.hho-homepage-active .inside-article,
body.hho-homepage-active .entry-content {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.hho-homepage-active .entry-header,
body.hho-homepage-active .page-header,
body.hho-homepage-active .entry-title {
  display: none !important;
}

body.hho-homepage-active #primary {
  width: 100% !important;
}

body.hho-homepage-active #right-sidebar,
body.hho-homepage-active #left-sidebar {
  display: none !important;
}

body.hho-homepage-active .hho-homepage,
body.hho-homepage-active .alignfull {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Improve placeholder readability until real photos are added. */
.hho-hero .wp-block-cover__image-background,
.hho-final-cta .wp-block-cover__image-background {
  filter: brightness(.88);
}

.hho-card img {
  aspect-ratio: 4 / 3.25;
}

.hho-steps span {
  width: 70px;
  height: 70px;
  font-size: 30px;
}

@media (max-width: 1050px) {
  .site-header .inside-header {
    padding-inline: 18px;
  }

  .site-logo img,
  .header-image {
    width: 175px;
  }

  .main-navigation .main-nav > ul > li > a {
    padding-inline: 8px;
    font-size: 13px;
  }
}

@media (max-width: 768px) {
  .site-header .inside-header {
    display: block;
    padding: 10px 16px;
  }

  .site-logo img,
  .header-image {
    width: 165px;
  }

  .main-navigation {
    width: 100%;
  }

  .main-navigation .inside-navigation {
    justify-content: space-between;
  }

  .main-navigation .main-nav > ul {
    display: block;
  }

  .main-navigation .main-nav > ul > li > a {
    padding: 12px 16px;
  }

  .main-navigation a[href*="/donate"],
  .main-navigation a[href*="donate"],
  .main-navigation a[href*="store.helpinghandsorphanage.org"] {
    margin: 6px 14px;
    text-align: center;
  }
}


/* =====================================================
   VERSION 3 POLISH & REPAIR OVERRIDES
   ===================================================== */

/* Strong, readable hero overlay in both editor and front end. */
.hho-hero {
  position: relative;
  overflow: hidden;
}

.hho-hero .wp-block-cover__background,
.editor-styles-wrapper .hho-hero .wp-block-cover__background {
  opacity: 1 !important;
  background: linear-gradient(
    90deg,
    rgba(3, 38, 83, .94) 0%,
    rgba(3, 38, 83, .84) 40%,
    rgba(3, 38, 83, .50) 68%,
    rgba(3, 38, 83, .22) 100%
  ) !important;
  z-index: 1;
}

.hho-hero .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}

.hho-hero .wp-block-cover__image-background {
  filter: brightness(.82) saturate(.95);
}

.hho-hero-title {
  max-width: 760px;
  text-wrap: balance;
}

/* Make the four impact items true equal columns and prevent ugly word breaks. */
.hho-impact-grid,
.editor-styles-wrapper .hho-impact-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 !important;
}

.hho-impact-grid > .wp-block-column {
  min-width: 0 !important;
  flex-basis: auto !important;
  width: auto !important;
}

.hho-impact-card {
  min-width: 0;
  padding: 10px 20px;
}

.hho-impact-card > div:last-child {
  min-width: 0;
}

.hho-impact-card strong {
  font-size: 17px;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.hho-impact-grid > .wp-block-column:nth-child(3) .hho-impact-card strong {
  white-space: nowrap;
  font-size: 16px;
  letter-spacing: -.15px;
}

.hho-impact-icon {
  flex: 0 0 50px;
}

/* Cleaner card and product behavior. */
.hho-card,
.hho-product-grid a,
.hho-support-grid > div {
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.hho-card:hover,
.hho-product-grid a:hover,
.hho-support-grid > div:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(3,38,83,.10);
  border-color: rgba(7,59,131,.24);
}

.hho-product-grid span {
  line-height: 1.15;
  text-wrap: balance;
}

/* Stop narrow support cards from breaking words letter-by-letter. */
.hho-support-grid > div,
.hho-support-grid strong,
.hho-support-grid p {
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.hho-support-grid strong {
  line-height: 1.2;
}

/* More polished desktop spacing. */
.hho-section {
  scroll-margin-top: 90px;
}

@media (max-width: 1100px) {
  .hho-impact-grid,
  .editor-styles-wrapper .hho-impact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hho-impact-grid > .wp-block-column:nth-child(2) .hho-impact-card {
    border-right: 0;
  }

  .hho-impact-grid > .wp-block-column:nth-child(-n+2) .hho-impact-card {
    border-bottom: 1px solid var(--hho-border);
  }

  .hho-impact-grid > .wp-block-column:nth-child(3) .hho-impact-card strong {
    white-space: normal;
    font-size: 17px;
  }
}

@media (max-width: 760px) {
  .hho-hero .wp-block-cover__background,
  .editor-styles-wrapper .hho-hero .wp-block-cover__background {
    background: linear-gradient(
      0deg,
      rgba(3,38,83,.96) 0%,
      rgba(3,38,83,.88) 58%,
      rgba(3,38,83,.38) 100%
    ) !important;
  }

  .hho-hero-title {
    font-size: clamp(38px, 10vw, 54px) !important;
  }
}

@media (max-width: 560px) {
  .hho-impact-grid,
  .editor-styles-wrapper .hho-impact-grid {
    grid-template-columns: 1fr;
  }

  .hho-impact-grid .hho-impact-card {
    border-right: 0 !important;
    border-bottom: 1px solid var(--hho-border) !important;
  }

  .hho-impact-grid > .wp-block-column:last-child .hho-impact-card {
    border-bottom: 0 !important;
  }
}

/* =====================================================
   VERSION 4 — FULLY EDITABLE BLOCKS
   ===================================================== */
.hho-v4 .hho-impact-card h3,
.hho-v4 .hho-impact-card p,
.hho-v4 .hho-step-icon,
.hho-v4 .hho-step-label,
.hho-v4 .hho-support-card h3,
.hho-v4 .hho-support-card p {
  margin-top: 0;
  margin-bottom: 4px;
}

.hho-v4 .hho-impact-card h3 {
  color: var(--hho-dark);
  font-size: 17px;
  line-height: 1.15;
}

.hho-v4 .hho-impact-card p:not(.hho-impact-icon) {
  font-size: 14px;
  line-height: 1.3;
}

.hho-v4 .hho-no-break {
  white-space: nowrap;
  font-size: 16px !important;
}

.hho-v4 .hho-impact-icon {
  margin: 0 !important;
  flex: 0 0 50px;
}

.hho-v4 .hho-steps {
  display: grid !important;
  grid-template-columns: repeat(8,minmax(0,1fr));
  gap: 12px !important;
  margin: 36px 0;
}

.hho-v4 .hho-steps > .wp-block-column {
  min-width: 0;
  text-align: center;
}

.hho-v4 .hho-step-icon {
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  margin: 0 auto 10px !important;
  border: 2px solid var(--hho-blue);
  border-radius: 50%;
  background: #fff;
  font-size: 30px;
}

.hho-v4 .hho-step-label {
  color: var(--hho-dark);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

.hho-v4 .hho-student-image,
.hho-v4 .hho-student-image img {
  margin: 0;
  width: 100%;
}

.hho-v4 .hho-student-image img {
  aspect-ratio: 5 / 4;
  object-fit: cover;
}

.hho-v4 .hho-card-link a {
  color: var(--hho-blue);
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
}

.hho-v4 .hho-product-grid {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 24px !important;
  margin: 34px 0;
}

.hho-v4 .hho-product-card {
  overflow: hidden;
  border: 1px solid var(--hho-border);
  border-radius: 12px;
  background: #fff;
}

.hho-v4 .hho-product-card figure {
  margin: 0;
}

.hho-v4 .hho-product-card img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.hho-v4 .hho-product-card h3 {
  margin: 0;
  padding: 18px 12px 20px;
  font-size: 20px;
  line-height: 1.2;
}

.hho-v4 .hho-product-card h3 a {
  color: var(--hho-dark);
  text-decoration: none;
}

.hho-v4 .hho-support-grid {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 18px !important;
}

.hho-v4 .hho-support-card {
  padding: 24px 18px;
  border: 1px solid var(--hho-border);
  border-radius: 10px;
  text-align: center;
  background: #fff;
}

.hho-v4 .hho-support-icon {
  font-size: 34px;
}

.hho-v4 .hho-support-card h3 {
  color: var(--hho-dark);
  font-size: 18px;
}

.hho-v4 .hho-support-card p {
  font-size: 14px;
}

@media (max-width: 1000px) {
  .hho-v4 .hho-steps { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .hho-v4 .hho-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .hho-v4 .hho-support-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 520px) {
  .hho-v4 .hho-steps,
  .hho-v4 .hho-product-grid,
  .hho-v4 .hho-support-grid { grid-template-columns: 1fr; }
  .hho-v4 .hho-no-break { white-space: normal; }
}

/* =====================================================
   VERSION 4.1 — IMPACT ROW REPAIR
   ===================================================== */
.hho-v4 .hho-impact-grid,
.editor-styles-wrapper .hho-v4 .hho-impact-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  width: min(1180px, 92%) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: stretch !important;
}

.hho-v4 .hho-impact-grid > .wp-block-column,
.editor-styles-wrapper .hho-v4 .hho-impact-grid > .wp-block-column {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
}

.hho-v4 .hho-impact-card,
.editor-styles-wrapper .hho-v4 .hho-impact-card {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 12px 20px !important;
}

.hho-v4 .hho-impact-card > .wp-block-group,
.editor-styles-wrapper .hho-v4 .hho-impact-card > .wp-block-group {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

.hho-v4 .hho-impact-card h3,
.editor-styles-wrapper .hho-v4 .hho-impact-card h3 {
  margin: 0 0 4px !important;
  width: auto !important;
  max-width: none !important;
  font-size: 17px !important;
  line-height: 1.18 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  white-space: normal !important;
}

.hho-v4 .hho-impact-card h3.hho-no-break,
.editor-styles-wrapper .hho-v4 .hho-impact-card h3.hho-no-break {
  white-space: nowrap !important;
  font-size: 16px !important;
}

.hho-v4 .hho-impact-card p:not(.hho-impact-icon),
.editor-styles-wrapper .hho-v4 .hho-impact-card p:not(.hho-impact-icon) {
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.hho-v4 .hho-impact-icon,
.editor-styles-wrapper .hho-v4 .hho-impact-icon {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  margin: 0 !important;
}

@media (max-width: 1000px) {
  .hho-v4 .hho-impact-grid,
  .editor-styles-wrapper .hho-v4 .hho-impact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .hho-v4 .hho-impact-grid > .wp-block-column:nth-child(2) .hho-impact-card,
  .editor-styles-wrapper .hho-v4 .hho-impact-grid > .wp-block-column:nth-child(2) .hho-impact-card {
    border-right: 0 !important;
  }
}

@media (max-width: 580px) {
  .hho-v4 .hho-impact-grid,
  .editor-styles-wrapper .hho-v4 .hho-impact-grid {
    grid-template-columns: 1fr !important;
  }

  .hho-v4 .hho-impact-card,
  .editor-styles-wrapper .hho-v4 .hho-impact-card {
    border-right: 0 !important;
    border-bottom: 1px solid var(--hho-border) !important;
  }

  .hho-v4 .hho-impact-grid > .wp-block-column:last-child .hho-impact-card,
  .editor-styles-wrapper .hho-v4 .hho-impact-grid > .wp-block-column:last-child .hho-impact-card {
    border-bottom: 0 !important;
  }
}