/*
 * ARDF public site — visual refresh (2026-10-11).
 * Styling only: no text, photo or menu changes. Loaded after theme-skin-orange.css on every
 * public page (+ the fonts link above it). To undo, remove the two <link> lines.
 * Pattern borrowed from yaap-ss.org: one heading font + one body font, shaded hero,
 * short two-tone bar under section titles, equal photo cards, a single stats band.
 */
:root {
  --ardf-o: #fe6702;
  --ardf-o-dark: #c94f00;
  --ardf-ink: #1f2329;
  --ardf-text: #4a505a;
  --ardf-line: #eceef2;
  --ardf-head: 'Poppins', 'Open Sans', Arial, sans-serif;
  --ardf-body: 'Open Sans', Arial, sans-serif;
}

/* ---------- 1. Typography: Poppins headings, Open Sans text ---------- */
html body,
html body p,
html body li,
html body td,
html body th,
html body input,
html body select,
html body textarea,
html body .breadcrumb {
  font-family: var(--ardf-body) !important;
}

html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .btn,
html body .menuzord-menu > li > a,
html body .menuzord-menu ul.dropdown li a,
html body .tp-caption,
html body .font-raleway {
  font-family: var(--ardf-head) !important;
  letter-spacing: 0;
}

/* Weight only: colours stay per page (white text on photo banners must stay white) */
html body .main-content h2,
html body .main-content h3,
html body .main-content h4 {
  font-weight: 700;
}

/* Orange stays orange where the page asked for it */
html body .main-content .text-theme-colored { color: var(--ardf-o) !important; }

/* Header: menu in the heading font, a soft shadow under the white bar */
.header-nav-wrapper { box-shadow: 0 2px 18px rgba(16, 24, 40, .07); }
.menuzord-menu > li > a { font-size: 13.5px !important; font-weight: 500 !important; }
.menuzord-menu ul.dropdown {
  border-top: 3px solid var(--ardf-o);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 14px 34px rgba(16, 24, 40, .14);
}
.header-top .btn { border-radius: 4px; font-weight: 600; }

/* ---------- 2. Home hero: readable text over the photo ---------- */
.rev_slider_wrapper .slotholder::after {
  background: linear-gradient(90deg, rgba(15, 18, 24, .80) 0%, rgba(15, 18, 24, .58) 36%, rgba(15, 18, 24, .12) 68%, rgba(15, 18, 24, 0) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.rev_slider_wrapper .tp-caption { text-shadow: none !important; }
.rev_slider_wrapper #rs-1-layer-1 { font-weight: 800 !important; }
.rev_slider_wrapper #rs-1-layer-2 { font-weight: 600 !important; }
.rev_slider_wrapper #rs-1-layer-2::after {
  background: var(--ardf-o);
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  margin-top: 6px;
  width: 64px;
}
.rev_slider_wrapper #rs-1-layer-3 { font-weight: 400 !important; opacity: .95; }
.rev_slider_wrapper .tp-caption .btn-theme-colored {
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 12px 26px rgba(254, 103, 2, .38);
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  padding: 15px 34px !important;
  text-transform: uppercase;
}
.rev_slider_wrapper .tp-caption .btn-theme-colored:hover { background: var(--ardf-o-dark) !important; }

/* ---------- 3. Section titles: one style + the two-tone bar ---------- */
.ardf-stats .about-details > h2,
.inner-header h2,
html body .about-intro h3,
html body .about-section-title {
  font-weight: 700 !important;
}
.ardf-stats .about-details > h2::after,
.inner-header h2::after,
html body .about-intro h3::after,
html body .about-section-title::after {
  background: linear-gradient(90deg, var(--ardf-o) 0 64%, transparent 64% 74%, var(--ardf-ink) 74% 100%);
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  margin: 16px auto 0;
  width: 64px;
}
html body .about-intro h3,
html body .about-section-title { color: var(--ardf-ink) !important; }

/* Inner-page banner: darker overlay, white title, light breadcrumb */
html body .inner-header.layer-overlay::before {
  background: linear-gradient(180deg, rgba(15, 18, 24, .45) 0%, rgba(15, 18, 24, .72) 100%) !important;
}
html body .inner-header h2,
html body .main-content .inner-header .text-theme-colored {
  color: #fff !important;
  font-size: 44px !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .35);
}
.inner-header h2::after { background: linear-gradient(90deg, var(--ardf-o) 0 64%, transparent 64% 74%, #fff 74% 100%); }
html body .inner-header .breadcrumb li,
html body .inner-header .breadcrumb li a { color: rgba(255, 255, 255, .88) !important; font-size: 14px; }
html body .inner-header .breadcrumb li a:hover { color: var(--ardf-o) !important; }

/* ---------- 4. Cards: equal heights, same photo crop, rounded, hover lift ---------- */
/* Home: Our Priorities */
#causes .section-content > .row { display: flex; flex-wrap: wrap; }
#causes .section-content > .row > [class*="col-"] { display: flex; float: none; margin-bottom: 30px; }
#causes .box-shadow11 {
  background: #fff;
  border: 1px solid var(--ardf-line);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(16, 24, 40, .07) !important;
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
  overflow: hidden;
  padding: 0 !important;
  text-align: left !important;
  transition: transform .3s ease, box-shadow .3s ease;
  width: 100%;
}
#causes .box-shadow11:hover { box-shadow: 0 22px 46px rgba(16, 24, 40, .14) !important; transform: translateY(-6px); }
#causes .box-shadow11 .entry-header { position: relative; }
#causes .box-shadow11 .post-thumb { aspect-ratio: 16 / 10; overflow: hidden; }
#causes .box-shadow11 .post-thumb img { height: 100%; object-fit: cover; transition: transform .7s ease; width: 100%; }
#causes .box-shadow11:hover .post-thumb img { transform: scale(1.06); }
.ardf-card-icon {
  align-items: center;
  background: var(--ardf-o);
  border: 4px solid #fff;
  border-radius: 50%;
  bottom: -26px;
  box-shadow: 0 8px 18px rgba(254, 103, 2, .35);
  color: #fff;
  display: inline-flex;
  font-size: 19px;
  height: 52px;
  justify-content: center;
  left: 24px;
  position: absolute;
  width: 52px;
  z-index: 1;
}
#causes .box-shadow11 h4 { font-size: 19px !important; margin: 40px 26px 10px !important; }
#causes .box-shadow11 p {
  color: #5b616b !important;
  flex: 1;
  font-size: 15.5px !important;
  line-height: 1.75 !important;
  margin: 0 26px 16px;
}
#causes .box-shadow11 .btn {
  align-self: flex-start;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ardf-o) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  margin: 0 26px 26px !important;
  padding: 0 !important;
  text-transform: uppercase;
}
#causes .box-shadow11 .btn::after { content: "\2192"; display: inline-block; margin-left: 6px; transition: margin-left .2s ease; }
#causes .box-shadow11 .btn:hover::after { margin-left: 11px; }

/* About: Our Approach + the intro panels */
html body .approach-section .row { display: flex; flex-wrap: wrap; }
html body .approach-section .row > [class*="col-"] { display: flex; float: none; margin-bottom: 30px; }
html body .approach-card {
  border: 1px solid var(--ardf-line) !important;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(16, 24, 40, .07) !important;
  display: flex;
  flex-direction: column;
  margin-bottom: 0 !important;
  overflow: hidden;
  padding: 0 0 24px !important;
  width: 100%;
}
html body .approach-card:hover { box-shadow: 0 22px 46px rgba(16, 24, 40, .14) !important; transform: translateY(-6px); }
html body .approach-card img { aspect-ratio: 16 / 10; height: auto !important; margin: 0 0 22px !important; transition: transform .7s ease; }
html body .approach-card h4,
html body .approach-card p,
html body .approach-card ul { padding-left: 24px; padding-right: 24px; }
html body .approach-card h4 { color: var(--ardf-ink) !important; font-size: 20px !important; text-align: left !important; }
html body .approach-card p { color: #5b616b !important; font-size: 15.5px !important; text-align: left !important; }
html body .approach-card ul { flex: 1; }
html body .approach-card li { font-size: 15px !important; }
html body .approach-learn-more { align-self: flex-start; border-radius: 6px; margin-left: 24px; margin-top: auto; }
html body .about-feature,
html body .about-panel { border-radius: 14px; }
html body .about-panel { border-left-width: 4px !important; }
html body .about-feature h4,
html body .about-panel h4 { color: var(--ardf-ink) !important; }
html body .about-image { border-radius: 14px; }

/* Home: "Together, we can save the lives…" */
html body .home-about-image img { border-radius: 14px; box-shadow: 0 18px 40px rgba(16, 24, 40, .14); }
html body .home-about-image { border: 0 !important; }
html body .home-about-text h3 { font-size: 28px; line-height: 1.3; margin-bottom: 18px; }
html body .home-about-text .btn {
  align-self: flex-start;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  padding: 13px 30px;
  text-transform: uppercase;
}

/* ---------- 5. 2025 achievements: one band, icons, big figures ---------- */
.ardf-stats { padding: 56px 0 70px; }
.ardf-stats > br { display: none; }
.ardf-stats .about-details > h2 { font-size: 38px !important; margin-bottom: 18px; }
.ardf-stats .about-details > h3 {
  color: var(--ardf-text) !important;
  font-family: var(--ardf-body) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1.7;
  margin: 0 auto !important;
  max-width: 760px;
}
.ardf-stats .about-details + br,
.ardf-stats .about-details + br + br { display: none; }
.ardf-stats .about-details { margin-bottom: 40px; }
.ardf-stats .home-boxes {
  background: linear-gradient(120deg, #b84800 0%, var(--ardf-o) 52%, #ff8a3d 100%);
  border-radius: 16px;
  box-shadow: 0 26px 50px -22px rgba(201, 79, 0, .6);
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  overflow: hidden;
}
.ardf-stats .home-boxes > [class*="col-"] { flex: 1 1 25%; float: none; padding: 0 !important; width: auto; }
.ardf-stats .home-boxes > [class*="col-"] + [class*="col-"] { border-left: 1px solid rgba(255, 255, 255, .22); }
.ardf-stats .home-boxes [class*="bg-theme-colored"] { background: transparent !important; height: 100%; }
.ardf-stats .home-boxes .text-center { padding: 36px 20px 34px !important; }
.ardf-stats .home-boxes .text-center > br { display: none; }
.ardf-stats .home-boxes h2 { font-size: 46px !important; font-weight: 800 !important; line-height: 1.1; }
.ardf-stats .home-boxes h4 {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: .06em;
  line-height: 1.55 !important;
  margin: 12px 0 0 !important;
  opacity: .94;
}
.ardf-stat-icon {
  align-items: center;
  border: 1.5px dashed rgba(255, 255, 255, .75);
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 22px;
  height: 58px;
  justify-content: center;
  margin-bottom: 14px;
  width: 58px;
}

@media (max-width: 991px) {
  .ardf-stats .home-boxes > [class*="col-"] { flex-basis: 50%; }
  .ardf-stats .home-boxes > [class*="col-"]:nth-child(n) { border-left: 0; }
  .ardf-stats .home-boxes > [class*="col-"]:nth-child(even) { border-left: 1px solid rgba(255, 255, 255, .22); }
  .ardf-stats .home-boxes > [class*="col-"]:nth-child(n+3) { border-top: 1px solid rgba(255, 255, 255, .22); }
}

@media (max-width: 767px) {
  /* on a phone the text spans the whole photo: shade it evenly */
  .rev_slider_wrapper .slotholder::after { background: linear-gradient(180deg, rgba(15, 18, 24, .45) 0%, rgba(15, 18, 24, .70) 100%); }
  .ardf-stats .about-details > h2 { font-size: 30px !important; }
  html body .inner-header h2 { font-size: 34px !important; }
  #causes .section-content > .row > [class*="col-"],
  html body .approach-section .row > [class*="col-"] { width: 100%; }
}

@media (max-width: 480px) {
  .ardf-stats .home-boxes > [class*="col-"] { flex-basis: 100%; }
  .ardf-stats .home-boxes > [class*="col-"]:nth-child(n) { border-left: 0; }
  .ardf-stats .home-boxes > [class*="col-"]:nth-child(n+2) { border-top: 1px solid rgba(255, 255, 255, .22); }
}


/* =====================================================================
 * INNER PAGES (added 2026-10-11, second pass) — same look as the home page
 * Program pages share a naming pattern: <page>-card / -stat / -panel / -intro.
 * ===================================================================== */

/* Section titles in the centred intro blocks: dark + the two-tone bar */
html body .health-intro > h3,
html body .fsl-intro > h3,
html body .wash-intro > h3,
html body .emergency-intro > h3,
html body .protection-intro > h3,
html body .crg-intro > h3,
html body .mission-intro > h3,
html body .ss-intro > h3,
html body .sd-intro > h3,
html body .donate-intro > h3,
html body .health-intro > h2,
html body .fsl-intro > h2,
html body .wash-intro > h2,
html body .emergency-intro > h2,
html body .protection-intro > h2,
html body .crg-intro > h2,
html body .mission-intro > h2,
html body .ss-intro > h2,
html body .sd-intro > h2,
html body .donate-intro > h2,
html body .partners-intro > h2,
html body .partners-intro > h3 {
  color: var(--ardf-ink) !important;
  font-weight: 700 !important;
}
html body .health-intro > h3::after,
html body .fsl-intro > h3::after,
html body .wash-intro > h3::after,
html body .emergency-intro > h3::after,
html body .protection-intro > h3::after,
html body .crg-intro > h3::after,
html body .mission-intro > h3::after,
html body .ss-intro > h3::after,
html body .sd-intro > h3::after,
html body .donate-intro > h3::after,
html body .health-intro > h2::after,
html body .fsl-intro > h2::after,
html body .wash-intro > h2::after,
html body .emergency-intro > h2::after,
html body .protection-intro > h2::after,
html body .crg-intro > h2::after,
html body .mission-intro > h2::after,
html body .ss-intro > h2::after,
html body .sd-intro > h2::after,
html body .donate-intro > h2::after,
html body .partners-intro > h2::after,
html body .partners-intro > h3::after {
  background: linear-gradient(90deg, var(--ardf-o) 0 64%, transparent 64% 74%, var(--ardf-ink) 74% 100%);
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  margin: 16px auto 0;
  width: 64px;
}

/* Cards: rounded, soft border, lift on hover, photos rounded and zoom gently */
html body .health-card,
html body .fsl-card,
html body .wash-card,
html body .emergency-card,
html body .protection-card,
html body .crg-card,
html body .mission-card,
html body .ss-card,
html body .sd-card,
html body .donate-card,
html body .partner-box,
html body .icon-box.border-bottom-theme-color-3px {
  border: 1px solid var(--ardf-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 30px rgba(16, 24, 40, .07) !important;
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease !important;
}
html body .icon-box.border-bottom-theme-color-3px { background: #fff !important; border-bottom: 3px solid var(--ardf-o) !important; }
html body .health-card:hover,
html body .fsl-card:hover,
html body .wash-card:hover,
html body .emergency-card:hover,
html body .protection-card:hover,
html body .crg-card:hover,
html body .mission-card:hover,
html body .ss-card:hover,
html body .sd-card:hover,
html body .donate-card:hover,
html body .partner-box:hover,
html body .icon-box.border-bottom-theme-color-3px:hover {
  box-shadow: 0 22px 46px rgba(16, 24, 40, .14) !important;
  transform: translateY(-6px);
}
html body .health-card img,
html body .fsl-card img,
html body .wash-card img,
html body .emergency-card img,
html body .protection-card img,
html body .crg-card img,
html body .mission-card img,
html body .ss-card img,
html body .sd-card img,
html body .donate-card img {
  border-radius: 10px;
  transition: transform .7s ease;
}
html body .health-card h4,
html body .fsl-card h4,
html body .wash-card h4,
html body .emergency-card h4,
html body .protection-card h4,
html body .crg-card h4,
html body .mission-card h4,
html body .ss-card h4,
html body .sd-card h4,
html body .donate-card h4 { color: var(--ardf-ink) !important; }

/* Figure boxes */
html body .health-stat,
html body .fsl-stat,
html body .wash-stat,
html body .emergency-stat,
html body .protection-stat,
html body .crg-stat,
html body .mission-stat,
html body .ss-stat,
html body .sd-stat,
html body .donate-stat {
  border-radius: 12px !important;
  transition: transform .3s ease, box-shadow .3s ease;
}
html body .health-stat:hover,
html body .fsl-stat:hover,
html body .wash-stat:hover,
html body .emergency-stat:hover,
html body .protection-stat:hover,
html body .crg-stat:hover,
html body .mission-stat:hover,
html body .ss-stat:hover,
html body .sd-stat:hover,
html body .donate-stat:hover { box-shadow: 0 18px 38px rgba(16, 24, 40, .13) !important; transform: translateY(-4px); }

/* Panels and feature blocks */
html body .health-panel,
html body .health-feature,
html body .health-hero-card,
html body .health-intro-panel,
html body .health-need-panel,
html body .health-impact-panel,
html body .health-map-panel,
html body .health-form-panel,
html body .health-method-panel,
html body .fsl-panel,
html body .fsl-feature,
html body .fsl-hero-card,
html body .fsl-intro-panel,
html body .fsl-need-panel,
html body .fsl-impact-panel,
html body .fsl-map-panel,
html body .fsl-form-panel,
html body .fsl-method-panel,
html body .wash-panel,
html body .wash-feature,
html body .wash-hero-card,
html body .wash-intro-panel,
html body .wash-need-panel,
html body .wash-impact-panel,
html body .wash-map-panel,
html body .wash-form-panel,
html body .wash-method-panel,
html body .emergency-panel,
html body .emergency-feature,
html body .emergency-hero-card,
html body .emergency-intro-panel,
html body .emergency-need-panel,
html body .emergency-impact-panel,
html body .emergency-map-panel,
html body .emergency-form-panel,
html body .emergency-method-panel,
html body .protection-panel,
html body .protection-feature,
html body .protection-hero-card,
html body .protection-intro-panel,
html body .protection-need-panel,
html body .protection-impact-panel,
html body .protection-map-panel,
html body .protection-form-panel,
html body .protection-method-panel,
html body .crg-panel,
html body .crg-feature,
html body .crg-hero-card,
html body .crg-intro-panel,
html body .crg-need-panel,
html body .crg-impact-panel,
html body .crg-map-panel,
html body .crg-form-panel,
html body .crg-method-panel,
html body .mission-panel,
html body .mission-feature,
html body .mission-hero-card,
html body .mission-intro-panel,
html body .mission-need-panel,
html body .mission-impact-panel,
html body .mission-map-panel,
html body .mission-form-panel,
html body .mission-method-panel,
html body .ss-panel,
html body .ss-feature,
html body .ss-hero-card,
html body .ss-intro-panel,
html body .ss-need-panel,
html body .ss-impact-panel,
html body .ss-map-panel,
html body .ss-form-panel,
html body .ss-method-panel,
html body .sd-panel,
html body .sd-feature,
html body .sd-hero-card,
html body .sd-intro-panel,
html body .sd-need-panel,
html body .sd-impact-panel,
html body .sd-map-panel,
html body .sd-form-panel,
html body .sd-method-panel,
html body .donate-panel,
html body .donate-feature,
html body .donate-hero-card,
html body .donate-intro-panel,
html body .donate-need-panel,
html body .donate-impact-panel,
html body .donate-map-panel,
html body .donate-form-panel,
html body .donate-method-panel {
  border-radius: 14px !important;
}
html body .health-hero-image,
html body .fsl-hero-image,
html body .wash-hero-image,
html body .emergency-hero-image,
html body .protection-hero-image,
html body .crg-hero-image,
html body .mission-hero-image,
html body .ss-hero-image,
html body .sd-hero-image,
html body .donate-hero-image { border-radius: 14px; }

/* Our Team */
html body .team.border-1px {
  background: #fff;
  border: 1px solid var(--ardf-line) !important;
  border-bottom: 3px solid var(--ardf-o) !important;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(16, 24, 40, .07);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}
html body .team.border-1px:hover { box-shadow: 0 22px 46px rgba(16, 24, 40, .14); transform: translateY(-6px); }
html body .team .thumb { overflow: hidden; }
html body .team .thumb img { transition: transform .7s ease; }
html body .team:hover .thumb img { transform: scale(1.05); }
html body .team .name { font-size: 15px; font-weight: 700; }

/* News & Stories, Reports */
html body .post.border-bottom-theme-color-2px {
  background: #fff !important;
  border: 1px solid var(--ardf-line);
  border-bottom: 3px solid var(--ardf-o) !important;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(16, 24, 40, .07);
  overflow: hidden;
  transition: transform .3s ease, box-shadow .3s ease;
}
html body .post.border-bottom-theme-color-2px:hover { box-shadow: 0 22px 46px rgba(16, 24, 40, .14); transform: translateY(-6px); }
html body .post.border-bottom-theme-color-2px .post-thumb { overflow: hidden; }
html body .post.border-bottom-theme-color-2px .post-thumb img { aspect-ratio: 16 / 10; object-fit: cover; transition: transform .7s ease; }
html body .post.border-bottom-theme-color-2px:hover .post-thumb img { transform: scale(1.06); }

/* Current Jobs */
html body .post.media-post { border-radius: 12px; overflow: hidden; }

/* Buttons everywhere: rounded, heading font */
html body .main-content .btn { border-radius: 6px; font-weight: 600; }
html body .main-content .btn-theme-colored:hover { background-color: var(--ardf-o-dark) !important; border-color: var(--ardf-o-dark) !important; color: #fff !important; }

/* =====================================================================
 * Third pass (2026-10-11): back-to-top, home photo inset + year badge, scroll fade-in
 * ===================================================================== */

/* Theme's back-to-top button: round, orange, lifted */
html body .scrollToTop {
  align-items: center;
  background: var(--ardf-o) !important;
  border: 0 !important;
  border-radius: 50% !important;
  bottom: 24px;
  box-shadow: 0 10px 24px rgba(254, 103, 2, .4);
  color: #fff !important;
  display: none;
  font-size: 22px;
  height: 46px !important;
  justify-content: center;
  line-height: 46px !important;
  padding: 0 !important;
  right: 24px;
  text-align: center;
  transition: transform .2s ease, background .2s ease;
  width: 46px !important;
}
html body .scrollToTop:hover { background: var(--ardf-o-dark) !important; transform: translateY(-3px); }
html body .scrollToTop i { color: #fff; line-height: 46px; }

/* Home "Together…" block: second photo overlapping + founding year */
html body .home-about-image { padding: 0 0 70px 0; position: relative; }
html body .home-about-image .imgabt1 { min-height: 330px !important; width: 82% !important; }
html body .home-about-image .ardf-about-inset {
  min-height: 0 !important;
  z-index: 1;
  border: 6px solid #fff;
  border-radius: 14px;
  bottom: 0;
  box-shadow: 0 20px 40px rgba(16, 24, 40, .22);
  height: 210px !important;
  object-fit: cover;
  position: absolute;
  right: 0;
  width: 52% !important;
}
.ardf-since {
  background: var(--ardf-o);
  border-radius: 12px;
  box-shadow: 0 14px 30px rgba(254, 103, 2, .4);
  color: #fff;
  display: flex;
  flex-direction: column;
  font-family: var(--ardf-head);
  font-size: 12px;
  font-weight: 600;
  left: -18px;
  letter-spacing: .1em;
  line-height: 1.3;
  padding: 14px 18px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 28px;
  z-index: 2;
}
.ardf-since strong { font-size: 30px; font-weight: 800; letter-spacing: 0; line-height: 1.1; }
@media (max-width: 991px) {
  .ardf-since { left: 10px; }
}
@media (max-width: 767px) {
  /* the theme hides this photo on phones (style-main .imgabt1); keep that, hide the extras with it */
  html body .home-about-image { padding-bottom: 0; }
  html body .home-about-image .ardf-about-inset,
  .ardf-since { display: none !important; }
}

/* Scroll fade-in (only when js/ardf-refresh.js has switched it on) */
.ardf-reveal .ardf-rv {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .7s ease, transform .5s ease, box-shadow .3s ease !important;
}
.ardf-reveal .ardf-rv.is-in { opacity: 1; transform: none; }
@media print { .ardf-reveal .ardf-rv { opacity: 1 !important; transform: none !important; } }