/*
Theme Name: NICE Theme
Theme URI: https://nicefoundation.in/
Author: NICE Foundation
Author URI: https://nicefoundation.in/
Description: Lightweight, high-performance custom WordPress theme for NICE Foundation. Zero commercial dependencies.
Version: 1.0.0
Text Domain: nice
*/

/* Core Baseline */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #4A4A4A;
    background-color: #ffffff;
    line-height: 1.6;
}

img {
    max-width: 100%;
    height: auto;
}

.site-header {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    z-index: 100;
}

.site-header-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-logo img {
    height: 55px;
    width: auto;
}

.site-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
}

.site-nav li a {
    color: #4A4A4A;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: color 0.2s;
}

.site-nav li a:hover {
    color: #2b7bb9;
}

.site-footer {
    background: #222222;
    color: #ffffff;
    padding: 60px 20px 30px;
}

.site-footer-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 40px;
}

.site-footer a {
    color: #cccccc;
    text-decoration: none;
}

.site-footer a:hover {
    color: #ffffff;
}

.site-footer-bottom {
    max-width: 1200px;
    margin: 30px auto 0;
    padding-top: 20px;
    border-top: 1px solid #444444;
    text-align: center;
    font-size: 13px;
    color: #888888;
}

/* Responsive Grid for 3-column masonry replacement */
.nf-blog-grid-3col {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    margin: 30px 0;
}

.nf-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.nf-card-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

.nf-card-body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.nf-card-title {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.4;
}

.nf-card-title a {
    color: #47360e;
    text-decoration: none;
}

.nf-card-excerpt {
    font-size: 14px;
    color: #555555;
    flex-grow: 1;
    margin-bottom: 15px;
}

.nf-media-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 15px;
    margin: 30px 0;
}

.nf-media-item img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 4px;
}



#page{
    background:none;
}
/*body {
    background-repeat:no-repeat;
    background-position: center top;
    min-height:5859px;
    background-attachment: initial;a
}
body.home{
    background-image:url('https://nice.nanowp.com/wp-content/uploads/2018/05/Nice_Hospital_Homepage_v3.jpg');
}*/
a{
    color:#4A4A4A;
    text-decoration:none;
    font-weight:bold;
}
a:hover{
    color:#000;
    text-decoration:none;
}
.arrow-link img {
    vertical-align: middle;
    margin-left: 7px;
}

a.k-slider-link {
    color: #fff;
    text-decoration: none;
    font-family: "arial", sans-serif;
    font-weight: normal !important;
}
a.k-slider-link:after {
    content: " ";
    width: 5px;
    height: 9px;
    background: url(assets/link_icon_white.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
a.k-slider-link img.link-arrow {
    vertical-align: middle;
    margin-left: 10px !important;
}
a.k-slider-link img {
    display: none;
}
.classic-header .branding, .classic-header .navigation {
    top: 0;
    position: relative;
}
.josefin{
    font-family:"Josefin Slab", serif;
}
.font-size-20{
    font-size:20px;
}
.font-bold{
    font-weight:bold;
}
p {
    margin-bottom: 25px;
}
.location-pin p {
    padding-left: 25px;
    background:url('assets/location_icon.png') no-repeat top left;
}
.specialty{
    display: inline-block;
    box-shadow: 0px 1px 6px #ccc;
    text-align: center;
    padding: 0 0 10px;
}
.darker, .sidebar-column h1, .sidebar-column h2, .sidebar-column h3, .sidebar-column h4, .sidebar-column h5, .sidebar-column h6{
    color:#4A4A4A;
}
.page-id-118 .sidebar-column, .page-id-95 .sidebar-column, .page-id-113 .sidebar-column {
    text-align: center;
}
.page-id-12 .sidebar-column{
    text-align:left;
}
/*strong {
    color: #0b0b0b;
}*/
.academics-side-span {
    display: inline-block;
    width: 130px;
}
.contact-form-container input[type="text"], input[type="tel"], .contact-form-containerinput[type="url"], .contact-form-container input[type="email"],
.contact-form-container input[type="number"], .contact-form-container input[type="date"], .contact-form-container input[type="range"], 
.contact-form-container input[type="password"], .contact-form-container select, .contact-form-container textarea {
    font-family: "Arial", sans-serif;
}
.full-width-img div, .full-width-img figure, .full-width-img img {
    width: 100% !important;
}
.contact-location {
    padding-left: 25px;
    background:url('assets/map_locator.png') no-repeat left top;
}
.contact-phone {
    padding-left: 20px;
    background:url('assets/phone_call.png') no-repeat left;
    margin-bottom:10px;
}
.contact-fax {
    padding-left: 20px;
    background:url('assets/fax_green.png') no-repeat left;
    margin-bottom:10px;
}
.contact-email {
    padding-left: 20px;
    background:url('assets/envelope.png') no-repeat left;
    margin-bottom:10px;
}
.contact-form-container a.dt-btn-submit.ripple {
    padding-left: 60px;
    padding-right: 60px;
}
.ult_tabmenu.style1{
    max-width:780px !important;
    box-shadow: 0 2px 5px #ccc;
    border-radius: 5px;
}
.ult_tabmenu.style1 li.ult_tab_li{
    width:33.33%;
}
.ult_tabmenu.style1 li.ult_tab_li:first-child{
    border-top-left-radius:5px !important;
    border-bottom-left-radius:5px !important;
}
.ult_tabmenu.style1 li.ult_tab_li:last-child{
    border-top-right-radius:5px !important;
    border-bottom-right-radius:5px !important;
}
.ult_tabmenu.style1 li.ult_tab_li:last-child:not(.current) {
    border-left: 1px solid #e1e1e1 !important;
}
.ult_tabmenu.style1 li.ult_tab_li:first-child:not(.current) {
    border-right: 1px solid #e1e1e1 !important;
}
.arial-font .ult_tabmenu.style1{
    font-family:"Arial", sans-serif;
        margin-bottom: 50px !important;
}
ul.ult_tabmenu.style1.Style_4 a.ult_a{
    padding:10px 5px;
    font-size: 0.7em;
}
ul.ult_tabmenu.style1.Style_4 a.ult_a span{
    margin:0 !important;
}
.ult_tabs {
    margin-bottom: 0;
}
.ult_tabs .ult_tabcontent {
    font-size: 1em !important;
}
.doctors .vc-gitem-zone-height-mode-auto:before{
    padding-top:0;
}
.doctors .vc_gitem-zone-a .vc_gitem-row-position-bottom, .doctors .vc_gitem-zone-b .vc_gitem-row-position-bottom{
    position:initial;
}
.doctors .vc_gitem_row .vc_gitem-col {
    padding: 0;
}
.doctors .vc_gitem-post-data{
    margin-bottom:0;
}
.doctors h3{
    color:#363636;
    font-size:20px;
    font-family: "Josefin Slab", serif;
    font-weight:bold;
    margin-bottom:5px;
}
.doctors .vc_grid.vc_row .vc_grid-item .wpb_content_element{
    margin-bottom:10px;
}
.doctors p{
    text-align:center;
    margin-bottom:5px;
}
.doctors p:first-child{
    display:none;
}
.doctors .vc_grid-item-mini.vc_clearfix {
    box-shadow: 0 2px 5px #aaa;
    padding-bottom: 15px;
}
.full-height-column .wpb_wrapper {
    height: 100%;
}
.home-academics-programs {
    margin: 0;
    border: 1px solid #dedede;
    min-height: 100%;
    box-shadow: 0 2px 3px #dedede;
    padding: 15px;
    background: #fff;
    box-sizing: border-box;
}
.home-academics-programs ul {
    margin: 0 0 10px 25px;
}
.home-academics-programs ul li{
    margin-bottom:10px;
}
#home-academics-section .vc_column_container:first-child .vc_column-inner {
    padding: 10px 5px 10px 15px;
}
#home-academics-section .vc_column_container:nth-child(2) .vc_column-inner {
    padding: 10px 15px 10px 5px;
}
.dt-testimonials-shortcode.layout-6 .testimonial-item, .dt-testimonials-shortcode.layout-5 .testimonial-item {
    flex-flow: row wrap !important;
}
.dt-testimonials-shortcode.layout-6 .testimonial-item .testimonial-avatar, .dt-testimonials-shortcode.layout-5 .testimonial-item .testimonial-avatar{
    padding-right:30px;
}
.testimonials-carousel-shortcode.testimonials-carousel-shortcode-id-1.layout-5:not(.hide-testimonial-avatar) .content-wrap, .testimonials-carousel-shortcode.testimonials-carousel-shortcode-id-1.layout-6:not(.hide-testimonial-avatar) .content-wrap {
    width: calc(100% - 80px - 30px - 0px) !important;   
}

.big-event-container {
    position: relative;
    padding-left:30px;
    padding-right:30px;
}
.big-event-text-container {
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #fff;
    width: 100%;
}
.big-event{
    position:relative;
}
.big-event img{
    display:inherit;
    width:100%;
}
.big-event-title {
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 1.2;
}
.big-event-time {
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    display: inline-block;
    float: left;
    margin-top: 15px;
    font-family: 'arial', sans-serif;
}
a.arrow-link.white-arrow-link {
    color: #fff;
    display: inline-block;
    margin-top: 15px;
    float: right;
}
.white-arrow-link:after {
    content: " ";
    width: 22px;
    height: 14px;
    vertical-align: middle;
    background: url(assets/aroow_icon.png) no-repeat;
    display: inline-block;
    margin-left: 15px;
}
.big-event-content {
    line-height: 1;
    display:none;
}
.pink-event-date {
    width: 90px;
    background: #4db856;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 22px;
    height: 90px;
    position: absolute;
    top: -13px;
    left: 20px;
    padding-top: 14px;
    box-sizing: border-box;
    line-height: 1.3;
    font-family: 'arial', sans-serif;
}
.small-events-container {
    box-sizing: border-box;
    margin-top:40px;
    padding-left:30px;
    padding-right:30px;
    padding-bottom:5px;
}
.small-event {
    background: #fff;
    margin-bottom: 50px;
    position: relative;
    padding: 10px 20px;
    box-shadow: 0 1px 3px #ccc;
    border-radius: 5px;
}
.event-date.gray-event-date {
    background: #818286;
    display: inline-block;
    color: #fff;
    width: 90px;
    float: left;
    height: 90px;
    position: relative;
    top: -20px;
    padding-top: 10px;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.3;
    box-sizing: border-box;
    margin-right: 25px;
    text-transform: uppercase;
    font-family: 'arial', sans-serif;
}
.small-event-content-container {
    overflow: hidden;
}
h4.small-event-title {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #4A4A4A;
}
.small-event-content {
    line-height: 1;
    max-height: 16px;
    overflow: hidden;
    margin-bottom: 5px;
}
.small-event-time {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.small-event-arrow-link:after {
    content: " ";
    width: 22px;
    height: 9px;
    vertical-align: middle;
    background: url(assets/link_icon_triangle.png) no-repeat;
    display: inline-block;
    margin-left: 15px;
}
.events-timeline {
    border-left: 1px solid #e5e5e5;
}
.event-page-event {
    padding-left: 20px;
    position: relative;
    clear: both;
    margin-bottom: 100px;
    background: url(assets/timeline-bullet.png) no-repeat;
    background-position: 0 30px;
    left: -11px;
}
.event-page-event-text-container {
    overflow: hidden;
    padding:15px;
}
.event-page-event-inner {
    overflow: hidden;
    box-shadow: 0 1px 3px #ccc;
    border-radius:5px;
}
.event-page-event-image img {
    display: block;
}
.event-page-event .arrow-link.small-event-arrow-link {
    float: right;
    display: inline-block;
    margin-top: 15px;
}
h2.event-page-event-title {
    color: #4a4a4a;
    font-size: 18px;
    font-weight: normal;
}
.event-page-event .pink-event-date {
    left: 30px;
}
.events-heading {
    font-weight: normal;
    margin: 25px 0 50px;
}
a.events-breadcrumb-link {
    text-decoration: underline;
    color: #818286;
}
.single-event-title {
    font-weight: normal;
    font-size: 36px;
    margin-bottom:30px;
}
.single-event-date-1 {
    color: #818286;
    font-size: 25px;
    font-weight: bold;
    margin-bottom:15px;
}
.single-event-date-2 {
    color: #818286;
    font-size: 25px;
    font-weight: bold;
    opacity: 0.9;
    text-transform: uppercase;
}
.page-id-222 .doctors .vc_grid-item-mini.vc_clearfix, .page-id-369 .doctors .vc_grid-item-mini.vc_clearfix {
    margin-bottom:50px;
}
#doctorslist ul.vc_grid-filter, #doctorslist .vc_grid-filter-select {
    display: none;
}
ul.doctors-filter {
    list-style: none;
    margin: 0;
    display:flex;
}
.doctors-filter li.vc_grid-filter-item {
    justify-content: center;
    margin-right: 10px;
    flex: 1;
    background-color: #fff;
    min-height: 65px;
    display: flex;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #f0f0f0;
    box-shadow: 0 0 10px #dedede;
}
.doctors-filter-li{
    background-repeat:no-repeat;
    background-position: center 10px;
    cursor:pointer;
    font-size: 12px;
}
.doctors-filter-li.all-doctors {
    font-size: 16px;
}
.doctors-filter li.vc_grid-filter-item:last-child {
    margin-right:0;
}
.doctors-filter-gray, .doctors-filter-white {
    margin:0 auto;
    display:block;
}
.doctors-filter-white{
    display:none;
}
.doctors-filter li:hover .doctors-filter-white, .doctors-filter li.vc_active .doctors-filter-white{
    display:block;
}
.doctors-filter li:hover .doctors-filter-gray, .doctors-filter li.vc_active .doctors-filter-gray{
    display:none;
}
.doctors-filter li:hover, .doctors-filter li.vc_active{
    background-color:#02bbd6;
    color:#fff;
}
.doctors .display-p p:first-child {
    display: block;
}
/*.neonatology-filter{
    background-image:url('assets/neonatology_icon_gray.png');
}
.gynecology-filter{
    background-image:url('assets/gynaecology_icon_gray.png');
}
.pediatrics-filter{
    background-image:url('assets/paediatrics_icon_gray.png');
}*/
.popup-message-style .wpcf7-validation-errors, .popup-message-style .wpcf7-mail-sent-ok{
    color:#fff;
}
.popup-message-style #page .wpcf7-mail-sent-ok:before, .popup-message-style #page .wpcf7-validation-errors:before{
    top:10px;
}
.datepicker--day-name {
    color: #0385c2 !important;
}
.datepicker--cell.datepicker--cell-day.-weekend- {
    color: #dedede;
}
.datepicker--cell.datepicker--cell-day.-weekend-.-disabled-.-focus- {
    background: #fff;
}
.nice-half {
    padding: 10px 0;
    box-sizing: border-box;
}
.form-label {
    display: inline-block;
}
.wpcf7-form-control-wrap {
    width: 100%;
    display: inline-block;
}
#wpcf7-f385-p369-o1 .wpcf7-submit {
    padding-right: 30px;
    padding-left: 30px;
}
.book-area {
    padding: 10px 0;
}
.booking-form-overlay {
    position: fixed;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    overflow:scroll;
}
.booking-form-container {
    background: #fff;
    margin: 5vw auto;
    width: 900px;
    max-width: 90%;
    position: relative;
    padding: 0 0 50px;
    box-sizing: border-box;
}
.booking-form-container-padding {
    padding: 0 10px;
}
h3.booking-form-heading {
    color: #4a4a4a;
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    padding: 30px 20px 30px 0;
}
.booking-form-close {
    position: absolute;
    background: url(assets/close_button.png) no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    z-index: 9998;
    right: 10px;
    top: 35px;
    cursor:pointer;
}
.booking-form-patient-details {
    background: #f7fbfe;
    padding: 15px 0;
    font-family: "Arial", sans-serif;
    text-align: center;
    font-weight: bold;
    color: #4a4a4a;
}
.booking-form-doctor-image {
    width: 100px;
    float: left;
    margin-right: 20px;
}
.datepicker{
    z-index:99999;
}
.booking-form-doctor {
    overflow: hidden;
    margin-bottom: 50px !important;
}
.booking-form-doctor-name {
    font-size: 22px;
    color: #4a4a4a;
    font-weight: bold;
}
.hermes .tp-bullet.selected:after {
    border-radius: 200px;
}
.home .doctors .wpb_single_image .vc_single_image-wrapper {
    width: 100%;
}
.home .doctors .wpb_single_image .vc_figure, .home .doctors img {
    width: 100%;
}
.home .wpcf7-number, .home input[type=text], .home input[type=email], .home textarea, .page-id-140 .wpcf7-number, .page-id-140 input[type=text], .page-id-140 input[type=email], .page-id-140 textarea{
    padding: 8px 10px;
    border-radius: 5px;
}
.home .wpcf7-number, .home input[type=text], .home input[type=email], .page-id-140 .wpcf7-number, .page-id-140 input[type=text], .page-id-140 input[type=email]{
    height:44px !important;
    margin-bottom:20px;
}
.branding a img, .branding img {
    max-width: 235px !important;
}
/* Replaced legacy The7 mobile header styles with modern implementation below */
.show-mobile-logo .branding img.mobile-logo, .show-mobile-logo.show-device-logo .branding img.mobile-logo, .show-device-logo .branding img, .show-mobile-logo .mobile-branding img.mobile-logo, .show-mobile-logo.show-device-logo .mobile-branding img.mobile-logo, .show-device-logo .mobile-branding img, .transparent .mobile-branding img.mobile-desktop-logo {
    max-width:180px;
}
#footer .custom-menu a{
    font-size: 14px;
}

#footer, #footer p, #footer a {
    font-family: Arial, sans-serif;
    font-weight: normal;
}
.specialty a:first-child img {
    width: 100%;
}
.specialty a.arrow-link {
    display: block;
    max-width: 200px;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    height: 44px;
    font-size: 16px;
    font-family:'arial', sans-serif;
    font-weight:normal;
}
.specialty a.arrow-link:before {
    content: " ";
    width: 15px;
    height:100%;
    background: url(assets/link_icon_triangle.png) no-repeat;
    display: block;
    float: right;
    background-position: right center;
}
img.webileapps-logo {
    height: 20px;
    width: auto;
    vertical-align: middle;
    margin-left: 5px;
    opacity:0.6;
}
a:hover img.webileapps-logo{
    opacity:1;
}
.footer-logo{
    max-width: 72px !important;
}
.custom-menu li {
    padding: 0;
}
@media (max-width:767px){
    .hide-on-small {
        display: none;
    }
    .arrow-link img {
        max-width: 16px;
    }
    .events-timeline {
        border-left: 2px solid #e5e5e5;
    }
    .home span.ult-span-text {
        font-size: 1.2em!important;
    }
    .slide-title{
        font-size:22px !important;
        line-height:1;
    }
    .slide-text{
        display:none !important;
    }
    .tp-parallax-wrap.slide-link-wrap {
        top: 200px !important;
    }
    a.k-slider-link {
        font-size: 20px !important;
        font-weight: normal !important;
    }
    .hermes .tp-bullet{
        width:10px !important;
        height:10px !important;
    }
    .page-title {
        font-size: 24px;
    }
}
@media (min-width:460px){
    .big-event-content{
        display:block;
    }
}
@media (min-width:640px){
    .event-page-event-image {
        width: 330px;
        float: left;
        margin-right: 30px;
    }
    .event-page-event-excerpt {
        max-height: 66px;
        overflow: hidden;
    }
}
.footer .wf-7-12{
    width:50%;
    float:left;
}
#bottom-bar .wf-float-left {
    width: 100%;
    text-align: center;
    float: none;
    font-size: 12px;
    font-family: "Arial", sans-serif;
}
.custom-menu li.footer-fb {
    background: url(assets/facebook-logo-button.png) no-repeat;
    padding-left: 30px;
}
.custom-menu li.footer-tw{
    background: url('assets/twitter-logo-button.png') no-repeat;
    padding-left: 30px;
}
.custom-menu li.footer-gp{
    background: url('/wp-content/uploads/2021/05/youtube-png.png') no-repeat;
    padding-left: 30px;
}
.footer #presscore-custom-menu-1-3 .custom-menu li:last-child{
background:url('/wp-content/uploads/2021/05/insta-png.png') no-repeat;
padding-left:30px;
}

.custom-menu li.footer-fb, .custom-menu li.footer-tw, .custom-menu li.footer-gp {
    display: inline-block;
    width: 140px;
    padding-top: 0;
    box-sizing: border-box;
}
.footer .widget:last-child {
    clear: both;
    overflow: hidden;
    float: left;
}
.home-heading {
    font-weight: normal;
    color: #4b4b4b;
    margin-bottom: 30px;
}
.wpb_text_column.wpb_content_element.ceo-message p:first-child {
    padding: 8px 0;
    text-indent: 50px;
    background: url(assets/quote.png) no-repeat;
    background-size: 30px;
}
.ceo-message-separator {
    display: none;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: table;
}
.home-programs .vc_custom_heading{
    margin-bottom:0;
}
.home-programs h4 {
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    margin-bottom:0;
}
a.arrow-link{
    font-family: 'arial', sans-serif;
    font-weight: normal;
    color: #4a4a4a !important;
    font-size:15px;
}
a.arrow-link:after {
    content: " ";
    width: 22px;
    height: 9px;
    vertical-align: middle;
    background: url('assets/link_icon_triangle.png') no-repeat;
    display: inline-block;
    margin-left: 15px;
}
a.arrow-link img{
    display:none;
}
a.vc_general.program-link {
    padding: 0 !important;
    font-size: 17px !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    background: none !important;
    border: none !important;
    font-family: 'arial', sans-serif;
    font-weight: normal;
    color: #4a4a4a !important;
}
a.vc_general.program-link:after {
    content: " ";
    width: 22px;
    height: 9px;
    vertical-align: middle;
    background: url('assets/link_icon_triangle.png') no-repeat;
    display: inline-block;
    margin-left: 15px;
}
a.vc_general.program-link:hover{
    background:none !important;
    border:none !important;
    animation:none !important;
    padding:0 !important;
    border:none !important;
}
.event-page-event-text-container .big-event-time {
    color: #4cb856;
}
.slide-title{
    white-space: unset !important;
    width:100% !important;
    text-align:center !important;
}
.content-column .vc_column-inner .vc_column-inner {
    border: none;
}
@media (min-width:1024px){
    .footer .wf-5-12 {
        width: 43%;
        float: left;
        padding: 0 40px 0 30px;
    }
    .footer .wf-7-12, .footer .wf-27-12 {
        width:19%;
        float:left;
    }
    .custom-menu li.footer-fb, .custom-menu li.footer-tw, .custom-menu li.footer-gp{
        display:block;
        width:100%;
    }
    .custom-menu li.footer-fb, .custom-menu li.footer-tw{
        margin:0 0 10px;
    }
    .footer .widget:last-child {
        clear: none;
    }
}

.wf-522-12 {
    width: 40% !important;
    float: left;
}
.wf-523-12 {
    width: 60% !important;
    float: left;
}
.footer .widget-title {
    font-size: 18px;
}
.inner-heading{
    font-size:24px;
}
@media (min-width:640px){
    .wf-522-12 {
        width: 25% !important;
    }
    .wf-523-12 {
        width: 45% !important;
    }
    .wf-524-12 {
        width: 30% !important;
    }
    .footer .widget:last-child{
        clear:none;
    }
}
@media (min-width:768px){
    .inner-heading{
        font-size:28px;
    }
    .slide-title{
        white-space: nowrap !important;
        width:auto !important;
        text-align:center !important;
    }
    .wf-521-12 {
        width: 27% !important;
        float: left;
    }
    .wf-522-12 {
        width: 20% !important;
    }
    .wf-523-12 {
        width: 29% !important;
    }
    .wf-524-12 {
        width: 24% !important;
    }
    .home-description{
        text-align:center;
        font-size:20px;
    }
    .ceo-message-separator-mobile {
        display: none;
    }
    .ceo-message-separator {
        display: block;
    }
    .ceo-name {
        text-align: center;
    }
    .wpb_text_column.wpb_content_element.ceo-message p:first-child {
        padding: 0;
        text-indent: 0;
        background: none;
    }
    .wpb_text_column.wpb_content_element.ceo-message {
        padding: 30px 100px 0;
        text-align: center;
        background: url('assets/quote.png') no-repeat;
    }
    .page-title {
        font-size: 28px;
    }
    .booking-form-close {
        right:30px;
    }
    .booking-form-patient-details {
        margin:0 50px 50px;
    }
    .booking-form-container {
        padding:0 0 30px;
        margin: 100px auto !important;
    }
    .booking-form-container-padding {
        padding: 0 50px;
    }
    h3.booking-form-heading {
        font-size: 30px;
        text-align: center;
        padding: 30px 50px 80px;
    }
    #wpcf7-f385-p369-o1 label {
        line-height: 38px;
        display: flex;
    }
    .form-label {
        min-width: 120px;
        text-align: right;
        padding-right: 15px;
        line-height: 1.4;
        font-size: 18px;
        height: 38px;
        position: relative;
        top: 8px;
    }
    .nice-row:after{
        content:"";
        clear:both;
        display:block;
    }
    .nice-half {
        width: 50%;
        float: left;
        padding: 20px;
    }
    .book-area {
        padding: 20px 0;
    }
    .nice-half:first-child{
        padding-left:0;
    }
    .nice-half:last-child{
        padding-right:0;
    }
    .nice-half:last-child:first-child {
        padding-right: 20px;
    }
    .doctors-filter-gray, .doctors-filter-white {
        display: inline-block;
        vertical-align:middle;
    }
    .doctors-filter-gray, .doctors-filter-white {
        vertical-align: middle;
        display:inline-block;
    }
    .doctors-filter-white{
        display:none;
    }
    .doctors-filter li:hover .doctors-filter-white, .doctors-filter li.vc_active .doctors-filter-white{
        display:inline-block;
    }
    .doctors-filter li:hover .doctors-filter-gray, .doctors-filter li.vc_active .doctors-filter-gray{
        display:none;
    }
    .doctors-filter-li.all-doctors{
        padding:0;
    }
    .doctors-filter li.vc_grid-filter-item {
        margin-right: 35px;
    }
    .doctors-filter li.vc_grid-filter-item:last-child {
        margin-right:0;
    }
    .doctors-filter-li{
        font-size: 16px;
    }
    .event-page-event .pink-event-date {
        left: 90px;
    }
    .event-page-event {
        padding-left: 70px;
        left:-10px;
    }
    .small-events-container {
        padding: 10px 0 5px 40px;
        width: 45%;
        float: left;
        box-sizing: border-box;
        margin-top:0;
    }
    .big-event-container {
        width: 55%;
        float: left;
        padding-left:0;
        padding-right:0;
    }
    .big-event-text-container {
        padding:25px 20px;
    }
    ul.ult_tabmenu.style1.Style_4 a.ult_a{
        padding:15px 10px;
        font-size:1em;
    }
    .half-space {
        width: 50%;
        float: left;
        box-sizing:border-box;
    }
    .half-space:first-child{
        padding-right:20px;
    }
    .hide-on-medium-up{
        display:none;
    }
    .margin-top-25{
        margin-top:25px;
    }
    .modified-column-width .vc_col-sm-7{
        width: 63.5%;
    }
    .modified-column-width .vc_col-sm-5{
        width: 36.5%;
    }
    .content-column .vc_column-inner {
        padding-right: 65px;
        border-right: 1px solid #dfdfdf;
    }
    .sidebar-column .vc_column-inner {
        padding-left: 55px;
        padding-top: 0 !important;
    }
}
@media (min-width:1024px){
    .doctors-filter-gray, .doctors-filter-white {
        margin-right:20px;
    }
    li.emergency-number.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-407 {
        display: block;
        position: absolute;
        top: -75px;
        right: 0;
    }
}
li.emergency-number.menu-item > a .menu-text{
        font-family:"Arial", sans-serif;
        font-weight:600;
        color:#4a4a4a;
        display:none !important;
    }
.page-title {
    font-weight:normal !important;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1-size, .entry-title.h1-size, .h2-size, .entry-title.h2-size, h1.entry-title, .h3-size, .entry-title.h3-size, h2.entry-title, .h4-size, .entry-title.h4-size, h3.entry-title, .h5-size, .entry-title.h5-size, .h6-size, .entry-title.h6-size, .header-color, .entry-meta .header-color, .color-title {
    color: #4a4a4a;
}
.contact-description p{
    font-size:20px;
}
.mobile-h-site {
    display: none;
    background: url('assets/link_icon_triangle.png') no-repeat right center;
    padding-right:30px;
}
.desktop-h-site {
    display: inline-block;
    height:40px;
    background:url('assets/nice_hospital_site_logo.png') no-repeat right center;
    background-size:contain;
    padding-right: 150px;
    line-height: 40px;
}
@media (max-width:1170px){
    .mobile-h-site {
        display: inline-block;
    }
    .desktop-h-site {
        display: none;
    }
    li.emergency-number.menu-item {
        background-color: #fafafa;
        text-align: center;
        width: 100vw;
        left: -30px;
    }
    .mobile-main-nav > li:before {
        border: none;
    }
    li.emergency-number.menu-item .menu-item-text{
        width:100%;
    }
}
@media (min-width:1171px){
    li.emergency-number.menu-item{
        display: block;
        position: absolute;
        top: -90px;
        right: 0;
        background:#fff;
    }
}

/* --- Global Overflow & Sticky Header Modernization --- */
html, body {
    overflow-x: clip !important;
}

#page {
    overflow: visible !important;
}

.masthead.classic-header {
    background-color: #e8e3da !important;
    padding: 0 !important;
    grid-area: header !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    width: 100% !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.2s ease !important;
}

/* Offset for WordPress admin bar when logged in */
.admin-bar .masthead.classic-header {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    .admin-bar .masthead.classic-header {
        top: 46px !important;
    }
}

.masthead.classic-header .header-bar {
    max-width: 1100px !important;
    margin: 0 auto;
    padding: 18px 24px;
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    column-gap: 40px;
    overflow: visible !important;
}

.masthead .branding {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
    top: 0 !important;
}

.masthead .branding > a,
.masthead .branding > a.same-logo {
    display: inline-flex !important;
    align-items: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    left: auto !important;
    max-height: 60px !important;
}

.masthead .branding img,
.masthead .branding .preload-me {
    display: block !important;
    width: 70px !important;
    height: 60px !important;
    max-width: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.masthead .navigation {
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 0 !important;
    overflow: visible !important;
}

.masthead .main-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

/* Top-level menu items */
.masthead .main-nav > li {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

.masthead .main-nav > li:not(.menu-item-312) > a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 14px !important;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #47360e !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

/* Green underline on hover & active */
.masthead .main-nav > li:not(.menu-item-312) > a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 14px !important;
    right: 14px !important;
    height: 2px !important;
    background-color: #4db757 !important;
    opacity: 0 !important;
    transform: scaleX(0) !important;
    transform-origin: left center !important;
    transition: opacity 0.2s ease, transform 0.2s ease !important;
}

.masthead .main-nav > li:not(.menu-item-312):hover > a,
.masthead .main-nav > li:not(.menu-item-312):hover > a .menu-text,
.masthead .main-nav > li:not(.menu-item-312).is-active > a,
.masthead .main-nav > li:not(.menu-item-312).is-active > a .menu-text,
.masthead .main-nav > li:not(.menu-item-312).act > a,
.masthead .main-nav > li:not(.menu-item-312).act > a .menu-text,
.masthead .main-nav > li:not(.menu-item-312).current-menu-item > a,
.masthead .main-nav > li:not(.menu-item-312).current-menu-item > a .menu-text,
.masthead .main-nav > li:not(.menu-item-312).current_page_item > a,
.masthead .main-nav > li:not(.menu-item-312).current_page_item > a .menu-text,
.masthead .main-nav > li:not(.menu-item-312).current-menu-ancestor > a,
.masthead .main-nav > li:not(.menu-item-312).current-menu-ancestor > a .menu-text,
.masthead .main-nav > li:not(.menu-item-312).current-menu-parent > a,
.masthead .main-nav > li:not(.menu-item-312).current-menu-parent > a .menu-text {
    color: #4db757 !important;
}

.masthead .main-nav > li:not(.menu-item-312):hover > a::after,
.masthead .main-nav > li:not(.menu-item-312).is-active > a::after,
.masthead .main-nav > li:not(.menu-item-312).act > a::after,
.masthead .main-nav > li:not(.menu-item-312).current-menu-item > a::after,
.masthead .main-nav > li:not(.menu-item-312).current_page_item > a::after,
.masthead .main-nav > li:not(.menu-item-312).current-menu-ancestor > a::after,
.masthead .main-nav > li:not(.menu-item-312).current-menu-parent > a::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

/* Get In Touch green button */
.masthead .main-nav > li.menu-item-312 a {
    background-color: #4db757 !important;
    color: #ffffff !important;
    padding: 10px 22px !important;
    border-radius: 0 !important;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: background-color 0.2s ease !important;
}

.masthead .main-nav > li.menu-item-312 a:hover {
    background-color: #43a34c !important;
    color: #ffffff !important;
}

/* --- Programs Dropdown Menu --- */
.masthead .main-nav > li.menu-item-has-children {
    position: relative !important;
}

.masthead .main-nav > li.menu-item-has-children > a {
    cursor: pointer !important;
}

/* Ensure only the clean single line chevron arrow renders */
.masthead .main-nav > li.menu-item-has-children > a .menu-text::after {
    content: '' !important;
}

/* Green line chevron arrow when hovered or active */
.masthead .main-nav > li.menu-item-has-children:hover > a .menu-text::after,
.masthead .main-nav > li.menu-item-has-children.act > a .menu-text::after,
.masthead .main-nav > li.menu-item-has-children.current-menu-ancestor > a .menu-text::after,
.masthead .main-nav > li.menu-item-has-children.current-menu-parent > a .menu-text::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8px' height='8px' fill='%234db757' viewBox='0 0 8 8' enable-background='new 0 0 8 8' xml:space='preserve'%3E%3Cpath d='M7.81,2.554L7.425,2.169c-0.134-0.127-0.289-0.19-0.467-0.19c-0.182,0-0.336,0.063-0.463,0.19L4,4.664L1.504,2.169c-0.126-0.127-0.28-0.19-0.462-0.19c-0.178,0-0.334,0.063-0.467,0.19l-0.38,0.385C0.064,2.684,0,2.84,0,3.021C0,3.206,0.064,3.36,0.195,3.483l3.343,3.343C3.661,6.956,3.814,7.021,4,7.021c0.182,0,0.337-0.065,0.467-0.195L7.81,3.483C7.937,3.356,8,3.202,8,3.021C8,2.843,7.937,2.688,7.81,2.554z'/%3E%3C/svg%3E") !important;
}

.masthead .main-nav > li.menu-item-has-children > .sub-nav {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 430px !important;
    min-width: 430px !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1) !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    z-index: 10000 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(6px) !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
}

/* Invisible hover bridge */
.masthead .main-nav > li.menu-item-has-children::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    height: 12px !important;
    display: block !important;
}

.masthead .main-nav > li.menu-item-has-children:hover > .sub-nav,
.masthead .main-nav > li.menu-item-has-children:focus-within > .sub-nav,
.masthead .main-nav > li.menu-item-has-children.is-active > .sub-nav {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    display: block !important;
}

.masthead .main-nav > li.menu-item-has-children > .sub-nav > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.masthead .main-nav > li.menu-item-has-children > .sub-nav > li > a {
    display: block !important;
    padding: 10px 24px !important;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #a29983 !important;
    text-decoration: none !important;
    background-color: #ffffff !important;
    border: none !important;
    white-space: nowrap !important;
    transition: color 0.15s ease !important;
}

.masthead .main-nav > li.menu-item-has-children > .sub-nav > li > a:hover {
    background-color: #ffffff !important;
    color: #47370d !important;
}

.masthead .main-nav > li.menu-item-has-children > .sub-nav > li.current-menu-item > a,
.masthead .main-nav > li.menu-item-has-children > .sub-nav > li.act > a {
    color: #4db757 !important;
    background-color: #ffffff !important;
}

/* --- Mobile Responsive Header & Hamburger Drawer --- */
@media screen and (min-width: 1025px) {
    .dt-mobile-menu-icon {
        display: none !important;
    }
    .dt-mobile-header {
        display: none !important;
    }
    .mobile-menu-overlay {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .masthead .navigation {
        display: none !important;
    }
    .masthead.classic-header .header-bar {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 12px 20px !important;
        column-gap: 0 !important;
        background-color: #e8e3da !important;
    }
    .masthead .branding {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }
    .masthead .branding img,
    .masthead .branding .preload-me {
        display: block !important;
        width: 70px !important;
        height: 60px !important;
    }
    .dt-mobile-menu-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        margin: 0 0 0 auto !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        outline: none !important;
        z-index: 100 !important;
    }
    .dt-mobile-menu-icon .lines {
        display: block !important;
        position: relative !important;
        width: 22px !important;
        height: 2px !important;
        background-color: #47360e !important;
        transition: background-color 0.2s ease !important;
    }
    .dt-mobile-menu-icon .lines::before,
    .dt-mobile-menu-icon .lines::after {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        width: 22px !important;
        height: 2px !important;
        left: 0 !important;
        background-color: #47360e !important;
        transition: transform 0.25s ease, top 0.25s ease !important;
    }
    .dt-mobile-menu-icon .lines::before {
        top: 7px !important;
    }
    .dt-mobile-menu-icon .lines::after {
        top: -7px !important;
    }
    .dt-mobile-menu-icon.active .lines {
        background-color: transparent !important;
    }
    .dt-mobile-menu-icon.active .lines::before {
        top: 0 !important;
        transform: rotate(45deg) !important;
    }
    .dt-mobile-menu-icon.active .lines::after {
        top: 0 !important;
        transform: rotate(-45deg) !important;
    }
}

/* Mobile Drawer & Overlay Styles */
.dt-mobile-header {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 380px !important;
    height: 100vh !important;
    height: 100dvh !important;
    background-color: #ffffff !important;
    z-index: 999999 !important;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15) !important;
    overflow-y: auto !important;
    padding: 24px 24px 40px !important;
    box-sizing: border-box !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: block !important;
    border-radius: 0 !important;
}

.dt-mobile-header.is-open {
    transform: translateX(0) !important;
}

body.show-mobile-header {
    overflow: hidden !important;
}

.mobile-menu-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.45) !important;
    z-index: 999998 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
}

.mobile-menu-overlay.is-active {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.dt-mobile-header-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f0eee9 !important;
}

.dt-mobile-header-top .mobile-branding img {
    width: 70px !important;
    height: 60px !important;
    display: block !important;
}

#nf-mobile-menu-close,
.nf-mobile-menu-close,
.dt-close-mobile-menu-icon {
    width: 36px !important;
    height: 36px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin: 0 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    outline: none !important;
    opacity: 1 !important;
    transform: none !important;
}

#nf-mobile-menu-close span,
.nf-mobile-menu-close span,
.dt-close-mobile-menu-icon span {
    position: relative !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    background-color: transparent !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

#nf-mobile-menu-close span::before,
#nf-mobile-menu-close span::after,
.nf-mobile-menu-close span::before,
.nf-mobile-menu-close span::after,
.dt-close-mobile-menu-icon span::before,
.dt-close-mobile-menu-icon span::after {
    content: '' !important;
    position: absolute !important;
    top: 10px !important;
    left: 1px !important;
    width: 20px !important;
    height: 2px !important;
    background-color: #47360e !important;
    transition: transform 0.2s ease !important;
}

#nf-mobile-menu-close span::before,
.nf-mobile-menu-close span::before,
.dt-close-mobile-menu-icon span::before {
    transform: rotate(45deg) !important;
}

#nf-mobile-menu-close span::after,
.nf-mobile-menu-close span::after,
.dt-close-mobile-menu-icon span::after {
    transform: rotate(-45deg) !important;
}

.dt-mobile-header #mobile-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

.dt-mobile-header #mobile-menu > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0eee9 !important;
}

.dt-mobile-header #mobile-menu > li > a,
.dt-mobile-header #mobile-menu > li > a span,
.dt-mobile-header #mobile-menu > li .mobile-has-sub-row > a,
.dt-mobile-header #mobile-menu > li .mobile-has-sub-row > a span {
    display: inline-block !important;
    padding: 7px 0 !important;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    color: #47360e !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

.dt-mobile-header #mobile-menu > li.act > a,
.dt-mobile-header #mobile-menu > li.act > a span,
.dt-mobile-header #mobile-menu > li.act .mobile-has-sub-row > a,
.dt-mobile-header #mobile-menu > li.act .mobile-has-sub-row > a span,
.dt-mobile-header #mobile-menu > li.current-menu-item > a,
.dt-mobile-header #mobile-menu > li.current-menu-item > a span,
.dt-mobile-header #mobile-menu > li.current_page_item > a,
.dt-mobile-header #mobile-menu > li.current_page_item > a span {
    color: #4db757 !important;
}

.dt-mobile-header .mobile-has-sub-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

.dt-mobile-header .next-level-button {
    width: 40px !important;
    height: 40px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    outline: none !important;
}

.dt-mobile-header .next-level-button::before {
    content: '' !important;
    position: absolute !important;
    width: 14px !important;
    height: 2px !important;
    background-color: #47360e !important;
}

.dt-mobile-header .next-level-button::after {
    content: '' !important;
    position: absolute !important;
    width: 2px !important;
    height: 14px !important;
    background-color: #47360e !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.dt-mobile-header .menu-item-has-children.open-sub .next-level-button::after {
    transform: rotate(90deg) !important;
    opacity: 0 !important;
}

.dt-mobile-header .sub-nav {
    display: none !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0 12px 14px !important;
}

.dt-mobile-header .menu-item-has-children.open-sub > .sub-nav {
    display: block !important;
}

.dt-mobile-header .sub-nav > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.dt-mobile-header .sub-nav > li > a {
    display: block !important;
    padding: 8px 0 !important;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #6d758f !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

.dt-mobile-header .sub-nav > li.act > a,
.dt-mobile-header .sub-nav > li.current-menu-item > a,
.dt-mobile-header .sub-nav > li > a:hover {
    color: #4db757 !important;
}

/* Ensure desktop hides mobile drawer & overlay */
@media screen and (min-width: 1025px) {
    .dt-mobile-menu-icon,
    .dt-mobile-header,
    .mobile-menu-overlay {
        display: none !important;
    }
}

/* --- Case Studies 3-Column Grid & Category Badges --- */
.nf-blog-grid-3col {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    max-width: 1200px !important;
    margin: 0 auto 50px !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

@media screen and (max-width: 1024px) {
    .nf-blog-grid-3col {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px !important;
    }
}

@media screen and (max-width: 700px) {
    .nf-blog-grid-3col {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        padding: 0 16px !important;
    }
}

.nf-card,
.nf-card.post-card {
    background: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid #e0ded9 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.nf-card:hover,
.nf-card.post-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08) !important;
}

.nf-card-image-wrap {
    position: relative !important;
    width: 100% !important;
    height: 230px !important;
    overflow: hidden !important;
    background: #f0ede8 !important;
}

.nf-card-image-link {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.nf-card-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 0 !important;
    transition: transform 0.3s ease !important;
}

.nf-card:hover .nf-card-img,
.nf-card.post-card:hover .nf-card-img {
    transform: scale(1.04);
}

.nf-card-image-wrap .fancy-categories {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    z-index: 10 !important;
    line-height: 1 !important;
}

.nf-card-image-wrap .fancy-categories a {
    display: inline-block !important;
    background: #2b2b2b !important;
    color: #ffffff !important;
    font-family: 'Montserrat', system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 6px 10px !important;
    border-radius: 2px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.nf-card .nf-card-body,
.nf-card.post-card .nf-card-body {
    padding: 24px 28px 28px 28px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    box-sizing: border-box !important;
}

.nf-card .nf-card-title,
.nf-card.post-card .nf-card-title {
    font-family: 'Montserrat', system-ui, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #47360e !important;
    margin: 0 0 14px 0 !important;
}

.nf-card .nf-card-title a,
.nf-card.post-card .nf-card-title a {
    color: #47360e !important;
    text-decoration: none !important;
    transition: color 0.15s ease !important;
}

.nf-card .nf-card-title a:hover,
.nf-card.post-card .nf-card-title a:hover {
    color: #3aa94e !important;
}

.nf-card .nf-card-excerpt,
.nf-card.post-card .nf-card-excerpt {
    font-family: 'Montserrat', system-ui, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: rgba(71, 54, 14, 0.8) !important;
    margin: 0 0 20px 0 !important;
    flex-grow: 1 !important;
}

.nf-card .arrow-link,
.nf-card .nf-card-readmore,
.nf-card.post-card .nf-card-readmore {
    margin-top: auto !important;
    font-family: 'Montserrat', system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #47360e !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: color 0.15s ease !important;
}

.nf-card .arrow-link .arrow,
.nf-card .nf-card-readmore .arrow,
.nf-card.post-card .nf-card-readmore .arrow {
    font-size: 10px !important;
    line-height: 1 !important;
}

.nf-card .arrow-link:hover,
.nf-card .nf-card-readmore:hover,
.nf-card.post-card .nf-card-readmore:hover {
    color: #3aa94e !important;
}

/* --- Layout Grid Declarations --- */
#main {
    grid-area: main !important;
    padding-bottom: 70px !important;
}

#footer {
    grid-area: footer !important;
}

#bottom-bar {
    grid-area: unset !important;
}

/* --- Modern Image Lightbox --- */
.nf-lightbox-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 12, 8, 0.92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 999999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease;
}

.nf-lightbox-backdrop.is-open {
    opacity: 1;
    visibility: visible;
}

.nf-lightbox-container {
    position: relative;
    max-width: 90vw;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nf-lightbox-img {
    max-width: 90vw;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    user-select: none;
    -webkit-user-select: none;
    transition: transform 0.2s ease;
}

.nf-lightbox-caption {
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-top: 14px;
    text-align: center;
    max-width: 800px;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.nf-lightbox-counter {
    color: rgba(255, 255, 255, 0.6);
    font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    margin-top: 6px;
    letter-spacing: 1px;
}

.nf-lightbox-close {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 44px;
    height: 44px;
    border: none;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 28px;
    line-height: 1;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
    z-index: 1000000;
}

.nf-lightbox-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.08);
}

.nf-lightbox-prev,
.nf-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border: none;
    background: rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 26px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease, transform 0.2s ease;
    z-index: 1000000;
}

.nf-lightbox-prev {
    left: 20px;
}

.nf-lightbox-next {
    right: 20px;
}

.nf-lightbox-prev:hover,
.nf-lightbox-next:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-50%) scale(1.08);
}

/* Hover overlay on media items & gallery items */
.nf-media-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 12px !important;
    margin: 30px auto !important;
    max-width: 1440px !important;
    padding: 0 24px !important;
}

.nf-media-item {
    overflow: hidden;
    border-radius: 4px;
    aspect-ratio: 4 / 3;
    background: #f0f0f0;
}

.nf-media-item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.nf-media-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.35s ease !important;
}

.nf-media-item a:hover img {
    transform: scale(1.06) !important;
}

.nf-media-item a::after {
    content: "🔍";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(43, 34, 15, 0.35);
    color: #ffffff;
    font-size: 22px;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.nf-media-item a:hover::after {
    opacity: 1;
}

/* --- Gallery Shortcode Styling --- */
.nf-gallery-wrapper {
    max-width: 1200px;
    margin: 40px auto 60px auto;
    padding: 0 20px;
}

.nf-gallery-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-bottom: 35px;
}

.nf-gallery-filter-btn {
    background: #f4f1ec;
    border: 1px solid #dcd7ce;
    color: #47360e;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 22px;
    border-radius: 24px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.nf-gallery-filter-btn:hover {
    background: #e8e3da;
    border-color: #47360e;
}

.nf-gallery-filter-btn.is-active {
    background: #47360e;
    border-color: #47360e;
    color: #ffffff;
}

.nf-gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 22px;
}

.nf-gallery-card {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
    border: 1px solid #e8e4de;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    display: flex;
    flex-direction: column;
}

.nf-gallery-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
}

.nf-gallery-card-thumb-wrap {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: #ede9e3;
}

.nf-gallery-card-thumb-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.nf-gallery-card:hover .nf-gallery-card-thumb-wrap img {
    transform: scale(1.05);
}

.nf-gallery-card-thumb-wrap a::after {
    content: "🔍";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(43, 34, 15, 0.35);
    color: #ffffff;
    font-size: 24px;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.nf-gallery-card:hover .nf-gallery-card-thumb-wrap a::after {
    opacity: 1;
}

.nf-gallery-card-info {
    padding: 14px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
}

.nf-gallery-card-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #47360e;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nf-gallery-card-badge {
    display: inline-block;
    background: #e8e3da;
    color: #47360e;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* =========================================================
   STRICT SQUARISH CORNERS EVERYWHERE (BORDER-RADIUS: 0)
   ========================================================= */
.nf-btn,
.nf-home-hero-btn,
.nf-btn-outline,
.nf-btn-primary,
.nf-collab-btn,
.nf-case-viewall a,
.nf-card,
.post-card,
.nf-case-card,
.nf-card-thumb-wrap,
.nf-card-thumb-wrap img,
.post-thumbnail,
.post-thumbnail img,
.nf-home-hero-tags li,
.nf-impact-inner,
.nf-impact-card,
.nf-village-card,
.nf-program-bar,
.nf-program-bar__link,
.nf-recog-logo,
.nf-recog-logo img,
.nf-media-item,
.nf-media-item img,
.nf-gallery-card,
.nf-gallery-card-thumb-wrap,
.nf-gallery-card-thumb-wrap img,
.nf-gallery-filter-btn,
.nf-gallery-card-badge,
.nf-case-info-box,
.nf-case-testimonial,
.nf-post-case-media img,
.fancy-categories a,
.nf-category-badge,
.button,
button,
input,
select,
textarea,
.wpcf7-submit {
    border-radius: 0 !important;
}

/* =========================================================
   CONSISTENT SECTION BACKGROUNDS (MATCHING LIVE SITE)
   Rhythm: Beige -> White -> Beige -> White -> Beige -> White -> Beige -> White -> Dark Brown
   ========================================================= */

/* 1. Hero: Warm Beige */
.nf-home-hero-wrapper {
    position: relative !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    background-color: #e8e3da !important;
    padding: 60px 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* 2. Impact Numbers: White */
.nf-impact-section {
    background-color: #ffffff !important;
    padding: 80px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.nf-impact-inner {
    background-color: #ffffff !important;
    border-radius: 0 !important;
}

/* 3. Reaching Last Mile / Village: Warm Beige */
.nf-village-section {
    background-color: #e8e3da !important;
    padding: 80px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Desktop Village Card Image Sizing */
@media screen and (min-width: 768px) {
    .nf-village-card__image {
        box-sizing: content-box !important;
    }
    .nf-village-card__image img {
        box-sizing: content-box !important;
        width: 80% !important;
        height: 125% !important;
        object-fit: cover !important;
        max-height: none !important;
    }
}

/* Mobile Village Card Image Sizing - Exact Live Site Rules */
@media screen and (max-width: 767px) {
    .nf-village-section {
        padding: 56px 0 64px !important;
    }
    .nf-village-inner {
        padding: 0 8px !important;
    }
    .nf-village-header,
    .nf-village-heading,
    .nf-village-intro {
        text-align: left !important;
        margin-left: 0 !important;
    }
    .nf-village-grid {
        flex-direction: column !important;
        align-items: center !important;
        gap: 32px !important;
    }
    .nf-village-card {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: none !important;
        height: 560px !important;
    }
    .nf-village-card__image {
        position: absolute !important;
        top: 0 !important;
        left: -53px !important;
        right: 0 !important;
        height: 265px !important;
        margin: 0 -6px !important;
        padding-top: 12px !important;
        overflow: visible !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;
        box-sizing: content-box !important;
    }
    .nf-village-card__image img {
        width: 85% !important;
        height: auto !important;
        margin: 0 auto !important;
        object-fit: contain !important;
        box-sizing: content-box !important;
    }
    .nf-village-card__content {
        top: 245px !important;
    }
}

/* 4. Programs We Deliver: White */
.nf-programs-section {
    background-color: #ffffff !important;
    padding: 80px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 5. A Newborn Girl Survived / Story: Warm Beige */
.nf-story-section {
    background-color: #e8e3da !important;
    padding: 80px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 6. Recognitions & Partnerships: White */
.nf-recog-section {
    background-color: #ffffff !important;
    padding: 80px 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 7. Community Photo Grid: Warm Beige */
.nf-community-section {
    background-color: #e8e3da !important;
    padding: 80px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 8. Case Studies & Field Stories: White */
.nf-case-section {
    background-color: #ffffff !important;
    padding: 80px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 9. Collaboration Banner: Dark Brand Brown */
.nf-collab-section {
    background-color: #47360e !important;
    color: #ffffff !important;
    padding: 80px 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    border-radius: 0 !important;
}

/* =========================================================
   CONSISTENT SPACING BETWEEN SECTIONS
   ========================================================= */

.nf-village-header,
.nf-programs-header,
.nf-recog-heading,
.nf-community-header,
.nf-case-header {
    margin: 0 auto 48px auto !important;
    text-align: center !important;
}

.nf-village-inner,
.nf-programs-inner,
.nf-story-inner,
.nf-recog-inner,
.nf-community-inner,
.nf-case-inner,
.nf-collab-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

/* Community Grid: 5-columns, squarish photos */
.nf-community-section .nf-media-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 12px !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
    padding: 0 !important;
}

.nf-community-section .nf-media-item {
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: #ded9d0 !important;
}

.nf-community-section .nf-media-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    display: block !important;
}

/* Recognitions Grid: squarish logo boxes matching live site */
.nf-recog-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 32px !important;
    align-items: center !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}

.nf-recog-logo {
    height: 140px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    border: 1px solid #e1e4ed !important;
    box-shadow: 0 1px 4px rgba(25, 33, 61, 0.08) !important;
    border-radius: 0 !important;
    padding: 2px 0 !important;
}

.nf-recog-logo img {
    max-height: 72px !important;
    max-width: 100% !important;
    width: auto !important;
    object-fit: contain !important;
    border-radius: 0 !important;
}

/* Case Studies Section on Home Page */
.nf-case-section .nf-blog-grid-3col {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
}

.nf-case-section .nf-card {
    background: #ffffff !important;
    border: 1px solid #e1e4ed !important;
    box-shadow: 0 1px 4px rgba(25, 33, 61, 0.08) !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.nf-case-section .nf-card-thumb-wrap {
    height: 170px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
}

.nf-case-section .nf-card-thumb-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}

.nf-case-section .nf-card-body {
    padding: 20px !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

.nf-case-viewall {
    text-align: center !important;
    margin: 44px auto 0 auto !important;
}

.nf-case-viewall .nf-btn-outline {
    border: 1px solid #4db757 !important;
    color: #4db757 !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 12px 32px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.nf-case-viewall .nf-btn-outline:hover {
    background: #4db757 !important;
    color: #ffffff !important;
}

/* Collab Section */
.nf-collab-inner {
    max-width: 820px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.nf-collab-title {
    font-size: 32px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    margin: 0 0 20px 0 !important;
}

.nf-collab-subtitle {
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    margin: 0 auto 32px auto !important;
    max-width: 720px !important;
}

.nf-collab-btn {
    background-color: #ffffff !important;
    color: #47360e !important;
    padding: 14px 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.nf-collab-btn:hover {
    background-color: #f5f1e5 !important;
    color: #47360e !important;
    transform: translateY(-2px) !important;
}

/* =========================================================
   10. SUPPORT / DONATE SECTION (MATCHING LIVE SITE)
   ========================================================= */
.nf-support-section {
    width: 100% !important;
    padding: 80px 0 !important;
    box-sizing: border-box !important;
    background-color: #ffffff !important;
}

.nf-support-inner {
    position: relative !important;
    max-width: 1200px !important;
    height: 550px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
}

.nf-support-image {
    width: 70% !important;
    height: 100% !important;
    background-image: url("/wp-content/uploads/Donate.png") !important;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #f1f3f7 !important;
    border-radius: 0 !important;
}

.nf-support-card {
    position: absolute !important;
    top: 50% !important;
    right: 24px !important;
    width: 42% !important;
    max-width: 480px !important;
    padding: 42px 48px 45px !important;
    box-sizing: border-box !important;
    transform: translateY(-50%) !important;
    background-color: #47360e !important;
    box-shadow: 0 1px 4px rgba(25, 33, 61, 0.08) !important;
    color: #ffffff !important;
    border-radius: 0 !important;
}

.nf-support-title {
    margin: 0 0 20px 0 !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.nf-support-text {
    max-width: 431px !important;
    margin: 0 0 32px 0 !important;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    font-family: 'Montserrat', sans-serif !important;
}

.nf-support-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px 28px !important;
    background-color: #ffffff !important;
    color: #47360e !important;
    border: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    border-radius: 0 !important;
    transition: all 0.2s ease !important;
}

.nf-support-btn:hover {
    background-color: #f5f1e5 !important;
    color: #47360e !important;
    transform: translateY(-2px) !important;
}

@media (max-width: 1024px) {
    .nf-community-section .nf-media-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .nf-recog-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
    .nf-case-section .nf-blog-grid-3col {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 991px) {
    .nf-support-inner {
        height: auto !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 0 20px !important;
    }
    .nf-support-image {
        width: 100% !important;
        height: 320px !important;
    }
    .nf-support-card {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        margin-top: -32px !important;
        padding: 32px 24px !important;
    }
}

@media (max-width: 767px) {
    .nf-home-hero-wrapper {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 24px 0 !important;
    }
    .nf-home-hero-container {
        min-height: auto !important;
        padding: 40px 20px !important;
        flex-direction: column !important;
        gap: 28px !important;
        text-align: left !important;
    }
    .nf-impact-section,
    .nf-village-section,
    .nf-programs-section,
    .nf-story-section,
    .nf-community-section,
    .nf-case-section,
    .nf-collab-section,
    .nf-support-section {
        padding: 56px 0 !important;
    }
    .nf-recog-section {
        padding: 56px 24px !important;
    }
    .nf-recog-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    .nf-recog-header,
    .nf-recog-heading,
    .nf-recog-intro {
        text-align: left !important;
        margin-left: 0 !important;
    }
    .nf-community-section .nf-media-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .nf-case-section .nf-blog-grid-3col {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    .nf-recog-section {
        padding: 56px 20px !important;
    }
    .nf-recog-grid {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    .nf-recog-logo {
        width: 100% !important;
        max-width: 320px !important;
        margin: 0 auto !important;
    }
}

/* =========================================================
   PAGE HEADER STYLES (EVENTS & ACTIVITIES, CASE STUDIES)
   Consistent spacing from sticky header & matching typography
   ========================================================= */
.nf-events-header,
.nf-case-header {
    max-width: 760px !important;
    margin: 0 auto 48px auto !important;
    text-align: center !important;
}

.nf-events-heading,
.nf-case-heading {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 48px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: #47360e !important;
    margin: 0 0 16px 0 !important;
    text-align: center !important;
}

.nf-events-header .nf-events-heading {
    margin-bottom: 0 !important;
}

/* Ensure adequate top spacing below fixed/sticky header */
.page-id-1233 #content,
.page-id-2100 #content {
    padding-top: 60px !important;
}

@media (max-width: 767px) {
    .nf-events-heading,
    .nf-case-heading {
        font-size: 38px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
    }
    .page-id-1233 #content,
    .page-id-2100 #content {
        padding-top: 30px !important;
    }
}