/*
Theme Name: FFN Annual Report
Theme URI: https://weareloop.com/
Version: 1.0
Description: This is a custom theme designed by Loop and built on the Beaver Builder framework.
Author: Loop: Design for Social Good
Author URI: https://weareloop.com/
template: bb-theme
*/

/* Add your custom styles here... */ 

@font-face {
    font-family: 'Gotham Narrow';
    src: url(/wp-content/themes/ffn-annualreport/fonts/GothamNarrow-Book.otf); 
    font-weight: normal; 
}

@font-face {
    font-family: 'Gotham Narrow Medium';
    src: url(/wp-content/themes/ffn-annualreport/fonts/GothamNarrow-Medium.otf); 
    font-weight: normal; 
}

@font-face {
    font-family: 'Gotham Narrow Bold';
    src: url(/wp-content/themes/ffn-annualreport/fonts/GothamNarrow-Bold.otf); 
    font-weight: normal; 
}

@font-face { 
    font-family: 'Knockout'; 
    src: url(/wp-content/themes/ffn-annualreport/fonts/KnockoutHTF50-WelterweightRegular.otf); 
    font-weight: normal; 
}

@font-face { 
    font-family: 'Knockout-lite'; 
    src: url(/wp-content/themes/ffn-annualreport/fonts/KnockoutHTF69-FullLiteweightRegular.otf); 
    font-weight: normal; 
}

@font-face { 
    font-family: 'Sentinel'; 
    src: url(./fonts/sentinel-black.otf); 
    font-weight: normal; 
}

@font-face { 
    font-family: 'Sentinel Book'; 
    src: url(./fonts/sentinel-book.otf); 
    font-weight: normal; 
}


/****************
*** VARIABLES ***
****************/
:root {
    /* COLORS */
    --primary-charcoal: #47474A;

    --secondary-aqua: #56CCCB;
    --secondary-teal: #B3E2E2;
    --secondary-blue: #E5F8F8;
    --secondary-green: #01A267;
    --secondary-purple: #7453A2;
    --secondary-yellow: #D4DF49;
    --secondary-lime: #75C159;
    --secondary-orange: #EE7A28;
    --tertiary-orange: #FF8745;

    /* FONTS */
    --gothamnarrow-font: 'Gotham Narrow';
    --gothamnarrowbold-font: 'Gotham Narrow Bold';
    --gothamnarrowbmedium-font: 'Gotham Narrow Medium';
    --knockout-font: 'Knockout';
    --sentinel-font: 'Sentinel';
    --sentinelbook-font: 'Sentinel Book';
}

.backtotop-div {display:none;}

/*****************
*** TYPOGRAPHY ***
*****************/

html,
body {
    overflow-x: hidden;
}

body { 
    font-family: var(--gothamnarrow-font);
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 3rem;
    color: #272525;
    background-color: #fff;
    position: relative;
}

h1, 
h2,
h3, 
h4,  
h5, 
h6 {
    margin-top: 0px;
    margin-bottom: 0px;
}

h1,
.h1,
.h1 p,
.h1 .fl-heading {
    font-family: var(--sentinel-font);
    font-size: 7.2rem;
    line-height: 7.5rem;
}

h2,
.h2,
.h2 p,
.h2 .fl-heading {
    font-family: var(--sentinel-font);
    font-size: 4.8rem;
    line-height: 5.1rem;
}

h3,
.h3,
.h3 p,
.h3 .fl-heading {
    font-family: var(--sentinel-font);
    font-size: 3.6rem;
    line-height: 3.8rem;
}

h4,
.h4,
.h4 p,
.h4 .fl-heading {
    font-family: var(--knockout-font);
    font-size: 2.8rem;
    letter-spacing: -0.056rem;
    line-height: 2.4rem;
}

.p-large p,
.p-large {
    font-size: 2.4rem;
    line-height: 3.6rem;
}

.fl-builder-content .fl-rich-text strong {
    font-weight: normal;
}

p strong,
strong {
    font-family: var(--gothamnarrowbmedium-font);
    font-weight: normal;
}

.nomargin p {
    margin-bottom: 0;
}

a:hover, 
a:focus {
    color: #01A267;
}

a.post-edit-link {
    display: none;
}

/*****************
*** MAX WIDTHS ***
*****************/

.max1087 {
    max-width: 1087px;
    margin: 0 auto;
    float: none;
}

.max775 {
    max-width: 775px;
    margin: 0 auto;
    float: none;
}

.max445 {
    max-width: 445px;
}


body:not(.fl-builder-edit) :focus {
    box-shadow: 0px 0px 0px 1px #1E5739, 0px 0px 0px 2px #99D4C0 !important;
    outline: none !important;
    border-radius: 1px;
    z-index: 99 !important;
}

body:not(.fl-builder-edit) .hidefocus:focus {
    box-shadow: none !important;
}

.backtotopsquare {
    fill: #7554a3;
}




/*************
*** BUTTONS ***
*************/

/* default */
.fl-builder-content a.fl-button, 
.fl-builder-content a.fl-button:visited {
    background-color: var(--secondary-green);
    border: none;
    padding: 18.5px 21.57px 17.5px;
    border-radius: 0;
}

.fl-builder-content a.fl-button span, 
.fl-builder-content a.fl-button:visited span {
    font-size: 2.4rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-family: var(--knockout-font);
    letter-spacing: -0.056rem;
    color: #fff;
    margin: 0;
}

.fl-builder-content a.fl-button:hover {
    background-color: var(--secondary-lime);
}

/* orange */
.fl-builder-content .orange a.fl-button, 
.fl-builder-content .orange a.fl-button:visited {
    background-color: var(--secondary-orange);
}

.fl-builder-content .orange a.fl-button:hover{
    background-color: var(--tertiary-orange);
}

/* large text */
.fl-builder-content .largetext a.fl-button, 
.fl-builder-content .largetext a.fl-button:visited {
    padding: 17px 21.57px 16px;
}

.fl-builder-content .largetext a.fl-button span, 
.fl-builder-content .largetext a.fl-button:visited span {
    font-size: 3.8rem;
    line-height: 2.4rem;
}

/* GIVE */
.fl-builder-content #give-btn a.fl-button, 
.fl-builder-content #give-btn a.fl-button:visited {
    padding: 17px 57.44px 16px;
}

/*************
*** HEADER ***
*************/

div#fl-main-content {    margin-top: -20px;}
.fairfoodfund2022report header .fl-menu .menu > li:not(.menu-pdf) {
    max-width: 82px;
    text-align: center;
}

.fairfoodfund2022report header .fl-menu .menu > li a{
    line-height: 1.6rem;
    border:0 !important;
}

.fairfoodfund2022report header .fl-menu .menu > li a{
    line-height: 1.6rem;
    border:0;
}

header .fl-menu .menu > li {
    margin: 0 14px;
}

header .fl-menu .menu > li a {
    color: var(--primary-charcoal);
    font-family: var(--gothamnarrowbmedium-font);
    font-size: 1.5rem;
    line-height: 2.6rem;
    border-bottom: 1px solid transparent;
}

header .fl-menu .menu > li.focus a,
header .fl-menu .menu > li a:hover {
    color: var(--secondary-green);
    border-bottom: 1px solid;
}

.fairfoodfund2022report header .fl-menu .menu > li.focus a,
.fairfoodfund2022report header .fl-menu .menu > li a:hover {
    color: #57A647;
}

body:not(.fl-builder-edit) header .fl-photo-content img {
    position: absolute;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 99;
}

body:not(.fl-builder-edit) header.fl-theme-builder-header-scrolled .fl-photo-content img {
    position: initial;
    height: 60px;
    margin-top: 3px;
}

header .fl-menu .menu > li.menu-btn a {
    color: #fff;
    font-family: var(--knockout-font);
    background-color: var(--secondary-green);
    padding: 4px 22px 3px;
    text-transform: uppercase;
    font-size: 1.8rem;
    line-height: 4rem;
}

header #menu-main-menu-2022 .fl-menu .menu > li.menu-btn a {
    background-color: #e47832;
    padding: 4px 30px 3px;
    font-size: 2rem;
    line-height: 4rem;
}


header .fl-menu .menu > li.menu-btn a:hover {
    background-color: var(--secondary-lime);
}

.navbar {
    border: none!important;
}

/** Mobile Header **/
.fl-menu .fl-menu-mobile-toggle.hamburger-label .svg-container svg {
    width: 25px;
    height: 14px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.fl-menu .fl-menu-mobile-toggle.hamburger-label .svg-container svg.closed {
    height: 15.5px;
    display: none;
}

.fl-menu .fl-menu-mobile-toggle.hamburger-label.fl-active .svg-container svg {
    display: none;
}

.fl-menu .fl-menu-mobile-toggle.hamburger-label.fl-active .svg-container svg.closed {
    display: block;
}

.fl-menu .fl-menu-mobile-toggle.hamburger-label .svg-container {
    float: right;
    padding-top: 5px;
}

.fl-menu .fl-menu-mobile-toggle.hamburger-label .fl-menu-mobile-toggle-label {
    margin: 0 18px 0 0;
    font-family: var(--gothamnarrowbold-font);
    text-transform: uppercase;
    color: var(--secondary-green);
    font-size: 1rem;
    line-height: 2.6rem;
}

/*************
*** FOOTER ***
*************/

footer p {
    margin-bottom: 0;
    font-size: 18px;
    font-size: 1.8rem;
}

span.greentext, 
span.greentext a {
    color: var(--secondary-green);
    white-space: pre;
}

.fairfoodfund2022report span.greentext, 
.fairfoodfund2022report span.greentext a {
    color: #57A647;
 }

span.greentext a:hover {
    color: var(--primary-charcoal); 
    text-decoration:underline
}

footer span.greentext {
    font-family: var(--gothamnarrowbold-font); 
}

/****************************
*** Investment Committee  ***
****************************/

.teammembers {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5.5%;
}

.teammebers-member {
    width: 22%;
    float: left;
    margin: 0 5.5% 40px;
    text-align: center;
}

.teammebers-member img {
    border-radius: 50%;
    margin-bottom: 18px;
}

.teammebers-member p {
    margin-bottom: 0;
}

.teammebers-member p:first-of-type {
    margin-bottom: 5px;
}

.teammebers-member p strong {
    font-family: var(--gothamnarrowbold-font);
}

/***************************
*** Investment Committee ***
***************************/

.investmentcommittee {
    max-width: 970px;
    display: flex;
    flex-wrap: wrap;
}

.investmentcommittee-committeemember {
    width: 38%;
    float: left;
    margin-bottom: 40px;
    padding-right: 40px;
}

.investmentcommittee-committeemember:nth-child(3n+3) {  
    width: 24%;
    padding-right: 0;
}

.investmentcommittee-committeemember p {
    margin-bottom: 0;
}


/******************
*** Block Quote ***
******************/

.quote-attribution .fl-rich-text {
    padding-left: 72px;
    position: relative;
}

.quote-attribution .fl-rich-text::before {
    background: url(/wp-content/themes/ffn-annualreport/images/quote-attributionbar.svg);
    content: "";
    position: absolute;
    top: 18px;
    left: 0;
    background-size: 100%;
    height: 1px;
    width: 36px;
}

.quote-attribution .fl-rich-text p {
    margin-bottom: 0;
}

.quote-attribution .fl-rich-text span.p-large {
    font-family: var(--gothamnarrowbmedium-font);
}

blockquote {
    border: none;
    padding: 0 0 0 92px;
    margin: 0;
    position: relative;
    border-color: transparent!important;
}

blockquote::before {
    background: url(/wp-content/themes/ffn-annualreport/images/quote-quotationmarks.svg);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-size: 100%;
    height: 39px;
    width: 51.5px;
    text-align: left;
}

.quote_green_medium blockquote::before {background: url(/wp-content/uploads/sites/6/2023/06/quote-medium.svg);    background-size: contain;    background-repeat: no-repeat;}
.quote_green_dark blockquote::before   {background: url(/wp-content/uploads/sites/6/2023/06/quote-dark-green.svg);    background-size: contain;    background-repeat: no-repeat;}
.quote_green_light blockquote::before  {background: url(/wp-content/uploads/sites/6/2023/06/quote-light.svg);    background-size: contain;    background-repeat: no-repeat;}

blockquote p {
    font-family: var(--sentinelbook-font);
    font-size: 4.8rem;
    line-height: 6rem;
}

/****************
*** Accordion ***
****************/

.fl-accordion .fl-accordion-item {
    border: none;
    margin-bottom: 0;
}

.fl-accordion-small .fl-accordion-button {
    padding: 12.5px 0;
}

.fl-accordion-button-icon-left {
    padding-right: 54.05px;
    position: relative;
    opacity: 1;
}

.fl-accordion-button-icon-left::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    background-size: 100%;
    height: 24.05px;
    width: 24.05px;
    text-align: left;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.fl-accordion-button-icon-left.dashicons-arrow-down-alt::before {
    background: url(/wp-content/themes/ffn-annualreport/images/accordion-closedarrow.svg);
}

.fl-accordion-button-icon-left.dashicons-arrow-right-alt::before {
    background: url(/wp-content/themes/ffn-annualreport/images/accordion-openarrow.svg);
}

.fl-accordion-button-label {
    font-family: var(--gothamnarrowbmedium-font);
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: var(--primary-charcoal);
}

.fl-accordion-small .fl-accordion-content {
    padding: 15px 30px 30px 0;
}

.fl-accordion-button-label:focus, 
.fl-accordion-button-label:active, 
.fl-accordion-button-icon:focus, 
.fl-accordion-button-icon:active {
    background: none;
    outline-color: none;
    outline-style: auto;
    text-decoration: none;
}

.fl-accordion-button-label:focus, 
.fl-accordion-button-label:active, 
.fl-accordion-button-icon:focus, 
.fl-accordion-button-icon:active {
    background: none;
    outline-color: transparent!important;
    outline-style: none!important;
    text-decoration: none;
}

/***************************************
*** Balance Sheet & Income Statement ***
***************************************/

#financials .fl-module-content.fl-node-content {    padding-top: 115px;}
.financials2022 .fl-module-content.fl-node-content {    padding-top: 0 !important;}

.financials {
    max-width: 511px;
}

.financials.incomestatement {
    margin: 0 0 0 auto;
}

.financials--div-title {
    padding: 20px 24px;
    background-color: var(--secondary-green);
    cursor: pointer;
}
.financials2022 .financials--div-title {
    background-color: #1E5739;
}

.financials--div-title h3 {
    color: #fff;
    font-size: 3.6rem;
    font-size: 24px;
    line-height: 3.8rem;
    position: relative;
    text-align: center;
}

.financials--div-title h3 span {
    position: absolute;
    left: 0;
    height: 24.05px;
    width: 24.05px;
}

.financials--div-title h3 span.rotated {
    -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(180deg);  /* IE 9 */
    -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
    transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
    top: 12px;
}

.financials--div-header {
    text-align: center;
    padding: 21px 20px;
    background-color: var(--secondary-teal);
    display: none;
}
.financials2022 .financials--div-header {
    background-color: #99D4C0;
}

.financials--div-header h4 {
    font-family: var(--knockout-font);
    font-size: 2.4rem;
    letter-spacing: -0.056rem;
    line-height: 2.4rem;
    text-transform: uppercase;
}
.financials2022 .financials--div-header h4 {    color: #47474A;}
.financials2022 .financials--div-details p {    color: #47474A;}
.financials--div-details {
    background-color: #fff;
    padding: 30px 40px;
    display: none;
}

.financials--div-lineitem p {
    margin: 0;
    padding-right: 20px;
    float: left;
}

.financials--div-lineitem p:last-of-type {
    float: right;
}

.financials--div-lineitem {
    padding: 8px 0;
    overflow: auto;
}

.financials--div-lineitem.netincome hr {
    margin: 5px 0 18px;
}

div#financials-disclaimer p {
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 2.7rem;
    max-width: 766px;
}

.financials.balancesheet {
    margin-right: 2%;
}

.financials.incomestatement {
    margin-left: 2%;
}

.hr-blue hr {
    border-top: 1px solid;
    border-color: var(--secondary-aqua);
    margin: 28px 0;
}

.portfoliooverview-number .fl-number-string {
    text-align: left;
    font-size: 7.2rem;
    line-height: 7.2rem;
    font-family: var(--sentinelbook-font);
}

.portfoliooverview-stats p {
    margin-bottom: 0;
}

.financials-open .cls-1 {
    fill: #fff;
}

.financials2022 .financials-open .cls-1 {
stroke-width: 0;
}

/*****************
*** Pie Charts ***
*****************/

div#typeofbusiness svg {
    overflow: visible;
    max-width: 775px;
    padding-left: 15px;
}
 
div#typeofstructure svg {
    overflow: visible;
    max-width: 775px;
    padding-right: 15px;
}

div#typeofbusiness svg text,
div#typeofstructure svg text {
    font-family: var(--gothamnarrowbold-font);
}

.piechart.right {
    text-align: right;
}

.piechart.right .fl-module-heading .fl-heading {
    max-width: 775px;
    text-align: center;
    margin: 0 0 0 auto!important;
}

/******************
*** Slider Grid ***
******************/

.max564 .fl-col-content.fl-node-content {
    max-width: 564px;
}

.max564 .fl-col-content.fl-node-content {
    max-width: 564px;
    margin-top: 88px;
    margin-bottom: 88px;
}

.max564.floatright .fl-col-content.fl-node-content {
    margin: 88px 0 88px auto;
}

/*****************
*** Signatures ***
*****************/

.signatures {
    max-width: 966px;
}

.signatures .signatures--single {
    width: 43.75%;
    float: left;
    margin: 0 0 0 4.25%;
}

.signatures .signatures--single:first-of-type {
    margin: 0 4.25% 0 0;
    width: 46.75%;
}

.signatures .signatures--single > img {
    height: 134px;
    width: 134px;
    object-fit: cover;
    border-radius: 50%;
    float: left;
}

.signatures .signatures--single .signatures--single-details {
    float: left;
    width: calc(100% - 134px);
    padding-left: 34px;
}

.signatures .signatures--single .signatures--single-details img {
    margin-bottom: 18px;
}

.signatures .signatures--single .signatures--single-details p {
    margin-bottom: 0;
}

.signatures p {color:#47474A}
/*******************
*** Post Styling ***
*******************/

.postdivider hr {
    border-color: #59CCCB;
    margin: 0;
}

.blockquote-post blockquote p {
    font-family: var(--sentinelbook-font);
    font-size: 3.8rem;
    line-height: 5.5rem;
}

.single .quote-attribution .fl-rich-text::before,
.flyouts .quote-attribution .fl-rich-text::before {
    background: url(/wp-content/themes/ffn-annualreport/images/quote-attributionbar-post.svg);
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    background-size: 100%;
    height: 1px;
    width: 76px;
}

.blockquote-post .quote-attribution .fl-rich-text {
    padding-left: 106px;
}

.blockquote-post .quote-attribution .fl-rich-text span.p-large,
.quote-attribution .fl-rich-text p {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.single .fl-row-content-wrap {
    position: relative;
}

.single .ripple {
    height: 675px;
}

.single .ripple .fl-html {
    height: 675px;
    width: 675px;
}

header.fl-post-header {
    display: none;
}

.fl-full-width .container {
    width: 100%;
    max-width: 100%;
}

.fl-col.singlepost--hero-left {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.fl-col.singlepost--hero-left .fl-col-content.fl-node-content {
    flex-wrap: wrap;
    justify-content: flex-end;
    max-width: 525px;
}

.single .fl-col.singlepost--hero-left .fl-col-content.fl-node-content {
    padding-left: 75px;
}

body:not(.fl-builder-edit) .singlepost--hero-title, 
body:not(.fl-builder-edit) .singlepost--hero-subtitle {
    margin-right: -46%;
    position: relative;
}

.singlepost--snapshot p {
    margin-bottom: 0;
}

.fairfoodfund2022report .fl-module-heading.singlepost--hero-title h1.fl-heading {color: #57A647;}
.fl-module-heading.singlepost--hero-title h1.fl-heading {
    color: var(--secondary-green);
    overflow-wrap: initial;
    font-size: 6.4rem;
    line-height: 6.7rem;
}

.singlepost--hero-subtitle .fl-rich-text p {
    color: var(--primary-charcoal);
    font-size: 3.6rem;
    line-height: 2.4rem;
    font-family: var(--knockout-font);
    text-transform: uppercase;
}

.fairfoodfund2022report .singlepost--hero-subtitle .fl-rich-text p {
    color: #47474A;
}

.single .fl-content.fl-content-left.col-md-8 {
    margin-top: 0;
    margin-bottom: 0;
}

body:not(.fl-builder-edit) .singlepost--hero-left .fl-module .fl-module-content {
    background-color: #fff;
    width: 135%;
    padding: 18px 25px 18px 0;
}

.fl-post-meta.fl-post-meta-bottom {
    display: none;
}

.post--snapshot-div img {
    float: left;
}

.post--snapshot-div:not(.location) img {
    height: 45px;
    width: 45px;
}

.post-snapshot .left {
    width: 53%;
    float: left;
}

.post-snapshot .right {
    width: 47%;
    float: left;
}

.post--snapshot-div > div {
    max-width: 340px;
    width: calc(100% - 45px);
    float: left;
    padding-left: 24px;
}

.post--snapshot-div {
    width: 100%;
    clear: both;
}

.post--snapshot-div.financing {
    margin-bottom: 32px;
    overflow: auto;
}

.post--snapshot-div p {
    font-size: 1.8rem;
    line-height: 2.6rem;
}


/**************************************
*** Posts Vertical Scroll Shortcode ***
**************************************/

.posts-verticalscroll h3.fl-heading {
    font-family: var(--knockout-font);
    font-size: 2.8rem;
    letter-spacing: -0.056rem;
    line-height: 2.4rem;
    text-align: center;
}

.posts-verticalscroll hr {
    border-color: #59CCCB;
    width: 112px;
}

.posts-verticalscroll2 hr {
    border-color: #57A647;
    width: 112px;
}

body:not(.fl-builder-edit) .posts-verticalscroll hr {
    -webkit-transform: rotate(90deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(90deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(90deg);  /* IE 9 */
    -o-transform: rotate(90deg);  /* Opera 10.50-12.00 */
    transform: rotate(90deg); 
}

.postshortcode--container .single-post {
    width: 100%;
    margin-bottom: 66px;
    overflow: auto;
    position: relative;
    cursor: pointer;
}

.postshortcode--container .single-post:last-of-type {
    margin-bottom: 0;
}

.postshortcode--container-img {
    position: relative;
    float: left;
}

.fairfoodfund2022report .single-post >a {display:flex}
.fairfoodfund2022report .postshortcode--container-img {    float: initial;}

.postshortcode--container .postshortcode--container-img .wp-post-image {
    height: 218.37px;
    width: 218.37px;
    object-fit: cover;
    clip-path: polygon(56px 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 58px);
    -webkit-clip-path: polygon(56px 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 58px);
}

.postshortcode--container .postshortcode--container-img .featureimg-icon {
    position: absolute;
    left: 0;
    top: 0;
}

.postshortcode--container-details .single-post--title {
    color: var(--secondary-green);
    padding: 5px 0 10px;
    overflow-wrap: initial;
        font-size: 2.8rem;
    line-height: 3.6rem;
}

.verticalscroll2 .postshortcode--container-details .single-post--title {    
    color: #57A647;
    border:0;
    background:transparent;
    text-align:left;
    font-family: var(--sentinel-font);
}
.verticalscroll2.dark  .postshortcode--container-details .single-post--title {    color: #1E5739;}
.verticalscroll2.darker  .postshortcode--container-details .single-post--title {    color: #D6E040;}

.verticalscroll2 .postshortcode--container-details p {    color: #47474A;}
.verticalscroll2.darker .postshortcode--container-details p {    color: #fff;}

.postshortcode--container-details p {
    color: var(--primary-charcoal);
}

.postshortcode--container-details {
    width: calc(100% - 218.37px);
    float: left;
    padding-left: 30px;
}

.postshortcode--container-details > div {
    padding-bottom: 20px;
}

.postshortcode--container-details img {
    position: absolute;
    bottom: 5px;
}

.postshortcode--container-details > img:hover {
    -webkit-transform: rotate(45deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(45deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(45deg);  /* IE 9 */
    -o-transform: rotate(45deg);  /* Opera 10.50-12.00 */
    transform: rotate(45deg); 
}

.verticalscroll2 .postshortcode--container-details > img { transition:all .5s ease;}
.verticalscroll2 .postshortcode--container-details:hover >img {
    transform:translateX(10px);
}

.postshortcode--container {
    max-width: 500px;
    /* max-height: 785px; */
    overflow-y: scroll;
}

.fairfoodfund2022report .postshortcode--container {
    max-height: initial;
    overflow-y: initial;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.postshortcode--container::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.postshortcode--container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.single-post--popup.modal {
    position: absolute;
    right: 0;
    float: right;
    left: unset;
    border-radius: 0;
    top: 0;
    height: 100%;
    overflow: auto;
    box-shadow: none;
    max-width: 785px;
    width: 100%;
    padding: 0;
}

.postshortcode.slider.right .postshortcode--container {
    margin-left: -40px;
}

.postshortcode.slider.left .postshortcode--container {
    margin-right: -40px;
}

.postshortcode.slider .postshortcode--container .postshortcode--container-img .wp-post-image {
    height: 278px;
    width: 278px;
    border-radius: 50%;
    object-fit: cover;
    clip-path: none;
    -webkit-clip-path: none;
}

.postshortcode.slider .postshortcode--container {
    max-height: inherit;
    max-width: inherit;
    overflow-y: inherit;
    clear: both;
}

.postshortcode.slider .postshortcode--container-details {
    width: calc(100% - 278px);
    float: left;
    padding-left: 34px;
}

.postshortcode.slider .postshortcode--container .single-post {
    background-color: #fff;
    padding: 35px 36px;
    -webkit-box-shadow: 0px 10px 20px -5px rgba(0,0,0,0.16); 
    box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.35);
    box-shadow: none;
    transition: box-shadow 0.1s ease-in-out;
    clip-path: polygon(57px 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 59px);
    -webkit-clip-path: polygon(57px 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 59px);
    margin: 0 22px;
    height: auto;
}

.postshortcode.slider img.sliderpost-icontriangle {
    top: 0;
    left: 0;
    position: absolute;
}

.postshortcode.slider .postshortcode--container-details img {
    position: absolute;
    bottom: 35px;
}

.post--slider-nav-arrows {
    display: inline-block;
    float: left;
}

.post--slider-counter {
    color: #fff;
    font-family: var(--gothambold-font);
    line-height: 2.6rem;
    font-size: 1.8rem;
    display: inline-block;
    float: left;
    padding-left: 34px;
    padding-top: 52px;
}

.postshortcode.slider.right .post--slider-nav-arrows {
    margin-left: -62px;
}

.postshortcode.slider.left .post--slider-nav-arrows {
    margin-right: -32px;
}

.postshortcode.slider .post--slider-nav-arrows img.nextarrow {
    margin: 0 -28px;
}

.postshortcode.slider.left .post--slider-nav-arrows {
    float: right;
}

.postshortcode.slider .post--slider-nav-arrows img {
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.postshortcode.slider.left .post--slider-counter {
    float: right;
}

.postshortcode.slider .postshortcode--container.slick-slider .slick-track {
    display: flex!important;
}

.postslider-text {
    position: relative;
    z-index: 5;
}

.postslider-slick {
    position: relative;
    z-index: 10;
}

/** Drop Shadow **/

.slick-list {
  overflow: visible;
}

/**************
*** Flyouts ***
**************/

.flyouts {
    position: absolute;
    top: -70px;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.54);
    z-index: 9999;
    display: none;
}

.flyout_item {
    display: none;
    width: 70%;
	top:0;
	right:0;
    bottom:0;
	position:fixed;
    overflow-y:scroll;
	overflow-x:hidden;
}

.flyout_item .fl-builder-content {
    background-color: #fff;
}

.fairfoodfund2022report .close_flyout {background-color: #57A647; }
.close_flyout {
    position: fixed;
    top: 0;
    left: 30%;
    padding: 25px;
    background-color: var(--secondary-green);
    z-index: 999999;
    cursor: pointer;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.flyout_item::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.flyout_item {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.flyout_item .fl-row.fl-row-full-width .fl-row-content-wrap {
    padding-right: 74px;
    padding-left: 92px;
}

.flyout_item .fl-row.post .fl-row-content-wrap {
    padding-bottom: 0!important;
}

.flyout_item .singlepost--hero .fl-row-content-wrap {
    padding-right: 0!important;
    padding-left: 0!important;
}

.flyout_item .singlepost--snapshot .fl-rich-text {
    padding-left: 20px;
}

/***********************
*** Ripple Animation ***
***********************/
.ripplerow .fl-module {
    position: relative;
    z-index: 10;
}

body:not(.fl-builder-edit) .ripplerow .fl-module.ripple-animate {
    position: absolute;
    bottom: 0;
    z-index: 5;
}

.ripplerow .fl-module.ripple-animate.right {
    right: 0;
}

.ripplerow .fl-module.ripple-animate.left {
    left: 0;
}

.ripplerow .fl-module.ripple-animate.center {
    left: 50%;
    transform: translateX(-50%);
}

.ripple-container {
    position: relative;
    width: 685px;
    height: 340px;
}

.ripple-container svg .cls-1 {
    stroke: none!important;
    stroke-width: 0!important;
}

.single .fl-module.ripple-animate,
.flyout_item .fl-module.ripple-animate {
    float: right;
}

/** Desktop Animation **/
@keyframes rippleOuter {
    0%   {opacity: 1; height: 70px; width: 140px;}
    100%  {opacity: 0.13; height: 340px; width: 680px;}
}

@keyframes rippleOuterMid {
    0%   {opacity: 1; height: 70px; width: 140px;}
    100%  {opacity: 0.35; height: 256px; width: 512px;}
}

@keyframes rippleInnerMid {
    0%   {opacity: 1; height: 70px; width: 140px;}
    100%  {opacity: 0.35; height: 162.5px; width: 325px;}
}

/** Mobile Animation **/
@keyframes m_rippleOuter {
    0%   {opacity: 1; height: 20px; width: 40px;}
    100%  {opacity: 0.13; height: 94px; width: 188px;}
}

@keyframes m_rippleOuterMid {
    0%   {opacity: 1; height: 20px; width: 40px;}
    100%  {opacity: 0.35; height: 70px; width: 140px;}
}

@keyframes m_rippleInnerMid {
    0%   {opacity: 1; height: 20px; width: 40px;}
    100%  {opacity: 0.35; height: 45px; width: 90px;}
}

.ripple-outer {
    width: 685px;
    height: 340px;
    position: absolute;
    opacity: 0.13;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
}

.animate .ripple-outer {
    animation-name: rippleOuter;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.ripple-outermid {
    width: 512px;
    height: 256px;
    position: absolute;
    opacity: 0.35;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.animate .ripple-outermid {
    animation-name: rippleOuterMid;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.ripple-innermid {
    width: 325px;
    height: 162.5px;
    position: absolute;
    opacity: 0.35;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
}

.animate .ripple-innermid {
    animation-name: rippleInnerMid;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.ripple-inner {
    width: 140px;
    height: 70px;
    position: absolute;
    opacity: 1;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 20;
}

.ripple-animate.light .ripple-container svg .cls-1 {
    fill: #B3E2E2;
}

.ripple-animate.lighter .ripple-container svg .cls-1 {
    fill: #E5F8F8;
}

.ripple-container.mobile {
    display: none !important;
    width: 188px;
    height: 94px;
}

.mobile .ripple-outer {
    width: 188px;
    height: 94px;
}

.mobile .ripple-outermid {
    width: 140px;
    height: 70px;
}

.mobile .ripple-innermid {
    width: 90px;
    height: 45px;
}

.mobile .ripple-inner {
    width: 40px;
    height: 20px;
}

.mobile.animate .ripple-outer {
    animation-name: m_rippleOuter;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.mobile.animate .ripple-outermid {
    animation-name: m_rippleOuterMid;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.mobile.animate .ripple-innermid {
    animation-name: m_rippleInnerMid;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

/***********
*** Hero ***
***********/

.fl-col.hero-images .fl-module-photo:first-of-type img {
    width: 80%;
    float: left;
    object-fit: cover;
}

.fl-col.hero-images .fl-module-photo:last-of-type img {
    width: 80%;
    float: right;
    clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 120px);
    -webkit-clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 0% 120px);
    object-fit: cover;
}

body:not(.fl-builder-edit) .fl-col.hero-images .fl-module-photo:last-of-type img {
    position: relative;
    bottom: -76px;
}

body:not(.fl-builder-edit) .fl-col.hero-images .fl-module-photo:last-of-type {
    margin-top: -196px;
}

#heroscroll button.scrl-btn span {
    font-family: var(--knockout-font);
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    float: left;
}

body:not(.fl-builder-edit) #heroscroll {
    position: absolute;
    bottom: 25%;
    right: -9%;
}

button.scrl-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    border: none;
    color: var(--secondary-green);
    font-family: var(--knockout-font);
    font-size: 0.9474rem;
    height: 57px;
    cursor: pointer;
}

body:not(.fl-builder-edit) button.scrl-btn {
    margin: 0 0 36px auto;
    -webkit-transform: rotate(90deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(90deg);  /* Firefox 3.5-15 */
    -ms-transform: rotate(90deg);  /* IE 9 */
    -o-transform: rotate(90deg);  /* Opera 10.50-12.00 */
    transform: rotate(90deg); 
}

@keyframes bounce {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(13px); }
    100% { transform: translateX(0); }
}

button.scrl-btn img {
    width: 24px;
    height: 24px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    float: left;
    margin-left: 18px;
    animation-name: bounce;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.hero-details--subtitle .fl-rich-text p {
    color: var(--primary-charcoal);
    font-size: 3.6rem;
    line-height: 2.4rem;
    font-family: var(--knockout-font);
    text-transform: uppercase;
}

.fl-col.hero-details {
    position: relative;
}

/*****************
*** Supporters ***
*****************/

.supporters-list {    column-count: 2;}
.impactreport2022 .supporters-list {    column-count: initial;}

.supporters-list .supporter p {
    margin-bottom: 26px;
    color: var(--primary-charcoal);
    padding-right: 28px;
}

/*******************
*** Social Links ***
*******************/
.social-links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.social-links--socialAccount #twitter-icon {
    width: 48.46px;
    height: 39.36px;
}

.social-links--socialAccount #facebook-icon {
    width: 21.17px;
    height: 39.54px;
}

.social-links--socialAccount #linkedin-icon {
    width: 33.48px;
    height: 33.48px;
}

.social-links--socialAccount #instagram-icon {
    width: 41.82px;
    height: 41.81px;
}

.social-links--socialAccount #youtube-icon {
    width: 50.96px;
    height: 35.83px;
}

.social-links--socialAccount svg:hover .social-icon {
    fill: #75C159;
}

.social-links--socialAccount {
    display: inline-block;
    padding-right: 26px;
}

.social-links--socialAccount:last-of-type {
    padding-right: 0;
}

/******************/
/* EXTERNAL LINKS */
/******************/
a[target="_blank"] {
    position: relative;
}

a[target="_blank"] span.visuallyhidden {
    display: none;
    background: var(--primary-charcoal);
    padding: 10px 5px;
    border-radius: 10px;
    color: #fff!important;
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;
    -webkit-box-shadow: 15px 6px 16px -8px rgba(0,0,0,0.2); 
    box-shadow: 15px 6px 16px -8px rgba(0,0,0,0.2);
}

a[target="_blank"] span.visuallyhidden::after {
    display: none;
}

a[target="_blank"]:hover span.visuallyhidden{
    position: absolute;
    display: block;
    width: 171px;
    text-align: center;
    height: inherit;
    top: -110px;
    z-index: 9999999;
    color: #fff!important;
    left: 50%;
    transform: translateX(-50%);
}

.fairfoodfund2022report  a[target="_blank"]:hover span.visuallyhidden {
    width: 195px;
    top: 32px;
    font-size: 15px;
    padding: 0px;
}

a[target="_blank"]:hover span.visuallyhidden {
    width: 195px;
    top: 52px;
}

.fl-archive--content .single-post a:hover span.visuallyhidden {
    bottom: 30px;
    left: 45%;
}

.fl-rich-text a[target="_blank"]:hover span.visuallyhidden {
    bottom: -90px;
    width: 225px;
}

.fl-rich-text a.fl-button[target="_blank"]:hover span.visuallyhidden {
    bottom: -48px;
    left: 20%;
}

/***************/
/* Back to Top */
/***************/
.backtotop-div {
    position: fixed;
    right: 2%;
    z-index: 999;
    bottom: 26px;
    cursor: pointer;
}

svg#backtotop {
    height: 45px;
}


.social-icon {
    fill: #57A647 !important;
}

/*************/
/* Hero 2022 */
/*************/

body:not(.fl-builder-edit) .hero2022 {
    position: relative;
    z-index: 2;
}

.hero2022 .fl-col-group {position:relative;}

body:not(.fl-builder-edit) .hero2022 .hero_photo1 {
    position: absolute;
    top: -430px;
    left: -70px;
}

body:not(.fl-builder-edit) .hero2022 .hero_photo2 {
    position: absolute;
        top: 0px;
    left: 120px;
}

body:not(.fl-builder-edit) .hero2022 .hero_photo3 {
    position: absolute;
    top: -514px;
    right: -114px;
}

body:not(.fl-builder-edit) .fl-photo-content .outline {
    height: 100%;
    width:100%;
    outline: solid 8px white;
    top: 16px;
    left: 18px;
}


body:not(.fl-builder-edit) .hero2022 .hero_photo1:after {
    content: "";
    background: url(/wp-content/uploads/sites/6/2023/06/hero-almonds.svg) center center / contain no-repeat;
    width: 146px;
    height: 137px;
    position: absolute;
    top: 90px;
    left:213px;
}


body:not(.fl-builder-edit) .hero2022 .hero_photo2:before {
    content: "";
    background: url(/wp-content/uploads/sites/6/2023/06/hero-leaf.svg) center center / contain no-repeat;
    width: 328px;
    height: 250px;
    position: absolute;
    top: 0px;
    left: -188px;
}
body:not(.fl-builder-edit) .hero2022 .hero_photo2:after {
    content: "";
    background: url(/wp-content/uploads/sites/6/2023/06/hero-seeds.svg) center center / contain no-repeat;
    width: 269px;
    height: 82px;
    position: absolute;
    top: 80px;
    right: -21px;
}

body:not(.fl-builder-edit) .hero2022 .hero_photo3:after {
    content: "";
    background: url(/fairfoodfund2022report/wp-content/uploads/sites/6/2023/06/Group-5646.svg) center center / contain no-repeat;
    width: 476px;
    height: 653px;
    position: absolute;
    top: 50px;
}

body:not(.fl-builder-edit)  .animated_arrow {
    animation: arrow_down 3s ease infinite;
}
@keyframes arrow_down {
    0% {transform: translateY(20px);}
    30% {transform: translateY(20px);}
    40% {transform: translateY(0px);}
    50% {transform: translateY(20px);}
    60% {transform: translateY(0px);}
    70% {transform: translateY(20px);}
    100% {transform: translateY(20px);}
  }