/*
 Theme Name: NIFB (WPSK)
 Theme URI:    http://teamallegiance.com/
 Description:  WPSK Child Theme
 Author:       Tahir Madyun
 Author URI:   http://tahirmadyun.com/
 Template:     _wpsk
 Version:      1.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready
 Text Domain:  _wpsk-nifb
*/


/*
    
01 - GENERAL
02 - BOOTSTRAP
03 - HEADER
04 - FOOTER 
05 - HERO
06 - CTA
07 - FEED
08 - NEWS
09 - CARDS
10 - LOGOS
11 - HOMEPAGE
12 - MENU
13 - TWO COLUMNS
14 - GROUPED CONTENT
15 - FORMS
16 - CAROUSEL

#5B802D - PRIMARY GREEN
#456222 - GREEN DARKER SHADE
#52328E - SECONDARY PURPLE
#C62C2C - SECONDARY RED
#D67900 - PRIMARY ORANGE
#F9F9F9 - LIGHT GRAY
#FBFBFB - LIGHTER GRAY
#737373 - MEDIUM GRAY
#0B0C0A - DARK TEXT
#3C3E3B - GRAY TEXT


Good Pro Regular
font-family: ff-good-web-pro, sans-serif;
font-weight: 400;
font-style: normal;

Good Pro News
font-family: ff-good-web-pro, sans-serif;
font-weight: 500;
font-style: normal;

FF Good Headline Pro Regular
font-family: ff-good-headline-web-pro, sans-serif;
font-weight: 400;
font-style: normal;

FF Good Headline Pro News
font-family: ff-good-headline-web-pro, sans-serif;
font-weight: 500;
font-style: normal;

FF Good Headline Pro Bold
font-family: ff-good-headline-web-pro, sans-serif;
font-weight: 700;
font-style: normal;

Good Headline Pro Wide News
font-family: good-headline-web-pro-wide, sans-serif;
font-weight: 500;
font-style: normal;

HWT Artz Regular
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;

*/

.slick-arrow {
    background-color: #5B802D;
}
/* 01 - GENERAL */
html {
    overflow-x: hidden;
}
body {
    color: #0a0a0a;
    /* font-family: ff-good-headline-web-pro, sans-serif;
    font-weight: 400; */
    font-family: ff-good-web-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: hwt-artz, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.h1.alt, h1.alt {
    color: #1f221f;
    font-family: ff-good-headline-web-pro, sans-serif;
    font-size: 40px;
    font-style: italic;
    line-height: 1;
}
.h2, h2 {
    font-size: 55px;
    line-height: 52px;
}
.h2, h2,
.h3, h3, .h3 a, h3 a {
    color: #5B802D;
}
.h3, h3 {
    font-family: ff-good-headline-web-pro, sans-serif;
}
.h4, h4, .h4 a, h4 a {
    color: #0B0C0A;
}
.h6, h6 {
    font-family: ff-good-headline-web-pro, sans-serif;
    font-style: italic;
    font-weight: 450;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
    color: #3C3E3B;
}

@media (max-width: 768px) {
    h2.h3 {
        font-size: 2.75rem !important;
        line-height: 1 !important;    
    }
}
* + .h6,
* + h6 {
    margin-top: 2.5rem;
}
p {
    font-size: 18px;
    line-height: 27px;
}
@media (max-width: 768px) {
    p {
        font-size: 16px;
        line-height: 25px;
    }
}
a {
    color: #52328E;
    text-decoration-line: underline;
}
p a {
    color: inherit;
}
p a:hover,
p a:focus {
    color: #5B802D;
}
p > a {
    color: #52328E;
    text-decoration-line: underline;
}
blockquote {
    margin-bottom: 0 !important;
    padding: 2.5rem !important;
}
blockquote p {
    color: #456222;
    font-size: 25px;
    font-style: italic;
    line-height: 32px;
    letter-spacing: -0.01em;
    margin-bottom: 0 !important;
}

@media (max-width: 768px) {
    blockquote {
        padding: 1rem !important;
    }
    blockquote p {
        font-size: 20px;
        line-height: 26px;
    }
    blockquote + p {
        padding: 0 1rem !important;
    }    
}

@media (max-width: 992px) {
    .container-fluid {
        padding-left: calc(4vw + 15px);
        padding-right: calc(4vw + 15px);
    }
}
@media (max-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 100% !important;
        width: 92vw !important;
    }
}
.sp-y {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
@media (max-width: 768px) {
    .sp-y {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }
}
.top-border {
    border-top: 16px solid #f9f9f9 !important;
}
.bottom-border {
    border-bottom: 16px solid #f9f9f9 !important;
}
.main-content {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.primary-green {
    color: #5B802D;
}
.darker-green {
    color: #456222;
}
.secondary-purple {
    color: #52328E;
}
.secondary-red {
    color: #C62C2C;
}
.primary-orange {
    color: #D67900;
}
.light-gray {
    color: #F9F9F9;
}
.lighter-gray {
    color: #FBFBFB;
}
.medium-gray {
    color: #737373;
}
.dark-text {
    color: #0B0C0A;
}
.gray-text {
    color: #3C3E3B;
}

.bg-primary-green {
    background-color: #5B802D;
    border-color: #5B802D;
}
.bg-darker-green {
    background-color: #456222;
    border-color: #456222;
}
.bg-secondary-purple {
    background-color: #52328E;
    border-color: #52328E;
    color: #fff;
}
.bg-secondary-red {
    background-color: #C62C2C;
    border-color: #C62C2C;
}
/* .bg-primary-orange {
    background-color: #D67900;
} */
.bg-primary-orange {
    background-color: #F4901E;
    border-color: #F4901E;
}
.bg-light-gray {
    background-color: #F9F9F9;
    border-color: #F9F9F9;
}
.bg-lighter-gray {
    background-color: #FBFBFB;
    border-color: #FBFBFB;
}
.bg-medium-gray {
    background-color: #737373;
    border-color: #737373;
}
.bg-dark-text {
    background-color: #0B0C0A;
    border-color: #0B0C0A;
}
.bg-gray-text {
    background-color: #3C3E3B;
    border-color: #3C3E3B;
}

.hero.bg-primary-green {
    background-color: #5B802D !important;
    color: #fff;
}
.hero.bg-darker-green {
    background-color: #456222 !important;
    color: #fff;
}
.hero.bg-secondary-purple {
    background-color: #52328E !important;
    color: #fff;
}
.hero.bg-secondary-red {
    background-color: #C62C2C !important;
    color: #fff;
}
.hero.bg-primary-orange {
    background-color: #D67900 !important;
    color: #fff;
}
.hero.bg-light-gray {
    background-color: #F9F9F9 !important;
}
.hero.bg-medium-gray {
    background-color: #737373 !important;
}
.hero.bg-dark-text {
    background-color: #0B0C0A !important;
    color: #fff;
}
.hero.bg-gray-text {
    background-color: #3C3E3B !important;
    color: #fff;
}
.hero.bg-primary-green h1,
.hero.bg-secondary-purple h1 {
    color: #fff !important;
}

.hero.bg-primary-green p,
.hero.bg-secondary-purple p,
.hero.bg-secondary-red p {
    color: #fff;
}
.hero.bg-primary-green .btn,
.hero.bg-secondary-purple .btn {
    background-color: transparent;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    font-weight: 700!important;
    line-height: 18px;
    letter-spacing: 0.01em;
    padding: 8px 20px !important;
}
.hero.bg-primary-green .btn:hover, 
.hero.bg-primary-green .btn:focus, 
.hero.bg-secondary-purple .btn:hover,
.hero.bg-secondary-purple .btn:focus {
    color: #0b0c0a !important;
}

/* -- PAGES */
.hentry {
    overflow-x: hidden;
}
.no-hero .entry-content {
    padding-bottom: 2.5rem !important;
}
.no-hero .entry-content > *:first-child {
    margin-top: 2.5rem;
}
.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > h5,
.entry-content > h6,
.entry-content > p,
.entry-content > figure,
.entry-content > ul,
.entry-content > ol,
.entry-content > blockquote,
.entry-content > .wp-block-buttons,
.entry-content > .links,
.entry-content > .iframe,
.entry-content > .simcal-calendar,
.entry-content > form {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 691px;
    width: 46vw;
}

.entry-content > .wp-block-separator {
    border-top: 1px solid #dddddd;
    border-bottom: 0;
}
.entry-content > .iframe {
    display: flex;
    padding: 0;
}
.entry-content > .iframe iframe {
    width: 100%;
}
.entry-content > * + figure + div {
    margin-top: 8rem;
}
.entry-content > .simcal-calendar {
    padding: 0 !important;
}
.simcal-calendar .simcal-events {
    padding: 0 !important;
}
.simcal-default-calendar-grid .simcal-calendar-head .simcal-nav {
    text-align: left;
}
.simcal-calendar .simcal-day-void {
    border-width: 0 !important;
}
.simcal-calendar .simcal-day-number {
    background-color: transparent !important;
}
.simcal-default-calendar-grid .simcal-day-void.simcal-day-void-last {
    border-right-width: 0 !important;
}
.simcal-default-calendar .simcal-current h3 {
    color: #0B0C0A;
}
.simcal-default-calendar .simcal-current h3 .simcal-current-year {
    font-weight: 400;
}
.simcal-default-calendar-grid .simcal-day-number {
    color: #0B0C0A !important;
    text-align: right;
}

.simcal-default-calendar-grid .simcal-day>div {
    border: 0 !important;
}/* active date */
.simcal-calendar > table tbody td {
    padding: 0!important;
    border: 1px solid;
}
.entry-content > .links > .container {
    padding-left: 0px;
    padding-right: 0px;
}
.entry-content > *:not(div):first-child {
    margin-top: 4.5rem;
}
.entry-content > *:not(div):last-child {
    margin-bottom: 3rem;
}
.entry-content > .h2, 
.entry-content > h2 {
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 37px;
    letter-spacing: 0.03em;
    color: #0B0C0A;
}
.entry-content > .h3, 
.entry-content > h3 {
    font-family: ff-good-headline-web-pro, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 1rem;
    color: #0B0C0A;
}
.entry-content > ul li,
.entry-content > ol li {
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 8px;
}
.entry-content > ul {
    padding: 0 0 0 30px !important;
}
.entry-content > ul li {
    padding-left: 0.5rem !important;
}
.entry-content > ul li::marker {
    color: #5B802D;
    /* font-size: 15px; */
}
.entry-content > ol {
    list-style: none;
    padding-left: 55px !important;
}
.entry-content > ol li {
    counter-increment: step-counter;
    margin-bottom: 1rem;
    position: relative;
}
.entry-content > ol li:before {
    border: 2px solid #E3E3E3;
    border-radius: 50%;
    content: counter(step-counter);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #456222;
    height: 30px;
    width: 30px;
    position: absolute;
    left: -40px;
}
.entry-content > * + .h2, 
.entry-content > * + h2,
.entry-content > * + .h3, 
.entry-content > * + h3,
.entry-content > * + figure, 
.entry-content > * + img,
.entry-content > * + .wp-block-buttons {
    margin-top: 3rem;
}
.entry-content > .links {
    margin-top: 1rem;
}
.entry-content > ul,
.entry-content > ol,
.entry-content > * + figure,
.entry-content > * + .wp-block-buttons,
.entry-content > .links {
    margin-bottom: 2rem;
}
.entry-content > .links .btn-link {
    margin-bottom: 0;
}
.entry-content > ul,
.entry-content > ol  {
    margin-bottom: 3rem;
}
.entry-content > *:not(div) a {
    color: #52328E;
    text-decoration-line: underline;
}
.entry-content > .wp-block-image figcaption {
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.01em;
}

@media (max-width: 768px) {
    .entry-content > h1,
    .entry-content > h2,
    .entry-content > h3,
    .entry-content > h4,
    .entry-content > h5,
    .entry-content > h6,
    .entry-content > p,
    .entry-content > figure,
    .entry-content > ul,
    .entry-content > ol,
    .entry-content > blockquote,
    .entry-content > .wp-block-buttons,
    .entry-content > .links,
    .entry-content > .iframe,
    .entry-content > .simcal-calendar {
        width: 84vw;
    }
    .entry-content > *:not(div):first-child {
        margin-top: 2.5rem;
    }
}

.byline {
    margin-top: 2rem;
}
.byline img {
    border-radius: 50%;
    margin-right: 8px;
    height: 40px;
    width: 40px;
}

.post-password-required form {
    position: relative;
}
.post-password-required form > p {
    width: 324px;
    position: relative;
}
.post-password-required label {
    /* display: none; */
    font-size: 0;
}
.post-password-required label input {
    font-size: 1rem;
    margin-top: 0 !important;
    width: 100% !important;
    border-radius: 100px;
    border: 2px solid #5B802D;
    padding-left: 25px !important;
    padding-right: 120px !important;
    height: 50px;
}
.post-password-required p > input {
    height: 46px !important;
    border: 0px;
    margin-top: 2px !important;
    background-color: #456222;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #fff;
    padding-left: 16px;
    padding-right: 16px;

    position: absolute;
    right: 16px;
}


.small-headings .card .card-body h2.h3,
.small-headings .two-columns-content h2,
.small-headings .two-columns-content h3 {
    font-family: ff-good-headline-web-pro, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 22px !important;
    letter-spacing: 0 !important;
    line-height: 27px !important;
    color: #0B0C0A !important;
    text-transform: none !important;
}




/* 02 - BOOTSTRAP */
.container-wide {
    padding-left: 11.5vw;
    padding-right: 11.5vw;
}
body:not(.home) .container {
    /* max-width: none;
    padding-left: 27vw;
    padding-right: 27vw; */
}
body:not(.home) .container-narrow {
    max-width: none;
    padding-left: 27vw;
    padding-right: 27vw;
}
.btn {
    font-family: ff-good-headline-web-pro, sans-serif;
    background-color: #456222;
    border-color: #456222;
    border-radius: 50px;
    color: #fff;
    font-weight: 700!important;
    padding: 8px 20px !important;
    font-size: 20px;
    line-height: 18px;
    letter-spacing: 0.01em;
    margin-bottom: 1rem;
}
.btn-primary, .has-btn-primary a {
    background-color: #456222;
    border-color: #456222;
    border-radius: 50px;
    color: #fff;
    font-weight: 700!important;
    padding: 8px 20px !important;
}
.btn-secondary, .has-btn-secondary a {
    background-color: #1b802c;
    border-color: #1b802c;
    border-radius: 30px;
    color: #fff;
    font-weight: 700 !important;
    padding: 6px 13px !important;
    text-transform: uppercase;
}
.btn-secondary-purple, .has-btn-secondary-purple a {
    background-color: #52328E;
    border-color: #52328E;
}
.btn-secondary-red, .has-btn-secondary-red a {
    background-color: #C62C2C;
    border-color: #C62C2C;
}
.btn-tertiary, .has-btn-tertiary a {
    background-color: #52328E;
    border-color: #52328E;
    border-radius: 30px;
    color: #fff;
    font-weight: 700 !important;
    padding: 6px 13px !important;
    text-transform: uppercase;
}
.btn:hover,
.btn:focus,
.btn-primary:hover, 
.btn-primary:focus, 
.has-btn-primary a:hover,
.has-btn-primary a:focus,
.btn-secondary:hover, 
.btn-secondary:focus, 
.has-btn-secondary a:hover,
.has-btn-secondary a:focus,
.btn-secondary-purple:hover, 
.btn-secondary-purple:focus, 
.has-btn-secondary-purple a:hover,
.has-btn-secondary-purple a:focus
.btn-secondary-red:hover, 
.btn-secondary-red:focus, 
.has-btn-secondary-red a:hover,
.has-btn-secondary-red a:focus,
.btn-tertiary:hover,
.btn-tertiary:focus,
.has-btn-tertiary a:hover,
.has-btn-tertiary a:hover {
    background-color: #F4901E !important;
    border-color: #F4901E !important;
    color: #0b0c0a;
}

.btn-link {
    background-image: url('../_wpsk-nifb/img/arrow-link.svg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 0px solid #52328E;
    border-radius: 0;
    /* Secondary Purple Web */
    color: #52328E;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 0 30px 2px 0 !important;
    font-family: ff-good-web-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
    /* identical to box height, or 143% */

    text-transform: uppercase;
    border-bottom: 1.5px solid transparent !important;
}
.btn-link:after {
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    /* identical to box height */


    /* Secondary Purple Web */

    color: #52328E;
}
.btn-link:hover,
.btn-link:focus {
    background-image: url('../_wpsk-nifb/img/arrow-link-red.svg');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 14px;
    background-color: transparent !important;
    color: #C62C2C;
    border-bottom: 1.5px solid #C62C2C !important;
}
.btn-link:hover:after,
.btn-link:focus:after {
    color: #C62C2C !important;
}

.entry-content > *:not(div) {
    padding-left: 0;
    padding-right: 0;
}
.entry-content > iframe {
    /* margin-left: auto;
    margin-right: auto;
    max-width: 691px;
    width: 46vw; */
}
.entry-content ol, .entry-content ul {
    padding-left: 40px !important;
}
.wp-block-button__link {
    background-color: #456222;
    border-radius: 50px;
    color: #fff;
    display: block;
    font-family: ff-good-headline-web-pro, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.12px;
    line-height: 20px;
    Margin-bottom: 24px;
    padding: 8px 20px !important;
}

@media (max-width: 768px) {
    .btn, .wp-block-button__link {
        font-size: 16px !important;
    }
}

 
/* 03 - HEADER */
.site-header {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 999;
}
.site-header .header-logo {
    height: 96px;
    margin-top: -71px;
}
.site-header .header-logo a {
    top: 0;
}
.site-header .logo {
    background-image: url('img/nifb.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    font-size: 0;
    height: 140px;
    width: 130px;
}
.site-header .tagline {
    background-image: url('img/tagline.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: none;
    font-size: 0;
    height: 49px;
    width: 175px;
    text-indent: -9999px;
}
@media (min-width: 768px) {}
@media (min-width: 768px) {
    .site-header .logo {
        height: 140px;
        width: 130px;
    }
    .site-header .tagline {
        display: block;
    }
}
@media (min-width: 992px) {
    .site-header .logo {
        height: 140px;
        width: 130px;
    }
}


@media (max-width: 1024px) {
    .site-header {
        height: 138px;
    }
}
@media (max-width: 768px) {
    .site-header {
        height: 80px;
    }
    .site-header .header-logo {
        margin-top: 0px !important;
    }
    .site-header .logo {
        height: 86px;
        width: 80px;
    }
}

@media (max-width: 768px) {
    .site-header {
        background: linear-gradient(360deg, #5B802D 0%, #679C24 100%);
        height: 80px;
    }
    .site-header.container {
        width: 100vw !important;
        padding: 0 24px;
    }
    .site-header .menu-toggle {
        background: url('img/menu.svg') center center no-repeat !important;
        background-size: auto 150% !important;
    }
    .site-header .header-logo {
        margin-top: 12px !important;
    }
    .site-header .logo {
        height: 86px;
        width: 80px;
    }
}


.site-header > .header-menu {
    gap: 32px;
}
.header-menu {
    overflow: visible;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.header-menu li a {
    color: #0B0C0A;
    display: block;
    font-family: ff-good-headline-web-pro, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.12px;
    padding: 10px 0px;
}
.header-menu li a:hover,
.header-menu li a:focus {
    background-color: transparent;
}
.current-menu-ancestor.active > a::before {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: absolute;
    /* width: calc(100% - 20px); */
    width: 100%;
    height: 2px;
    content: '';
    bottom: 4px;
    left: 0;
    background: #0b0c0a;
}

.header-menu .menu-item:hover .dropdown-toggle:before {
    content: '';
    width: 100%;
    height: 11px;
    background: url('img/dropdown-arrow.svg') center no-repeat;
    background-size: auto 100%;
    position: absolute;
    bottom: -6px;
    left: 0%;
}
.header-menu .menu-item .dropdown-menu {
    background-color: #456222;
    border-radius: 8px;
    margin-top: 5px;
    padding: 16px 26px 19px;
    /* top: calc(100% + 6px); */
}
.header-menu .menu-item .dropdown-menu li {
    border: 0;
}
.header-menu .menu-item .dropdown-menu li a {
    border-bottom: 1.5px solid transparent;
    color: #fff;
    display: inline-block;
    clear: both;
    font-family: good-headline-web-pro-wide, sans-serif;
    font-weight: 500;
    font-style: normal;
    padding: 10px 0px 5px;
    margin-bottom: 5px;
    font-size: 17px;
    line-height: 19px;
    letter-spacing: -0.01em;
    white-space: normal;
}
.header-menu .menu-item .dropdown-toggle::after {
    display: none;
}
.header-menu .menu-item .dropdown-menu li a:hover,
.header-menu .menu-item .dropdown-menu li a:focus {
    background-color: #456222;
    border-bottom: 1.5px solid #fff;
    color: #fff;
    display: inline-block;
    clear: both;
}
.utility-menu {
    margin-bottom: 30px;
}
.utility-menu li {
    margin-left: 20px;
}
.utility-menu li a {
    color: #3C3E3B;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    text-decoration-line: underline;
}
.header-menu.action-menu li {
    margin-left: 12px;
}
.header-menu.action-menu li a {
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    padding: 8px 20px !important;
}
.header-menu.action-menu li:nth-of-type(1) a,
.header-menu.action-menu li:nth-of-type(4) a {
    background-color: #456222;
}
.header-menu.action-menu li:nth-of-type(2) a,
.header-menu.action-menu li:nth-of-type(5) a {
    background-color: #52328E;
}
.header-menu.action-menu li:nth-of-type(3) a,
.header-menu.action-menu li:nth-of-type(6) a {
    background-color: #C62C2C;
}
.header-menu.action-menu li a:hover,
.header-menu.action-menu li a:focus {
    background-color: #F4901E;
    color: #0b0c0a;
}

@media (max-width: 1400px) {
    .header-menu {
        width: 100%;
    }
    .search-form {
        width: 100% !important;
        margin-top: 1rem;
    }
    .search-form label input {
        border: 0 !important;
    }
    .search-button {
        display: none;
    }
    .offcanvas .utility-menu {
        margin-top: 20px;
        justify-content: center;
    }
    .offcanvas .utility-menu li {
        margin-left: 0px;
    }
    .offcanvas .utility-menu li a {
        color: #fff;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 17px;
        padding: 0 12px;
        text-decoration-line: underline;
    }
}
@media (max-width: 1024px) {
    .site-header > div > .action-menu,
    .site-header > div > div > .utility-menu {
        display: none !important;
    }
}
@media (max-width: 768px) {
    .header-menu li a {
        font-size: 17px !important;
    }
}

.header-02 {
    align-items: flex-end!important;
}
.header-02 .header-menu {
    margin-bottom: 24px !important;
}
.header-02 .header-menu > li.has-btn-secondary {
    margin-left: 1rem;
}
.header-02 .header-menu > li.has-btn-secondary a {
    color: #fff;
}
.header-02 .header-menu > li.has-btn-secondary:last-of-type a {
    padding-right: 13px !important;
}

.site-header .menu-toggle {
    display: none;
}

@media (max-width: 1400px) {
    .site-header > .header-menu {
        display: none;
    }
    .action-menu {
        flex: 0;
        display: inline-flex;
    }
    .site-header .menu-toggle {
        width: 2.25rem;
        height: 2.25rem;
        background: url('img/menu-dark.svg') center center no-repeat;
        background-size: auto 150%;
        /* border: 1px solid #000; */
        display: inline-flex;
        margin-left: 1rem;
        text-indent: -9999px;
    }
    .site-header .menu-toggle a {
        width: 100%;
        height: 100%;
    }
    .offcanvas {
        background-color: #456222;
        color: #fff;
        top: 0;
        right: 0;
    }
    .offcanvas-header {
        background: linear-gradient(360deg, #5B802D 0%, #679C24 100%);
        flex-wrap: wrap;
    }
    .offcanvas-header .header-logo {
        height: 96px;
        margin-top: 0;
        width: 100%;
    }
    .offcanvas-header .logo {
        background-image: url('img/nifb.svg');
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        font-size: 0;
        margin-bottom: 32px !important;
        position: absolute;
        top: 0px !important;
        height: 86px !important;
        width: 80px !important;
    }
    .offcanvas-header .tagline {
        display: none;
    }
    .offcanvas-header .btn-close {
        box-sizing: content-box;
        width: 1.5rem;
        height: 1.5rem;
        padding: 0;
        color: #fff;
        background: transparent url(img/close.svg) center/1em auto no-repeat;
        background-size: auto 100%;
        border: 0;
        border-radius: 0.375rem;
        position: absolute;
        top: calc(4rem - 32px);
        right: 2rem;
    }
    .offcanvas .header-menu.mobile {
        flex-wrap: wrap;
    }
    .offcanvas .header-menu li {
        width: 100%;
        text-align: left;
    }
    .offcanvas .header-menu li a {
        color: #fff;
        font-family: ff-good-headline-web-pro, sans-serif !important;
        font-weight: 500 !important;
        position: relative;
    }
    .offcanvas .header-menu li a.mobile:before,
    .offcanvas .header-menu li:hover a.mobile:before {
        display: none !important;
    }
    .offcanvas .header-menu li a.mobile:after {
        content: '';
        right: 4px !important;
        top: 0 !important;
        height: 40px !important;
        display: block !important;
        background: url('img/caret-down.svg') 99% center no-repeat !important;
        background-size: auto 8px !important;
        width: 1rem !important;
        position: absolute !important;
        /* transform-origin: bottom !important; */
        border: 0 !important;
    }
    .offcanvas .header-menu li a.mobile.open:after {
        background: url('img/caret-down.svg') 99% center no-repeat !important;
        background-size: auto 8px !important;
        transform: rotateX(180deg) !important;
    }
    .offcanvas .header-menu > li {
        border-bottom: 1px solid rgba(255,255,255,0.25);
    }
    .offcanvas .header-menu.action-menu > li {
        border: 0;
    }
    .offcanvas .header-menu > li:last-child {
        border: 0;
    }
    .offcanvas-backdrop.show {
        opacity: .25;
    }
    .offcanvas .header-menu.action-menu li:nth-of-type(1) a, 
    .offcanvas .header-menu.action-menu li:nth-of-type(2) a, 
    .offcanvas .header-menu.action-menu li:nth-of-type(3) a, 
    .offcanvas .header-menu.action-menu li:nth-of-type(4) a {
        background: transparent !important;
        border: 1px solid #fff !important;
    }
    .offcanvas .offcanvas-body {
        padding: 28px;;
    }
    .offcanvas .dropdown-menu.open {
        display: block;
        position: relative;
        border: 0;
        margin: 0;
        padding: 0;
    }
    .offcanvas .dropdown-menu {
        padding: 0 !important;
        position: relative;
        max-width: 400px !important;
    }
    .offcanvas .dropdown-menu li a {
        font-family: ff-good-headline-web-pro, sans-serif !important;
        font-weight: 300 !important;
    }
    .offcanvas .dropdown-menu li a:hover,
    .offcanvas .dropdown-menu li a:focus,
    .offcanvas .dropdown-menu li a:focus-within {
        background: transparent !important;
    }
}

@media (max-width: 1400px) {
    .offcanvas {
        width: 440px;
    }
}
@media (max-width: 992px) {
    .offcanvas {
        width: auto !important;
    }
}
@media (max-width: 768px) {
    .site-header .menu-toggle {
        position: absolute;
        top: 50%;
        margin-top: -1.125rem;
    }    
}
@media (max-width: 768px) {
    .offcanvas {
        width: 100vw !important;
    }
    .site-header .menu-toggle {
        position: absolute;
        top: 50%;
        margin-top: -1.125rem;
    }    
}

/* 04 - FOOTER */
.footer-cta {
    background-color: #FBFBFB;
    display: block;
    float: left;
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.footer-cta h2.h3 {
    color: #5B802D !important;
    padding-bottom: 0 !important;
    margin-bottom: 1rem;
}
.footer-cta h2.h3::after {
    display: none;
}

.footer-cta .gform_wrapper {
    width: 100%;
}
.footer-cta .gform_wrapper .gform_body input {
    margin-top: 0 !important;
    width: 100% !important;
    border-radius: 100px;
    border: 2px solid #5B802D;
    padding-left: 25px !important;
    padding-right: 64px !important;
}

.footer-cta .gform_wrapper form {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.footer-cta .gform_wrapper form .ginput_container {
    margin-top: 0 !important;
}
.footer-cta .gform_wrapper form > .gform_body {
    flex: 1 0 60%;
}
.footer-cta .gform_wrapper ul.gform_fields li.gfield {
    margin-top: 0 !important;
    padding-right: 0 !important;
}
.footer-cta .gform_wrapper form > .gform_footer {
    flex: 1 0 0%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 120px;
    height: 100%;
    right: 2px;
}
.footer-cta .gform_wrapper form > .gform_footer input {
    height: calc(100% - 4px) !important;
    border: 0px;
    margin-top: 2px !important;
    background-color: #456222;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #fff;
    width: 100% !important;
}
.footer-cta .gform_wrapper form > .gform_footer input:hover,
.footer-cta .gform_wrapper form > .gform_footer input:focus {
    background-color: #F4901E;
    color: #0b0c0a;
}
.footer-cta .gform_wrapper ul li:after, 
.footer-cta .gform_wrapper ul li:before, 
.footer-cta .gform_wrapper ul.gform_fields {
    padding: 0 !important;
}
.footer-cta .gform_wrapper .gform_body input {
    margin-top: 0 !important;
    width: 100% !important;
    border-radius: 100px;
    border: 2px solid #5B802D;
    padding-left: 25px !important;
    padding-right: 120px !important;
}
.footer-cta .cta-content p {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .footer-cta .gform_wrapper form > .gform_footer input,
    .footer-cta .gform_wrapper .gform_body input {
        font-size: 16px !important;
    }
}

.site-footer {
    background-color: #456222;
    clear: both;
    padding-top: 0;
    padding-bottom: 0;
}
.site-footer > div:nth-of-type(1) > div:nth-of-type(3) {
    margin-top: 56px;
    margin-bottom: 72px;
}
.site-footer > div:nth-of-type(2) {
    background-color: #fff;
}
.site-footer .logo-container {
    position: relative;
}
.site-footer .logo {
    background-image: url('img/nifb.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 0;
    margin-bottom: 32px !important;
    position: absolute;
    top: -30px;
    height: 140px;
    width: 130px;
}
@media (min-width: 992px) {
    .site-footer .logo {
        /* height: 50px;
        width: 435px; */
        height: 140px;
        width: 130px;
    }
}
.site-footer p {
    font-size: 15px;
    line-height: 24px;
}

.site-footer .action-menu {
    margin-top: 82px;
    margin-bottom: 48px;
}
@media (max-width: 992px) {
    .site-footer .action-menu {
        margin-top: 132px;
    }
    .header-menu.action-menu li:first-of-type {
        margin-left: 0;
    }
}
@media (max-width: 768px) {
    .site-footer .action-menu {
        flex-wrap: wrap;
        justify-content: flex-start !important;
        margin-bottom: 1.5rem;
    }
    .site-footer .action-menu li {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .site-footer p {
        font-size: 14px;
        line-height: 21px;
    }
}
.site-footer .action-menu li {}
.site-footer .action-menu li a {
    background: transparent !important;
    border: 2px solid #fff;
}
.site-footer .action-menu li a:hover,
.site-footer .action-menu li a:focus {
    background-color: #F4901E !important;
    border-color: #F4901E !important;
    color: #0B0C0A !important;
}
.locations,
.locations a {
    color: #fff;
}
.locations .location {}
.locations .location p {
    font-weight: 500;
}
.locations .location a {
    font-size: 15px;
    line-height: 26px;
}
.locations .location strong {
    font-weight: 600;
}
.footer-menu {
    border-top: 1px solid #fff; 
    padding-top: 24px;
}
.footer-menu li {
    flex: 0 1 50%;
}


/* .footer-menu-items-6 li:nth-of-type(2) { order: 3; }
.footer-menu-items-6 li:nth-of-type(3) { order: 2; }
.footer-menu-items-6 li:nth-of-type(4) { order: 5; }
.footer-menu-items-6 li:nth-of-type(5) { order: 4; }
.footer-menu-items-6 li:nth-of-type(6) { order: 7; }

.footer-menu-items-7 li:nth-of-type(2) { order: 3; }
.footer-menu-items-7 li:nth-of-type(3) { order: 2; }
.footer-menu-items-7 li:nth-of-type(4) { order: 5; }
.footer-menu-items-7 li:nth-of-type(5) { order: 4; }
.footer-menu-items-7 li:nth-of-type(6) { order: 7; }
.footer-menu-items-7 li:nth-of-type(7) { order: 6; }

.footer-menu-items-8 li:nth-of-type(2) { order: 3; }
.footer-menu-items-8 li:nth-of-type(3) { order: 5; }
.footer-menu-items-8 li:nth-of-type(4) { order: 7; }
.footer-menu-items-8 li:nth-of-type(5) { order: 2; }
.footer-menu-items-8 li:nth-of-type(6) { order: 4; }
.footer-menu-items-8 li:nth-of-type(7) { order: 6; }
.footer-menu-items-8 li:nth-of-type(8) { order: 8; }

.footer-menu-items-9 li:nth-of-type(2) { order: 3; }
.footer-menu-items-9 li:nth-of-type(3) { order: 5; }
.footer-menu-items-9 li:nth-of-type(4) { order: 5; }
.footer-menu-items-9 li:nth-of-type(5) { order: 4; }
.footer-menu-items-9 li:nth-of-type(6) { order: 7; }
.footer-menu-items-9 li:nth-of-type(7) { order: 6; }
.footer-menu-items-9 li:nth-of-type(8) { order: 9; }
.footer-menu-items-9 li:nth-of-type(9) { order: 8; }

.footer-menu-items-10 li:nth-of-type(2) { order: 3; }
.footer-menu-items-10 li:nth-of-type(3) { order: 2; }
.footer-menu-items-10 li:nth-of-type(4) { order: 5; }
.footer-menu-items-10 li:nth-of-type(5) { order: 4; }
.footer-menu-items-10 li:nth-of-type(6) { order: 7; }
.footer-menu-items-10 li:nth-of-type(7) { order: 6; }
.footer-menu-items-10 li:nth-of-type(8) { order: 9; }
.footer-menu-items-10 li:nth-of-type(9) { order: 8; }
.footer-menu-items-10 li:nth-of-type(10) { order: 10; }

.footer-menu-items-12 li:nth-of-type(2) { order: 3; }
.footer-menu-items-12 li:nth-of-type(3) { order: 2; }
.footer-menu-items-12 li:nth-of-type(4) { order: 5; }
.footer-menu-items-12 li:nth-of-type(5) { order: 4; }
.footer-menu-items-12 li:nth-of-type(6) { order: 7; }
.footer-menu-items-12 li:nth-of-type(7) { order: 6; }
.footer-menu-items-12 li:nth-of-type(8) { order: 9; }
.footer-menu-items-12 li:nth-of-type(9) { order: 8; }
.footer-menu-items-12 li:nth-of-type(10) { order: 11; }
.footer-menu-items-12 li:nth-of-type(11) { order: 10; }
.footer-menu-items-12 li:nth-of-type(12) { order: 12; } */

.footer-menu li a {
    color: #fff;
    font-family: ff-good-headline-web-pro, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    text-decoration: none;
}
@media (max-width: 768px) {
    .footer-menu {
        margin-top: 1rem;
    }
    .footer-menu li:nth-child(even) {
        padding-left: 12px;
    }
}

.site-info {
    color: #737373;
    font-family: ff-good-headline-web-pro, sans-serif;
    padding-top: 24px;
    padding-bottom: 126px;
}
@media (max-width: 768px) {
    .site-info {
        padding-bottom: 0;
    }
}
.legal-menu {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 16px;
    padding-top: 24px;
}
.legal-menu li {
    border-left: 1px solid #9F9F9F;
    margin-left: 6px;
    padding-left: 6px;
}
.legal-menu li:first-child {
    border-left: 0;
}
.legal-menu li a {
    color: #737373;
}
.footer-04 {
    padding-top: 60px;
    padding-bottom: 40px;
}
.social-menu {
    margin-bottom: 0;
}
.social-menu li {
    margin-right: 12px;
}
.social-menu li a {
    font-family: "Font Awesome 5 Brands";
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 30px;
    width: 30px;
    text-indent: -9999px;
    
}
.social-menu li a:hover,
.social-menu li a:focus {
    background-color: #fff;
    color: #456222;
}
.social-menu li a::before {
    font-family: "Font Awesome 5 Brands";
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: '';
    display: none;
    font-size: 19px;
    text-indent: 0;
}
.social-menu li a .svg-inline--fa {
    height: 55%;
}
.social-menu li.facebook a:before {
    content: "\f39e";
}
.social-menu li.twitter a:before {
    content: "\f099";
}
.social-menu li.instagram a:before {
    content: "\f16d";
}
.social-menu li.youtube a:before {
    content: "\f167";
}
.social-menu li.linkedin a:before {
    content: "\f0e1";
}
@media (max-width: 768px) {
    .social-menu {
        margin-bottom: 20px;
    }
}
.legal-notice {
    color: #fff;
}
.legal-notice p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    position: relative;
}
.legal-notice p:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.footer-logos {
    padding-top: 14px;
}
.footer-logos .footer-logo:nth-of-type(3) {
    margin-left: 24px;
}
.footer-logos img {
    margin: 0 10px;
}
@media (max-width: 768px) {
    .site-footer > div:nth-of-type(1) > div:nth-of-type(3) {
        margin-bottom: 2rem;
    }
    .footer-logos {
        flex-wrap: wrap;
    }
    .footer-logos img {
        max-height: 40px;
    }
    .site-footer > div:nth-of-type(2) {
        padding-bottom: 2rem;
    }
}


/* 05 - HERO */
.hero {
    background-color: #f8f8f8;
}
.hero .btn {
    margin-right: 0.75rem;
}
.page .hero h1, .single .hero h1 {
    color: #0B0C0A;
    font-size: 55px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0.04em;
    margin-bottom: 16px;
    width: 100%;
}
@media (max-width: 992px) {
    .page .hero h1, .single .hero h1 {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .page .hero h1, .single .hero h1 {
        font-size: 2.5rem;
        line-height: 1;
    }
}
.hero.hero-01 {
    padding-bottom: 48px;
    position: relative;
}
.hero.hero-01:after {
    background: url('./img/food.svg') center center no-repeat;
    background-size: 210px 369px;
    content: '';
    display: block;
    position: absolute;
    right: 0px;
    bottom: -60px;
    height: 369px;
    width: 210px;
}
.hero.hero-01 h1 {
    margin-top: 193px;
}
.home.page .hero.hero-04 h1 {
    color: #D67900;
    font-weight: 700;
    font-size: 85px;
    line-height: 82px;
}
@media (max-width: 1400px) {
    .home.page .hero.hero-04 h1 {
        font-size: 75px;
        line-height: 70px;
    }
}
@media (max-width: 1200px) {
    .home.page .hero.hero-04 h1 {
        font-size: 62px;
        line-height: 58px;
    }
}
@media (max-width: 992px) {
    .home.page .hero.hero-04 h1 {
        font-size: 46px;
        line-height: 44px;
    }
}
@media (max-width: 768px) {
    .home.page .hero.hero-04 h1 {
        font-size: 45px;
        line-height: 44px;
    }
}
.home.page .hero.hero-04 > .container-fluid > .row,
.home.page .hero.hero-04 > .container > .row {
    justify-content: flex-end;
}
.home.page .hero .hero-content {
    border-radius: 20px;
}
.hero .hero-content p {
    font-size: 17px;
    line-height: 23px;
}
.hero.hero-04 .hero-content {
    text-align: center;
}
.hero.hero-04 .hero-content p {
    color: #3C3E3B;
    font-size: 17px;
    line-height: 23px;
}
.hero.hero-04,
.hero .hero-content blockquote {
    margin-top: 40px;
    padding: 0 100px;
}
.hero.hero-04 .hero-image {
    display: none;
}
@media (max-width: 768px) {
    .home.page .hero.hero-04 {
        padding: 0 !important;
        margin-top: 0;
    }
    .home.page .hero.hero-04 > .container {
        padding: 0;
        width: 100vw !important;
    }
    .home.page .hero.hero-04 h1 {
        font-size: 15vw;
        line-height: 0.95;
    }
    .home.page .hero p {
        margin-top: 20px;
    }
    .home.page .hero.hero-04 .hero-image {
        display: block;
        padding: 0;
    }
    .home.page .hero.hero-04 .hero-content {
        border-radius: 0;
        padding: 32px;
    }
    .home.page .hero.hero-04 .field-links {
        margin-top: 1.5rem;
    }
}

.hero .hero-content blockquote p {
    color: #032809;
    font-size: 26px;
    font-weight: 700;
    line-height: 38px;
    position: relative;
}
.hero .hero-content blockquote + p {
    margin-top: 30px;
}
.hero .hero-content blockquote p:first-of-type:before,
.hero .hero-content blockquote p:first-of-type:after {
    color: #ffd700;
    content: '\201C';
    font-family: 'Playfair Display', serif;
    font-size: 100px;
    font-weight: 700;
    position: absolute;
}
.hero .hero-content blockquote p:first-of-type:before {
    content: '\201C';
    top: 0;
    left: -80px;
}
.hero .hero-content blockquote p:first-of-type:after {
    content: '\201D';
    bottom: -35px;
    right: -80px;
}
.hero .hero-content blockquote p + p:last-of-type {
    color: #1f221f;
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 33px;
    opacity: 0.7;
}

.hero-02 {
    position: relative;
}
.hero-02:before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)), linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 80.79%), url(.jpg);
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.hero-02 > * {
    position: relative;
    z-index: 2;
}
.page .hero.hero-02 h1,
.single .hero.hero-02 h1 {
    color: #fff;
    font-family: roc-grotesk, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 76px;
    line-height: 100%;
    text-transform: uppercase;
}
.page .hero.hero-02 p, 
.single .hero.hero-02 p {
    color: #fff;
}
.page .hero.hero-02 p.btn-link, 
.single .hero.hero-02 .btn-link {
    color: #fff;
    border-color: #fff;
}
@media (min-width: 992px) {
    .hero-02 .hero-content {
        /* flex: 0 0 auto; */
        /* width: 58.33333333%; */
        /* margin-left: 20.833333335%; */
        margin-left: 12.5%;
    }
}
.hero-04 > .row {
    justify-content: flex-end;
}
.hero-04 > div > div > div:nth-of-type(1) {
    order: 2;
}
.hero-04 > div > div > div:nth-of-type(2) {
    order: 1;
}
.hero-04 .hero-content {
    background-color: #fff;
}
.hero.hero-04  .field-links {
    margin-top: 3rem;
}
.hero-05 {
    /* overflow: hidden; */
    position: relative;
}
.hero-05 .container {
    max-width: 1170px;
    width: 77vw;
}
@media (max-width: 992px) {
    .hero-05 .container {
        max-width: 100%;
        width: 92vw;
    }
}
.hero-05 > .container > .row {
    /* position: relative; */
}
.hero-05.bg-primary-green h1 {
    color: #fff;
}
.hero-05 .hero-content {
    position: relative;
    z-index: 20;
}
.hero-05 .date {
    margin-bottom: 0.75rem !important;
}
.hero-05 .date .separator {
    margin: 0 0.25rem;
}
.hero-05 .date a {
    color: inherit;
}
.hero-05 .field-links {
    margin-top: 3rem;
}
.hero-05 .hero-image {
    background-color: transparent;
    position: relative;
}
.hero-05 .hero-image-wrapper {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: visible;
}
.single .hero-05 {
    height: 450px;
}
.single .hero-05 > .container,
.single .hero-05 > .container > .row {
    height: 100%;
}
.single .hero-05 > .container > .row {
    justify-content: space-between;
}
.single .hero-05 .date,
.single .hero-05 .author {
    letter-spacing: -0.02em;
}
.single .hero-05 .hero-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    padding-bottom: 4.5rem !important;
}
.hero-05.frame-pomegranate {
    height: 25vw;
    position: relative;
}
@media (max-width: 768px) {
    .hero-05.frame-pomegranate {
        height: auto;
    }
    .hero-05 .field-links {
        margin-top: 1rem;
    }
}
.hero-05.frame-pomegranate > .container,
.hero-05.frame-pomegranate > .container > .row {
    height: 100%;
}
.hero-05.frame-pomegranate .hero-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    padding-bottom: 4.5rem !important;
}
.hero-05.frame-pomegranate .hero-content h1,
.hero-05.frame-pomegranate .hero-content p {
    margin: 8px 0 0 !important
}
.hero-05.frame-pomegranate .hero-image {
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.hero-05 .hero-image-wrapper {
    position: relative;
}
.hero-05 .hero-image-wrapper,
.hero-05.frame-pomegranate .hero-image-wrapper:before {
    content: '';
    background: url('../_wpsk-nifb/img/hero-frame.svg') left top no-repeat;
    background: url('../_wpsk-nifb/img/hero-frame-light-gray.svg') left top no-repeat;
    background-size: auto 101%;
    display: block;
    height: 100%;
    width: 130%;
    z-index: 2;
    position: absolute;
    top: 0;
    left: -1px;
}
.hero-05 .hero-image-wrapper {
    left: 0%;
}
.hero-05 .hero-image-wrapper .extend-bg {
    background: #f8f8f8;
    width: 100%;
    left: 45.5vw;
    height: 100%;
    position: absolute;
    top: 0;
}
.hero-05.bg-primary-green .hero-image-wrapper .extend-bg {
    background: #5B802D;
}
.hero-05.bg-darker-green .hero-image-wrapper .extend-bg {
    background: #456222;
}
.hero-05.bg-secondary-purple .hero-image-wrapper .extend-bg {
    background: #52328E;
}
.hero-05.bg-secondary-red .hero-image-wrapper .extend-bg {
    background: #C62C2C;
}
.hero-05.bg-primary-orange .hero-image-wrapper .extend-bg {
    background: #D67900;
}
.hero-05.bg-light-gray .hero-image-wrapper .extend-bg {
    background: #F9F9F9;
}
.hero-05.bg-ligther-gray .hero-image-wrapper .extend-bg {
    background: #FBFBFB;
}
.hero-05.bg-medium-gray .hero-image-wrapper .extend-bg {
    background: #737373;
}
.hero-05.bg-dark-text .hero-image-wrapper .extend-bg {
    background: #0B0C0A;
}
.hero-05.bg-gray-text .hero-image-wrapper .extend-bg {
    background: #3C3E3B;
}


.hero-05.frame-pomegranate .hero-image-wrapper:after {
    content: '';
    background: url('../_wpsk-nifb/img/hero-pomegranate.svg') right bottom no-repeat;
    background-size: auto 10rem;
    display: block;
    height: 100%;
    width: 12rem;
    z-index: 3;
    position: absolute;
    bottom: -3rem;
    left: 40vw;
}
.hero-05.frame-pomegranate.bg-primary-green .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-primary-green.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-pomegranate.bg-darker-green .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-darker-green.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-pomegranate.bg-secondary-purple .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-secondary-purple.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-pomegranate.bg-secondary-red .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-secondary-red.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-pomegranate.bg-light-gray .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-light-gray.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-pomegranate.bg-lighter-gray.hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-lighter-gray.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-pomegranate.bg-medium-gray .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-medium-gray.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-pomegranate.bg-gray-text .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-gray-text.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-pomegranate.bg-dark-text .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-dark-text.svg') left top no-repeat;
    background-size: auto 101%;
}

@media (max-width: 992px) {
    .hero-05.frame-pomegranate .hero-image-wrapper {
        display: none;
    }
    .hero-05.frame-pomegranate .hero-image-wrapper:after {
        content: '';
        background: url('../_wpsk-nifb/img/hero-pomegranate.svg') right bottom no-repeat;
        background-size: cover;
        display: block;
        height: 12vw;
        width: 12vw;
        z-index: 3;
        position: absolute;
        bottom: -1rem;
        left: 90vw;
    }
}

@media (max-width: 768px) {
    .hero-05.frame-pomegranate .hero-content {
        padding-bottom: 1.5rem !important;
        padding-top: 2rem;
    }
    .hero-05.frame-pomegranate .hero-image-wrapper:after {
        height: 15vw;
        width: 15vw;
        z-index: 3;
        bottom: -1rem;
        left: 90vw;
    }
}

@media (max-width: 768px) {
    .hero-05.frame-pomegranate .hero-image-wrapper:after {
        height: 18vw;
        width: 18vw;
        z-index: 3;
        bottom: -1rem;
        left: 90vw;
    }
}

.hero-05.frame-lemon .hero-image-wrapper:before {
    content: '';
    background: url('../_wpsk-nifb/img/hero-frame-lemon.svg') left top no-repeat;
    background-size: auto 101%;
    display: block;
    height: 100%;
    width: 130%;
    z-index: 2;
    position: absolute;
    top: 0;
    left: -25px;
}
.hero-05.frame-lemon .hero-image-wrapper:after {
    content: '';
    background: url('../_wpsk-nifb/img/hero-lemon.svg') right bottom no-repeat;
    background-size: auto 10rem;
    display: block;
    height: 100%;
    width: 12rem;
    z-index: 3;
    position: absolute;
    bottom: -3rem;
    left: 32.1vw;
}
.hero-05.frame-lemon.bg-primary-green .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-lemon-primary-green.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-lemon.bg-darker-green .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-lemon-darker-green.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-lemon.bg-secondary-purple .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-lemon-secondary-purple.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-lemon.bg-secondary-red .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-lemon-secondary-red.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-lemon.bg-light-gray .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-lemon-light-gray.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-lemon.bg-lighter-gray.hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-lemon-lighter-gray.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-lemon.bg-medium-gray .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-lemon-medium-gray.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-lemon.bg-gray-text .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-lemon-gray-text.svg') left top no-repeat;
    background-size: auto 101%;
}
.hero-05.frame-lemon.bg-dark-text .hero-image-wrapper:before {
    background: url('../_wpsk-nifb/img/hero-frame-lemon-dark-text.svg') left top no-repeat;
    background-size: auto 101%;
}


.hero-05.fruit {
    height: 350px;
    position: relative;
}
.hero-05.fruit > .container,
.hero-05.fruit > .container > .row {
    height: 100%;
}
.hero-05.fruit:after {
    content: '';
    background: url('../_wpsk-nifb/img/hero-fruit.svg') right bottom no-repeat;
    background-size: auto 370px;
    display: block;
    height: 370px;
    width: 280px;
    z-index: 3;
    position: absolute;
    bottom: -3rem;
    right: 0rem;
}
.hero-05.fruit .hero-content {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    align-content: flex-end;
    padding-bottom: 3rem !important;
}
.hero-05.fruit .hero-content h1,
.hero-05.fruit .hero-content p {
    margin: 8px 0 0 !important
}

@media (max-width: 768px) {
    .hero-05.fruit {
        height: auto;
    }
    .hero-05.fruit:after {
        content: '';
        background: url('../_wpsk-nifb/img/hero-fruit.svg') right bottom no-repeat;
        background-size: auto 37vw;
        display: block;
        height: 37vw;
        width: 28vw;
        z-index: 3;
        position: absolute;
        bottom: -1rem;
        right: 0rem;
    }
    .hero-05.fruit .hero-content {
        padding-bottom: 1.5rem !important;
        padding-right: 5rem !important;
        padding-top: 3rem;
    }
}


/* 06 - CTA */
.cta-01 .container,
.cta-05 .container,
.cta-07 .container {
    max-width: 1170px;
    width: 77vw;
}
@media (max-width: 992px) {
    .cta-01 .container,
    .cta-05 .container,
    .cta-07 .container {
        max-width: 100%;
        width: 92vw;
    }
}
.cta-01 h2.h3 {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    padding-bottom: 56px;
    position: relative;
}
.cta-01 h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 0;
    /* top: 0; */
    margin-top: 54px;
}
.cta-04 {
    /* background-color: #5B802D; */
}
.cta-04 h2.h3 {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    padding-bottom: 46px;
    position: relative;
    text-transform: uppercase;
}
.cta-04 h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 50%;
    /* top: 0; */
    margin-top: 64px;
    margin-left: -30px;
}
.cta-04.get-groceries-near-you h2.h3 {
    color: #D67900;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 55px;
    letter-spacing: 0.03em;
    line-height: 52px;
    margin-top: 1rem
    padding-bottom: 0px;
    position: relative;
    text-transform: uppercase;
}
.cta-04 h2.h3:after {
    display: none;
}
.cta-04.get-groceries-near-you .cta-content {
    /* background-color: #fff;
    border: 19px solid #3D640D;
    padding: 3rem; */
    align-content: center;
    align-items: center;
    background-color: #FFFCF5;
    background-image: url('../_wpsk-nifb/img/cta-border.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 96%;
    border: 19px solid #3D640D;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 530px;
    padding: 5.625rem 3rem;
    width: 530px;
    z-index: 2;
}
.cta-04.get-groceries-near-you .cta-content p {
    margin-bottom: 0;
}
.cta-04.get-groceries-near-you {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
}
.cta-04.get-groceries-near-you:before {
    border-top: 105px solid #fff;
    border-bottom: 65px solid #fff;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.cta-04.get-groceries-near-you:after {
    background-image: url('../_wpsk-nifb/img/cta-fruit-border.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 96% auto;
    content: '';
    display: block;
    height: 611px;
    width: 860px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -305.5px;
    margin-left: -430px;
    z-index: 1;
}
.cta-04.get-groceries-near-you > .container {
}
.cta-04 .cta-links {
    margin-top: 2rem;
}
.cta-04.get-groceries-near-you .cta-links .btn {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .cta-04.get-groceries-near-you h2.h3 {
        padding-bottom: 0.5rem;
    }
    .cta-04.get-groceries-near-you .cta-content {
        padding: 5.625rem 5rem;
        max-width: none;
    }
}
@media (max-width: 480px) {
    .cta-04.get-groceries-near-you .cta-content {
        align-content: center;
        align-items: center;
        background-color: #FFFCF5;
        background-image: url(../_wpsk-nifb/img/cta-border.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: auto 96%;
        border: 19px solid #3D640D;
        border-radius: 60%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        height: 130vw;
        /* padding: 5.625rem 3rem; */
        width: 130vw;
        z-index: 2;
        max-width: none !important;
    }
    .cta-04.get-groceries-near-you .cta-content > * {
        max-width: 92vw;
    }
    .cta-04.get-groceries-near-you:after {
        width: 150vw;
        height: 100vw;
        background-size: auto 80%;
        top: 40%;
        left: 50%;
        margin-top: -305.5px;
        margin-left: -75vw;
    }
}
.cta-05 {
    overflow: hidden;
}
.home .cta-05.donation {
    padding-top: 6rem !important;
}
.home .cta-05.donation .btn:hover,
.home .cta-05.donation .btn:focus {
    background-color: #fff !important;
    border-color: #fff !important;
}
.cta-05.donation.bg-primary-orange {
    background-color: transparent;
}
.cta-05.donation > div {
    background-color: #F4901E;
    border-radius: 20px;
    padding: 48px 32px;
}
.cta-05.donation > div > div {
    margin: 0;
}
.cta-05.donation.bg-secondary-purple {
    background-color: transparent;
}
.cta-05.donation.bg-primary-orange > div {
    background-color: #F4901E;
}
.cta-05.donation.bg-secondary-purple > div {
    background-color: #52328E;
}
.cta-05.donation.bg-secondary-purple h2.h3 {
    color: #fff;
}
.cta-05 h2.h3 {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    padding-bottom: 56px;
    position: relative;
}
.cta-05 h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 0;
    /* top: 0; */
    margin-top: 54px;
}
.cta-05.donation h2.h3 {
    font-size: 55px;
    font-size: 55px;
    margin-bottom: 1rem;
    padding-bottom: 0;
}
.cta-05.donation h2.h3:after {
    display: none;
}
.cta-05.donation .cta-content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}
.cta-05.donation p {
    font-size: 20px;
    line-height: 27px;
}
.cta-05.stay-updated h2.h3 {
    color: #5B802D;
    padding-bottom: 0;
}
.cta-05.stay-updated.bg-primary-orange h2.h3 {
    color: #0B0C0A;
}
.cta-05.stay-updated h2.h3:after {
    display: none;
}
.cta-05.stay-updated p {
    font-size: 16px;
    line-height: 22px;
}
.cta-05 .btn {
    padding: 16px 28px !important;
}
.cta-05 .cta-content-left {
    background-color: #E8E8E8;
    position: relative;
}
.cta-05 .cta-content-left:before {
    background-color: #E8E8E8;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: -100%;
}
.cta-05 .cta-content-right {
    background-color: #DBDBDB;
    position: relative;
}
.cta-05 .cta-content-right:before {
    background-color: #DBDBDB;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 100%;
}
@media (max-width: 768px) {
    .home .cta-05.donation {
        padding-top: 3rem !important;
    }
    .cta-05.donation > div {
        padding: 36px 20px;
    }
    .cta-05.donation p {
        font-size: 16px;
        line-height: 25px;
    }
}
.cta-07 .cta-heading h2.h3 {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    padding-bottom: 56px;
    text-align: center;
}
.cta-07 .cta-heading h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 50%;
    margin-left: -30px;
    /* top: 0; */
    margin-top: 54px;
}
.cta-07 .card {
    border: 0;
    border-radius: 0;
    height: 100%;
    overflow: hidden;
}
.cta-07 .card .card-img-wrapper {
    border-radius: 20px 0 20px 0;
}
.cta-07 .card .card-body {
    padding: 45px 35px;
}
.cta-07 .card .card-body h2.h3 {
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 57px;
    letter-spacing: 0.02em;
    color: #0B0C0A;
    text-transform: uppercase;
}
.cta-07 .card .card-body p {
    font-size: 18px;
    line-height: 27px;
}
.cta-07.donate-volunteer .card {
    height: 100%;
    /* max-height: 286px; */
    border: 3px solid #FFFFFF;
    box-shadow: 0px -8px 40px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    overflow: hidden;
}
.cta-07.donate-volunteer .card .card-img-wrapper {
    border-right: 3px solid #fff;
    border-radius: 0;
}
.cta-07.donate-volunteer .card-content-wrapper,
.cta-07.donate-volunteer .card-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cta-07.donate-volunteer .card-content-wrapper .btn {
    margin-bottom: 0;
}
.cta-07.donate-volunteer .card-content-wrapper .btn:hover,
.cta-07.donate-volunteer .card-content-wrapper .btn:focus {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #0b0c0a !important;
} 
.cta-07 .primary * {
    color: #0B0C0A;
}
.cta-07 .primary .btn {
    color: #fff !important;
    font-size: 18px;
}
.cta-07.donate-volunteer .secondary * {
    color: #ffffff;
}
.cta-07.donate-volunteer .secondary .card .card-body h2.h3 {
    color: #ffffff;
}
.cta-07.donate-volunteer .card .card-body p {
    font-size: 16px;
    line-height: 22px;
}
.cta-07.mission-vision-values {
    border-top: 16px solid #F9F9F9;
}


@media (max-width: 992px) {
    .cta-07 .cta-content {
        margin-bottom: 2rem;
    }
    .cta-07 .card .card-img-wrapper {
        border-right: 0 !important;
        border-bottom: 3px solid #fff;
        height: 35vw;
        width: 100% !important;
        margin: 0 !important;
    }
}

/* 07 - FEED */
.feed-01 .feed-title,
.feed-03 .feed-title,
.feed-01 .feed-title a,
.feed-03 .feed-title a {
    color: #5B802D;
    font-family: nimbus-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    line-height: 17px;
    text-decoration: none;
}
.feed-01 h2,
.feed-01 h2.h3 {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    margin-bottom: 0;
    padding-bottom: 46px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.feed-01 h2:after,
.feed-01 h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 0%;
    /* top: 0; */
    margin-top: 64px;
    /* margin-left: -30px; */
}
@media (max-width: 768px) {
    .feed-01 h2:after,
    .feed-01 h2.h3:after {
        left: 50%;
        margin-left: -30px;
    }
}
.feed-01.featured > .container {
    /* padding-left: 3.5vw;
    padding-right: 3.5vw;
    max-width: none !important; */
}
.feed-01.featured h2,
.feed-01.featured h2.h3 {
    text-align: center;
}
.feed-01.featured .feed-title {
    width: 100% !important;
}
.feed-01.featured h2:after,
.feed-01.featured h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 50%;
    /* top: 0; */
    margin-top: 64px;
    margin-left: -30px;
}
.feed-01 .feed-image {
    order: 1;
}
.feed-01 .feed-title,
.feed-01 .feed-title a {
    order: 3;
    font-family: ff-good-headline-web-pro, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    /* or 123% */


    /* Dark Text */

    color: #0B0C0A;
}
.feed-01 .feed-date {
    order: 2;
}
.feed-01 .feed-excerpt {
    order: 4;
}   
 .feed-01 .feed-date-long {
    order: 5;
}
.feed-01 .feed-links {
    order: 6;
}

.feed-04 .container {
    max-width: 929px;
    width: 62vw;
}
.feed-04 h2.h3 {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    padding-bottom: 56px;
}
.feed-04 h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 50%;
    margin-left: -30px;
    /* top: 0; */
    margin-top: 54px;
}
.feed-04 .row {
    justify-content: space-between;
}
.feed-04 .card {
    border: 0;
    border-radius: 0;
}
.feed-04 .row > .card {
    box-shadow: none !important;
    padding: 0 !important;
    width: calc(100% - 30px) !important;
}
.feed-04 .row > .card img {
    border-radius: 20px 0 20px 0;
}
.feed-04 .row > div > .card {
    height: auto !important;
    min-height: calc(50% - 15px) !important;
    padding: 1.5rem !important;
}
.feed-04 .row > div > .card + .card {
    margin-top: 30px;
}
@media (max-width: 768px) {
    .feed-04 .row > .card {
        width: 100% !important;
    }
    .feed-04 .row > div > .card {
        min-height: 0 !important;
    }
    .feed-04 .row > div > .card:first-of-type {
        margin-top: 1.5rem;
    }
}
@media (min-width: 992px) {
    .feed-04 .row > .card.col-lg-6 {
        border: 0;
        border-radius: 0;
        width: calc(50% - 30px) !important;
    }
}
.feed-04 .row > div > .card .feed-links a {
    margin-bottom: 0;
}
.feed-04 .feed-title {
    font-family: ff-good-headline-web-pro, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 27px;
}
.feed-04 .feed-excerpt {
    font-family: ff-good-headline-web-pro, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 1.5rem;
    color: #3C3E3B;
}
.feed-05 {
    background-color: #e8e8e8;
}
.feed-05 .card-title {
    margin-bottom: 20px;
}
.feed-05 .card-title,
.feed-05 .card-title a {
    color: #0C4014;
    font-weight: 600;
}

.feed-08 h2,
.feed-08 h2.h3 {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    padding-bottom: 56px;
    text-align: center;
}
.feed-08 h2:after,
.feed-08 h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 50%;
    margin-left: -30px;
    /* top: 0; */
    margin-top: 54px;
}
.feed-08 > .container > .row {
    justify-content: center;
}
.feed-08 .feed-item {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #dddddd;
}
.feed-08 .feed-item + .feed-item {
    padding-top: 1.5rem;
}
.feed-08 .feed-item:last-of-type {
    margin-bottom: 7.5rem;
}
.feed-08 .feed-title {
    width: 100% !important;
}

/* 09 - CARDS */
.cards h2.h3 {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    padding-bottom: 56px;
}
.cards h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 50%;
    margin-left: -30px;
    /* top: 0; */
    margin-top: 54px;
}
.cards .card {
    background: transparent;
    border: 0;
    box-shadow: none;
}
.cards .card h4 {
    color: #0B0C0A;
    font-family: ff-good-headline-web-pro, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    padding-bottom: 0;
    text-transform: none;
}
.card-body p {
    font-size: 14px;
    line-height: 22px;
}
.cards-01 .card {
    padding: 0 3rem;
    height: auto;
    margin-bottom: 2rem;
}
.cards-01 .card .card-icon {
    border: 3px solid #dddddd;
    border-radius: 50%;
    margin: 0 auto;
    /* padding: 2rem; */
    height: 140px;
    width: 140px;
}
.cards-01 .card .card-body {
    text-align: center;
}
.cards-01 .card .card-body b,
.cards-01 .card .card-body strong {
    color: #5C8039;
}
.cards-03 {
    background-color: #E8E8E8;
}

.cards-01.you-make-an-impact .card {
    height: 200px;
    margin-bottom: 0;
}
.cards.you-make-an-impact h2.h3 {
    color: #5b802d;
    font-size: 0;
    line-height: 0;
    margin: 0;
}
.cards.you-make-an-impact h2.h3:after {
    display: none;
}
.cards.you-make-an-impact .cards-grid {
    max-width: 900px;
    margin: 50px auto 0;
    position: relative;
}
.cards.you-make-an-impact .cards-grid:before {
    content: '';
    height: 165px;
    width: 271px;
    background: url('img/you-make-an-impact.svg');
    background-size: cover;
    position: absolute;
    top: -96px;
    left: -44px;
}
.cards.you-make-an-impact .card {
    display: flex;
    flex-wrap: wrap;
}
.cards.you-make-an-impact .card .card-icon {
    /* flex: 1 0 140px; */
    height: 140px;
    width: 140px;
    margin: 0;
}
.cards.you-make-an-impact .card .card-body {
    flex: 1 0 80%;
    padding-right: 80px;
    text-align: left;
    width: 100%;
}

@media (max-width: 768px) {
    .cards.you-make-an-impact .cards-grid:before {
        display: none;
    }
    .cards.you-make-an-impact h2.h3 {
        padding-bottom: 0;
    }
    .cards-01.you-make-an-impact .card {
        height: auto;
        padding: 0;
        flex-direction: row;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }
    .cards.you-make-an-impact .card .card-body {
        flex: 1;     
        padding-right: 0;
    }
    .cards.you-make-an-impact .card .card-icon {
        /* flex: 1 0 140px; */
        height: 100px;
        width: 100px;
    }
}

/* 10 - LOGOS */
.logos-image {
    text-align: center;
}
.logos-image img {
    height: 118px;
    width: auto;
}
.logos-02 .h3 {
    margin-bottom: 50px;
}
.logos-02 .h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 50%;
    margin-left: -30px;
    /* top: 0; */
    margin-top: 0;
}
.logos-02 .h3 p {
    color: #737373;
    font-family: ff-good-web-pro, sans-serif;
    font-style: 500;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.logos-02 .h3 p strong {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    padding-bottom: 56px;
}
.logos-02 .cta-links {
    margin-top: 3rem;
}

/* 11 - HOMEPAGE */
.home-how-can-you-help h2 {
    color: #737373;
    font-family: ff-good-headline-web-pro, sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
.home-how-can-you-help .field-links .btn:nth-of-type(1) {
    background-color: #52328E;
    border-color: #52328E;
}
.home-how-can-you-help .field-links .btn:nth-of-type(2) {
    background-color: #5B802D;
    border-color: #5B802D;
}
.home-how-can-you-help .field-links .btn:nth-of-type(3) {
    background-color: #C62C2C;
    border-color: #C62C2C;
}
.home-how-can-you-help .two-columns-media img {
    max-height: 388px;
}

@media (max-width: 768px) {
    .home-how-can-you-help .two-columns-media {
        display: flex;
        justify-content: center;
    }
    .home-how-can-you-help .two-columns-media img {
        max-height: none;
        width: 70vw !important;
    }
}

/* 12 - MENU */
.menu-01 {
    position: relative;
    /* position: sticky;
    top: 0; */
}
.menu-01:before {
    border-bottom: 1px solid #dddddd;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}
.menu-links {
    display: flex;
    gap: 33px;
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 0 !important;
    position: relative;
    width: 100%;
    justify-content: center;
}
@media (max-width: 992px) {
    .menu-links {
        justify-content: flex-start;
        overflow-x: scroll;
    }
}
.entry-content ul.menu-links {
    padding-left: 0 !important;
}
.menu-links li {
    position: relative;
    z-index: 1;
}
.menu-links li a {
    border-bottom: 3px solid transparent;
    font-family: ff-good-headline-web-pro, sans-serif;
    font-style: normal;
    font-weight: 450;
    /* font-family: good-headline-web-pro-wide, sans-serif;
    font-weight: 500; */
    font-size: 18px;
    letter-spacing: 0.6px;
    line-height: 20px;
    color: #0B0C0A;
    display: block;
    padding-top: 26px;
    padding-bottom: 26px;
    white-space: nowrap;
    text-decoration: none;
}
/* replace with active class */
.menu-links li:first-of-type a {
    border-bottom: 3px solid #5B802D;
}


/* 13 - TWO COLUMNS */
.two-columns-01,
.two-columns-02 {
    padding-bottom: 7.5rem !important;
}
.two-columns-01 .container,
.two-columns-02 .container {
    max-width: 1170px;
    width: 77vw;
}

@media (max-width: 992px) {
    .two-columns-01 .container,
    .two-columns-02 .container {
        max-width: 100%;
        width: 92vw;
    }
}
.two-columns-01 h2,
.two-columns-02 h2 {
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 37px;
    letter-spacing: 0.02em;
    color: #0B0C0A;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
    padding-bottom: 54px;
    margin-bottom: 12px;
}
.two-columns-01 h2:after,
.two-columns-02 h2:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 0;
    /* top: 0; */
    margin-top: 54px;
}
.two-columns-01 .field-links,
.two-columns-02 .field-links {
    margin-top: 2rem;
}
.two-columns-01 .field-links .btn,
.two-columns-02 .field-links .btn {
    margin-right: 0.75rem;
}
.two-columns-02 .btn-link {
    color: #ffffff;
}
.two-columns-02 .eyebrow {
    font-family: 'Good Pro';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #737373;
}
.two-columns-02 h2 {
    color: #0B0C0A;
    font-family: ff-good-headline-web-pro, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 38px;
    /* identical to box height, or 109% */
    color: #0B0C0A;
}

.two-columns-03 h2,
.two-columns-04 h2 {
    font-family: ff-good-headline-web-pro, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    line-height: 38px;
    /* identical to box height, or 109% */
    color: #0B0C0A;
}

.two-columns-03 .eyebrow,
.two-columns-04 .eyebrow {
    font-family: ff-good-headline-web-pro, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    /* identical to box height, or 133% */

    letter-spacing: 0.02em;
    text-transform: uppercase;

    /* Gray Medium AA */

    color: #737373;
}
.two-columns-03 .date,
.two-columns-04 .date {
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 20px;
/* identical to box height, or 133% */

letter-spacing: 0.02em;
text-transform: uppercase;

/* Dark Text */

color: #0B0C0A;
}
.two-columns-05 .two-columns-content {
    background-color: #fff;
    margin-left: -7rem;
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 40px 160px 40px 40px;
    position: relative;
}
.two-columns-05 .two-columns-content blockquote + p {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}
.two-columns-05 .two-columns-content .field-links {
    /* position: absolute;
    bottom: -40px;
    right: 160px;
    left: auto; */
    position: relative;
    bottom: 0;
    right: auto;
    left: 40px;
}
.two-columns-05 .two-columns-img {
    width: 100%;
    height: 660px;
}
.two-columns-05.personal-stories > .container {
    position: relative;
}
.two-columns-05.personal-stories > .container > .row {
    position: relative;
    z-index: 4;
}
.two-columns-05.personal-stories > .container:before {
    background: url('../_wpsk-nifb/img/personal-stories.svg') right top no-repeat;
    background-size: auto 100%;
    content: '';
    height: 183px;
    width: 190px;
    position: absolute;
    top: 10rem;
    right: 1rem;
    z-index: 5;
}
.two-columns-05.personal-stories .two-columns-content {
    padding: 40px 200px 40px 40px;
}
.two-columns-05.personal-stories .two-columns-content blockquote {
    padding: 2.5rem 2.5rem 1.5rem !important;
}
.two-columns-05.personal-stories .two-columns-content blockquote p {
    font-family: ff-good-web-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #3C3E3B;
}
.two-columns-05.personal-stories .two-columns-content blockquote + p {
    font-family: ff-good-web-pro, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #3C3E3B;
}
.two-columns-05.personal-stories .two-columns-content .field-links {
    text-align: right;
    width: 100%;
    position: absolute;
    padding-right: 200px;
    bottom: -50px;
}

@media (max-width: 768px) {
    .personal-stories {
        padding-top: 1.5rem !important;
    }
    .personal-stories .two-columns-content {
        order: 2;
    }
    .personal-stories .two-columns-media {
        order: 1;
        margin-bottom: 2rem;
    }
}
.two-columns-05.volunteer-stories > .container {
    position: relative;
}
@media (max-width: 768px) {
    .two-columns-05.volunteer-stories > .container {
        max-width: 100% !important;
        width: 92vw !important;
    }
}
.two-columns-05.volunteer-stories > .container > .row {
    position: relative;
    z-index: 4;
}
.two-columns-05.volunteer-stories > .container:before {
    background: url('../_wpsk-nifb/img/volunteer-stories.svg') right top no-repeat;
    background-size: auto 100%;
    content: '';
    height: 226px;
    width: 262px;
    position: absolute;
    top: 10rem;
    right: 1rem;
    z-index: 5;
}
.two-columns-05.volunteer-stories blockquote > p {
    color: #0B0C0A;
    font-style: none !important;
    font-family: ff-good-web-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
    color: #3C3E3B;
}
.two-columns-05.volunteer-stories blockquote {
    padding: 2.5rem 7.5rem 2.5rem 2.5rem !important;
}
.two-columns-05.volunteer-stories blockquote p + p:last-child {
    font-size: 14px;
    line-height: 17px;
    margin-top: 1.5rem;
}

@media (max-width: 992px) {
    .two-columns-05 .two-columns-content {
        background-color: #fff;
        margin-left: -7rem;
        margin-top: 120px;
        margin-bottom: 40px;
        padding: 20px;
        z-index: 2;
    }
    
    .two-columns-05 .two-columns-content .field-links {
        position: relative;
        bottom: 0;
        right: auto;
        left: 0px;
        margin-bottom: 20px;
        padding-left: 40px;
    }
}
@media (max-width: 768px) {
    .two-columns-05.volunteer-stories > .container:before {
        right: -2rem;
    }
}
@media (max-width: 768px) {
    .two-columns-05.volunteer-stories > .container:before {
        right: -8vw;
    }
    .two-columns-05.volunteer-stories > .container:before {
        height: 45vw;
        width: 45vw;
    }
    .two-columns-05 .two-columns-content {
        margin-top: 10rem;
        flex: 0 0 90%;
        padding: 0;
    }
    .two-columns-05 .two-columns-img {
        width: 50%;
        height: 50vw;
        top: 2rem;
        position: absolute;
        z-index: 0;
    }
    .two-columns-02 .two-columns-media,
    .two-columns-04 .two-columns-media {
        width: 100% !important;
        margin-bottom: 1.5rem;
    }
    .two-columns-01, .two-columns-02 {
        padding-bottom: 2.5rem !important;
    }
    .two-columns-01 .two-columns-media {
        width: 100% !important;
        height: 70vw;
        border-left: 12px solid #fff !important;
        border-right: 12px solid #fff !important;
        margin-top: 2rem;
    }
        
}

.food-finder .two-columns-media {
    height: auto;
}
.food-finder blockquote {
    padding: 0 20px !important;
    margin-top: 72px;
    border-left: 1px solid #ddd;
}
.food-finder blockquote p {
    color: #3C3E3B;
    font-size: 16px;
    font-style: normal;
    letter-spacing: 0.01em;
    line-height: 22px;
}
.food-finder blockquote p:last-of-type {
    font-style: italic;
    margin-top: 24px;
}

#wpsl-search-wrap {
    width: 324px;
}
#wpsl-search-wrap form {
    position: relative;
}
#wpsl-search-wrap .wpsl-input {
    margin-right: 0 !important;
    padding-right: 0 !important;
    width: 100%;
}
#wpsl-search-wrap .wpsl-input label {
    display: none !important;
}
.wpsl-search .wpsl-select-wrap {
    display: none !important;
}
.wpsl-search {
    margin-top: 24px !important;
    margin-bottom: 0;
    padding: 0;
    background: transparent;
}
#wpsl-search-input {
    margin-top: 0 !important;
    width: 100% !important;
    border-radius: 100px !important;
    border: 2px solid #5B802D !important;
    padding-left: 25px !important;
    padding-right: 64px !important;
}
#wpsl-search-input:focus,
#wpsl-search-input:focus-within,
#wpsl-search-input:focus-visible {
    border: 2px solid #5B802D !important;
    outline: 0;
}
#wpsl-search-btn {
    text-transform: none!important;
    height: calc(100% - 4px) !important;
    border: 0px !important;
    margin-top: 2px !important;
    background: #5B802D !important;
    border-radius: 100px !important;
    color: #fff !important;
    font-weight: 700 !important;
    border: 2px solid #fff !important;
    width: 100% !important;
    height: 46px !important;
    top: 0;
}
.wpsl-search-btn-wrap {
    position: absolute;
    right: 0;
    margin-top: 0 !important;
    margin-right: 2px !important;
}
#wpsl-wrap {
    display: flex;
    flex-wrap: wrap;
}
#wpsl-wrap #wpsl-gmap,
#wpsl-wrap #wpsl-result-list,
.wpsl-info-window {
    width: 100% !important;
}
.wpsl-store-location {
    display: flex;
    flex-wrap: wrap;
}
#wpsl-result-list,
.wpsl-info-window {
    display: flex;
    flex-wrap: wrap;
}
#wpsl-result-list ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 20px 0 0;
    padding: 0 !important;
    width: 100%;
}
#wpsl-result-list li {
    padding: 0px !important;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    margin-left: 0;
    overflow: hidden;
    list-style: none outside none!important;
    text-indent: 0;
    display: flex;
    flex-wrap: wrap;
}
#wpsl-result-list li p,
.wpsl-info-window p {
    font-family: ff-good-web-pro, sans-serif;
    padding-left: 0;
    margin: 0 0 20px 0;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}
#wpsl-result-list li p > *,
.wpsl-info-window p > *,
#wpsl-more-info-listings p > * {
    width: 100%;
}
.wpsl-info-window p {
    font-size: 0.8rem;
    line-height: 1.5;
}
#wpsl-stores {
    display: flex;
    flex-wrap: wrap;
}
.wpsl-store-location {
    padding: 10px 0;
    width: 67%;
}
.wpsl-direction-wrap,
.wpsl-info-actions {
    display: flex;
    font-family: ff-good-web-pro, sans-serif;
    flex-wrap: wrap;
    line-height: 1;
    padding-right: 10px;
    width: 33%;
    justify-content: flex-end;
    align-items: start;
    align-content: start;
}
.wpsl-info-actions {
    width: 100% !important;
}
.wpsl-more-info-listings {
/*     display: flex; */
    flex-wrap: wrap !important;
    font-family: ff-good-web-pro, sans-serif;
    font-size: 16px;
}
.wpsl-more-info-listings > * {
    width: 100%;
    display: block;
    float: left;
    clear: both;
}
.wpsl-more-info-listings p {
    margin: 0 0 4px !important;
    font-family: ff-good-web-pro, sans-serif;
    font-size: 16px;
}
.wpsl-more-info-listings .wpsl-store-hours {
    margin-top: 0 !important;
}
.wpsl-store-hours:after {
    content: 'Please call for hours of operation';
}
.wpsl-store-hours > * {
    display: none;
}

/* 14 - GROUPED CONTENT */
.grouped-content-01 {
    margin-bottom: 8rem;
}
.grouped-content-01 .container {
    max-width: 691px;
    width: 46vw;
}
.grouped-content-01 h2.h3 {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    padding-bottom: 56px;
    text-align: center;
}
.grouped-content-01 h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    left: 50%;
    margin-left: -30px;
    /* top: 0; */
    margin-top: 54px;
}
.grouped-content-01 .accordion {
    border: 0;
}
.grouped-content-01 .accordion-item:first-of-type {
    border-top-left-radius:  0;
    border-top-right-radius: 0;
}
.grouped-content-01 .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.grouped-content-01 .accordion-item {
    color: #1d1d1d;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0 !important;
}
.grouped-content-01 .accordion-header {
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #0B0C0A;
    text-transform: none;
    padding: 1.5rem 0;
}
.grouped-content-01 .accordion-collapse {
    border-radius: 0 !important;
}
.grouped-content-01 .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    font-size: 1rem;
    color: #1d1d1d;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    font-family: ff-good-headline-web-pro, sans-serif;

    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #0B0C0A;
    text-transform: none;
}
.grouped-content-01 .accordion-button:after {
    width: 30px;
    /* height: 100%; */
    height: 24px;
    border: 0;
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    /* content: "\f078"; */
    content: "";
    display: inline;
    align-items: center;
    vertical-align: initial;
}
.grouped-content-01 .accordion-button:not(.collapsed) {
    color: #1d1d1d;
    background-color: transparent;
    box-shadow: none;
}
.grouped-content-01 .accordion-button:focus {
    z-index: 3;
    border-color: 0;
    outline: 0;
    box-shadow: none;
}
.grouped-content-01 .accordion-body {
    margin-bottom: 24px;
    padding: 0;
}

@media (max-width: 768px) {
    .grouped-content-01 {
        margin-bottom: 1rem;
    }
    .grouped-content-01 .accordion-header {
        padding: 1rem 0 !important;
    }
    .grouped-content-01 .accordion-button {
        font-size: 19px !important;
    }
}


.grouped-content-03 {
    margin-bottom: 8rem;
    padding-top: 88px;
    position: relative;
}
.grouped-content-03:before {
    content: '';
    position: absolute;
    height: 16px;
    width: 100%;
    top: 0;
    left: 0;
    background: #F9F9F9;
    border-top: 1px solid #ddd;
}
.grouped-content-03 .container {
    /* max-width: 691px;
    width: 46vw; */
}
.grouped-content-03 h2.h3 {
    color: #0B0C0A;
    font-family: hwt-artz, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    letter-spacing: 0.03em;
    line-height: 37px;
    padding-bottom: 56px;
    position: relative;
    /* text-align: center; */
}
.grouped-content-03 h2.h3:after {
    content: '';
    width: 60px;
    height: 0px;
    border: 2px solid #DDDDDD;
    /* display: block; */
    /* float: left; */
    /* clear: both; */
    position: absolute;
    /* left: 50%; */
    left: 0;
    /* margin-left: -30px; */
    /* top: 0; */
    margin-top: 54px;
}
.grouped-content-03 p a {
    color: #52328E;
    text-decoration-line: underline;
}
.grouped-content-03 .accordion {
    border: 0;
    display: flex;
    position: relative;
}
.grouped-content-03 .accordion-item:first-of-type {
    border-top-left-radius:  0;
    border-top-right-radius: 0;
}
.grouped-content-03 .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.grouped-content-03 .accordion-item {
    color: #1d1d1d;
    background-color: transparent;
    border: 0;
    border-bottom: 0px solid #DDDDDD;
    border-radius: 0 !important;
}
.grouped-content-03 .accordion-header {
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #0B0C0A;
    text-transform: none;
    padding: 1.5rem 0;
}
.grouped-content-03 .accordion-collapse {
    border-radius: 0 !important;
    position: absolute;
    left: 0;
}
.grouped-content-03 .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0;
    font-size: 1rem;
    color: #1d1d1d;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    font-family: ff-good-headline-web-pro, sans-serif;

    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #0B0C0A;
    text-transform: none;
}
.grouped-content-03 .accordion-button:after {
    width: 30px;
    /* height: 100%; */
    height: 24px;
    border: 0;
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    font-style: normal;
    font-weight: 900;
    /* content: "\f078"; */
    content: "";
    display: none;
    align-items: center;
    vertical-align: initial;
}
.grouped-content-03 .accordion-button:not(.collapsed) {
    color: #1d1d1d;
    background-color: transparent;
    box-shadow: none;
}
.grouped-content-03 .accordion-button:focus {
    z-index: 3;
    border-color: 0;
    outline: 0;
    box-shadow: none;
}
.grouped-content-03 .accordion-button {
    display: flex;
    flex-wrap: wrap;
}
.grouped-content-03 .accordion-button .icon {
    border: 3px solid #ddd;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100px;
    width: 100px;
    margin: 0 auto;
}
.grouped-content-03 .accordion-button .title {
    width: 100%;
    font-family: ff-good-web-pro, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 19px;
    margin-top: 16px;
    text-align: center;
    color: #0B0C0A;
}
.grouped-content-03 .accordion-body {
    margin-bottom: 24px;
    padding: 0;
}
.grouped-content-03 .collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}
@media (max-width: 1200px) {
    .grouped-content-03 .accordion-button .icon {
        height: 80px;
        width: 80px;
    }
}

/* 15 - FORMS */
.gform_wrapper ul.gform_fields {
    padding: 0 !important
}
.hide-instructions .instruction {
    display: none !important;
}
.get-groceries-near-you .gform_wrapper {
    margin-bottom: 0;
    width: 80%;
}
.get-groceries-near-you .gform_wrapper form {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.get-groceries-near-you .gform_wrapper form .ginput_container {
    margin-top: 0 !important;
}
.get-groceries-near-you .gform_wrapper form > .gform_body {
    flex: 1 0 60%;
}
.get-groceries-near-you .gform_wrapper ul.gform_fields li.gfield {
    margin-top: 0 !important;
    padding-right: 0 !important;
}
.get-groceries-near-you .gform_wrapper form > .gform_footer {
    flex: 1 0 0%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 64px;
    height: 100%;
    right: 2px;
}
.get-groceries-near-you .gform_wrapper form > .gform_footer input {
    height: calc(100% - 4px) !important;
    border: 0px;
    margin-top: 2px !important;
    background-color: #5B802D;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #fff;
    width: 100% !important;
}
.get-groceries-near-you .gform_wrapper form > .gform_footer input:hover,
.get-groceries-near-you .gform_wrapper form > .gform_footer input:focus {
    background-color: #F4901E !important;
    color: #0b0c0a;
}
.get-groceries-near-you .gform_wrapper ul li:after, 
.get-groceries-near-you .gform_wrapper ul li:before, 
.get-groceries-near-you .gform_wrapper ul.gform_fields {
    padding: 0 !important;
}
.get-groceries-near-you .gform_wrapper .gform_body input {
    margin-top: 0 !important;
    width: 100% !important;
    border-radius: 100px;
    border: 2px solid #5B802D;
    padding-left: 25px !important;
    padding-right: 64px !important;
}

.get-free-fresh-groceries {
    background-color: #FBFBFB;
}
.get-free-fresh-groceries .gform_wrapper {
    margin-top: 0;
}
.get-free-fresh-groceries .gform_wrapper .gfield_html {
    margin-bottom: 1rem;
}
.get-free-fresh-groceries .gform_wrapper p em {
    font-size: 16px;
}
@media (min-width: 768px) {
    .get-free-fresh-groceries .cta-content {
        padding-right: 4.75rem;
    }
    .get-free-fresh-groceries .gform_wrapper {
        width: 100%;
    }
    .get-free-fresh-groceries .gform_wrapper h3 {
        font-weight: 600;
    }
}
@media (min-width: 992px) {
    .get-free-fresh-groceries .cta-content {
        border-right: 1px solid #DDDDDD;
    }
    .get-free-fresh-groceries .cta-content + div {
        padding-left: 5.625rem;
        width: 50% !important;
    }
}
@media (max-width: 992px) {
    .get-free-fresh-groceries .cta-content + div {
        width: 100% !important;
    }
    .get-free-fresh-groceries .cta-content + div:before {
        border-top: 1px solid #DDDDDD;
        content: '';
        width: 100%;
        position: relative;
        height: 1px;
        display: block;
        margin-top: 2rem;
        margin-bottom: 3rem;
    }
}

.form-green .gform_wrapper {
    margin-bottom: 0;
}
.form-green .gform_wrapper form {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.form-green .gform_wrapper form .ginput_container {
    margin-top: 0 !important;
}
.form-green .gform_wrapper form > .gform_body {
    flex: 1 0 60%;
}
.form-green .gform_wrapper ul.gform_fields li.gfield {
    margin-top: 0 !important;
    padding-right: 0 !important;
}
.form-green .gform_wrapper form > .gform_footer {
    flex: 1 0 0%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    height: 46px;
    right: 2px;
    bottom: 0;
}
.form-green .gform_wrapper form > .gform_footer input {
    height: calc(100% - 4px) !important;
    border: 0px;
    margin-top: 2px !important;
    background-color: #5B802D;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #fff;
    width: 100% !important;
}
.form-green .gform_wrapper form > .gform_footer input:hover,
.form-green .gform_wrapper form > .gform_footer input:focus {
    background-color: #F4901E !important;
    color: #0b0c0a;
}
.form-green.gform_wrapper ul li:after, 
.form-green .gform_wrapper ul li:before, 
.form-green .gform_wrapper ul.gform_fields {
    padding: 0 !important;
}
.form-green .gform_wrapper .gform_body input {
    margin-top: 0 !important;
    width: 100% !important;
    border-radius: 100px;
    border: 2px solid #5B802D;
    padding-left: 25px !important;
    padding-right: 64px !important;
}

.stay-updated .gform_wrapper form {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.stay-updated .gform_wrapper form .ginput_container {
    margin-top: 0 !important;
}
.stay-updated .gform_wrapper form > .gform_body {
    flex: 1 0 60%;
}
.stay-updated .gform_wrapper ul.gform_fields li.gfield {
    margin-top: 0 !important;
    padding-right: 0 !important;
}
.stay-updated .gform_wrapper form > .gform_footer {
    flex: 1 0 0%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 120px;
    height: 100%;
    right: 2px;
}
.stay-updated .gform_wrapper form > .gform_footer input {
    height: calc(100% - 4px) !important;
    border: 0px;
    margin-top: 2px !important;
    background-color: #C62C2C;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #fff;
    width: 100% !important;
}
.stay-updated .gform_wrapper form > .gform_footer input:hover,
.stay-updated .gform_wrapper form > .gform_footer input:focus {
    background-color: #F4901E;
    color: #0b0c0a;
}
.stay-updated .gform_wrapper ul li:after, 
.stay-updated .gform_wrapper ul li:before, 
.stay-updated .gform_wrapper ul.gform_fields {
    padding: 0 !important;
}
.stay-updated .gform_wrapper .gform_body input {
    margin-top: 0 !important;
    width: 100% !important;
    border-radius: 100px;
    border: 2px solid #fff;
    padding-left: 25px !important;
    padding-right: 120px !important;
}


/* 16 - CAROUSEL */
.carousel-02 .container {
    max-width: 1170px;
    width: 77vw;
}
@media (max-width: 992px) {
    .carousel-02 .container {
        max-width: 1170px;
        width: 77vw;
    }
}





.donate-buttons {
}
ul.donation-type-toggler {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 2rem;
    color: #0B0C0A;
    list-style: none;
    padding-left: 0 !important;
    margin: 0 0 2rem;
    display: flex;
    justify-content: center;
    gap: 20px;
}
.donation-type-toggler a,
.donation-type-toggler li > a,
.donation-type-toggler button {
    color: #0B0C0A !important;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 2rem;
    background-color: transparent;
    padding: 0 !important;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 768px) {
    .donation-type-toggler a,
    .donation-type-toggler li > a,
    .donation-type-toggler button {
        font-size: 17px;
        line-height: 1;
    }
}
.donation-type-toggler li > a.active {
    border-bottom: 2px solid #0B0C0A;
}

.donation.bg-secondary-purple .donation-type-toggler a,
.donation.bg-secondary-purple .donation-type-toggler li > a,
.donation.bg-secondary-purple .donation-type-toggler button {
    color: #fff !important;
}

.donation.bg-secondary-purple .donation-type-toggler li > a.active {
    border-bottom: 2px solid #fff;
}


.onetime-toggle-target {
    display: flex;
    justify-content: space-between;
}

.donate-buttons nav {
    text-align: center;
    margin-bottom: 38px;
  }

.donate-buttons .donate-button {
    /* border: 1px solid #fff; */
    font-size: 22px;
    letter-spacing: -0.22px;
    font-weight: 700;
    color: #fff;
    padding-top: 0;
    position: relative;
    margin: 0 0 14px;
    text-transform: none;
    width: 31%;
}
.donate-buttons .donate-button span,
.other-input {
    font-family: ff-good-headline-web-pro, sans-serif;
    font-weight: 700;
    font-size: 28px !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px !important;
    letter-spacing: -0.22px;
    text-align: center;
    color: #1a0d1a;
    position: relative;
    /* z-index: 2; */
    text-align: center;
    width: 100%;
    display: block;
    cursor: pointer;
}

.other-wrapper input:focus,
.other-wrapper input:focus-visible,
.other-wrapper input:focus-within {
    background-color: #c52d2c;
    color: #fff !important;
}
.other-wrapper input:focus::placeholder,
.other-wrapper input:focus-visible::placeholder,
.other-wrapper input:focus-within::placeholder {
    color: #fff !important
}

@media (max-width: 1200px) {
    .donate-buttons .donate-button span, .other-input {
        font-size: 24px !important;
    }
    .other-input {
        padding: 11px 5px 9px !important;
    }
}
@media (max-width: 768px) {
    .donate-buttons .donate-button span, .other-input {
        font-size: 22px !important;
    }
}
  .donate-buttons input[type=radio] {
    width: 100%;
    height: 100%;
    position: absolute;
    appearance: none;
    z-index: 1;
    display: block;
    cursor: pointer;
  }
  .donate-buttons input[type=radio] + span {
    background-color: #FFD8C1;
    border: 2px solid #fff;
    padding: 11px 20px 9px;
    border-radius: 5px;
  }
  .donate-buttons input[type=radio]:checked {
    width: 100%;
    height: 100%;
    position: absolute;
  }
  .donate-buttons input[type=radio]:checked + span {
    background-color: #C62C2C;
    color: #fff;
  }

  .donate-button.other-toggle {
    display: none;
  }
  .other-input {
      border: 2px solid #fff;
      background-color: #FFD8C1;
      padding: 7px 20px 5px;
      border-radius: 5px;
      margin: 0;
      display: block;
      height: auto;
  }
  .other-input:focus {
    outline: 0;
    border: 2px solid #fff;
  }
  .other-input::placeholder {
      color: #1a0d1a;
  }
  .other-wrapper {
    width: 31%;
    margin-bottom: 14px;
}

    @media only screen and (max-width: 600px) {
        .donate-buttons {
      min-width: 125px;
        }
    }

    .donate-buttons .donate-button.button-active,
    .donate-buttons .donate-button:hover {
      color: #fff;
      border: 0px solid transparent;
    }

    .donate-buttons .donate-button.other-toggle {
      font-weight: 400;
    }
  

    .donate-buttons .donate-submit {
      /* padding: 10.5px 20px;
      border: 0; */
    }


.form-action {
  margin-top: 20px;
  text-align: center;
}

.onetime-toggle-target {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  max-height: 1000px;
  transition: all .25s ease-in-out;
}

.monthly-toggle-target {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  opacity: 1;
  max-height: 1000px;
  transition: all .25s ease-in-out;
}

.monthly-toggle-active .monthly-toggle-target {
    opacity: 1;
    display: flex;
    transition: all .25s ease-in-out;
  }
  .monthly-toggle-active .onetime-toggle-target {
    opacity: 0;
    display: none;
    transition: all .25s ease-in-out;
  }



@media only screen and (max-width: 1024px) {
.donate.pad-top-light {
    padding-top: 75px;
}
.donate.pad-bottom-light {
    padding-bottom: 75px;
}
}
@media only screen and (max-width: 600px) {
.donate.pad-top-light {
    padding-top: 50px;
}
.donate.pad-bottom-light {
    padding-bottom: 50px;
}
.donate .column, 
.donate .columns {
    padding: 0 !important;
}
.donate-buttons .donate-button span, .other-input {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}




.search-button {
    background: url('img/search.svg') right center no-repeat;
    background-size: auto 55%;
    height: 32px;
    width: 32px;
    position: relative;
}
.search-button a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 9999px;
    overflow: hidden;
}
.hero .search-form {
    margin-top: 2rem;
    margin-bottom: 1rem;;
}
.page-id-2586 .hero {
    margin-bottom: 16rem;
}
.search-form {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 460px;
}
.search-form label {
    margin-top: 0 !important;
    flex: 1 0 60%;
    margin-top: 0 !important;
    padding-right: 0 !important;
}
.search-form label input {
    margin-top: 0 !important;
    height: 46px;
    width: 100% !important;
    border-radius: 100px;
    border: 2px solid #5B802D;
    padding-left: 25px !important;
    padding-right: 120px !important;
    font-size: inherit;
    font-family: inherit;
    padding: 5px 4px;
    letter-spacing: normal;
}
.search-form label input:focus,
.search-form label input:focus-visible,
.search-form label input:focus-within {
    outline: 0;
}
.search-form .search-submit {
    flex: 1 0 0%;
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    height: 42px !important;
    right: 2px;
    bottom: 0;
    /* height: calc(100% - 4px) !important; */
    border: 0px;
    background-color: #456222;
    border-radius: 100px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #fff;
    width: auto !important;
    top: 2px;
    padding: 0 1.5rem;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus {
    background-color: #F4901E !important;
    color: #0b0c0a;
}
.search-form .search-submit .search-field {
    margin-top: 0 !important;
    width: 100% !important;
    border-radius: 100px;
    border: 2px solid #5B802D;
    padding-left: 25px !important;
    padding-right: 64px !important;
}

.search-results h1,
.search-no-results h1 {
    color: #0B0C0A;
    font-size: 55px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0.04em;
    margin-bottom: 16px;
    width: 100%;
}
.search-results .hero .hero-content p,
.search-no-results .hero .hero-content p {
    margin-bottom: 0rem !important;
    width: 100%;
}
.search-results h4 a:hover,
.search-results h4 a:focus,
.search-no-results h4 a:hover,
.search-no-results h4 a:focus {
    color: #52328E;
}
.search-results .feed-excerpt p,
.search-no-results .feed-excerpt p {
    margin-bottom: 0 !important;
}
.search-results .feed-links a,
.search-no-results .feed-links a {
    color: #52328E;
    text-decoration-line: underline;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

ul.pagination {
    font-family: ff-good-web-pro, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.0.25em;
    margin-top: 3rem;
    margin-bottom: 10px;
    /* text-transform: uppercase; */
    color: #456122 !important;
}
ul.pagination span {
    opacity: 0.8;
}
ul.pagination .disabled {
    display: none;
}
ul.pagination a {
    color: #456122 !important;
    margin: 0 0.25rem;
}
ul.pagination a[aria-label="First"] {
    display: none;
}
ul.pagination a[aria-label="Last"] {
    display: none;
}
ul.pagination a,
ul.pagination a span {
    opacity: 1 !important;
}
ul.pagination a,
ul.pagination .active > span,
ul.pagination .disabled > span {
    margin: 0 0.25rem;
}
ul.pagination li:nth-of-type(1) {
    margin-right: 2rem;
}
ul.pagination li:first-of-type,
ul.pagination li:last-of-type {
    display: none;
}




.admin-bar .offcanvas {
    padding-top: 32px;
}

.admin-bar .offcanvas-header .btn-close {
    top: 4rem;
}