/* Front Door Agency - old site look (from the Divi site, Sep 2026 capture).
   Paste once into Salient > Theme Options > General Settings > Custom CSS.
   The page HTML carries most colors and spacing inline; this file sets the base type and the grid. */
.fda-legacy { font-family: "Open Sans", Arial, sans-serif; font-size: 14px; line-height: 1.7em; color: #636363; font-weight: 500; }
.fda-legacy *, .fda-legacy *::before, .fda-legacy *::after { box-sizing: border-box; }
.fda-legacy a { color: #2988db; text-decoration: none; }
.fda-legacy a:hover { text-decoration: underline; }
.fda-legacy h1, .fda-legacy h2, .fda-legacy h3, .fda-legacy h4, .fda-legacy h5, .fda-legacy h6 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif; color: #333; font-weight: 500; line-height: 1em; margin: 0; padding-bottom: 10px; letter-spacing: 0; text-transform: none; }
.fda-legacy p { margin: 0; padding-bottom: 1em; }
.fda-legacy p:last-of-type { padding-bottom: 0; }
.fda-legacy ul, .fda-legacy ol { margin: 0; padding: 0 0 23px 1em; line-height: 26px; }
.fda-legacy ul { list-style: disc; }
.fda-legacy img { max-width: 100%; height: auto; vertical-align: bottom; }
.fda-legacy strong { font-weight: 700; }

.fda-legacy .fda-section { position: relative; display: block; padding: 4% 0; }
.fda-legacy .fda-row { position: relative; width: 80%; max-width: 1080px; margin: 0 auto; padding: 2% 0; display: flex; flex-wrap: wrap; align-items: stretch; }
.fda-legacy .fda-row .fda-row { width: 100%; }
.fda-legacy .fda-col { position: relative; min-height: 1px; flex: 0 0 auto; }
.fda-legacy .fda-col:last-child { margin-right: 0 !important; }
.fda-legacy .fda-module { position: relative; word-wrap: break-word; }
.fda-legacy .fda-module:last-child { margin-bottom: 0 !important; }

.fda-legacy .fda-button { display: inline-block; font-family: "Open Sans", Arial, sans-serif; font-size: 20px; font-weight: 500; line-height: 1.7em;
  padding: .3em 1em; border: 2px solid; border-radius: 3px; transition: background-color .3s, color .3s, border-color .3s; }
.fda-legacy .fda-button:hover { text-decoration: none; filter: brightness(1.08); }

.fda-legacy .fda-stat { text-align: center; }
.fda-legacy .fda-stat-number { font-family: "Montserrat", Arial, sans-serif; font-size: 72px; font-weight: 700; line-height: 1.1; padding-bottom: 10px; }
.fda-legacy details.fda-toggle { border: 1px solid #d9d9d9; padding: 20px; background: #f4f4f4; margin-bottom: 20px; }
.fda-legacy details.fda-toggle[open] { background: #fff; }
.fda-legacy details.fda-toggle > summary { cursor: pointer; font-family: "Montserrat", Arial, sans-serif; font-size: 16px; color: #333; list-style: none; }
.fda-legacy details.fda-toggle > summary::-webkit-details-marker { display: none; }
.fda-legacy details.fda-toggle > summary::after { content: "+"; float: right; font-size: 18px; color: #ccc; }
.fda-legacy details.fda-toggle[open] > summary::after { content: "\2013"; }
.fda-legacy details.fda-toggle[open] > summary { margin-bottom: 14px; }

.fda-legacy .form-placeholder { border: 2px dashed #0085cc; background: #eef7fc; padding: 18px 20px; border-radius: 3px; }
.fda-legacy .form-placeholder ul { font-size: 13px; color: #555; }
.fda-legacy iframe { display: block; }
.fda-legacy table { border-collapse: collapse; width: 100%; }
.fda-legacy td, .fda-legacy th { border: 1px solid #eee; padding: 6px 10px; vertical-align: top; text-align: left; }

/* tablet and phone: columns stack, as on the old site */
@media (max-width: 980px) {
  .fda-legacy .fda-section { padding: 50px 0; }
  .fda-legacy .fda-row { padding: 30px 0; }
  .fda-legacy .fda-col { width: 100% !important; margin-right: 0 !important; margin-bottom: 30px; }
  .fda-legacy .fda-col:last-child { margin-bottom: 0; }
  .fda-legacy h1 { font-size: 34px !important; line-height: 1.2 !important; }
  .fda-legacy h2 { font-size: 28px !important; line-height: 1.2 !important; }
  .fda-legacy .fda-stat-number { font-size: 54px; }
}
@media (max-width: 600px) {
  .fda-legacy .fda-row { width: 90% !important; }
  .fda-legacy h1 { font-size: 28px !important; }
  .fda-legacy h2 { font-size: 24px !important; }
  .fda-legacy .fda-button { font-size: 16px !important; }
}

/* wide rows keep their columns side by side on desktop */
@media (min-width: 981px) { .fda-legacy .fda-row { flex-wrap: nowrap; } }

/* social icons and Instagram slot */
.fda-legacy .fda-social { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 3px; color: #fff !important; margin: 0 4px; vertical-align: middle; }
.fda-legacy .fda-social:hover { text-decoration: none; opacity: .85; }
.fda-legacy .fda-instagram { border: 2px dashed #0085cc; background: #eef7fc; padding: 18px 20px; border-radius: 3px; }

/* site header, as on the old site: blue top bar, white bar with logo and grey menu */
.fda-header { font-family: "Open Sans", Arial, sans-serif; box-shadow: 0 12px 18px -6px rgba(0,0,0,.3); position: relative; z-index: 50; background: #fff; }
.fda-header .fda-wrap { width: 90%; max-width: 1180px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.fda-topbar { background: #0085cc; padding: 8px 0; }
.fda-header .fda-social { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 3px; color: #fff; margin-right: 6px; }
.fda-top-donate { color: #fff; border: 2px solid #fff; border-radius: 3px; padding: 4px 18px; font-size: 20px; font-weight: 500; letter-spacing: 1px; text-decoration: none; }
.fda-top-donate:hover { background: rgba(255,255,255,.15); }
.fda-mainbar { padding: 14px 0; }
.fda-logo img { display: block; width: 291px; max-width: 60vw; height: auto; }
.fda-menu ul { list-style: none; margin: 0; padding: 0; }
.fda-menu > ul { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.fda-menu li { position: relative; }
.fda-menu > ul > li > a { display: block; padding: 10px 11px; color: #666; font-weight: 600; font-size: 14px; text-decoration: none; }
.fda-menu > ul > li.has-sub > a::after { content: "\25BE"; margin-left: 5px; font-size: 11px; }
.fda-menu a:hover { color: #0085cc; }
.fda-menu li ul { display: none; position: absolute; top: 100%; left: 0; min-width: 260px; background: #fff; border-top: 3px solid #0085cc; box-shadow: 0 2px 5px rgba(0,0,0,.1); padding: 12px 0; z-index: 60; }
.fda-menu li:hover > ul, .fda-menu li:focus-within > ul { display: block; }
.fda-menu li ul ul { position: static; display: block; box-shadow: none; border: 0; padding: 0 0 0 14px; min-width: 0; }
.fda-menu li ul a { display: block; padding: 6px 20px; color: #666; font-size: 14px; text-decoration: none; }
@media (max-width: 980px) {
  .fda-mainbar .fda-wrap { flex-direction: column; }
  .fda-menu > ul { justify-content: center; }
  .fda-menu li ul { left: 50%; transform: translateX(-50%); }
}

/* program cards (old site: flip boxes; the back face held the Learn More button) */
.fda-legacy .fda-card { background: #fff; text-align: center; padding: 15px 15px 20px; margin-bottom: 16px; }
.fda-legacy .fda-card img { display: block; margin: 0 auto 14px; }
.fda-legacy .fda-card h4 { margin-bottom: 12px !important; }
.fda-legacy .fda-legacy a.fda-card-button, .fda-legacy a.fda-card-button { display: inline-block; background: #0085cc; color: #fff; border: 0; font-size: 14px; font-weight: 600; padding: 6px 16px; border-radius: 3px; }

/* header colors win over the base link color */
.fda-legacy .fda-header a.fda-top-donate { color: #fff; }
.fda-legacy .fda-menu > ul > li > a { font-size: 16px; color: #666; }
.fda-legacy .fda-menu li ul a { color: #666; }
.fda-legacy .fda-menu a:hover { color: #0085cc; text-decoration: none; }
.fda-legacy .fda-menu > ul > li > a { font-size: 21px; font-weight: 600; color: rgba(0,0,0,.6); padding: 4px 14px; margin: 6px 0; border-right: 1px solid #ccc; }
.fda-legacy .fda-menu > ul > li:last-child > a, .fda-legacy .fda-menu > ul > li:nth-last-child(2) > a { border-right: 0; }
@media (max-width: 1200px) { .fda-legacy .fda-menu > ul > li > a { font-size: 17px; padding: 4px 10px; } }

/* When a section sits inside a WPBakery/Salient text block, remove the builder's own spacing so sections stack edge to edge */
.wpb_row:has(.fda-legacy), .vc_row:has(.fda-legacy) { margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.vc_column-inner:has(.fda-legacy), .wpb_column:has(.fda-legacy) > .vc_column-inner { padding: 0 !important; }
.wpb_text_column:has(.fda-legacy), .wpb_content_element:has(.fda-legacy), .wpb_text_column:has(.fda-legacy) .wpb_wrapper { margin: 0 !important; padding: 0 !important; }
.fda-legacy p:empty { display: none; }
.fda-legacy .fda-form { max-width: 900px; margin: 0 auto; }