/* FILE ROLE: Legacy Additional CSS exported from the original site. Loaded before native header/footer overrides. */

/* =========================================
   RACHYITA FOUNDATION - COMPLETE HEADER CSS
========================================= */



:root {
  --rf-orange: #f7941d;
  --rf-green: #176b52;
  --rf-dark: #172333;
  --rf-white: #ffffff;
  --rf-cream: #fffaf0;
  --rf-border: #e8e8e8;
}

/* Global fonts */
body,
p,
li,
button,
input,
textarea,
select {
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif;
}

h2,
.entry-content h2,
.elementor-widget-heading h2 {
  font-family: "Baloo 2", "Trebuchet MS", "Arial Rounded MT Bold", Arial, sans-serif;
  font-weight: 800;
  line-height: 1.15;
}

/* Header */
.site-header {
  position: relative;
  z-index: 999;
  background: var(--rf-white);
  border-bottom: 1px solid var(--rf-border);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.site-header .inside-header {
  display: flex;
  align-items: center;
  min-height: 82px;
  padding: 8px 24px !important;
}

/* Logo */
.site-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.site-logo img {
  display: block;
  width: 180px;
  height: auto;
  max-height: 68px;
  object-fit: contain;
}

/* Navigation */
#site-navigation {
  margin-left: auto;
  background: transparent;
}

#site-navigation .inside-navigation {
  padding: 0;
}

#site-navigation .main-nav > ul {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  padding: 0;
}

/* Main menu text */
#site-navigation .main-nav ul li a,
#site-navigation .dropdown-menu-toggle {
  color: var(--rf-dark);
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
  text-decoration: none;
  transition: color 0.25s ease, background 0.25s ease;
}

#site-navigation .main-nav > ul > li > a {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0 13px;
  border: 0 !important;
  box-shadow: none !important;
}

/* Green hover and active text */
#site-navigation .main-nav ul li:hover > a,
#site-navigation .main-nav ul li:focus-within > a,
#site-navigation .main-nav ul li.current-menu-item > a,
#site-navigation .main-nav ul li.current-menu-ancestor > a {
  background: transparent !important;
  color: var(--rf-green) !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Dropdown icon */
#site-navigation .dropdown-menu-toggle {
  display: inline-flex;
  align-items: center;
  padding-left: 6px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Desktop submenu */
#site-navigation .main-nav ul ul {
  min-width: 235px;
  padding: 8px 0;
  border: 0 !important;
  background: var(--rf-white);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);
}

#site-navigation .main-nav ul ul li {
  width: 100%;
}

#site-navigation .main-nav ul ul li a {
  display: block;
  padding: 12px 18px;
  color: var(--rf-dark);
  font-size: 14px;
  font-weight: 700;
  border: 0 !important;
}

#site-navigation .main-nav ul ul li a:hover,
#site-navigation .main-nav ul ul li.current-menu-item > a {
  background: #f2faf6 !important;
  color: var(--rf-green) !important;
  border: 0 !important;
}

/* Donate and Buy Now buttons */
#site-navigation .main-nav > ul > li.donate-menu-item,
#site-navigation .main-nav > ul > li.buy-now-menu-item {
  margin-left: 8px;
}

#site-navigation .main-nav > ul > li.donate-menu-item > a,
#site-navigation .main-nav > ul > li.buy-now-menu-item > a {
  min-height: 42px;
  padding: 0 20px;
  border: 0 !important;
  border-radius: 4px;
  color: var(--rf-white) !important;
  font-weight: 800;
}

/* Donate */
#site-navigation .main-nav > ul > li.donate-menu-item > a {
  background: var(--rf-orange) !important;
}

/* Buy Now */
#site-navigation .main-nav > ul > li.buy-now-menu-item > a {
  background: var(--rf-green) !important;
}

/* Button hover */
#site-navigation .main-nav > ul > li.donate-menu-item > a:hover {
  background: var(--rf-green) !important;
  color: var(--rf-white) !important;
}

#site-navigation .main-nav > ul > li.buy-now-menu-item > a:hover {
  background: var(--rf-orange) !important;
  color: var(--rf-white) !important;
}

/* Mobile menu button */
.menu-toggle {
  border: 0 !important;
  border-radius: 4px;
  background: var(--rf-orange) !important;
  color: var(--rf-white) !important;
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif;
  font-weight: 800;
  box-shadow: none !important;
}

.menu-toggle:hover {
  background: var(--rf-green) !important;
  color: var(--rf-white) !important;
}

/* Focus accessibility */
#site-navigation a:focus-visible,
#site-navigation button:focus-visible,
.menu-toggle:focus-visible {
  outline: 2px solid var(--rf-green) !important;
  outline-offset: 2px;
}

/* Tablet */
@media (max-width: 1024px) {
  .site-header .inside-header {
    padding: 8px 18px !important;
  }

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

  #site-navigation .main-nav > ul > li > a {
    padding: 0 8px;
    font-size: 14px;
  }
}

/* Mobile */
@media (max-width: 768px) {

  .site-header .inside-header {
    display: flex;
    align-items: center;
    min-height: 68px;
    padding: 7px 14px !important;
  }

  .site-logo img {
    width: 145px;
    max-height: 58px;
  }

  .mobile-menu-control-wrapper {
    display: block;
    margin-left: auto;
  }

  #site-navigation {
    width: 100%;
    margin: 0;
    background: var(--rf-white);
  }

  #site-navigation .inside-navigation {
    padding: 0;
  }

  /*
   * LEGACY NAVIGATION COMPATIBILITY NOTE:
   * This block came from the exported/older navigation CSS.
   * assets/js/navigation.js now synchronizes `.toggled` with the native
   * `.site-header.is-open` state, and header.css contains the final override.
   * Do not use this block as the primary navigation controller.
   */
  /* Mobile menu closed by default */
  #site-navigation:not(.toggled) .main-nav {
    display: none !important;
    visibility: hidden;
    opacity: 0;
  }

  /* Opens only after click */
  #site-navigation.toggled .main-nav {
    display: block !important;
    visibility: visible;
    opacity: 1;
  }

  #site-navigation .main-nav > ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px 14px 14px;
  }

  #site-navigation .main-nav > ul > li {
    width: 100%;
  }

  /* Mobile menu links */
  #site-navigation .main-nav ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 46px;
    padding: 12px 5px;
    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    background: transparent !important;
    color: var(--rf-dark);
    font-size: 15px;
    font-weight: 800;
  }

  #site-navigation .main-nav ul li a:hover,
  #site-navigation .main-nav ul li.current-menu-item > a,
  #site-navigation .main-nav ul li.current-menu-ancestor > a {
    background: transparent !important;
    color: var(--rf-green) !important;
  }

  /* Arrow right side */
  #site-navigation .main-nav li.menu-item-has-children > a {
    display: flex;
    justify-content: space-between;
  }

  #site-navigation .dropdown-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    padding: 0 4px 0 16px !important;
    color: var(--rf-dark) !important;
  }

  #site-navigation .main-nav li:hover > a .dropdown-menu-toggle,
  #site-navigation .main-nav li.focus > a .dropdown-menu-toggle,
  #site-navigation .main-nav li.sfHover > a .dropdown-menu-toggle {
    color: var(--rf-green) !important;
  }

  /* Mobile submenu closed */
  #site-navigation .main-nav ul ul {
    position: static !important;
    display: none;
    width: 100%;
    min-width: 100%;
    margin: 0;
    padding: 0 0 0 16px;
    border: 0 !important;
    background: var(--rf-cream);
    box-shadow: none !important;
  }

  /* Mobile submenu opens only on click */
  #site-navigation .main-nav li.sfHover > ul,
  #site-navigation .main-nav li.focus > ul {
    display: block;
  }

  #site-navigation .main-nav ul ul li a {
    min-height: 42px;
    padding-left: 18px;
    font-size: 14px;
    font-weight: 700;
  }

  /* Donate and Buy Now at bottom */
  #site-navigation .main-nav > ul > li.donate-menu-item,
  #site-navigation .main-nav > ul > li.buy-now-menu-item {
    width: 100%;
    margin: 10px 0 0;
  }

  #site-navigation .main-nav > ul > li.donate-menu-item > a,
  #site-navigation .main-nav > ul > li.buy-now-menu-item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    border: 0 !important;
    border-radius: 4px;
  }

  /* Mobile menu icon */
  #mobile-menu-control-wrapper .menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 40px;
    padding: 0;
    border: 0 !important;
    border-radius: 4px;
    background: var(--rf-orange) !important;
    color: var(--rf-white) !important;
  }

  /* Remove duplicate GeneratePress toggle */
  #site-navigation > .inside-navigation > .menu-toggle {
    display: none !important;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  .site-logo img {
    width: 135px;
  }

  #site-navigation .main-nav > ul {
    padding-right: 12px;
    padding-left: 12px;
  }
}

/* Desktop menu visible */
@media (min-width: 769px) {
  #site-navigation .main-nav {
    display: block !important;
    visibility: visible;
    opacity: 1;
  }
}














/* =========================================
   RACHYITA FOUNDATION - COMPLETE FOOTER CSS
========================================= */



.site-footer,
.site-footer *,
.footer-widgets,
.footer-widgets-container,
.inside-footer-widgets {
  box-sizing: border-box;
}

.site-footer {
  margin: 0 !important;
  padding: 0 !important;
  background: #222222 !important;
  color: #ffffff !important;
}

.footer-widgets {
  margin: 0 !important;
  padding: 0 !important;
  background: #222222 !important;
}

.footer-widgets-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 42px 22px 25px !important;
}

.inside-footer-widgets {
  display: grid !important;
  grid-template-columns: 1.2fr 0.8fr;

  width: min(1000px, 100%);
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: start;
}

.footer-widget-1,
.footer-widget-2,
.footer-widgets .widget {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Brand */
.rf-footer-brand {
  margin: 0 !important;
  padding: 0 !important;
}

.rf-footer-brand h2 {
  margin: 0 0 15px !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif !important;
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.rf-footer-brand p {
  max-width: 470px;
  margin: 0 0 20px !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

/* Newsletter */
.rf-newsletter-box {
  margin: 0 !important;
  padding: 0 !important;
}

.rf-newsletter-box label {
  display: block;
  margin: 0 0 7px !important;
  color: #aaaaaa !important;
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.rf-newsletter-box label span {
  color: #f7941d;
}

.rf-newsletter-box input[type="email"],
.rf-newsletter-box input[type="text"] {
  width: 100%;
  max-width: 440px;
  min-height: 42px;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 1px solid #dddddd !important;
  border-radius: 3px;
  background: #ffffff !important;
  color: #222222 !important;
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif;
}

.rf-newsletter-box button,
.rf-newsletter-box input[type="submit"] {
  min-height: 42px;
  margin: 10px 0 0 !important;
  padding: 0 24px !important;
  border: 0 !important;
  border-radius: 3px;
  background: #f7941d !important;
  color: #ffffff !important;
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}

.rf-newsletter-box button:hover,
.rf-newsletter-box input[type="submit"]:hover {
  background: #176b52 !important;
}

/* Links card */
.rf-footer-links {
  margin: 0 !important;
  padding: 17px !important;
  border-radius: 7px;
  background: #ffffff !important;
}

.rf-footer-links > a {
  display: block;
  margin: 0 0 9px !important;
  padding: 0 !important;
  color: #172333 !important;
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}

.rf-footer-links > a:hover {
  color: #176b52 !important;
}

/* Contact */
.rf-footer-contact {
  margin: 19px 0 0 !important;
  padding: 0 !important;
}

.rf-footer-contact a {
  display: block;
  margin: 0 0 9px !important;
  padding: 0 !important;
  color: #172333 !important;
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

.rf-footer-contact a:hover {
  color: #176b52 !important;
}

/* Social icons */
.rf-social-links {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 16px 0 0 !important;
  padding: 0 !important;
}

.rf-social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50%;
  background: #176b52 !important;
  color: transparent !important;
  font-size: 0 !important;
  text-decoration: none;
  transition: background 0.25s ease, transform 0.25s ease;
}

.rf-social-links a::before {
  color: #ffffff !important;
  font-family: "Font Awesome 6 Brands";
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

/* Font Awesome icons using aria-label */
.rf-social-links a[aria-label="Facebook"]::before {
  content: "\f39e";
}

.rf-social-links a[aria-label="X"]::before {
  content: "\e61f";
}

.rf-social-links a[aria-label="YouTube"]::before {
  content: "\f167";
}

.rf-social-links a[aria-label="Instagram"]::before {
  content: "\f16d";
}

.rf-social-links a[aria-label="LinkedIn"]::before {
  content: "\f0e1";
}

.rf-social-links a:hover {
  background: #f7941d !important;
  transform: translateY(-2px);
}

/* Copyright */
.site-info {
  width: 100%;
  margin: 0 !important;
  padding: 15px 20px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: #222222 !important;
  color: #ffffff !important;
  font-family: "Quicksand", "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

.site-info a {
  color: #f7941d !important;
}

/* Mobile footer */
@media (max-width: 768px) {

  .footer-widgets-container {
    margin: 0 !important;
  }

  .inside-footer-widgets {
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .footer-widget-1,
  .footer-widget-2 {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .rf-footer-brand h2 {
    font-size: 26px !important;
  }

  .rf-footer-brand p {
    font-size: 13px !important;
  }

  .rf-footer-links {
    margin: 0 !important;
    padding: 15px 12px !important;
  }

  .rf-newsletter-box input[type="email"],
  .rf-newsletter-box input[type="text"] {
    max-width: 100%;
  }

  .rf-newsletter-box button,
  .rf-newsletter-box input[type="submit"] {
    width: 100%;
  }

  .site-info {
    padding: 14px 20px !important;
  }
}



/* =========================================
   REMOVE GAP BETWEEN TEAM SECTIONS
========================================= */

/* Remove GeneratePress outer spacing only on this page */
#primary:has(#rf-team-difference-2026),
#primary:has(#rf-team-difference-2026) .inside-article,
#primary:has(#rf-team-difference-2026) .entry-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove section margins */
#rf-team-difference-2026,
#rf-create-impact-2026 {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Remove gap between grey and dark section */
#rf-team-difference-2026 + #rf-create-impact-2026 {
  margin-top: 0 !important;
  padding-top: 62px !important;
}

/* Prevent blank space from parent content */
#primary:has(#rf-team-difference-2026) .entry-content > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Ensure both backgrounds touch perfectly */
#rf-team-difference-2026 {
  border-bottom: 0 !important;
}

#rf-create-impact-2026 {
  border-top: 0 !important;
}