@charset "utf-8";
/* site: wlf.info v31*/



/* NEW STYLES */

#home-page-hero-2 p {color:#ffffff !important;}

#home-stay-connected {}
.impact-number p strong {
    color: #00447c;
    font-weight: 800;
    font-size: 1.1em;
}


li#menu-item-17845 {
    background: #ffde16;
    padding: 10px 11px 0px 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-left: 4px;
    font-size: 1.3em;
    position: relative;
    top: -16px;
}
.et-fixed-header li#menu-item-17845 { top: -12px; }

li#menu-item-17845 a {color:black !important;
padding-bottom: 9px !important;}













/* Custom CSS to force the parallax background image to be centered */
#home-page-hero-2 .et_parallax_bg {
    background-position: center center !important;
    background-size: cover !important;
}

#section-project-details .is-layout-constrained details {
    max-width: 100% !important;

}

.fb-fluid-wlf {
    max-width: 100%;
}

.fb-fluid-wlf iframe {
    max-width: 100% !important;
    width: 100% !important;
}

.fb-fluid-wlf .fb-page {
    max-width: 100% !important;
    width: 100% !important;
}


/*type*/
body:not(.home) .entry-content p {
    color: #525050;
    font-size: 18px;
    line-height: 1.5;
    hyphens: none;
    overflow-wrap: normal;
    word-break: normal;
}
p:not(.has-background):last-of-type {
    padding-bottom: 10px;
}
.wp-block-button .wp-block-button__link {
    background-color: #0072bc;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
}
.wp-block-button .wp-block-button__link:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
    transition: all 0.3s 
ease-in-out;
}

/* PAGE Project */

/* Styling the Gutenberg Details/Accordion Block */
.faq-detail-style details {
    background: #ffffff;
    border: 1px solid #e1e8ed;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 15px 20px;
    transition: all 0.3s ease;
}

.faq-detail-style details[open] {
    border-color: #00447c;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.faq-detail-style summary {
    font-weight: 600;
    color: #00447c;
    cursor: pointer;
    list-style: none;
    position: relative;
    padding-right: 30px;    font-size: 1.2em;
}

/* Custom Arrow for Summary */
.faq-detail-style summary::-webkit-details-marker {
    display: none;
}

.faq-detail-style summary::after {
    content: '+';
    position: absolute;
    right: 0;
    font-size: 1.5em;
    line-height: 1;
    top: -2px;
}

.faq-detail-style details[open] summary::after {
    content: '−';
}
/* Target the Group Block wrapper */
.faq-grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 equal columns */
    gap: 20px;                             /* Space between cards */
    align-items: start;                    /* Prevent boxes from stretching vertically */
}

/* Force the details blocks to fill the grid cell width */
.faq-grid-container .wp-block-details {
    width: 100%;
    margin-top: 0;                         /* Remove default WP margins for tighter grid */
}



/* resource links style */
/* Container for Resource Categories */

#section-project-resources {
    padding: 30px 0;

}
#section-project-location-map #wpsl-wrap {
    max-height: 350px;
    border: 1px solid #e1e8ed;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
#section-project-location-map #wpsl-gmap {
    height: 350px !important;
}
#section-project-location-map {    border-top: 5px solid #0072bc;
border-bottom: 5px solid #0072bc;}
#section-project-location-map .col-first-inner-wrapper-1200 {
    max-width: 1250px;
    margin: 0 auto !important;
    padding: 2em 2em;
}




/* Ensure inner content respects your 1200px limit */
#section-project-resources .wp-block-group__inner-container,
#section-project-resources > .wp-block-columns {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Specific styling for the Category Boxes within this section */
#section-project-resources .resource-category-box {
    background: #fcfcfc;
    border: 1px solid #e1e8ed;
    border-top: 3px solid #f1c40f; /* Gold accent to differentiate from the blue top card */
    padding: 30px;
    height: 100%;
    border-radius: 4px;
}


.resource-category-box {
    background: #fff;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    padding: 25px;
    height: 100%;
}

.resource-category-box h4 {
    color: #00447c;
    border-bottom: 2px solid #f1c40f; /* WLF Gold Underline */
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 1.2em;
}

/* Resource List Items */
.resource-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.resource-list li {
    margin-bottom: 12px;
    font-size: 15px;
    display: flex;
    align-items: flex-start;
}

/* Icon for the link */
/* 1. Base Setup & DEFAULT ICON (Place this FIRST) */
.resource-list li a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #00447c;
    font-size: 1.1em;
    width: 20px;
    text-align: center;
    content: "\f35d";
    padding-right: 8px;
}

/* 2. SPECIFIC OVERRIDES (Place these AFTER the default) */

/* PDF Files */
.resource-list li a[href$=".pdf"]::before, 
.resource-list li a[href$=".PDF"]::before {
    content: "\f1c1"; /* PDF Icon */
}

/* Word Docs */
.resource-list li a[href$=".doc"]::before, 
.resource-list li a[href$=".docx"]::before {
    content: "\f1c2"; /* Word Icon */
}

/* Videos */
.resource-list li a[href*="youtube.com"]::before,
.resource-list li a[href*="youtu.be"]::before,
.resource-list li a[href*="vimeo.com"]::before {
    content: "\f03d"; /* Video Icon */
}

/* Forms / Surveys (Optional) */
.resource-list li a[href*="forms"]::before {
    content: "\f044"; /* Edit/Form Icon */
}



.resource-list li a {
    text-decoration: none;
    color: #444;
    transition: color 0.2s;
}

.resource-list li a:hover {
    color: #00447c;
    text-decoration: underline;
}









/*#section-project-welcome .col-first-inner-wrapper-1200 {padding-top:0 !important}*/
#section-project-how-you-help {}

/* Container for the cards */
.action-cards-container {
    padding: 60px 0;
    max-width: 1200px;
    margin: 0 auto;
}

/* Individual Card Styling */
.action-card {
    background: #ffffff;
    border: 1px solid #e1e8ed;
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.action-card:hover {
    border-color: #f1c40f; /* WLF Gold */
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* Icon Styling */
.action-card i {
    font-size: 3em;
    color: #00447c; /* WLF Blue */
    margin-bottom: 20px;
    display: block;
}
#section-project-how-you-help .action-cards-container .ep_icon_wrapper span,
#section-project-how-you-help .action-cards-container i{
	background-image: transparent !important;
	font-size: 100px;
    color: #117cc0 !important;
}

/* Card Typography */
.action-card h3 {
    font-size: 1.4em;
    color: #333;
    margin-bottom: 15px;
}

.action-card p {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    margin-bottom: 25px;
}

/* Button Styling */
.action-card .wp-block-button__link {
    background-color: #00447c;
    border-radius: 4px;
    padding: 10px 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
}

.action-card:hover .wp-block-button__link {
    background-color: #f1c40f; /* Switch to Gold on card hover */
    color: #00447c;
}





/*----------------------------------
           GLOBAL
------------------------------------*/
.section-padding-medium {padding:2em 2em !important}
.section-padding-small {padding: 1em 2em !important;}
blockquote h3 {
    font-size: 24px;
    line-height: 1.3em;
    padding-bottom: 5px;
}

.bg-light-grey-no-border {
    background-color: #f7f9fa;
    padding: 1em 1em 0 .7em !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}



.cover-style-01 .wp-block-cover {    border-radius: 8px;
    box-shadow: 2px 2px 2px 2px #052d47;}
.cover-style-01 .wp-block-cover h2 {    text-transform: uppercase;
    font-weight: bold;
    font-size: 3em !important;
    text-shadow: 5px 5px 2px #191818;
    color: #e6f0f8;}
.bg-light-grey {
    background-color: #f7f9fa;
    padding: 1em 1em 0 .7em !important;
    border-radius: 8px;
    border: 1px solid #e1e8ed;
    border-top: 5px solid #0072bc;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Optional: Slight "lift" effect on hover to show interactivity */
.bg-light-grey:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
}

/* --- Styling Content inside the Resource Card --- */
/* The Heading */
.bg-light-grey h3, .bg-light-grey h4 {
    color: #00447c;
    margin-top: 0;
    margin-bottom: 3px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 1em;
    line-height: 1.3em;
}

/* The List Items */
.bg-light-grey ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 0;
}

.bg-light-grey ul li {
    padding: 5px 0;
    border-bottom: 1px dashed #ced4da;
    position: relative;
    padding-left: 20px;
}

.bg-light-grey ul li:last-child {
    border-bottom: none;
}

/* Small Chevron before list items */
.bg-light-grey ul li::before {
    content: '›';
    position: absolute;
    left: 0;
    color: #00447c;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1;
    top: 5px;
}

/* Link Hover */
.bg-light-grey ul li a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}
.bg-light-grey a[href$=".PDF"],.bg-light-grey a[href$=".pdf"] {
    padding: 0;
    background: none;
}

.bg-light-grey ul li a:hover {
    color: #00447c;
    text-decoration: underline;
}

.bg-light-blue-break {
    background-color: #e6f0f8;
    padding: 0;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Ensure the inner content stays centered at 1200px */
.bg-light-blue-break .wp-block-group__inner-container,
.bg-light-blue-break > .wp-block-columns {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Style for the 3-Column Service Icons/Heads */
.bg-light-blue-break h3 {
    color: #00447c;
    font-size: 1.5em;
    margin-top: 15px;
    text-align: left;
}

.bg-light-blue-break p {
    text-align: left;
    font-size: 16px;
}
/* 1. Target the Blog Articles within the specific section */
#home-stay-connected .et_pb_post {
    /* Set up the base card look */
    border: 1px solid #e0e0e0; /* Light border */
    border-radius: 8px; /* Match button radius */
    overflow: hidden; /* Important to keep image corners rounded */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Soft shadow for depth */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover effect */
    margin-bottom: 30px; /* Space below each card */
    padding: 0; /* Remove default Divi padding if present */
}

/* 2. Add a subtle hover effect for interactivity */
#home-stay-connected .et_pb_post:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px); /* Slight lift on hover */
}

/* 3. Style the Featured Image container and apply border radius */
#home-stay-connected .entry-featured-image-url {
    display: block;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;
}

/* 4. Style the content area (Title and Excerpt) */
#home-stay-connected .entry-title {
    font-size: 20px;
    font-weight: 700;
    color: #004690;
    padding: 15px 15px 5px 15px;
    line-height: 1.2em;
}

/* 5. Style the Excerpt */
#home-stay-connected .post-content {
    font-size: 16px;
    color: #525050;
    line-height: 1.5;
    padding: 0 15px 20px 15px;
}


/* FULL WIDTH PAGES*/
.col-first-inner-wrapper {
    max-width: 1600px;
    margin: 0 auto !important;
    padding: 3em 2em;
}
.col-first-inner-wrapper-1200 {
    max-width: 1200px;
    margin: 0 auto !important;
    padding: 4em 2em;
}
.col-first-inner-wrapper-1000 {
    max-width: 1000px;
    margin: 0 auto !important;
    padding: 3em 2em;
}
.col-indent-wrap {padding: 1em 1em;}
.col-indent-left {
    padding: 4em 1em 4em 4em !important;
}
.col-indent-right {
    padding: 4em 4em 4em 1em !important;
}
.col-indent {
    padding: 4em 1em 4em 1em !important;
}
/* OUR IMPACT NEW ---------------------------*/
.lions-headers {
    padding: 1.5em 1em 1.5em 1em;
    min-height: 100%;
    background: #E6F0F8;
    text-transform: uppercase;
}
.lions-headers h2 {
    color: #117CC0;
    padding-bottom: 0;
    line-height: 1.7em;
}
.page-template-page-our-impact #main-content .container,
.template-full-width-page #main-content .container{
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
}
.section-our-impact-welcome .bg-lion-1 {
    padding: 5em 1em 6em 1em;
    min-height: 100%;
    background: linear-gradient(0deg,rgb(0 0 0 / 0%),rgb(0 0 0 / 0%)),url(https://dev.wlf.info/wp-content/uploads/2025/11/camper-03.webp) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #e6f0f8;
}


.section-foundation-news {    padding: 1em;
    max-width: 1600px;
    margin: 0 auto;}
.section-foundation-news .section-tagline  { 
    margin: 0em 0em 1em 0em;
    color: white;
    background: #f26522;
        padding: 0.8em 0.8em;
}

/* STYLE EVENTS LIST CATEGORY */
.lcp_catlist {
    list-style: none !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    padding-left: 0 !important;
    padding-top: 1em !important;
}
.lcp_catlist li {
    display: flex;
    flex-direction: column;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 100%;
}
.lcp_catlist li:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    transform: translateY(-2px);
    transition: all 0.3s ease-in-out;
}

.lcp_catlist li > a:first-child {
    /* Existing Styles */
    order: 1;
    font-size: 20px;
    font-weight: 700;
    color: #004690;
    text-decoration: none;
    
    /* REVISED PADDING: Reduced top padding to pull text up */
    padding: 8px 15px 5px 15px; /* Changed from 15px 15px 0 15px */
    
    /* REVISED HEIGHT: Increased slightly to accommodate line-height/descenders */
    height: 58px; /* Changed from 54px to 58px */
    
    overflow: hidden; /* Still needed to clip any unexpected third line */
    display: block; 
}
.lcp_catlist li a[title] { 
    order: 2;
    display: block;
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
}
.lcp_catlist li a[title] img {
    width: 100%;
    height: auto;
    display: block;
}
.lcp_catlist .lcp_excerpt {
    order: 3;
    padding: 15px;
    color: #525050;
    font-size: 16px;
    line-height: 1.6em;
    flex-grow: 1;
}
.lcp_catlist li > a:last-child {
    order: 4;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    background-color: #0072bc; 
    color: #ffffff;
    border-radius: 0 0 8px 8px;
    padding: 12px 15px;
    margin-top: auto;
}

/* 1. Target the image container wrapper */
.lcp_catlist li a[title] { 
    /* The image wrapper is already ordered 2 */
    display: block;
    width: 100%;
    margin-top: 10px;
    overflow: hidden; /* CRUCIAL: Hides the parts of the image that extend beyond the crop */
    
    /* Set a standard, fixed height for the image display area */
    height: 250px; 
}

/* 2. Target the image itself to ensure it fills the space correctly */
.lcp_catlist li a[title] img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: 50% 25%;
    display: block;
}

.wp-block-quote {
    border-left: .25em solid #0c71c3;
    margin: 1em 0 1.75em;
    padding-left: 1em;
}

body .ep_toggle_item_title span {    font-size: 18px;
    font-weight: 600;}


/* 1. The Modal Container (Hidden by default) */
.wlf-modal-hidden {
    display: none; 
    position: fixed;
    z-index: 1000; /* Ensure it covers everything */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8); /* Dark, transparent background */
}

/* 2. The Modal Content and Wrapper */
.wlf-modal-content {
    position: relative;
    margin: 5% auto; /* Center the box vertically */
    padding: 20px;
    width: 80%;
    max-width: 900px; /* Max width for large screens */
}

/* 3. The Close Button */
.wlf-modal-close {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: -7px;
    right: 30px;
    cursor: pointer;
}
/* 4. Responsive Video Container (16:9 aspect ratio) */
.wlf-video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
}
.wlf-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 5. CTA Styling */
.wlf-video-cta {
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    color: #0072bc;
    text-decoration: none;
    margin-top: 15px;
}
.wlf-video-cta i {
    margin-right: 8px;
    font-size: 20px;
}



@media screen and (max-width: 980px) {
	
	
    .lcp_catlist {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 650px) {
    .lcp_catlist {
        grid-template-columns: 1fr;
    }
}

#single-post-hero {

    width: 100%;
    margin: 0;
    padding: 0;
    position: relative; 
    overflow: hidden; 
    height: 450px; 
    margin-bottom: 40px; 

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
 
}

#single-post-hero .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10; 
    
    background: rgba(0, 0, 0, 0.2); 
    
    /* Centering the Title Vertically */
    display: flex;
    align-items: center; 
    justify-content: center;
    text-align: center;
}

/* --- 3. Styling the Overlaid Title (h1) (Remains the same) --- */
#single-post-hero h1.entry-title {
    color: #ffffff; 
    font-size: 3em;
    font-weight: 700;
    padding: 0 5%;
    margin: 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); 
    z-index: 20; 
}

/* Ensure no img tag is output inside the hero (to avoid conflicts) */
#single-post-hero img {
    display: none !important;
}









.notice {display:none !important;}
.mobile_menu_bar:before {  color: #ffffff !important; }

/*stop logo from hiding text on single page*/
.single-post #left-area {
    margin-top: 0.5em;
}

/* Store Locator New */

#wpsl-result-list li p {
    padding-left: 0;
    margin: 0 0 0 0;
    padding-bottom: 0;
}
#wpsl-search-wrap .wpsl-input label {
    margin-right: 0;
    min-width: 127px;
}


.col-vertical-align { display: flex; flex-direction: column; justify-content: center; }


#et-secondary-nav li { 	margin-right: 3px;}

 body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
 padding-top: 4px;
}
body, input, textarea, select, h1, h2, h3, h4, h5, h6 {
	font-family: "Arial Narrow", Arial, sans-serif;
}
/*subpage themes*/
hr {
	width: 49%;
	margin-top: 20px;
}


body .entry-content p.txt-large-blue {
    font-weight: bold;
    color: #117ec1;
    font-size: 7em;
    letter-spacing: -3px;
    padding-bottom: 0;
    line-height: 1.2em;
}
.entry-content h5 {
	font-weight: bold;
	color: black;
	font-size: 26px;
}
.et_header_style_left #et-top-navigation nav>ul>li>a {
    padding-bottom: 30px;
    color: white;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: 700;
    line-height: 1.1em;
}
/*=====================NAVIGATION===*/

.nav li ul {
	padding: 10px 0;
}
#top-menu li {
    padding-right: 7px !important;
    font-size: 10px;
}
 #top-menu .menu-item-has-children>a:first-child:after {
    font-family: ETmodules;
    content: "3";
    font-size: 16px;
    position: absolute;
    right: 4px;
    top: 0px;
    font-weight: 800;
}
.et_mobile_menu li a, .nav li li a {
	font-size: 16px;
	text-transform: uppercase;
}
span.et_close_search_field:after, .et_search_form_container input,  input[type="placeholder"] {
	color: #3a3637;
}
input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
 color: #3a3637;
 opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #3a3637;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #3a3637;
}
/*========================================================
                                            =====HEADER
											==============*/
/*custom SUB PAGES HEADER BACKGROUND
NWD - will leverage this to make the custom page templates for each MAIN categories of pages
*/

.header-wrap {
	padding:200px 120px 5px 120px;
	text-align:center;
	min-height:100%;
	background: url(../img/sub-page-bg.jpg) no-repeat center #f2f1e8;
	/*    background: linear-gradient(0deg,rgba(8, 53, 33, 0.35),rgba(5, 68, 62, 0.29)),url(../img/sub-page-bg.jpg);*/
	background: linear-gradient(0deg, rgba(8, 53, 33, 0.35), rgba(5, 68, 62, 0.29)), url(../img/sub-page-bg.jpg) top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.header-sub-page #header-icon img {
	max-width: 94px;
}
.header-sub-page {
	padding: 38px 120px 5px 120px;
	background-size: cover !important;
	background-position: center !important;
	min-height:250px;
}
/* ----------------------------- POSTS --------------------------------------------*/
.et_post_meta_wrapper {
    margin-top: 49px;
    display: none;
}
/*donate page*/
.header-wrap .entry-title, .home .et_pb_slide_description .et_pb_slide_title /*home page title*/ {
	color: white;
	font-weight: bold;
	font-size: 4em;
	text-transform: uppercase;
	text-shadow: 5px 5px 2px #191818;
}
.header-wrap .header_cta {
	padding: 20px 36px 26px 36px;
	display: block;
	max-width: 1080px;
	margin: 0 auto;
}
.header-wrap .header_cta a {
	color: #3a3637!important;
	border-color: rgba(0, 0, 0, 0);
	/* border-radius: 50px; */
    letter-spacing: 0px;
	font-size: 18px;
	font-weight: 700!important;
	text-transform: uppercase!important;
	background-color: #fff587;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.header-wrap .header_cta a:hover {
	left: auto;
	margin-left: .3em;
	opacity: 1;
	background-color: #ffffff;
}
/*===========================================================SIDEBAR===*/

/*REMOVE SIDEBAR GLOBALLY*/
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {
	background: none;
}
/*** Hide Sidebar ***/
#sidebar {
	display:none;
}




/*============================================================
                                PAGES
==============================================================*/
/*HOME PAGE*/
/*hide cta */
.home .et_pb_more_button {
	display: none;
}
.home .et_pb_fullwidth_post_slider_0, .home .et_pb_fullwidth_post_slider_0.et_pb_bg_layout_dark, .home .et_pb_fullwidth_post_slider_0.et_pb_bg_layout_light {
	background-color: #1f80c4;
	max-height: 450px;
}
.type-page .et_pb_slide_content p {
	color: #f5f4f4;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.625;
}
#home-project-icons img {
	width:75%;
}
/*history page */
/*rem bullets */
.page-id-307 #left-area ul {
	list-style-type:none;
}
.page-id-307 td {
	border-bottom: 1px solid #087cc1;
}
.page-id-307 .entry-content table:not(.variations) {
border:none;
font-size:.90em;
}

.one_third p, .two_third p {
	color: #525050;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.425;
}
/*SUB PAGE WITH FIXED NAVIGATION MENU */

.nav-fixed {
    background: #e6f0f8;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
}
.nav-fixed h2 {    line-height: 1.4em;
    padding-top: 7px;
    text-align: center;
    font-size: 1.5em;}
.nav-fixed .wrapper {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-around;
	-ms-flex-pack: justify;
	align-items: center;
	-ms-flex-align: center;
}
.wrapper {
	margin: 0 auto;
	max-width: 1000px;
}
.nav-fixed-page-title {
	line-height: 50px;
	padding: 5px 10px 0;
	font-weight: bold;
	color: #fff;
	background: #444;
	white-space: nowrap;
}
.nav-fixed-content {
	width: 100%;
}
.nav-fixed-content li a {
	color: #9e9d9d;
}
.nav-fixed-content li a:hover {
	color: #d8d3d3;
}
.fixed-nav-progress-bar {
	position: relative;
	top: 0;
	background-color: #d77640;
	height: 5px;
	width: 0;
}
.nav-horiz {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-around;
	-ms-flex-pack: justify;
	align-items: center;
	-ms-flex-align: center;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	width: 100%;
	height: 50px;
}
.nav-horiz .nav-fixed-top {
	display: none;
}
/*=======================================
                 PAGE
				     ==================*/



/*RESOURCE PAGE*/
.page-template-page-resource-second-menu li {
	padding: 13px 0;
	list-style: none;
}
.page-template-page-resource-second-menu #logo {max-height:170%;}
.page-id-233 h2 { /* resource page*/
	margin-bottom: 30px;
    padding: 8px 40px 8px 40px;
	margin: 66px 0px 10px;
	font-size: 4em;
	text-align: center;
	width: 100%;
	border-top: 4px dotted #0c71c3;
	background: white;
}
.page-id-233 #left-area ul, .page-id-233 .entry-content ul {
	padding: 0 0px 23px 3em;
	line-height: 24px;
}
/*ABOUT > STAFF PLUGIN SYTLE */ 
/*staff list container*/
.abcfslMLRAuto, abcfslGridCntr {
	margin-bottom: 38px;
}
.wlf-past-presidents-container .abcfslLstCol-9, .wlf-board-list-item .abcfslLstCol-9, .staff-list-item .abcfslLstCol-9 { /* staff member container*/
	border-bottom: 1px solid #087cc1;
	margin-bottom: 30px;
}
.wlf-past-presidents-container .abcfslPadBMB30 {
	padding-bottom: 0;
	margin-bottom: 0;
}
.wlf-past-presidents-container .T-F1 /*name*/ {
	width:45%;
	display:block;
	float:left;
}
.wlf-past-presidents-container .LT-F2 /*term*/ {
	width:45%;
	display:block;
	float:left;
}
/*NEW Staff Template 9/10/20 */
.staff-list-item h3.T-F1 /*name*/ { /*font-weight: 600;  */
	margin-bottom: -11px;
}
.staff-list-item div.T-F2 /*title*/ {
	width:25%;
	display:block;
	float:left;
	font-weight:bold;
}
.staff-list-item div.LT-F4 /*phone*/ {
	width:20%;
	display:block;
	float:left;
}
.staff-list-item div.EM-F5  /*email*/ {
	width:30%;
	display:block;
	float:left;
}
.staff-list-item div.T-F3  /*duties*/ {
	display: inline-block;
}
/*NEW Board Template 9/10/20 */
.wlf-board-list-item h3.T-F1 /*Name*/ {  /* font-weight: 600;*/
	margin-bottom: -11px;
}
.wlf-board-list-item div.T-F3 /*title*/ {
	width:18%;
	display:block;
	float:left;
	font-weight:bold;
}
.wlf-board-list-item div.LT-F2 /*district*/ {
	width:16%;
	display:block;
	float:left;
}
.wlf-board-list-item div.EM-F4 /*email*/ {
	width:27%;
	display:block;
	float:left;
}
.wlf-board-list-item div.LT-F5 /*Club*/ {
	width:28%;
	display:block;
	float:left;
}

/*DONATION */
/*TYPE*/
#give-recurring-form .form-row input[type=email], #give-recurring-form .form-row input[type=password], #give-recurring-form .form-row input[type=tel], #give-recurring-form .form-row input[type=text], #give-recurring-form .form-row input[type=url], #give-recurring-form .form-row select, #give-recurring-form .form-row textarea, form.give-form .form-row input[type=email], form.give-form .form-row input[type=password], form.give-form .form-row input[type=tel], form.give-form .form-row input[type=text], form.give-form .form-row input[type=url], form.give-form .form-row select, form.give-form .form-row textarea, form[id*=give-form] .form-row input[type=email], form[id*=give-form] .form-row input[type=password], form[id*=give-form] .form-row input[type=tel], form[id*=give-form] .form-row input[type=text], form[id*=give-form] .form-row input[type=url], form[id*=give-form] .form-row select, form[id*=give-form] .form-row textarea {
font-size: .90em;
}
/*donation receipt page*/
	#content-area table td, #content-area table th, #content-area table tr, #main-content table.cart td, #main-content table.cart th, #main-content table.cart tr, table.cart td, table.cart th, table.cart tr {
	padding: .5em .5em;
	font-size: 1.05em;
}
[id*=give-form] div.summary {
 width: 75%;
    /* float: right; */
    margin: auto;
 margin-top: 67px;
 float: none;
}
[id*=give-form] div#give-sidebar-left {
 width: 38%;
 float: left;
 display: none;
}
 form[id*=give-form] legend, #designation-wrap .give-label {
 background-color: transparent;
 font-size: 1.5em;
 font-weight: 700;
 margin: 10px 0 15px;
 padding: 0 0 5px;
 border-bottom: 1px solid rgba(0, 0, 0, .1);
 width: 100%;
 color: #087cc1;
}
 form[id*=give-form] .form-row select {
font-size:1em;
}
#give-donation-level-button-wrap .give-btn {
	/* background: #ededed; */
    border: 1px solid #ccc;
	color: #f3f3f3;
	padding: 8px 10px;
	cursor: pointer;
	line-height: 1.1em;
	font-size: 1.1em;
	background: #7fd07f;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#give-donation-level-button-wrap .give-btn:hover {
	background: #79c379;
	font-weight: bold;
}
.give-btn {
	/* background: #ededed; */
    border: 1px solid #ccc;
	color: #f3f3f3;
	padding: 12px 19px;
	cursor: pointer;
	line-height: 1.2em;
	font-size: 1.3em;
	background: #7fd07f;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
/*=============FOOTER==================*/
#main-footer #footer-widgets {
    padding: 4% 0 0;
}
.logo-portagecounty .mn-widget-member-name {
    font-weight: 500 !important;
    line-height: 7px !important;
}
.col-logos .logo-portagecounty {

    margin-top: 1em !important;
}
#main-footer .footer-widget #media_image-2, #main-footer #custom_html-2 {
	margin: auto;
	width: 100%;
	text-align: center;
}
#main-footer .footer-widget #media_image-2 img {
	max-width: 174px !important;
}
#main-footer .footer-widget .title {
	color:white;
}
#main-footer #logos img {
	max-height:90px;
}
#main-footer #logos {
	padding: 1px;
	background: #d9e5fc;
	text-align: center;
}
#main-footer #logos a {
	padding:2px 30px;
}
#main-footer .footer-widget i {
	padding-right: 6px;
	font-size: 21px;
}
#main-footer .footer-widget .title {
    color: #ffffff;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
}
#main-footer #custom_html-2 .custom-html-widget {
	font-size: 1.3em;
	line-height: 1.5em;
}
#main-footer #custom_html-2 .custom-html-widget a {
	text-decoration:underline;
	color:white;
}

#main-footer .logo-internal-box,
#main-footer #logos {display:flex;}
#main-footer .logo-internal-box {margin: 0 auto; } 
#main-footer #logos .col-logos {width:230px;
/* float:left;*/
display: flex; flex-direction: column; justify-content: center;}




/*background - dark */
#top-header, #main-header, #main-footer {
    background-color: #117cc0 !important;
}
/* lighter white texture background - site background, footer useage*/
body.custom-background, #main-footer #logos, #main-content {
	background-color: #d9e5fc !important;
	background-size: auto !important;
	background: url(https://wlf.info/wp-content/themes/nwd-custom/img/bg-white-texture.jpg) top right repeat !important;
}
/************MEDIA QUERIES**************/
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 600px) {
.header-sub-page {
 padding: 4em 13px 4px 10px;
}
#main-footer #logos {display:grid;}
#main-footer #logos .col-logos {
    width: auto;
}
	
#main-footer #logos .col-logos {
    width: 160px;

}

	
	
/************************* / max-width 600 */}

 @media only screen and (max-width : 980px) {
	 /* Mobile: Stack into a single column on screens smaller than 900px */
    .faq-grid-container {
        grid-template-columns: 1fr;
    }

 span.et_close_search_field:after, .et_search_form_container input,  input[type="placeholder"] {
 color: #3a3637;
 background: white;
 height: 30px;
}
#logo {
 top: 17px;
 position: relative;
 max-height: 150%;
	    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.home #home-5 ul li {
    list-style: none;
    text-align: center;
	
}
.home #home-5 ul li img {width:150px;}
.home #home-row .home-facebook-block {width:100%;}

	 
	     #main-header .container.et_menu_container {
        display: block !important;
    }
 /*   #top-menu {
        display: block !important;
    }*/
    #menu-item-17839 {
        margin-left: 0 !important;
    }
	 
	 
	 
 /*------------------------------------------- max /980*/}




@media only screen and (min-width: 981px) {
	

.home #home-row .et_pb_column_1_2 {width:100%;}
.home #home-row {
width:100% !important;
max-width:100% !important;
}
.home #home-row h2 {    color: #525050;
    font-size: 1.5em;}
.home #home-row img {max-width:140px;}
.home .et_pb_gutters2.et_pb_row .et_pb_column_1_2 {
       width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
  }
.home #home-row .et_pb_column.et-last-child {width:23%;}

.home #home-row .home-facebook-block {float:right; width: 100%;  }
.home #home-5 {margin-top:-10px;}
.home #home-5 ul li {  
    width: 19%;
    display: block;
    float: left;

    margin-bottom: 10px;
	
	}

#top-header {
position: absolute;
  right: 34px;
 width: 400px;
     width: 420px; /*4/2022*/
border-radius: 10px;
 padding: 1px 7px 7px 7px;
}
#top-header .container {
 padding-top: 1.3em;
}
 .container, .et_pb_row, .et_pb_slider .et_pb_container, .et_pb_fullwidth_section .et_pb_title_container, .et_pb_fullwidth_section .et_pb_title_featured_container, .et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container {
 max-width: 1250px;
 width:90%;
}
#top-header {
max-height: 68px;
}
#searchform {    width: 101px;}
 .et-search-form input {
 width: 89%;
 height: 25px;
 background: #fbf5f5;
}
form#searchform {
    float: none;
    padding: 4px 3px 0px 12px;
    left: 0;
    top: 0;
    position: inherit;
}

	

	
 #top-menu {
        display: block !important;
    }
    #menu-item-17839 {
        margin-left: 0 !important;
    }

	
	
.et_fixed_nav.et_show_nav #page-container {
    padding-top: 35px !important;
}	
	
	
#main-header .container.et_menu_container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 95% !important;
    max-width: 1400px !important;
}

#et-top-navigation {
    display: flex !important;
    flex: 1 !important; 
    justify-content: flex-end !important;
}

#top-menu {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
}

#menu-item-17839 {
    margin-left: auto !important;
}

#menu-item-17844, #menu-item-17845 {
    margin-left: 1px !important;
    top: -3px;
}

	li#menu-item-17845 a,.et-fixed-header #top-menu li#menu-item-17845 a {
    color: black !important;
    
}
	
	
	
	
	
	
	
	
	
	
	
	
.et_fullwidth_nav #main-header .container {
width: 100%;
max-width: 1426px;
}
.header-wrap {
padding:300px 120px 5px 120px;
}
 .header-sub-page {

  padding: 8em 4em 3em 4em;
}
 #logo {
    padding-top: 8px;
 max-height: 220%;
     background: #107cc0;
	 
	 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	     -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
	.et-fixed-header #logo { max-height: 190%;
	     -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;}
#et-top-navigation {
float: left;
 margin-left: 134px;
 padding-left: 46px !important;
 padding-top: 1px !important;
 padding-top: 26px !important;
}

 #et-info, #et-secondary-menu>ul>li a {
 display: block;
 /*color: #c5c5c5;*/
 font-size: 1em;
 padding-bottom: 9px;
 text-transform: uppercase;
 font-family: "Arial Narrow", Arial, sans-serif;
}

#et-secondary-nav .menu-item-has-children>a:first-child {
 padding-right: 14px;
}
#et-secondary-nav>li:last-child {
    background: #ffc72f;
	    background: #ffde16;
    padding: 10px 11px 1px 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-left: 4px;
    font-size: 1.3em;
}
 #et-secondary-nav>li:last-child a {
color: #3a3637;
}
 .et_menu_container {
z-index:1;
}
/*PAGES */
/*-----------------About Staff Listings -------*/
 div.abcfslMT10 {
display: block;
 float: left;
 padding-right: 10px;
}
.staff-list-item .abcfslLstCol-9 { /*staff container*/
 width: auto;
 width:100%;
}
.staff-list-item h3.MP-F1 { /*name*/
 width: 200px;
 margin-bottom: -12px;
 padding-bottom: 0px;
}
 .staff-list-item div.T-F2 /*title*/ {
width:20%;
margin-bottom:-11px;
font-size:1em;
}
.staff-list-item div.LT-F4 /*phone*/ {
width:11%;
}
.staff-list-item div.EM-F5  /*email*/ {
width:22%;
}
.staff-list-item div.T-F3  /*duties*/ {
width:47%;
}
 .staff-list-item div.T-F2, .staff-list-item div.LT-F4, .staff-list-item div.EM-F5, .staff-list-item div.T-F3 {
font-size: 1.05em;
}


.page-template-page-resource-second-menu #et-secondary-nav .menu-item-has-children>a:first-child:after {
    top: 11px;
    right: -3px;
}
 
#top-menu li li {
 padding: 0 4px;
 margin: 0;
 width: 100%;
}
#top-menu li li a {
 font-size: 1em;
}

/*** Expand the content area to fullwidth ***/
body #page-container #left-area {
 width: 100%;
 padding: 23px 0px 0px !important;
 float: none !important;
}
	.page-template-default #page-container #left-area {
		max-width: 1100px !important;
		        padding: 2em 0px !important;
		
	}	
	.page-template-default #page-container #left-area .wp-block-columns {padding:1em 0 !important;}
.page-template-page-our-impact #page-container #left-area,
.template-full-width-page #page-container #left-area
	{
    padding-top: 0 !important;
}
	

/* ------------------------------- /min-width 981----*/}
















 @media only screen and (min-width: 981px)and (max-width: 1199px) {
#top-header {
right: 0%;
}
.et_header_style_left #et-top-navigation nav>ul>li>a {
font-size: 1.2em;
}

}
 @media only screen and (min-width: 1200px) {
	 
.col-indent-left {
    padding: 4em 1em 4em 11em !important;
}
	 
#top-header {
right: 7%;
}
#top-menu li {
    padding-right: 17px !important;
    font-size: 11px;
}
                                } /*end min-wdith 1200px*/