/* ============================================================
   NSPRI REDESIGN OVERRIDE — Logo palette: Yellow / Black / Red
   Loads after all existing CSS — overrides only, nothing removed
   ============================================================ */

/* --- Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=Inter:wght@400;500;600;700&display=swap');

/* --- Root palette --- */
:root {
  --nspri-black:   #1A1A1A;
  --nspri-yellow:  #F5D800;
  --nspri-yellow-d:#D4B800;
  --nspri-red:     #CC1A1A;
  --nspri-red-d:   #AA0F0F;
  --nspri-warm:    #FAFAF7;
  --nspri-muted:   #555550;
  --nspri-border:  rgba(26,26,26,0.13);
}

/* --- Body & base typography --- */
body {
  font-family: 'Inter', Arial, sans-serif !important;
  background: var(--nspri-warm) !important;
  color: var(--nspri-black) !important;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--nspri-black) !important;
}

/* --- Top navigation bar --- */
.top-navigation-wrapper {
  background: var(--nspri-black) !important;
  border-bottom: 2px solid var(--nspri-yellow) !important;
}
.top-navigation-left-text {
  color: rgba(255,255,255,0.75) !important;
  font-size: 12px !important;
}
.top-social-wrapper .social-icon a {
  color: rgba(255,255,255,0.65) !important;
  transition: color .2s !important;
}
.top-social-wrapper .social-icon a:hover {
  color: var(--nspri-yellow) !important;
}

/* --- Main header / nav bar --- */
.greennature-header-wrapper {
  background: #ffffff !important;
  border-bottom: 1px solid var(--nspri-border) !important;
  box-shadow: none !important;
}
.greennature-header-inner {
  background: #ffffff !important;
}

/* --- Logo --- */
.greennature-logo-inner {
  border-radius: 0 !important;
}

/* --- Desktop nav links --- */
.greennature-main-menu > li > a {
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--nspri-black) !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
}
.greennature-main-menu > li > a:hover,
.greennature-main-menu > li.current-menu-item > a,
.greennature-main-menu > li.active-menu-item > a {
  color: var(--nspri-red) !important;
  border-bottom: 2px solid var(--nspri-yellow) !important;
}

/* --- Dropdown menus --- */
.greennature-main-menu .sub-menu,
.greennature-main-menu .sf-mega {
  background: #ffffff !important;
  border: 1px solid var(--nspri-border) !important;
  border-top: 3px solid var(--nspri-yellow) !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: 0 8px 24px rgba(26,26,26,0.1) !important;
}
.greennature-main-menu .sub-menu li a {
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  color: var(--nspri-black) !important;
  padding: 9px 18px !important;
}
.greennature-main-menu .sub-menu li a:hover {
  background: #FFFBE0 !important;
  color: var(--nspri-red) !important;
}

/* --- Mobile nav button --- */
.dl-trigger {
  background: var(--nspri-yellow) !important;
  color: var(--nspri-black) !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  font-family: 'Inter', sans-serif !important;
}
.dl-menu li a {
  color: var(--nspri-black) !important;
  font-family: 'Inter', sans-serif !important;
}
.dl-menu li.current-menu-item > a {
  color: var(--nspri-red) !important;
}

/* --- Pledge / Vision / Mission section --- */
#content-section-2 .greennature-color-wrapper {
  background: var(--nspri-black) !important;
  border-top: 4px solid var(--nspri-yellow) !important;
}
.column-service-title {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--nspri-yellow) !important;
  font-size: 18px !important;
}
.column-service-content p {
  color: rgba(255,255,255,0.78) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
.greennature-column-service-item {
  border-right: 1px solid rgba(255,255,255,0.1) !important;
}

/* --- Section headings / item titles --- */
.greennature-item-title,
.greennature-skin-title {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--nspri-black) !important;
}
.greennature-item-title-link {
  background: var(--nspri-yellow) !important;
  color: var(--nspri-black) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  padding: 8px 16px !important;
}
.greennature-item-title-link:hover {
  background: var(--nspri-yellow-d) !important;
  color: var(--nspri-black) !important;
}

/* --- Buttons / CTAs --- */
.greennature-button,
.greennature-donate-button,
a.greennature-button {
  background: var(--nspri-yellow) !important;
  color: var(--nspri-black) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
  border-radius: 5px !important;
  border: none !important;
}
.greennature-button:hover,
a.greennature-button:hover {
  background: var(--nspri-yellow-d) !important;
  color: var(--nspri-black) !important;
}

/* --- Blog / Event cards --- */
.blog-title a,
.greennature-blog-title a {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--nspri-black) !important;
}
.blog-title a:hover,
.greennature-blog-title a:hover {
  color: var(--nspri-red) !important;
}
.blog-info,
.greennature-skin-info {
  color: var(--nspri-muted) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
}
.greennature-blog-thumbnail img {
  border-radius: 8px !important;
}

/* --- Technology / Products / Photo gallery section --- */
#content-section-6 .greennature-color-wrapper {
  background: var(--nspri-black) !important;
  border-top: 4px solid var(--nspri-yellow) !important;
}
#content-section-6 h2 {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--nspri-yellow) !important;
}
.carousel-caption {
  background: rgba(26,26,26,0.85) !important;
  border-radius: 6px !important;
}
.carousel-caption h5 {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--nspri-yellow) !important;
  font-size: 15px !important;
}
.carousel-caption h6 {
  color: rgba(255,255,255,0.75) !important;
  font-size: 12px !important;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: var(--nspri-yellow) !important;
  border-radius: 50% !important;
  padding: 18px !important;
  background-size: 50% !important;
}

/* --- Parallax / Event background sections --- */
.greennature-parallax-wrapper {
  background-color: var(--nspri-warm) !important;
}

/* --- Footer --- */
.footer-wrapper {
  background: var(--nspri-black) !important;
  border-top: 4px solid var(--nspri-yellow) !important;
}
.footer-wrapper p,
.footer-wrapper div,
.footer-wrapper span,
.footer-wrapper li {
  color: rgba(255,255,255,0.72) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13.5px !important;
  line-height: 1.7 !important;
}
.footer-wrapper a {
  color: rgba(255,255,255,0.72) !important;
  transition: color .15s !important;
}
.footer-wrapper a:hover {
  color: var(--nspri-yellow) !important;
}
.greennature-widget-title {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--nspri-yellow) !important;
  font-size: 16px !important;
  border-bottom: 1px solid rgba(255,255,255,0.15) !important;
  padding-bottom: 10px !important;
  margin-bottom: 14px !important;
}

/* --- Copyright bar --- */
.copyright-wrapper {
  background: #111111 !important;
  border-top: 1px solid rgba(255,255,255,0.1) !important;
}
.copyright-wrapper a,
.copyright-wrapper .copyright-right,
.copyright-right a {
  color: rgba(255,255,255,0.5) !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
}
.copyright-wrapper .fa {
  color: rgba(255,255,255,0.5) !important;
  margin-right: 6px !important;
  transition: color .15s !important;
}
.copyright-wrapper .fa:hover {
  color: var(--nspri-yellow) !important;
}

/* --- General skin overrides --- */
.greennature-skin-border,
.greennature-left-divider .greennature-item-title-head {
  border-color: var(--nspri-yellow) !important;
}
.greennature-skin-content a {
  color: var(--nspri-red) !important;
}
.greennature-skin-content a:hover {
  color: var(--nspri-red-d) !important;
}

/* --- Page content area --- */
.content-wrapper,
.greennature-content {
  background: var(--nspri-warm) !important;
}

/* --- Recent post widget in footer --- */
.recent-post-widget-title a {
  color: rgba(255,255,255,0.85) !important;
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 13.5px !important;
}
.recent-post-widget-title a:hover {
  color: var(--nspri-yellow) !important;
}

/* --- Scrollbar accent --- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--nspri-warm); }
::-webkit-scrollbar-thumb { background: var(--nspri-yellow); border-radius: 3px; }

/* --- Logo size fix --- */
.greennature-logo img {
  max-width: 80px !important;
  height: auto !important;
}
.greennature-logo-inner {
  max-width: 80px !important;
}

/* --- Dropdown submenu text fix --- */
.greennature-main-menu .sub-menu,
.greennature-main-menu .sf-mega {
  background: #ffffff !important;
  border: 1px solid rgba(26,26,26,0.13) !important;
  border-top: 3px solid #F5D800 !important;
}
.greennature-main-menu .sub-menu li a,
.greennature-main-menu .sub-menu li a:visited,
.sf-menu .sub-menu li a {
  color: #1A1A1A !important;
  background: #ffffff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.greennature-main-menu .sub-menu li a:hover {
  background: #FFFBE0 !important;
  color: #CC1A1A !important;
}
.greennature-main-menu .sub-menu li {
  background: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* deeper nested submenus */
.greennature-main-menu .sub-menu .sub-menu li a {
  color: #1A1A1A !important;
  background: #ffffff !important;
}
.greennature-main-menu .sub-menu .sub-menu {
  background: #ffffff !important;
  border: 1px solid rgba(26,26,26,0.13) !important;
  border-left: 3px solid #F5D800 !important;
}

/* --- Nav logo size fix --- */
.greennature-logo img {
  max-width: 60px !important;
  width: 60px !important;
  height: 60px !important;
  object-fit: contain !important;
}
.greennature-logo-inner {
  max-width: 60px !important;
  width: 60px !important;
}
.greennature-logo {
  max-width: 60px !important;
}

/* --- Footer logo size fix --- */
.footer-wrapper .textwidget img,
.footer-wrapper img {
  max-width: 120px !important;
  width: 120px !important;
  height: auto !important;
}

/* --- Dropdown submenu text visible fix --- */
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  background: #ffffff !important;
}
.sf-menu ul li,
.sf-menu ul li a,
.greennature-main-menu ul li a,
.greennature-main-menu ul li,
.greennature-main-menu > li > ul > li > a,
.greennature-main-menu > li > ul > li > ul > li > a {
  background: #ffffff !important;
  color: #1A1A1A !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.greennature-main-menu ul {
  background: #ffffff !important;
}
.greennature-main-menu ul li a:hover {
  background: #FFFBE0 !important;
  color: #CC1A1A !important;
}

/* --- Footer logo smaller and round --- */
.footer-wrapper .textwidget img:first-child,
#footer-widget-1 .textwidget img {
  max-width: 90px !important;
  width: 90px !important;
  height: 90px !important;
  object-fit: contain !important;
  border-radius: 50% !important;
  display: block !important;
  margin-bottom: 14px !important;
}

/* --- Recent Works images fix --- */
.greennature-recent-port2-widget .recent-port-widget-thumbnail img {
  width: 70px !important;
  height: 70px !important;
  object-fit: cover !important;
  border-radius: 6px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* --- Pledge/Vision/Mission text readable fix --- */
#content-section-2 .greennature-color-wrapper,
.greennature-skin-brown-column-service {
  background-color: #1A1A1A !important;
}
.greennature-column-service-item {
  background-color: #1A1A1A !important;
}
.greennature-column-service-item.greennature-type-2 {
  background-color: #2A2A2A !important;
}
.column-service-content p,
.column-service-content,
.greennature-skin-content p {
  color: rgba(255,255,255,0.82) !important;
}
.column-service-title {
  color: #F5D800 !important;
}

/* --- About page Pledge/Vision/Mission fix --- */
.greennature-ux .column-service-content p {
  color: rgba(255,255,255,0.82) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

/* --- General dark section text fix --- */
.greennature-color-wrapper p,
.greennature-color-wrapper li,
.greennature-color-wrapper span {
  color: rgba(255,255,255,0.82) !important;
}

/* --- Light section text fix (parallax/warm sections) --- */
.greennature-parallax-wrapper p,
.greennature-parallax-wrapper li,
.greennature-parallax-wrapper h3,
.greennature-parallax-wrapper h4,
.greennature-parallax-wrapper span {
  color: #1A1A1A !important;
}

/* --- Equal height Pledge/Vision/Mission cards --- */
#content-section-2 .container {
  display: flex !important;
  align-items: stretch !important;
}
#content-section-2 .four.columns {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
}
#content-section-2 .greennature-ux {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
#content-section-2 .greennature-column-service-item {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 36px 28px !important;
  background-color: #2A2A2A !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
}
#content-section-2 .greennature-column-service-item:last-child {
  border-right: none !important;
}
#content-section-2 .column-service-content-wrapper {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
#content-section-2 .column-service-content {
  flex: 1 !important;
}

/* --- Section 2 dark background restore --- */
#content-section-2,
#content-section-2 .greennature-color-wrapper,
#content-section-2 .gdlr-show-all {
  background-color: #1A1A1A !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* --- Equal height cards fix --- */
#content-section-2 .container {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  padding: 0 !important;
}
#content-section-2 .four.columns {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 33.33% !important;
  float: none !important;
}
#content-section-2 .greennature-ux.column-service-ux {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
#content-section-2 .greennature-item.greennature-column-service-item {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 40px 28px !important;
  margin-bottom: 0 !important;
  background-color: #2A2A2A !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0 !important;
}
#content-section-2 .greennature-item.greennature-column-service-item:last-child {
  border-right: none !important;
}
#content-section-2 .column-service-image {
  margin-bottom: 16px !important;
}
#content-section-2 .column-service-content-wrapper {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
#content-section-2 .column-service-title {
  color: #F5D800 !important;
  font-size: 18px !important;
  margin-bottom: 12px !important;
  text-align: center !important;
}
#content-section-2 .column-service-content p {
  color: rgba(255,255,255,0.82) !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

/* --- About page Pledge/Vision/Mission fix --- */
#content-section-3 .greennature-color-wrapper {
  background-color: #1A1A1A !important;
}
#content-section-3 .container {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  padding: 0 !important;
}
#content-section-3 .four.columns {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 33.33% !important;
  float: none !important;
}
#content-section-3 .greennature-ux.column-service-ux {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
#content-section-3 .greennature-item.greennature-column-service-item {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 40px 28px !important;
  margin-bottom: 0 !important;
  background-color: #2A2A2A !important;
  border-right: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 0 !important;
}
#content-section-3 .greennature-item.greennature-column-service-item:last-child {
  border-right: none !important;
}
#content-section-3 .column-service-title {
  color: #F5D800 !important;
  font-size: 18px !important;
  margin-bottom: 12px !important;
  text-align: center !important;
}
#content-section-3 .column-service-content p,
#content-section-3 .column-service-content {
  color: rgba(255,255,255,0.82) !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}
#content-section-3 .column-service-image {
  margin-bottom: 16px !important;
}

/* --- About page content-section-2 white background fix --- */
#content-section-2 .greennature-color-wrapper.greennature-half-bg-wrapper {
  background-color: #ffffff !important;
}
#content-section-2 .greennature-color-wrapper.greennature-half-bg-wrapper p,
#content-section-2 .greennature-color-wrapper.greennature-half-bg-wrapper li,
#content-section-2 .greennature-color-wrapper.greennature-half-bg-wrapper span {
  color: #1A1A1A !important;
}

/* --- Staff photos equal size fix --- */
.personnel-author-image img {
  width: 100% !important;
  height: 320px !important;
  object-fit: cover !important;
  object-position: center top !important;
}

/* --- Home page Brief About NSPRI section fix --- */
#content-section-5 .greennature-color-wrapper {
  background-color: #f5f5f5 !important;
}
#content-section-5 p,
#content-section-5 h2,
#content-section-5 h3,
#content-section-5 h4,
#content-section-5 li,
#content-section-5 span,
#content-section-5 strong {
  color: #1A1A1A !important;
  opacity: 1 !important;
  visibility: visible !important;
}
#content-section-5 p[style],
#content-section-5 p strong {
  color: #1A1A1A !important;
}
#content-section-5 .greennature-skin-content p,
#content-section-5 .greennature-skin-content li {
  color: #1A1A1A !important;
  opacity: 1 !important;
}