/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://nutritionforliving.org
 Description:  child theme for Nutrition for Living
 Author:       MyOr care
 Author URI:   https://github.com/YuriySobakar
 Template:     generatepress
 Version:      1.0.0
*/

/*  additional styling */

/* 
Color varibles from customizer 
    --base-3: #ffffff;
    --buttons-green: #4b8514;
    --buttons-dark-green: #3A6610;
*/

.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Lora, serif;
}

@media (min-width: 769px) {
    body {
        padding-top: 175px !important;
    }
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background-color: var(--base-3) !important;
}

#menu-main-menu li a {
    background-color: var(--base-3) !important;
}

.site-header.header-scrolled {
    -webkit-box-shadow: 0px 1px 10px -1px rgba(34, 60, 80, 0.6);
    -moz-box-shadow: 0px 1px 10px -1px rgba(34, 60, 80, 0.6);
    box-shadow: 0px 1px 10px -1px rgba(34, 60, 80, 0.6);
}

.main-navigation .main-nav ul ul li a {
    padding: 5px 20px 5px 20px;
    font-size: 1rem;
}

#menu-item-137-sub-menu {
    background-color: var(--base-3);
}

.header-nav-menu-item a {
    text-transform: none;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
}

.sub-menu {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, 
        rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;
}
.sub-menu,
.sub-menu .menu-item {
    background-color: var(--base-3);	
}
.sub-menu .menu-item a {
    text-transform: none !important;
}

.service-submenu-item a,
.location-submenu-item a {
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;	
}

@media (min-width: 769px) {
    #menu-item-137-sub-menu {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        max-height: 38rem;
        width: 25rem;
        box-sizing: border-box;
    }

    #menu-item-137-sub-menu li {
        width: 50%;
        box-sizing: border-box;
    }
}

.schedule-consultation-now-button {
    background-color: var(--base-3) !important;
    border: 2px solid var(--buttons-dark-green) !important;
    color: var(--buttons-dark-green) !important;
    transition: all 0.3s ease-in-out !important;
}

.schedule-consultation-now-button .gb-shape svg {
    color: var(--buttons-dark-green) !important;
    transition: color 0.3s ease-in-out !important;
}

.schedule-consultation-now-button:hover,
.schedule-consultation-now-button:active,
.schedule-consultation-now-button:focus {
    background-color: var(--buttons-green) !important;
    border-color: var(--buttons-green) !important;
    color: var(--base-3) !important;
}

.schedule-consultation-now-button:hover .gb-shape svg,
.schedule-consultation-now-button:active .gb-shape svg,
.schedule-consultation-now-button:focus .gb-shape svg {
    color: var(--base-3) !important;
}

.hero-details-closed {
    margin-bottom: 0;
    font-weight: 400 !important;
    transition: color 0.3s ease;
}

.hero-details-closed:hover {
    color: var(--buttons-green) !important;
}

.hero-details-opened {
    margin-bottom: 0;
    font-weight: 400 !important;
    color: var(--buttons-green) !important;
}

.site-content {
    padding-top: 0 !important;
}

.inside-article {
	padding: 0 10px !important;
}

@media (min-width: 769px) {
	.inside-article {
        padding: 0 20px !important;
    }
	
	.insurance-logos-for-specialties-container {
	    width: 50% !important;
    }
}

#helpie-faq-6910b9114b736 {
    margin-top: 0 !important;
}

.helpie-faq-col ul {
    margin: 0 0 0 0 !important;
}

@media (max-width: 768px) {
    .accordion__header:before,
    .accordion__header:after {
        margin-right: 8px !important;
   }

    .accordion__header {
        padding-left: 8px !important;
    }
    
    .accordion__title {
        padding-right: 15px !important;
    }
}

/* footer */
.gb-element-2bdc127d {
    padding: 0 0 90px 0 !important;
}

@media (max-width: 768px) {
    .footer-background-image-container {
        background-blend-mode: normal, normal;
        background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(10, 10, 10, 0.5) 100%), 
            url('https://nutritionforliving.org/wp-content/uploads/2025/11/healthy-farmer-organic-food-fruit-vegetables__tablet.jpg') 46% 32% / cover no-repeat !important;
    }
    
    .gb-element-20983265 {
        background-image: url('https://nutritionforliving.org/wp-content/uploads/2025/11/paleo-diet-concept-copy-space-top-view-tablet.jpg') !important;
    }
    
    .gb-element-2bdc127d {
       padding: 0 0 45px 0 !important;
       padding-bottom: 0 !important;
    }
}

@media (max-width: 768px) {
    .footer-background-image-container {
        background-blend-mode: normal, normal;
        background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(10, 10, 10, 0.5) 100%), 
            url('https://nutritionforliving.org/wp-content/uploads/2025/11/healthy-farmer-organic-food-fruit-vegetables__mobile.jpg') 46% 32% / cover no-repeat !important;
    }
    
    .gb-element-20983265 {
        background-image: url('https://nutritionforliving.org/wp-content/uploads/2025/11/paleo-diet-concept-copy-space-top-view-mobile.jpg') !important;
    }
}

.accordion {
    margin: 0 !important;
}

body[data-gb-menu-open] {
    overflow: auto !important;
}

.gb-menu-container-07df76cc {
    position: static !important;
    padding-bottom: 0 !important;
}

.gb-navigation-640810fb .gb-menu-container:not(.gb-menu-container--toggled) {
    display: block !important;
}

.gb-menu-toggle-b97756f1 {
    display: none !important;
}

.gb-sub-menu-sm39df4d {
    background-color: transparent !important;	
}
@media (min-width: 769px) {	
    .gb-menu-e939df4d {
        display: flex;
        column-gap: 4rem !important;
    }

    .gb-sub-menu-sm39df4d {
        position: static !important;
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        max-height: 25rem !important;
        column-gap: 1rem !important;
        max-width: 18rem !important;		
    }

    .gb-submenu-toggle-icon {
        display: none !important;
    }

    .gb-menu-item-mi39df4d {
        width: 8rem !important;		
    }

    #menu-item-1221{
        margin-left: auto;
    }
}

.gb-menu-item-mi39df4d .gb-link {
    background-color: transparent !important;
    width: 8rem !important;
}

.gb-menu > .menu-item > a {
    font-family: Lora, sans-serif;
}