/*Community Resources Styling*/

.community-resources--list-title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 25px;
    align-items: center;
    justify-content: center;
}

.community-resources--list-title div.icon {
    width: 120px;
    float: left;
}

.snapebt .community-resources--list-title div.icon svg {
    width: 85px;
    float: left;
}

.covid .community-resources--list-title div.icon svg {
    width: 59px;
    float: left;
}

.food .community-resources--list-title div.icon svg {
    width: 48px;
    float: left;
}

.seniors .community-resources--list-title div.icon svg {
    width: 52px;
    float: left;
}

.families .community-resources--list-title div.icon svg {
    width: 64px;
    float: left;
}

.community-resources--list-title h2 {
    margin-bottom: 0;
    width: calc(100% - 120px);
    float: left;
}

.community-resources--list-desc.large {
    margin-bottom: 65px;
    max-width: 725px;
}

.community-resources--list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.community-resources .community-resources--list---single {
    width: 30%;
    float: left;
    position: relative;
    margin-bottom: 50px;
}

.community-resources.snapebt .community-resources--list---single:nth-of-type(3n+2) {
    margin: 0 5% 50px;
}

.community-resources.covid .community-resources--list---single:nth-of-type(3n+2) {
    margin: 0 5% 50px;
}

.community-resources.food .community-resources--list---single:nth-of-type(3n+2) {
    margin: 0 5% 50px;
}

.community-resources.seniors .community-resources--list---single:nth-of-type(3n+2) {
    margin: 0 5% 50px;
}

.community-resources.families .community-resources--list---single:nth-of-type(3n+2) {
    margin: 0 5% 50px;
}

.community-resources--list---single-card {
    background-color: #D6EBF9;
    padding: 17px 25px 35px;
    border-radius: 20px;
    position: relative;
    z-index: 10;
    height: 100%;
}

.community-resources--list---single-hover {
    position: absolute;
    background-color: #FFCA38;
    right: -25px;
    bottom: -25px;
    top: 20px;
    left: 25px;
    border-radius: 20px;
    z-index: 5;
    display: none;
}

.community-resources .community-resources--list---single:hover .community-resources--list---single-hover {
    display: block;
    transition: color .5s ease;
}

.community-resources .community-resources--list---single h5 {
    text-transform: uppercase;
    margin: 0 0 10px;
}

.community-resources--list---single-icon {
    text-align: right;
    height: 36px;
    margin-bottom: 10px;
}

.community-resources--list---single-icon svg {
    height: 19.38px;
    width: 19.38px;
}

.community-resources--list---single-card p {
    font-size: 0.889rem;
    line-height: 1.5rem;
}

/* News Archive Styling */

.news-archive {
    padding-bottom: 150px;
}

.news-archive--header {
    position: relative;
    height: 775px;
    background-color: #000;
}

.archive-header--img-overlay {
        background: rgba(0,0,0,0.5);
    /*
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 25%); 
    background: -webkit-gradient(linear, 180deg, color-stop(0%,rgba(0,0,0,0.78)), color-stop(25%,rgba(0,0,0,0.42)); 
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 25%); 
    background: -o-linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 25%); 
    background: -ms-linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 25%); 
    background: linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 25%));
    */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.archive-header--title {
    position: relative;
    z-index: 10;
}

.archive-header--title h1 {
    color: #fff;
    text-align: center;
    margin: 0 0 40px 0;
    padding-top: 245px;
}

.archive-header--title-desc {
    margin: 0 auto;
    flex-wrap: wrap;
    width: 100%;
        max-width: 650px;
}

.archive-header--title-desc svg,
.archive-header--title-desc img {
    width: 190px;
    float: left;
}

.archive-header--title-desc div.subtitle {
    font-family: "Avenir Next Bold";
    float: left;
    font-size: 1.5rem;
    line-height: 2.056rem;
    color: #fff;
    margin:auto;
    text-align:center;


}

.news-archive--filter {
    position: relative;
    background-color: #D6EBF9;
}

body:not(.fl-builder-edit) .wave .news-filter-topwave {
    position: absolute;
    bottom: -1px;
    z-index: 5;
}

.news-filter--categories {
    position: relative;
    z-index: 10;
    text-align: center;
}

.news-archive--content {
    position: relative;
}

body:not(.fl-builder-edit) .wave  .news-filter-bottomwave {
    position: absolute;
    top: -1px;
    z-index: 5;
}

.news-archive .news-archive--content {
    position: relative;
    z-index: 10;
    padding-top: 85px;
}

.news-archive--postLoop {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    padding-top: 35px;
}

.news-filter--categories button {
    height: 60px;
    border-radius: 50px;
    min-width: 110px;
    padding: 0 25px 0 20px;
    background-color: #fff;
    border: none;
    color: var(--green-dark);
    font-family: 'Avenir Next Bold';
    margin: 0 10px 25px;
    vertical-align: top;
}

.news-filter--categories button:hover,
.news-filter--categories button.active
 {
    color: #fff;
    background-color: var(--green-dark);
    cursor:pointer;
}
.news-filter--categories button * {cursor:pointer;}

.news-filter--categories button svg {
    height: 30px;
    vertical-align: middle;
}

.news-filter--categories button#cat-stories svg {
    height: 28px;
    width: 33px;
}

.news-filter--categories button#cat-michigan-grown svg {
    height: 35px;
    width: 30px;
}

.news-filter--categories button#cat-local-recipes svg {
    height: 31px;
    width: 24.5px;
}

.news-filter--categories button#cat-double-up-tips svg {
    height: 27px;
    width: 32.5px;
}

.news-filter--categories button#cat-news svg {
    height: 32px;
    width: 32px;
}

.news-filter--categories button:hover svg,
.news-filter--categories button.active svg,
.news-filter--categories .catlink-btn:hover svg {
    filter: invert(100%) sepia(0%) saturate(100%) hue-rotate(280deg) brightness(1000%) contrast(100%);
}

.news-filter--categories button label {
    padding-left: 20px;
    margin: 0;
    vertical-align: middle;
    font-size: 0.833rem;
    line-height: 1.667rem;
}

.featured-post {
    margin-bottom: 95px;
}

.featured-post a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.featured-post--img {
    width: 56%;
    float: left;
    position: relative;
}

.featured-post--img--hover {
    position: absolute;
    background-color: #FFCA38;
    right: -25px;
    bottom: -25px;
    top: 20px;
    left: 25px;
    border-radius: 20px;
    z-index: 5;
    display: none;
}

.featured-post--img:hover .featured-post--img--hover {
    display: block;
}

.featured-post--img img {
    position: relative;
    z-index: 10;
    border-radius: 20px;
    height: 500px;
    width: 630px;
    object-fit: cover;
}

.featured-post--img svg {
    position: absolute;
    z-index: 20;
    top: 45px;
    right: -40px;
    width: 115px;
    height: 85px;
}

.featured-post-desc {
    width: 44%;
    float: left;
    position: relative;
    padding: 0 7.5% 0 6%;
}

.featured-post-desc label {
    font-family: 'Avenir Next Bold';
    color: #424242;
    font-size: 0.833rem;
    line-height: 1.667rem;
    margin-bottom: 30px;
}

.featured-post-desc h3 {
    font-family: "Avenir Next Condensed Bold";
    color: var(--green-dark);
    text-transform: uppercase;
    font-size: 2.944rem;
    line-height: 2.611rem;
    margin: 0 0 25px 0;
}

.featured-post-desc p {
    color: #424242;
    font-size: 1rem;
    line-height: 1.667rem;
    margin-bottom: 0;
}

/*Post Filters*/

.news-archive--postLoop button#load-more {
    height: 60px;
    border-radius: 50px;
    width: 220px;
    background-color: #FFCA38;
    border: none;
    color: #424242;
    font-family: 'Avenir Next Bold';
    font-size: 0.833rem;
    line-height: 1.667rem;
    display: block;
    margin: 75px auto 0;
}

.news-archive--postLoop button#load-more:hover {
    height: 75px;
    width: 270px;
    transition: color .5s ease;
}

.news-posts-grid {
    /*
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    */
    display:grid;
    grid-column-gap: 50px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
}

.news-post-grid--item.floated-container,
.news-posts-grid div.floated-container {
    /*
    width: 30%;
    float: left;
    */
    position: relative;
}

.news-posts-grid .news-post-grid--item.floated-container {
    margin-bottom: 75px;
}

.news-posts-grid .news-post-grid--item.floated-container:nth-of-type(3n+1) {
    /* margin: 0 5% 75px; */
}

.news-posts-grid div.floated-container .news-post-grid--item {
    width: 100%;
    /* float: left; */
    position: relative;
    padding: 40px 0;
}

.news-posts-grid .news-post-grid--item {
    position: relative;
    /*
    float: left;
    width: 30%;
    */
}

.news-posts-grid .news-post-grid--item.alt-style:first-of-type {
    padding-top: 0;
    border-bottom: 1px solid #BADEF5;
}

.news-posts-grid .news-post-grid--item a:hover {
    text-decoration: none;
}

.news-posts-grid .news-post-grid--item h5 {
    text-transform: uppercase;
}

.news-posts-grid .news-post-grid--item.alt-style h5 { 
    color: #424242;
}

.news-posts-grid .news-post-grid--item.alt-style:hover h5 { 
    color: var(--green-dark);
}

.news-posts-grid .news-post-grid--item.alt-style .news-post-grid--item-img { 
    display: none;
}

.news-posts-grid .news-post-grid--item .news-post-grid--item-img { 
    margin-bottom: 50px;
    position: relative;
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.news-posts-grid .news-post-grid--item .news-post-grid--item-img--hover {
    position: absolute;
    background-color: #FFCA38;
    right: -25px;
    bottom: -25px;
    top: 20px;
    left: 25px;
    border-radius: 20px;
    z-index: 5;
    display: none;
}

.news-posts-grid .news-post-grid--item:hover .news-post-grid--item-img--hover {
    display: block;
}

.news-posts-grid > .news-post-grid--item img { 
    border-radius: 20px;
    height: 300px;
    width: 100%;
    object-fit: cover;
    z-index: 10;
    position: relative;
    
}


/* Single News Default Template */

.news-single--header {
    position: relative;
    height: 850px;
    background-color: #000;
}

.single-header--img-overlay {
    background: rgba(0,0,0,0.2);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 25%); /* FF3.6+ */
    background: -webkit-gradient(linear, 180deg, color-stop(0%,rgba(0,0,0,0.78)), color-stop(25%,rgba(0,0,0,0.42)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 25%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 25%); /* Opera 11.10+ */
    background: -ms-linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 25%); /* IE10+ */
    background: linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.42) 25%));
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.single-header--title-desc {
    position: relative;
    z-index: 10;
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}

.single-header--title h1 {
    color: #fff;
    text-align: center;
    margin: 0 0 40px;
    padding-top: 255px;
}

.single-header--title label {
    color: #fff;
    font-family: "Avenir Next Bold";
    font-size: 1rem;
    line-height: 1.667rem;
}

.news-single--share {
    position: relative;
    background-color: #D6EBF9;
}

.single-share-topwave {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 5;
}

.single-share-bottomwave {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}

.single-news--categories,
.single-news--socialShare,
.news-single--content {
    position: relative;
    z-index: 10;
}

.news-single--post {
    padding-top: 100px;
    max-width: 815px;
    margin: 0 auto;
}

.news-single--share-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
}

.single-news--categories.news-filter--categories {
    width: 50%;
    float: left;
    text-align: left;
}

.single-news--categories.news-filter--categories button {
    margin: 0 20px 0 0;
}

.single-news--socialShare {
    width: 50%;
    float: right;
    text-align: right;
}

.single-news--socialShare label {
    color: var(--green-dark);
    font-family: "Avenir Next Bold";
    font-size: 0.833rem;
    line-height: 1.667rem;
    padding-right: 20px;
}

.single-news--socialShare i {
    color: var(--green-dark);
    background-color: #fff;
    padding: 15px 22px 15px 18px;
    border-radius: 50%;
    margin-right: 12px;
    height: 61px;
    width: 61px;
    font-size: 1.667rem;
}

.single-news--socialShare a:last-of-type i {
    margin-right: 0;
    font-size: 25px;
    padding: 18px 22px 15px 18px;
}

.single-news--socialShare i:hover {
    background-color: var(--green-dark);
    color: #fff;
}

.featured-post--icon svg {
    height: 55px;
    margin-bottom: 25px;
    
}

.news-single--post {
    margin-bottom: 200px;
}

.news-single--post > p:first-of-type {
    font-size: 1.333rem;
    line-height: 2rem;
    font-style: normal!important;
}

.news-single--post > p:first-of-type span {
    font-style: normal!important;
}

.news-single--post p {
    margin-bottom: 32px;
}

.news-single--post p {
    margin-bottom: 32px;
}

blockquote {
    border: none;
    text-align: center;
    max-width: 630px;
    margin: 0 auto;
    padding: 40px 0 60px;
}

blockquote p,
blockquote p span,
blockquote p b {
    font-family: 'Avenir Next Bold'!important;
    color: var(--green-dark);
    font-size: 2.111rem;
    line-height: 2.611rem;
}

.news-single--post img.post_img_override {    border-radius: 20px;}
.news-single--post img:not(.post_img_override) {
    margin: 40px 0!important;
    border-radius: 20px;
    width: 134%!important;
    position: relative;
    margin-right: -17%!important;
    max-width: 134%!important;
    float: right;
}

.news-single--post .wp-caption,
.news-single--post .wp-caption,
.news-single--post .wp-caption {
    margin: 40px 0;
    background: none;
    border: none;
    padding: 0;
    display: block;
    width: 100%!important;
    clear: both;
}

.news-single--post .wp-caption img {
    margin-bottom: 20px!important;
}

.news-single--post .wp-caption .wp-caption-text {
    color: var(--green-dark);
    font-family: "Avenir Next Bold";
    font-size: 0.833rem;
    line-height: 1rem;
}

.news-single--post a {
    color: #424242;
}

.news-single--post a:hover {
    background-color: #FFCA38;
    text-decoration: none;
}

.news-single--post li {
    line-height: 2rem;
    padding-left: 12px;
    margin-bottom: 30px;
}

.news-single--post li::marker { 
    font-family: "Avenir Next Bold";
}

div#wpforms-821-field_21-container {
    padding-top: 24px;
}

div#wpforms-821-field_78-container {
    padding-bottom: 44px;
}