.page_nav ul li#menu-item-426,
.page_nav ul li#menu-item-1157 {
	display: none !important;
}
header	{
	background: #0d9a86 !important;
}
header .wrapper	{
	max-width: 100%;
	background-color: #0d9a86; 	
}

.header_con {
  min-height: 50px !important;
  padding: 20px  0!important;;
}
.head_info {
	justify-content: right;
	display:block!important;

	}

.header_info ul li.donateButton {
	margin: -6px 0 0 33px;
	padding: 6px 23px 4px 23px;
	border: 2px solid #0d9a86; 
	color: #0d9a86;
	background:white;
	text-align: center;
	font-weight: 600;
	border-radius: 3px;
}

@media (max-width: 1024px)	{
	.header_info ul li.donateButton {
		margin: 30px 0 30px 33px;
	}
}

.header_info ul li.email::before {
    content: url(../images/header-icon2.png);
    top: 0;
    left: 23px;
}

.header_info ul li:last-child::before {
    content: none;
    top: 0;
    left: 23px;
}

.header_info ul {
    column-gap: 3vw;
  }

/* =================================
   MINIMAL NAVIGATION FIX
   ================================= */

/* Mobile styles (≤799px) - MINIMAL changes to preserve original */
@media (max-width: 799px) {
    /* Only add mobile donate bar - DON'T override existing layout */
    .mobile-donate-bar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #0d9a86;
        padding: 10px 20px;
        z-index: 1001;
        text-align: center;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    }
    
    .mobile-donate-bar a {
        color: white;
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 14px;
    }
    
    /* Add top padding for donate bar only */
    body {
        padding-top: 50px !important;
    }
    
    /* Hide original donate button */
    .header_info .donateButton {
        display: none !important;
    }
    
    /* DO NOT override header, nav_area, or main_logo positioning */
    /* Let them use their original mobile CSS */
}

/* Tablet range (800px-1023px) - Force desktop navigation to show */
@media (min-width: 800px) and (max-width: 1023px) {
    /* Reset everything to normal - no fixed positioning */
    header {
        position: relative !important;
        margin: 60px 0 0 !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
        z-index: 1 !important;
    }
    
    #nav_area {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 999 !important;
        height: 60px !important;
        display: block !important;
        overflow: hidden !important;
    }
    
    /* Reset logo to original positioning */
    .main_logo {
        position: absolute !important;
        top: 140px !important;
        z-index: 2 !important;
        width: 200px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        display:block!important;
    }
    
    /* No body padding */
    body {
        padding-top: 0 !important;
    }
    
    /* Hide mobile donate bar */
    .mobile-donate-bar {
        display: none !important;
    }
    
    /* SHOW the toggle_right_nav container but style it as horizontal menu */
    .toggle_right_nav {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        height: 60px !important;
        width: 100% !important;
        background: #ef9f7d !important;
        /* Override any mobile menu styling */
        transform: none !important;
        left: 0 !important;
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
    }
    
    /* Style the page_nav like desktop */
    .page_nav {
        background: #ef9f7d !important;
        height: 60px !important;
        text-align: center !important;
        padding: 0 20px !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        /* Remove any mobile menu transforms */
        transform: none !important;
        left: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
    }
    
    /* Show the navigation wrapper */
    #nav_area .wrapper {
        padding-left: 0 !important;
        display: block !important;
        height: 60px !important;
        width: 100% !important;
        max-width: 1375px !important;
        margin: 0 auto !important;
        position: relative !important;
    }
    
    /* Hide the mobile menu slide header */
    .menu_slide_right {
        display: none !important;
    }
    
    /* Style the nav-menu container */
    .nav-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: 60px !important;
        padding: 0 !important;
        margin: 0 !important;
        /* Remove mobile styling */
        transform: none !important;
        position: static !important;
        width: 100% !important;
    }
    
    /* Style the main menu list - HORIZONTAL LAYOUT */
    #menu-main-menu {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: 60px !important;
        gap: 0 !important;
        flex-wrap: nowrap !important;
        /* Remove any mobile styling */
        flex-direction: row !important;
        width: 100% !important;
    }
    
    /* Style individual menu items - INLINE LAYOUT */
    #menu-main-menu li {
        display: inline-block !important;
        vertical-align: middle !important;
        position: relative !important;
        padding: 0 20px !important;
        height: 60px !important;
        margin: 0 !important;
        /* Remove mobile styling */
        width: auto !important;
        float: none !important;
        clear: none !important;
        flex: none !important;
    }
    
    /* Style menu links - HORIZONTAL TEXT */
    #menu-main-menu li a {
        display: block !important;
        font-size: 14px !important;
        color: #fff !important;
        line-height: 60px !important;
        visibility: visible !important;
        opacity: 1 !important;
        text-decoration: none !important;
        padding: 0 !important;
        margin: 0 !important;
        /* Remove mobile styling */
        width: auto !important;
        height: 60px !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
    
    /* Add hover effects */
    #menu-main-menu li a:hover {
        text-decoration: underline !important;
        background: rgba(255, 255, 255, 0.1) !important;
    }
    
    /* Add separators between menu items */
    #menu-main-menu li:after {
        content: "" !important;
        width: 1px !important;
        height: 10px !important;
        background: #fff !important;
        position: absolute !important;
        top: 25px !important;
        right: 0 !important;
    }
    
    #menu-main-menu li:last-child:after {
        display: none !important;
    }
    
    /* Hide mobile hamburger button */
    .nav_toggle_button {
        display: none !important;
    }
    
    /* Hide any dropdown arrows or mobile indicators */
    #menu-main-menu li span {
        display: none !important;
    }
}

@media only screen and (max-width: 800px) {
  #nav_area {
    padding: 40px 15px 35px;
  }
  
  .menu_slide_right {
    padding: 80px 10px 20px;
  }
  
  body:not(.page-home) .header_info ul li::before {
  content: none!important;
}

body:not(.page-home) .social_media.restatic {
  display:none;
}
}

/* Desktop (≥1024px) - Keep your working fixed layout */
@media (min-width: 1024px) {
    header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 1000 !important;
        margin: 0 !important;
        background:	#0d9a86 !important; 
    }
    
    #nav_area {
        position: fixed;
        top: 77px;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    
    body {
        padding-top: 137px;
    }
    
    .main_logo {
        position: fixed !important;
        top: 5px !important;
        left: 20px !important;
        z-index: 1001 !important;
        width: 170px;
        margin: 0 !important;
        transform: none !important;
        display:block!important;
    }
    
    #nav_area .wrapper {
        padding-left: 140px;
    }
    
    .nav-menu {
        text-align: center;
    }
    
    .mobile-donate-bar {
        display: none !important;
    }
    
    .page-home .social_media.restatic,
    .social_media.restatic{
	  /*position: absolute;
	  top: 720px;
	  left: 0;*/
	  display: none; /* need this bc positioned within a div that's now sticky! */
	}
}

/* Larger screens */
@media (min-width: 1400px) {
    #nav_area .wrapper {
        padding-left: 160px;
    }
}


element.style {
}

.page_nav ul ul li a {
	line-height: 1.4em;
	padding: 20px 4px;
}

.home #post-5 h2	{
	color: black !important;
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 25px;
}

.home #post-5 li	{
	color: black !important;
	margin-bottom: 20px;
	
}

/* =================================
    Program Cards
   ================================= */

/*.serv_boxes {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 11px;
    width: 100%;
    margin-top: 16px;
    min-height: 650px;
}*/


zoomIn animation {
    transform: scale3d(1, 1, 1);
    opacity: 1;
}
element.style {
    visibility: visible;
    animation-duration: 1000ms;
    animation-name: zoomIn;
}
.zoomIn {
    animation-name: zoomIn;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

 
.home
 {
	/* increase card height */
	.serv_boxes { 
		min-height: 690px;
	}
	.box_shadow {
		min-height: 483px;
	}   
	.serv_boxes section a {
		margin: 30px auto 0;
		position: absolute;
		bottom: 50px;
		line-height: 55px;
	}	
	   
	.serv_box_info.new {
		text-align: center;
		z-index: 2;
		position: relative;
		margin-top: -150px;
		padding: 25px 20px;
	}
	
	.serv_box_info p.program-card {
		font-size: .9rem;
		line-height: 1.4rem;
		min-height: 200px !important;
	}
}

/* =================================
    bottom4 form display fix
   ================================= */
  .btm4_con	{
  min-height: 500px;
  }
  
   .btm4_con form#submit_formmessage{
   	height: 30px;
   	top: 340px;
   }
   
   .disclaimer {
   	bottom: -70px;
   }
   .disclaimer p	{
   	color: white;
   }
   
   .footer_top_con {
   	padding-top: 150px;
   }
/* =================================
    About Pages div styles
   ================================= */
 @media (min-width: 768px) {
	.page-our-team .entry-content {
		margin-left: 50px;
	 }  
 }   
   /* =================================
    Services Page div styles
   ================================= */
.flows-content {
 
	h2 { 
		font-family: var(--primary-hdng);
		margin-bottom: 2em;
	}
	 
	 @media (min-width: 500px) {
		 .flows-section {
			margin: 50px auto 100px;
			padding: 40px 50px;
			border: 1px solid #eee;
			box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
			max-width: 70rem;
			background: white;
		 }
	 
		 h2 {
			width: 100%;
			text-align: center;		
			font-size: 48px;
			color: #333;
			font-weight: 500;
			line-height: 100%;
		 }	 
		 
		 ul {
		list-style: disc;
		margin: 0 0 30px 30px;
	 } 
	 
	}
	
	li {
		margin-bottom: 1.5rem;
	 }	 
	 .flows-cards {
		margin: 50px auto 30px;
		padding: 20px 50px;
		max-width: 46rem;
		/*border: 1px solid #eee;
		box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);		
		background: white;*/
	 }
	 .flows-cards ul {
			margin: 0 0 50px 30px;
		}
		
	 .flows-cards li {margin-bottom: .5em;}
	 
	 h3 {
		font-size: 1.3rem;
		font-weight: 600;
		width: 99%;
		 }
 	.flows-carousel {
 		margin-top: 100px;
 	}
 	.flows-carousel .serv_boxes {
 		min-height: 700px;
 		margin-bottom: 30px;
 	}
 	.flows-carousel .serv_boxes h3 {
 		padding: 30px 0 16px 12px;
 		text-align: center;
 		color: #efa07d;
 	}

 	.flows-carousel .serv_box_info	{
 		min-height: 400px;
 		background: white !important;
 		border: 1px solid rgba(239,160,125,0.13);
 		bottom: -325px !important;
 	}

 	.flows-carousel li.img {text-align: center;}
 	.flows-carousel li.img img {max-height: 180px; width: auto; margin-bottom: 10px;}

 	.flows-carousel ul {
		list-style: none;
		margin: 0 0 30px 12px;
		text-align: left;
	 } 
	 .flows-carousel li {
		 margin-bottom: .6em; 
		 line-height: 1.6em;
		 font-size: clamp(0.7em, .6vw + 0.2em, .9em);
	 }
	 
	 .flows-carousel .owl-nav {
	 	bottom: 40px !important;
	 }
	 
	 @media (min-width: 768px) {
	 .flows-carousel li h3 {font-size: clamp(0.6em, .9vw + 0.3em, 1em);}
	 }
 }
 
 .serv_content3 h2 {
 	max-width: 38em;
 	margin: 0 auto !important;
 	line-height: 1.6em;
 }
 
  .serv_content3.up	{
  	margin-top: -50px;
  	margin-bottom: 60px;
  	
  }
   .serv_content3.up h2 {
  	font-family: poppins, sans-serif;
   }
/* =================================
    Program Page div styles
   ================================= */
@media (min-width: 601px) { /* programs temp, while exactly four cards; remove if 3 or 5 */
  .services1.wrap { 
  	max-width: 1000px;
  	margin: 0 auto;
  }
  .services1 section	{
  	width: 48%;
  }
} 
.services2 section h2  {
	margin: 5px 0 5px;
}

.services  section p.one-line {
  	margin-bottom: 10px;
  	min-height: 80px;
  }
  
  div.mental-health,
  div.populations-of-focus {
  	margin: 100px auto 50px;
  }
  
  /*h2.pri-color {color: var(--priColor);}*/
  div.impact {
  	margin: 50px auto;
  	padding: 20px 50px;
  	border: 1px solid #eee;
  	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  	max-width: 70rem;
  	background: white;
  } 
  
  div.testimonials {
  	margin: 50px auto;
  	padding: 20px 50px;
  	border: 1px solid #eee;
  	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  	max-width: 70rem;
  	background: white;
  }  
  
  div.testimonials h3 { 
  	font-size: 1.3rem;
  	font-weight: 600;
  	/*border-bottom: 2px solid var(--secColor);*/
  	width: 99%;
  	color: var(--priColor);
  	text-decoration: underline;
  }

  
  /* =================================
    Event Page div styles
   ================================= */
   
p.btn-big	{
	margin: 50px auto;
}

.btn-big a {
    display: block;
    line-height: 55px;
    width: 250px;
    margin: 30px auto 0;
    position: relative;
    left: 0;
    right: 0;
    background: #7d3828;
    color: #fff;
    text-align: center;
}

.btn-big.eventbrite a {
	width: 450px;
}

.btn-big a:hover	{
	background: #ef9f7d;
	color: white;
	text-decoration: none;
}

  /* =================================
    Volunteer Page div styles
   ================================= */
   
   .post-45 .btn-big a {
   	width: 400px;
	max-width: 100%;
   }
 
  /* =================================
    TPF TEAM PORTAL Page div styles
   ================================= */
    
 .logos_con {
    display: flex;
    flex-wrap: wrap;
    gap: 55px;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 50px;
}

.logos_con figure {width: 300px; max-width: 100%;}
.logos_con figure:hover{opacity: 0.9}

  /* =================================
    TPF CONTACT PAGE
   ================================= */ 
p.description	{
	max-width: 46em;
 	margin: 0 auto 30px!important;
 	line-height: 1.6em;
}

h2:not(.serv_boxes section h2, .textwidget h2, .services section h2),
.serv_content2 h2,
.serv_con h2:not(.serv_boxes section h2, .textwidget h2) {
	font-size: 40px !important;
	font-weight: normal !important;
	font-family: var(--priFont) !important;
}


h2.description {
	max-width: 26em;
}