@charset "UTF-8";
/*************************************/
/*   
/*	Main Sass Config File
/*
/*************************************/
/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
@import url("//hello.myfonts.net/count/37f950");
* { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

header, nav, article, footer, section, aside, figure, figcaption { display: block; }

.wrap { width: 100%; margin: 0 auto; height: 100%; position: relative; padding: 0 25px; }

@media only screen and (min-width: 1650px) { .wrap { width: 1652px; } }

@media only screen and (max-width: 767.98px) { .wrap { padding: 0 25px; } }

.left, .alignleft { float: left; }

.right, .alignright { float: right; }

.wp-caption.alignleft, img.alignleft { margin: 0 30px 0 0; }

.wp-caption.alignright, img.alignright { margin: 0 0 0 30px; }

.main .content .wp-caption { max-width: 100%; margin-bottom: 0; font-size: 0; }

@media only screen and (max-width: 767.98px) { .main .content .wp-caption { margin: 0 0 30px 0; } }

.main .content .wp-caption .wp-caption-text { font-size: 14px; font-size: 0.8484848485vw; line-height: 1em; font-weight: 400; margin: 10px 0 0 0; }

@media (max-width: 1178.5714285714px) { .main .content .wp-caption .wp-caption-text { font-size: 10px; } }

@media (min-width: 1650px) { .main .content .wp-caption .wp-caption-text { font-size: 14px; } }

.main .content .wp-caption.alignnone .wp-caption-text { text-align: right; }

.clr::after { clear: both; content: ""; display: block; }

.screen-reader-text { display: none; }

strong { font-weight: 700; }

em { font-style: italic; }

.aligncenter { display: block; margin: 0 auto; }

img.rounded { border-radius: 100%; }

.halfwidth { width: 48%; }

.bordered { border: 10px solid #fff; box-shadow: 0px 0px 5px #333; }

.small { font-size: 80%; }

hr { background: none; width: 100%; margin: 30px 0 30px 0; border-top: 1px solid #c9dce0; border-width: 1px 0 0 0; height: 1px; clear: both; }

a { opacity: 1; text-decoration: underline; color: #6a6a6a; transition: all .2s ease-in-out; }

a:hover { color: #555555; text-decoration: none; transition: all .2s ease-in-out; }

/** @license MyFonts Webfont Build ID 3668304, 2018-11-07T09:30:13-0500 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are  explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: Gelion-ThinItalic by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/thin-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: Gelion-SemiBoldItalic by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/semi-bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: Gelion-Thin by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/thin/ Copyright: Copyright © 2017 by Doni Sukma. All rights reserved. Webfont: Gelion-Light by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/light/ Copyright: Copyright © 2017 by Doni Sukma. All rights reserved. Webfont: Gelion-BoldItalic by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/bold-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: Gelion-LightItalic by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/light-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: Gelion-Medium by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/medium/ Copyright: Copyright © 2017 by Doni Sukma. All rights reserved. Webfont: Gelion-MediumItalic by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/medium-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: Gelion-Regular by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/regular/ Copyright: Copyright © 2017 by Doni Sukma. All rights reserved. Webfont: Gelion-SemiBold by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/semi-bold/ Copyright: Copyright © 2017 by Doni Sukma. All rights reserved. Webfont: Gelion-RegularItalic by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/regular-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. Webfont: Gelion-Black by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/black/ Copyright: Copyright © 2017 by Doni Sukma. All rights reserved. Webfont: Gelion-Bold by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/bold/ Copyright: Copyright © 2017 by Doni Sukma. All rights reserved. Webfont: Gelion-BlackItalic by Letter Omega Typefoundry URL: https://www.myfonts.com/fonts/letter-omega/gelion/black-italic/ Copyright: Copyright © 2017 by Deni Anggara. All rights reserved. License: https://www.myfonts.com/viewlicense?type=web&buildid=3668304 Licensed pageviews: 10,000 © 2018 MyFonts Inc */
/* @import must be at top of file, otherwise CSS will not work */
@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_2_0.eot"); src: url("../fonts/gelion/37F950_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_2_0.woff2") format("woff2"), url("../fonts/gelion/37F950_2_0.woff") format("woff"), url("../fonts/gelion/37F950_2_0.ttf") format("truetype"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_0_0.eot"); src: url("../fonts/gelion/37F950_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_0_0.woff2") format("woff2"), url("../fonts/gelion/37F950_0_0.woff") format("woff"), url("../fonts/gelion/37F950_0_0.ttf") format("truetype"); font-weight: 100; font-style: italic; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_3_0.eot"); src: url("../fonts/gelion/37F950_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_3_0.woff2") format("woff2"), url("../fonts/gelion/37F950_3_0.woff") format("woff"), url("../fonts/gelion/37F950_3_0.ttf") format("truetype"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_5_0.eot"); src: url("../fonts/gelion/37F950_5_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_5_0.woff2") format("woff2"), url("../fonts/gelion/37F950_5_0.woff") format("woff"), url("../fonts/gelion/37F950_5_0.ttf") format("truetype"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_8_0.eot"); src: url("../fonts/gelion/37F950_8_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_8_0.woff2") format("woff2"), url("../fonts/gelion/37F950_8_0.woff") format("woff"), url("../fonts/gelion/37F950_8_0.ttf") format("truetype"); font-weight: 400; font-style: normal; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_A_0.eot"); src: url("../fonts/gelion/37F950_A_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_A_0.woff2") format("woff2"), url("../fonts/gelion/37F950_A_0.woff") format("woff"), url("../fonts/gelion/37F950_A_0.ttf") format("truetype"); font-weight: 400; font-style: italic; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_6_0.eot"); src: url("../fonts/gelion/37F950_6_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_6_0.woff2") format("woff2"), url("../fonts/gelion/37F950_6_0.woff") format("woff"), url("../fonts/gelion/37F950_6_0.ttf") format("truetype"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_7_0.eot"); src: url("../fonts/gelion/37F950_7_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_7_0.woff2") format("woff2"), url("../fonts/gelion/37F950_7_0.woff") format("woff"), url("../fonts/gelion/37F950_7_0.ttf") format("truetype"); font-weight: 500; font-style: italic; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_9_0.eot"); src: url("../fonts/gelion/37F950_9_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_9_0.woff2") format("woff2"), url("../fonts/gelion/37F950_9_0.woff") format("woff"), url("../fonts/gelion/37F950_9_0.ttf") format("truetype"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_1_0.eot"); src: url("../fonts/gelion/37F950_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_1_0.woff2") format("woff2"), url("../fonts/gelion/37F950_1_0.woff") format("woff"), url("../fonts/gelion/37F950_1_0.ttf") format("truetype"); font-weight: 600; font-style: italic; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_C_0.eot"); src: url("../fonts/gelion/37F950_C_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_C_0.woff2") format("woff2"), url("../fonts/gelion/37F950_C_0.woff") format("woff"), url("../fonts/gelion/37F950_C_0.ttf") format("truetype"); font-weight: 700; font-style: normal; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_4_0.eot"); src: url("../fonts/gelion/37F950_4_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_4_0.woff2") format("woff2"), url("../fonts/gelion/37F950_4_0.woff") format("woff"), url("../fonts/gelion/37F950_4_0.ttf") format("truetype"); font-weight: 700; font-style: italic; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_B_0.eot"); src: url("../fonts/gelion/37F950_B_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_B_0.woff2") format("woff2"), url("../fonts/gelion/37F950_B_0.woff") format("woff"), url("../fonts/gelion/37F950_B_0.ttf") format("truetype"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'Gelion'; src: url("../fonts/gelion/37F950_D_0.eot"); src: url("../fonts/gelion/37F950_D_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gelion/37F950_D_0.woff2") format("woff2"), url("../fonts/gelion/37F950_D_0.woff") format("woff"), url("../fonts/gelion/37F950_D_0.ttf") format("truetype"); font-weight: 900; font-style: italic; }

@font-face { font-family: 'Canela Web'; src: url("../fonts/canela/Canela-Bold-Web.woff2") format("woff2"), url("../fonts/canela/Canela-Bold-Web.woff") format("woff"); font-weight: 700; font-style: normal; font-stretch: normal; }

.foot { padding: 4% 0; border-top: 1px solid #dddedb; }

@media only screen and (max-width: 767.98px) { .foot { padding: 24px 0; } }

.foot p { font-size: 18px; font-size: 1.0909090909vw; text-align: center; color: #383838; margin: 0; }

@media (max-width: 1191.6666666667px) { .foot p { font-size: 13px; } }

@media (min-width: 1650px) { .foot p { font-size: 18px; } }

@media only screen and (max-width: 767.98px) { .foot p .foot__copyright { display: block; } }

.foot p .foot__copyright + .foot__address:before { content: ' / '; }

@media only screen and (max-width: 767.98px) { .foot p .foot__copyright + .foot__address:before { display: none; } }

@media only screen and (max-width: 767.98px) { .foot p .foot__address { display: block; } }

.alert { padding: 20px 100px; background: #ff7833; color: #fff; text-align: center; }

.alert p { font-size: 25px; font-size: 1.5151515152vw; }

@media (max-width: 1056px) { .alert p { font-size: 16px; } }

@media (min-width: 1650px) { .alert p { font-size: 25px; } }

.alert a { text-decoration: none; }

.alert a.button { background-color: #fff; color: #ff7833 !important; }

.alert a.button:after { display: none; }

.alert a.button:hover { background-color: #fff; opacity: .8; }

@media only screen and (max-width: 767.98px) { .alert a { padding: 10px; } }

.alert a:hover { background-color: #06823b; }

.head { border-bottom: 1px solid #dddedb; display: flex; align-items: center; justify-content: space-between; }

.head h1, .head .logo { display: block; margin: 0; width: 40%; padding: 2.7vw 5.8vw 2.7vw 25px; border-right: 1px solid #dddedb; text-align: right; font-size: 0; }

@media only screen and (max-width: 767.98px) { .head h1, .head .logo { border-right: 0; width: 70%; padding: 15px 25px; text-align: left; } }

.head h1 img.custom-logo, .head .logo img.custom-logo { width: 300px; max-width: 100%; height: auto; }

@media only screen and (max-width: 767.98px) { .head h1 img.custom-logo, .head .logo img.custom-logo { width: 170px; } }

.head #menu__open { font-family: "Gelion", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; display: none; height: 24px; padding: 2px 8px 0; margin: 0 25px 0 0; background: none; border: 1px solid #dddedc; font-size: 16px; font-size: 0.9696969697vw; }

@media (max-width: 1650px) { .head #menu__open { font-size: 16px; } }

@media (min-width: 1650px) { .head #menu__open { font-size: 16px; } }

.head #menu__open:hover { cursor: pointer; }

@media only screen and (max-width: 767.98px) { .head #menu__open { display: block; } }

.head .navigation { width: 60%; display: flex; align-items: center; padding: 0 25px 0 5.8%; margin: 5px 0 0 0; }

@media only screen and (max-width: 767.98px) { .head .navigation { opacity: 0; pointer-events: none; transition: all ease-in-out .1s; width: 100%; height: 100%; z-index: 100; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #2f7a35; background-image: url("../img/mobile-menu-background.png"); background-size: cover; background-position: center top; margin: 0; padding: 60px 30px; display: block; } }

.menu--open .head .navigation { pointer-events: auto; }

@media only screen and (max-width: 767.98px) { .menu--open .head .navigation { opacity: 1; } }

.head .navigation #menu__close { display: none; position: absolute; top: 20px; right: 20px; width: 43px; height: 43px; background: 0; border: 1px solid #fff; border-radius: 100%; color: #fff; transition: all ease-in-out .1s; }

.head .navigation #menu__close span { display: block; width: 20px; height: 1px; background: #fff; position: absolute; left: 50%; }

.head .navigation #menu__close span:nth-child(1) { transform: translateX(-50%) rotate(45deg); }

.head .navigation #menu__close span:nth-child(2) { transform: translateX(-50%) rotate(-45deg); }

.head .navigation #menu__close:hover { cursor: pointer; transform: scale(1.1); }

@media only screen and (max-width: 767.98px) { .head .navigation #menu__close { display: block; } }

.head .navigation ul.primary-menu { list-style: none; margin: 0; padding: 0; font-size: 0; }

@media only screen and (max-width: 767.98px) { .head .navigation ul.primary-menu { width: 100%; } }

.head .navigation ul.primary-menu li { display: inline-block; font-size: 20px; font-size: 1.2121212121vw; font-weight: 500; text-transform: uppercase; margin: 0 35px 0 0; letter-spacing: 1.5px; }

@media (max-width: 1237.5px) { .head .navigation ul.primary-menu li { font-size: 15px; } }

@media (min-width: 1650px) { .head .navigation ul.primary-menu li { font-size: 20px; } }

@media only screen and (max-width: 767.98px) { .head .navigation ul.primary-menu li { position: relative; font-family: "Canela Web", "Georgia", "Times New Roman", "Times", "serif"; text-transform: none; display: block; width: 100%; letter-spacing: 0; margin: 0 0 50px 0; font-size: 30px; } }

@media only screen and (max-width: 767.98px) { .head .navigation ul.primary-menu li:after { display: block; position: absolute; content: ''; width: 100px; height: 5px; background-color: #b7e871; bottom: -30px; left: 0; } }

.head .navigation ul.primary-menu li:last-child { margin: 0; }

.head .navigation ul.primary-menu li.current-menu-ancestor a, .head .navigation ul.primary-menu li.current-menu-item a { color: #5fc5c7; }

@media only screen and (max-width: 767.98px) { .head .navigation ul.primary-menu li.current-menu-ancestor a, .head .navigation ul.primary-menu li.current-menu-item a { color: #fff; } }

.head .navigation ul.primary-menu li a { text-decoration: none; color: #6f6f6f; }

@media only screen and (max-width: 767.98px) { .head .navigation ul.primary-menu li a { color: #fff; } }

.head .navigation ul.primary-menu li a:hover { color: #5fc5c7; }

@media only screen and (max-width: 767.98px) { .head .navigation ul.primary-menu li a:hover { color: #fff; } }

.head .navigation ul.primary-menu li ul { display: none; }

@media only screen and (max-width: 767.98px) { .head .navigation ul.primary-menu li ul { margin: 10px 0 0 0; display: block; } }

@media only screen and (max-width: 767.98px) { .head .navigation ul.primary-menu li ul li { font-size: 18px; font-size: 1.0909090909vw; font-family: "Gelion", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; text-transform: none; letter-spacing: 0; margin: 0 0 5px 0; font-weight: 400; } }

@media only screen and (max-width: 767.98px) and (max-width: 1650px) { .head .navigation ul.primary-menu li ul li { font-size: 18px; } }

@media only screen and (max-width: 767.98px) and (min-width: 1650px) { .head .navigation ul.primary-menu li ul li { font-size: 18px; } }

@media only screen and (max-width: 767.98px) { .head .navigation ul.primary-menu li ul li:after { display: none; } }

@media only screen and (max-width: 767.98px) { .head .navigation ul.primary-menu li ul li ul { display: none; } }

.sub { border-bottom: 1px solid #dddedb; padding: 2.95% 0 2.6% 0; }

@media only screen and (max-width: 767.98px) { .sub { display: none; } }

.sub ul.secondary-menu { list-style: none; margin: 0; padding: 0; font-size: 0; text-align: center; }

.sub ul.secondary-menu li { display: inline-block; font-size: 19px; font-size: 1.1515151515vw; line-height: 1.8em; text-transform: uppercase; letter-spacing: 2px; margin: 0 15px; }

@media (max-width: 1215.7894736842px) { .sub ul.secondary-menu li { font-size: 14px; } }

@media (min-width: 1650px) { .sub ul.secondary-menu li { font-size: 19px; } }

.sub ul.secondary-menu li.current-menu-ancestor, .sub ul.secondary-menu li.current-menu-item { font-style: italic; }

.sub ul.secondary-menu li a { text-decoration: none; color: #6f6f6f; }

.sub ul.secondary-menu li a:hover { color: #5fc5c7; }

.sub ul.secondary-menu li ul { display: none; }

html { margin: 0; padding: 0; }

body { background-color: #b7e872; background-image: url("../img/background.svg"); background-size: cover; background-repeat: repeat-y; background-attachment: fixed; padding: 13px 13px 150px 13px; margin: 0; font-family: "Gelion", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; }

body.menu--open { position: fixed; }

@media only screen and (max-width: 767.98px) { body { padding: 9px 0 150px; } }

body::before { content: ''; position: fixed; top: 0; left: 0; right: 0; height: 13px; background-color: #b7e872; background-image: url("../img/background.svg"); background-size: cover; background-repeat: repeat-y; background-attachment: fixed; z-index: 1000; }

@media only screen and (max-width: 767.98px) { body::before { height: 9px; } }

body::after { content: ''; position: fixed; bottom: 0; left: 0; right: 0; height: 13px; background-color: #b7e872; background-image: url("../img/background.svg"); background-size: cover; background-repeat: repeat-y; background-attachment: fixed; z-index: 1000; }

@media only screen and (max-width: 767.98px) { body::after { height: 9px; } }

body.menu--open::before, body.menu--open::after { display: none; }

h1, h2, h3, h4, h5, h6, p, ol, ul, dl { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.box { margin: 0 auto; background: #fff; }

.box .inner__box { box-sizing: border-box; max-width: 1652px; background: #fff; margin: 0 auto; border-right: 1px solid #dddedb; border-left: 1px solid #dddedb; }

@media only screen and (max-width: 1649.98px) { .box .inner__box { border: 0; } }

.main { padding: 25px 75px 75px 75px; }

@media only screen and (max-width: 767.98px) { .main { padding: 17px 0; } }

.main h1 { font-family: "Canela Web", "Georgia", "Times New Roman", "Times", "serif"; font-size: 79px; font-size: 4.7878787879vw; line-height: 1.1em; font-weight: 700; text-align: center; color: #1b2f66; margin: 0 0 0.3797468354em 0; }

@media (max-width: 731.0126582278px) { .main h1 { font-size: 35px; } }

@media (min-width: 1650px) { .main h1 { font-size: 79px; } }

.main h2 { font-size: 42px; font-size: 2.5454545455vw; line-height: 1.1em; font-weight: 400; color: #c3bea7; margin: 0 0 0.5714285714em 0; }

@media (max-width: 982.1428571429px) { .main h2 { font-size: 25px; } }

@media (min-width: 1650px) { .main h2 { font-size: 42px; } }

.main h3 { font-size: 23px; font-size: 1.3939393939vw; line-height: 1.1em; font-weight: 500; text-transform: uppercase; letter-spacing: 1.5px; color: #95b6cb; margin: 0 0 2em 0; }

@media (max-width: 1291.3043478261px) { .main h3 { font-size: 18px; } }

@media (min-width: 1650px) { .main h3 { font-size: 23px; } }

.main .content { max-width: 1602px; margin: 0 auto; }

.main .content .text { max-width: 83%; margin: 0 auto; }

@media only screen and (max-width: 767.98px) { .main .content .text { max-width: 100%; padding: 0 24px; } }

.main .content .text p:last-child { margin: 0; }

.main .content .text table { font-size: 20px; font-size: 1.2121212121vw; line-height: 1.3em; color: #6a6a6a; border-top: 1px solid #dddedb; border-left: 1px solid #dddedb; margin: 0 0 40px 0; }

@media (max-width: 1155px) { .main .content .text table { font-size: 14px; } }

@media (min-width: 1650px) { .main .content .text table { font-size: 20px; } }

.main .content .text table td { border-right: 1px solid #dddedb; border-bottom: 1px solid #dddedb; padding: 10px 15px; }

.main .content .text a { color: inherit; text-decoration: none; border-bottom: 6px solid #bae5f8; }

.main .content .text a:hover { border-color: #ff7833; }

.main .content .text blockquote { border-left: 7px solid #dddedb; margin: 0 0 40px 0; padding: 0 0 0 20px; }

.main .content .columns { display: flex; justify-content: space-between; }

@media only screen and (max-width: 767.98px) { .main .content .columns { flex-direction: column; } }

.main .content .columns .lefty { width: 60%; }

@media only screen and (max-width: 767.98px) { .main .content .columns .lefty { width: 100%; } }

.main .content .columns .righty { width: 33%; }

@media only screen and (max-width: 767.98px) { .main .content .columns .righty { width: 100%; } }

.main p { font-size: 23px; font-size: 1.3939393939vw; line-height: 1.6842105263em; color: #6a6a6a; margin: 0 0 1.6842105263em 0; }

@media (max-width: 1147.8260869565px) { .main p { font-size: 16px; } }

@media (min-width: 1650px) { .main p { font-size: 23px; } }

.main p + h2 { margin-top: 4%; }

.main p + h3 { margin-top: 61px; }

.main p.mouse { font-size: 15px; font-size: 0.9090909091vw; }

@media (max-width: 1320px) { .main p.mouse { font-size: 12px; } }

@media (min-width: 1650px) { .main p.mouse { font-size: 15px; } }

.main ul { font-size: 23px; font-size: 1.3939393939vw; line-height: 1.6842105263em; color: #6a6a6a; margin: 0 0 1.6842105263em 24px; }

@media (max-width: 1147.8260869565px) { .main ul { font-size: 16px; } }

@media (min-width: 1650px) { .main ul { font-size: 23px; } }

.main ol { font-size: 23px; font-size: 1.3939393939vw; line-height: 1.6842105263em; color: #6a6a6a; margin: 0 0 1.6842105263em 30px; }

@media (max-width: 1147.8260869565px) { .main ol { font-size: 16px; } }

@media (min-width: 1650px) { .main ol { font-size: 23px; } }

.main .wp-caption img + .wp-caption-text { margin-top: 10px; }

.main .wp-caption .wp-caption-text { font-size: 20px; font-size: 1.2121212121vw; }

@media (max-width: 1072.5px) { .main .wp-caption .wp-caption-text { font-size: 13px; } }

@media (min-width: 1650px) { .main .wp-caption .wp-caption-text { font-size: 20px; } }

.banner { position: relative; font-size: 0; margin: 0 0 40px 0; overflow: hidden; }

@media only screen and (max-width: 767.98px) { .banner { margin: 0 0 20px 0; } }

.banner img { width: 100%; max-width: 100%; height: auto; }

.banner.banner--thin + h1 { margin-top: 30px; }

.banner.banner--overlay h1 { position: absolute; left: 0; bottom: 0; width: 100%; padding: 100px 0 45px 0; margin: 0; font-size: 88px; font-size: 5.3333333333vw; color: #fff; text-align: center; background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }

@media (max-width: 693.75px) { .banner.banner--overlay h1 { font-size: 37px; } }

@media (min-width: 1650px) { .banner.banner--overlay h1 { font-size: 88px; } }

@media only screen and (max-width: 767.98px) { .banner.banner--overlay h1 { padding: 100px 0 10px 0; } }

.banner.banner--hero h1 { position: absolute; left: 0; bottom: -5.6%; width: 100%; padding: 10% 0 0 7%; margin: 0; font-size: 170px; font-size: 10.303030303vw; color: #fff; text-align: left; background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }

@media (max-width: 485.2941176471px) { .banner.banner--hero h1 { font-size: 50px; } }

@media (min-width: 1650px) { .banner.banner--hero h1 { font-size: 170px; } }

@media only screen and (max-width: 767.98px) { .banner.banner--hero h1 { bottom: -6%; padding: 100px 0 0 24px; } }

.introduction { max-width: 83%; margin: 0 auto; }

.introduction.introduction--standard, .introduction.introduction--overlay { text-align: center; padding: 4.7% 0 6.7%; position: relative; }

@media only screen and (max-width: 767.98px) { .introduction.introduction--standard, .introduction.introduction--overlay { margin-bottom: 0; padding: 0 0 0 0; } }

.introduction.introduction--standard .introduction__text, .introduction.introduction--overlay .introduction__text { position: relative; padding-bottom: 40px; }

@media only screen and (max-width: 767.98px) { .introduction.introduction--standard .introduction__text, .introduction.introduction--overlay .introduction__text { padding-bottom: 30px; } }

.introduction.introduction--standard .introduction__text:after, .introduction.introduction--overlay .introduction__text:after { display: block; position: absolute; content: ''; width: 140px; height: 7px; background-color: #eff2f3; bottom: 10px; left: 50%; transform: translateX(-50%); }

@media only screen and (max-width: 767.98px) { .introduction.introduction--standard .introduction__text:after, .introduction.introduction--overlay .introduction__text:after { bottom: 18px; width: 100px; height: 5px; } }

.introduction.introduction--standard .introduction__text h2, .introduction.introduction--overlay .introduction__text h2 { font-size: 45px; font-size: 2.7272727273vw; line-height: 1.3636363636em; font-weight: 300; color: #95b6cb; margin: 0; }

@media (max-width: 733.3333333333px) { .introduction.introduction--standard .introduction__text h2, .introduction.introduction--overlay .introduction__text h2 { font-size: 20px; } }

@media (min-width: 1650px) { .introduction.introduction--standard .introduction__text h2, .introduction.introduction--overlay .introduction__text h2 { font-size: 45px; } }

.introduction.introduction--hero { padding: 20px 0 0 0; margin-bottom: 60px; background-image: url("../img/leaves-light.svg"); background-repeat: no-repeat; background-position: 24px 0; background-size: auto 100%; }

@media only screen and (max-width: 767.98px) { .introduction.introduction--hero { padding: 24px 10px; margin-bottom: 20px; background-position: right center; } }

.introduction.introduction--hero h2 { font-size: 34px; font-size: 2.0606060606vw; line-height: 1.6666666667em; font-weight: 700; color: #56c54a; margin: 0 0 24px 0; }

@media (max-width: 922.0588235294px) { .introduction.introduction--hero h2 { font-size: 19px; } }

@media (min-width: 1650px) { .introduction.introduction--hero h2 { font-size: 34px; } }

.introduction.introduction--hero p { font-size: 31px; font-size: 1.8787878788vw; padding-left: 150px; }

@media (max-width: 851.6129032258px) { .introduction.introduction--hero p { font-size: 16px; } }

@media (min-width: 1650px) { .introduction.introduction--hero p { font-size: 31px; } }

@media only screen and (max-width: 767.98px) { .introduction.introduction--hero p { padding: 0; } }

.introduction.introduction--hero p:last-child { margin: 0; }

.button { display: inline-block; background: #56c54a; color: #fff !important; font-size: 25px; font-size: 1.5151515152vw; font-weight: 500; padding: 9px 15px 8px; text-decoration: none; line-height: 1em; border: 0 !important; }

@media (max-width: 1056px) { .button { font-size: 16px; } }

@media (min-width: 1650px) { .button { font-size: 25px; } }

.button:after { display: inline-block; content: ''; width: 34px; height: 10px; background-image: url("../img/arrow-long-white.svg"); background-size: 100% 100%; margin: 0 0 0 5px; }

.button.button--large { font-size: 27px; font-size: 1.6363636364vw; padding: 14px 20px 13px; }

@media (max-width: 1038.8888888889px) { .button.button--large { font-size: 17px; } }

@media (min-width: 1650px) { .button.button--large { font-size: 27px; } }

.button:hover { color: #fff; background: #49a73f; }

.button.button--orange { background: #ff7833; }

.button.button--orange:hover { background: #ff5600; }

.button.button--blue { background: #43a4d4; }

.button.button--blue:hover { background: #008ab8; }

.home__headline { position: relative; text-align: center; padding: 30px 0 7.85% 0; border-bottom: 1px solid #dddddd; }

@media only screen and (max-width: 767.98px) { .home__headline:before { position: absolute; background: #dddedb; left: 0; bottom: 20px; content: ''; width: 100%; height: 1px; } }

.home__headline:after { position: absolute; left: 50%; transform: translateX(-50%); content: ''; bottom: 15px; width: 2.466666667%; height: 100px; background-image: url("../img/leaves-dark.svg"); background-repeat: no-repeat; background-position: center bottom; background-size: 100%; pointer-events: none; }

@media only screen and (max-width: 767.98px) { .home__headline:after { width: 40px; height: 50px; background-color: #fff; padding: 0 5px; bottom: 5px; background-size: 22px 50px; } }

@media only screen and (max-width: 767.98px) { .home__headline { padding: 10px 30px 60px 30px; } }

.home__headline h2 { font-family: "Canela Web", "Georgia", "Times New Roman", "Times", "serif"; font-size: 70px; font-size: 4.2424242424vw; line-height: 1.1em; font-weight: 700; color: #56c54a; margin: 0 0 18px 0; }

@media (max-width: 707.1428571429px) { .home__headline h2 { font-size: 30px; } }

@media (min-width: 1650px) { .home__headline h2 { font-size: 70px; } }

.home__headline p { font-size: 26px; font-size: 1.5757575758vw; line-height: 1.5609756098em; margin: 0; }

@media (max-width: 1015.3846153846px) { .home__headline p { font-size: 16px; } }

@media (min-width: 1650px) { .home__headline p { font-size: 26px; } }

@media only screen and (max-width: 767.98px) { .home__headline p br { display: none; } }

.home__grid { border-bottom: 1px solid #dddddd; }

.home__grid .flex { display: flex; }

@media only screen and (max-width: 767.98px) { .home__grid .flex { flex-direction: column-reverse; } }

.home__grid .flex .home__grid__item { width: 50%; }

@media only screen and (max-width: 767.98px) { .home__grid .flex .home__grid__item { width: 100%; } }

.home__grid .flex .home__grid__item .home__grid__item__inner { width: 100%; height: 100%; background: #ccc; }

.home__grid .flex .home__grid__quotes { padding: 25px 25px 25px 0; border-right: 1px solid #dddddd; overflow: hidden; }

@media only screen and (max-width: 767.98px) { .home__grid .flex .home__grid__quotes { padding: 20px 0; border-bottom: 1px solid #dddedb; height: 500px; } }

.home__grid .flex .home__grid__quotes .slick-slider, .home__grid .flex .home__grid__quotes .slick-list, .home__grid .flex .home__grid__quotes .slick-track, .home__grid .flex .home__grid__quotes .slick-slide, .home__grid .flex .home__grid__quotes .slick-slide div { height: 100%; }

.home__grid .flex .home__grid__quotes .quote { background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100%; position: relative; }

.home__grid .flex .home__grid__quotes .quote blockquote { position: absolute; left: 0; bottom: 0; right: 0; padding: 100px 30px 30px 30px; margin: 0; width: 100%; background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }

.home__grid .flex .home__grid__quotes .quote blockquote p { font-size: 26px; font-size: 1.5757575758vw; line-height: 1.3em; font-weight: 700; color: #fff; margin: 0; padding: 0; }

@media (max-width: 1078.8461538462px) { .home__grid .flex .home__grid__quotes .quote blockquote p { font-size: 17px; } }

@media (min-width: 1650px) { .home__grid .flex .home__grid__quotes .quote blockquote p { font-size: 26px; } }

.home__grid .flex .home__grid__quotes .quote blockquote p + footer { margin-top: 10px; }

.home__grid .flex .home__grid__quotes .quote blockquote p:before { display: block; content: ''; background-image: url("../img/quote-blue.svg"); background-repeat: no-repeat; background-size: 100% 100%; width: 26px; height: 23px; margin: 0 0 10px 0; }

.home__grid .flex .home__grid__quotes .quote blockquote footer { font-size: 19px; font-size: 1.1515151515vw; font-weight: 500; color: #fff; }

@media (max-width: 1172.3684210526px) { .home__grid .flex .home__grid__quotes .quote blockquote footer { font-size: 13.5px; } }

@media (min-width: 1650px) { .home__grid .flex .home__grid__quotes .quote blockquote footer { font-size: 19px; } }

.home__grid .flex .home__grid__quotes p { margin: 0; padding: 0; }

.home__grid .flex .home__grid__featured { padding: 25px 0 25px 25px; }

@media only screen and (max-width: 767.98px) { .home__grid .flex .home__grid__featured { border-top: 0; padding: 0 0 20px 0; border-bottom: 1px solid #dddedb; height: auto; } }

.home__grid .flex .home__grid__featured .home__grid__item__inner { position: relative; }

.home__grid .flex .home__grid__featured .home__grid__featured__image { font-size: 0; position: relative; }

.home__grid .flex .home__grid__featured .home__grid__featured__image img { width: 100%; height: auto; }

.home__grid .flex .home__grid__featured .home__grid__featured__image h2 { width: 100%; padding: 0 0 0 90px; position: absolute; bottom: -7px; font-size: 55px; font-size: 3.3333333333vw; line-height: 1em; font-family: "Canela Web", "Georgia", "Times New Roman", "Times", "serif"; color: #fff; margin: 0; background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); }

@media (max-width: 1080px) { .home__grid .flex .home__grid__featured .home__grid__featured__image h2 { font-size: 36px; } }

@media (min-width: 1650px) { .home__grid .flex .home__grid__featured .home__grid__featured__image h2 { font-size: 55px; } }

@media only screen and (max-width: 767.98px) { .home__grid .flex .home__grid__featured .home__grid__featured__image h2 { padding: 0 0 0 24px; bottom: -5px; } }

.home__grid .flex .home__grid__featured .home__grid__featured__text { position: relative; }

.home__grid .flex .home__grid__featured .home__grid__featured__text a { display: block; text-decoration: none; color: inherit; position: relative; padding: 30px 90px; background: #e5e173; }

@media only screen and (max-width: 767.98px) { .home__grid .flex .home__grid__featured .home__grid__featured__text a { padding: 24px; } }

.home__grid .flex .home__grid__featured .home__grid__featured__text a:after { display: inline-block; content: ''; width: 34px; height: 10px; background-image: url("../img/arrow-long-grey.svg"); background-size: 100% 100%; margin: 0 0 0 5px; }

.home__grid .flex .home__grid__featured .home__grid__featured__text a:hover { background: #d7d363; }

.home__grid .flex .home__grid__featured .home__grid__featured__text p { font-size: 23px; font-size: 1.3939393939vw; line-height: 1.5833333333em; font-weight: 500; margin: 0; color: #383838; }

@media (max-width: 1291.3043478261px) { .home__grid .flex .home__grid__featured .home__grid__featured__text p { font-size: 18px; } }

@media (min-width: 1650px) { .home__grid .flex .home__grid__featured .home__grid__featured__text p { font-size: 23px; } }

.home__map { margin: 25px 0 75px; display: flex; justify-content: center; align-items: center; height: 710px; background: #56c54a; background-size: cover; background-position: center center; }

@media only screen and (max-width: 767.98px) { .home__map { margin: 20px 0; } }

.home__map .home__map__text { width: 60%; }

@media only screen and (max-width: 767.98px) { .home__map .home__map__text { width: 80%; } }

.home__map .home__map__text h2 { font-family: "Canela Web", "Georgia", "Times New Roman", "Times", "serif"; font-size: 54px; font-size: 3.2727272727vw; line-height: 1.1em; color: #1b2f65; }

@media (max-width: 977.7777777778px) { .home__map .home__map__text h2 { font-size: 32px; } }

@media (min-width: 1650px) { .home__map .home__map__text h2 { font-size: 54px; } }

.home__map .home__map__text p { margin: 0; }

@media only screen and (max-width: 767.98px) { .home__map .home__map__text .button { display: block; margin: 0 0 10px 0; text-align: center; } }

@media only screen and (max-width: 767.98px) { .home__map .home__map__text .button:after { display: none; } }

.home__stories .stories { margin: 0; }

.home__stories .stories .story.home__stories__introduction { padding: 25px; display: flex; flex-direction: column; justify-content: center; }

@media only screen and (min-width: 1650px) { .home__stories .stories .story.home__stories__introduction { padding: 25px 75px !important; } }

@media only screen and (max-width: 767.98px) { .home__stories .stories .story.home__stories__introduction { padding: 25px 50px !important; } }

.home__stories .stories .story.home__stories__introduction h2 { font-family: "Canela Web", "Georgia", "Times New Roman", "Times", "serif"; font-size: 73px; font-size: 4.4242424242vw; line-height: 1.1em; color: #43a4d4; }

@media (max-width: 1186.6438356164px) { .home__stories .stories .story.home__stories__introduction h2 { font-size: 52.5px; } }

@media (min-width: 1650px) { .home__stories .stories .story.home__stories__introduction h2 { font-size: 73px; } }

.home__stories .stories .story.home__stories__introduction h2 + p:before { content: ''; display: block; width: 113px; height: 7px; background: #f0f3f4; margin: 0 0 20px 0; }

.home__stories .stories .story.home__stories__introduction p { font-size: 25px; font-size: 1.5151515152vw; color: #383838; margin: 0; }

@media (max-width: 1188px) { .home__stories .stories .story.home__stories__introduction p { font-size: 18px; } }

@media (min-width: 1650px) { .home__stories .stories .story.home__stories__introduction p { font-size: 25px; } }

.page-template-template-grants-history .content { border-bottom: 1px solid #bdbebd; }

.grant__history { max-width: 630px; margin: 0 auto; padding: 0 30px 60px 30px; }

.grant__history h2 { position: relative; font-size: 39px; font-size: 2.3636363636vw; color: #70acd1; margin: 0; padding: 61px 0 9px 0; letter-spacing: 2px; font-weight: 500; }

@media (max-width: 1269.2307692308px) { .grant__history h2 { font-size: 30px; } }

@media (min-width: 1650px) { .grant__history h2 { font-size: 39px; } }

.grant__history h2:before { font-size: 34px; position: absolute; transform: rotate(90deg); content: '...'; letter-spacing: 7px; color: #a8d6ed; top: 18px; left: 14px; }

.grant__years { max-width: 630px; margin: 40px auto 0; }

.grant__years .grant__year { border-top: 1px solid #dddedc; }

@media only screen and (max-width: 767.98px) { .grant__years .grant__year { padding: 0 0 0 24px; } }

.grant__years .grant__year:last-child { border-bottom: 1px solid #dddedc; }

.grant__years .grant__year.year--open h2:before { content: '\f068'; }

.grant__years .grant__year.year--open ul.grantees { display: block; }

.grant__years .grant__year h2 { font-size: 39px; font-size: 2.3636363636vw; color: #70acd1; margin: 0; padding: 11px 0; letter-spacing: 2px; font-weight: 500; }

@media (max-width: 1269.2307692308px) { .grant__years .grant__year h2 { font-size: 30px; } }

@media (min-width: 1650px) { .grant__years .grant__year h2 { font-size: 39px; } }

.grant__years .grant__year h2:before { font-family: "Font Awesome 5 Pro"; content: '\f067'; font-weight: 400; font-size: 20px; color: #5edece; margin: 0 17px 0 0; vertical-align: 4px; }

.grant__years .grant__year h2:hover { cursor: pointer; }

.grant__years .grant__year ul.grantees { display: none; list-style: none; margin: 0 24px 0 30px; padding: 0; }

@media only screen and (max-width: 767.98px) { .grant__years .grant__year ul.grantees { margin-left: 0; } }

.grant__years .grant__year ul.grantees li { font-size: 25px; font-size: 1.5151515152vw; line-height: 1.3em; margin: 0 0 16px 0; color: #6a6a6a; }

@media (max-width: 990px) { .grant__years .grant__year ul.grantees li { font-size: 15px; } }

@media (min-width: 1650px) { .grant__years .grant__year ul.grantees li { font-size: 25px; } }

@media only screen and (max-width: 767.98px) { .grant__years .grant__year ul.grantees li { margin: 0 0 4px 0; } }

.grant__years .grant__year ul.grantees li .trigger { display: inline-block; width: 100%; }

.grant__years .grant__year ul.grantees li .trigger:before { display: inline-block; font-family: "Font Awesome 5 Pro"; content: '\f067'; font-weight: 400; color: #f07a30; font-size: 12px; margin: 0 10px 0 0; vertical-align: 2px; }

.grant__years .grant__year ul.grantees li:hover { cursor: pointer; color: #000; }

.grant__years .grant__year ul.grantees li:last-child dl { border: 0px; }

.grant__years .grant__year ul.grantees li.grant--open { color: #191919; font-weight: 700; }

.grant__years .grant__year ul.grantees li.grant--open .trigger:before { content: '\f068'; }

.grant__years .grant__year ul.grantees li.grant--open dl { display: block; }

.grant__years .grant__year ul.grantees li dl { display: none; font-weight: 400; color: #6a6a6a; font-style: italic; line-height: 1.6842105263em; margin: 0 0 0 42px; padding: 5px 0 10px 0; border-bottom: 2px dotted #dfe0df; }

@media only screen and (max-width: 767.98px) { .grant__years .grant__year ul.grantees li dl { margin-left: 19px; } }

.grant__years .grant__year ul.grantees li dl div { margin: 0 0 0 0; }

.grant__years .grant__year ul.grantees li dl dt { display: inline-block; margin: 0 5px 0 0; }

.grant__years .grant__year ul.grantees li dl dt:after { content: ':'; }

.grant__years .grant__year ul.grantees li dl dt.website { display: none; }

.grant__years .grant__year ul.grantees li dl dd { display: inline; margin: 0 0 0 0; }

.grant__years .grant__year ul.grantees li dl dd.website { display: block; }

.grant__years .grant__year ul.grantees li dl dd.website a { color: inherit; text-decoration: none; border-bottom: 6px solid #bae5f8; }

.grant__years .grant__year ul.grantees li dl dd.website a:hover { border-color: #ff7833; }

.grant__years .grant__year ul.grantees li dl dd:after { display: block; content: ''; }

.stories + .back-forth, .related + .back-forth, .quote + .back-forth { margin-top: 75px; }

@media only screen and (max-width: 767.98px) { .stories + .back-forth, .related + .back-forth, .quote + .back-forth { margin-top: 17px; } }

.stories { position: relative; display: flex; flex-wrap: wrap; flex-grow: 1; margin: 0; border-top: 1px solid #dddedb; }

.stories:after { content: ''; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #dddedb; }

@media only screen and (max-width: 767.98px) { .stories:after { display: none; } }

.stories .story { width: 33.333333333%; padding: 25px; font-size: 0; border-bottom: 1px solid #dddedb; border-right: 1px solid #dddedb; }

@media only screen and (max-width: 767.98px) { .stories .story { width: 100% !important; padding: 18px !important; border-right: 0 !important; } }

@media only screen and (max-width: 767.98px) { .stories .story:last-child { border-bottom: 0 !important; padding-bottom: 0 !important; } }

.stories .story a { width: 100%; height: 100%; text-decoration: none; display: flex; flex-direction: column; }

.stories .story a:hover .story__image img { transform: scale(1.05); }

.stories .story:nth-child(1), .stories .story:nth-child(4), .stories .story:nth-child(7), .stories .story:nth-child(10), .stories .story:nth-child(13), .stories .story:nth-child(16), .stories .story:nth-child(19) { width: calc(33.333333% - 8px); padding-left: 0; }

@media only screen and (min-width: 1650px) { .stories .story:nth-child(1), .stories .story:nth-child(4), .stories .story:nth-child(7), .stories .story:nth-child(10), .stories .story:nth-child(13), .stories .story:nth-child(16), .stories .story:nth-child(19) { width: calc(33.333333% + 17px); padding-left: 75px; } }

.stories .story:nth-child(2), .stories .story:nth-child(5), .stories .story:nth-child(8), .stories .story:nth-child(11), .stories .story:nth-child(14), .stories .story:nth-child(17), .stories .story:nth-child(29) { width: calc(33.333333% + 16px); }

@media only screen and (min-width: 1650px) { .stories .story:nth-child(2), .stories .story:nth-child(5), .stories .story:nth-child(8), .stories .story:nth-child(11), .stories .story:nth-child(14), .stories .story:nth-child(17), .stories .story:nth-child(29) { width: calc(33.333333% - 34px); } }

.stories .story:nth-child(3), .stories .story:nth-child(6), .stories .story:nth-child(9), .stories .story:nth-child(12), .stories .story:nth-child(15), .stories .story:nth-child(18), .stories .story:nth-child(21) { width: calc(33.333333% - 8px); padding-right: 0; border-right: 0; }

@media only screen and (min-width: 1650px) { .stories .story:nth-child(3), .stories .story:nth-child(6), .stories .story:nth-child(9), .stories .story:nth-child(12), .stories .story:nth-child(15), .stories .story:nth-child(18), .stories .story:nth-child(21) { width: calc(33.333333% + 17px); padding-right: 75px; } }

.stories .story .story__image { overflow: hidden; }

.stories .story .story__image img { width: 100%; height: auto; transition: all ease-in-out .1s; }

.stories .story .story__text { flex-grow: 1; width: 100%; background-color: #eff2f3; padding: 35px 40px; }

@media only screen and (max-width: 767.98px) { .stories .story .story__text { padding: 25px; } }

.stories .story .story__text h3, .stories .story .story__text h4 { font-size: 23px; font-size: 1.3939393939vw; line-height: 1.5277777778em; font-weight: 700; }

@media (max-width: 1291.3043478261px) { .stories .story .story__text h3, .stories .story .story__text h4 { font-size: 18px; } }

@media (min-width: 1650px) { .stories .story .story__text h3, .stories .story .story__text h4 { font-size: 23px; } }

.stories .story .story__text h3 { text-transform: none; letter-spacing: 0; color: #383838; margin: 0 0 0 0; }

.stories .story .story__text h3:after { display: block; content: ''; width: 34px; height: 10px; background-image: url("../img/arrow-long-grey.svg"); background-size: 100% 100%; margin: 3% 0 0 0; }

.stories .story .story__text h4 { text-transform: none; letter-spacing: 0; color: #ff7833; margin: 0 0 0 0; }

.stories__filter { text-align: center; padding: 50px 0; }

@media only screen and (max-width: 1023.98px) { .stories__filter { background: #f0f3f4; padding: 60px 0 30px 0; margin: 0 0 20px; } }

.stories__filter .filter__title { font-size: 18px; font-size: 1.0909090909vw; font-weight: 700; color: #6f6f6f; text-transform: uppercase; letter-spacing: 3px; }

@media (max-width: 1191.6666666667px) { .stories__filter .filter__title { font-size: 13px; } }

@media (min-width: 1650px) { .stories__filter .filter__title { font-size: 18px; } }

@media only screen and (max-width: 1023.98px) { .stories__filter .filter__title { display: block; margin: 0 0 10px 0; letter-spacing: 2px; } }

.stories__filter .filter__title:after { content: ':'; margin: 0 0 0 5px; }

@media only screen and (max-width: 1023.98px) { .stories__filter .filter__title:after { display: none; } }

.stories__filter ul { display: inline; list-style: none; font-size: 0; margin: 0; padding: 0; }

.stories__filter ul li { font-size: 18px; font-size: 1.0909090909vw; line-height: 1em; display: inline; margin: 0 0 0 30px; color: #6f6f6f; text-transform: uppercase; letter-spacing: 2px; }

@media (max-width: 1191.6666666667px) { .stories__filter ul li { font-size: 13px; } }

@media (min-width: 1650px) { .stories__filter ul li { font-size: 18px; } }

@media only screen and (max-width: 1023.98px) { .stories__filter ul li { display: inline-block; margin: 0 10px 10px 10px; } }

.stories__filter ul li a { color: inherit; text-decoration: none; }

.stories__filter ul li a:hover { text-decoration: underline; }

.featured { position: relative; padding: 64px 50px 0 50px; }

@media only screen and (max-width: 1023.98px) { .featured { padding: 0; } }

.featured h1 { font-size: 70px; font-size: 4.2424242424vw; position: relative; z-index: 1; margin: 0 0 55px 0; }

@media (max-width: 766.0714285714px) { .featured h1 { font-size: 32.5px; } }

@media (min-width: 1650px) { .featured h1 { font-size: 70px; } }

@media only screen and (max-width: 1023.98px) { .featured h1 { margin: 0 0 25px 0; } }

.featured:before { position: absolute; top: 0; left: 0; display: block; content: ''; background: #f0f3f4; width: 100%; height: 415px; z-index: 0; pointer-events: none; }

@media only screen and (max-width: 1023.98px) { .featured:before { display: none; } }

.featured .story { position: relative; z-index: 1; text-align: right; }

@media only screen and (max-width: 1023.98px) { .featured .story { background: #f0f3f4; } }

.featured .story .story__image { font-size: 0; width: 66%; float: right; position: relative; overflow: hidden; }

@media only screen and (max-width: 1023.98px) { .featured .story .story__image { width: 100%; float: none; } }

.featured .story .story__image img { max-width: 100%; height: auto; }

.featured .story .story__text { max-width: 45%; text-align: left; position: absolute; z-index: 100; top: 30px; left: 0; background: #e4e073; padding: 5.7%; }

@media only screen and (max-width: 1023.98px) { .featured .story .story__text { width: calc(100% - 40px); max-width: 100%; position: relative; margin-top: -100px; left: 20px; padding: 60px 50px; } }

.featured .story .story__text:before { position: absolute; top: 25px; left: 25px; right: 25px; bottom: 25px; border: 7px solid #fff; background: none; display: block; content: ''; z-index: 0; pointer-events: none; }

@media only screen and (max-width: 1023.98px) { .featured .story .story__text:before { top: 25px; left: 25px; right: 25px; bottom: 25px; } }

.featured .story .story__text h2 { font-size: 33px; font-size: 2vw; line-height: 1.3em; font-weight: 700; color: #1b2f66; margin: 0 0 10px 0; }

@media (max-width: 1000px) { .featured .story .story__text h2 { font-size: 20px; } }

@media (min-width: 1650px) { .featured .story .story__text h2 { font-size: 33px; } }

.featured .story .story__text h2 a { color: inherit; text-decoration: none; }

.featured .story .story__text h3 { font-size: 20px; font-size: 1.2121212121vw; font-weight: 700; letter-spacing: 2.5px; color: #ff7833; margin: 0 0 10px 0; }

@media (max-width: 1031.25px) { .featured .story .story__text h3 { font-size: 12.5px; } }

@media (min-width: 1650px) { .featured .story .story__text h3 { font-size: 20px; } }

.featured .story .story__text p { font-size: 23px; font-size: 1.3939393939vw; line-height: 1.4444444444em; color: #000; margin: 0 0 0 0; }

@media (max-width: 1147.8260869565px) { .featured .story .story__text p { font-size: 16px; } }

@media (min-width: 1650px) { .featured .story .story__text p { font-size: 23px; } }

.featured .story .story__text p a { display: block; text-decoration: none; color: inherit; }

.featured .story .story__text p a:after { display: block; content: ''; width: 34px; height: 10px; background-image: url("../img/arrow-long-grey.svg"); background-size: 100% 100%; margin: 3% 0 0 0; }

body.single-post .main h3.story__category { font-size: 36px; font-size: 2.1818181818vw; font-weight: 300; text-align: center; text-transform: none; color: #696a69; margin: 0; letter-spacing: 0; }

@media (max-width: 916.6666666667px) { body.single-post .main h3.story__category { font-size: 20px; } }

@media (min-width: 1650px) { body.single-post .main h3.story__category { font-size: 36px; } }

body.single-post .main h1 { font-size: 79px; font-size: 4.7878787879vw; line-height: 1.2em; margin: 18px auto 45px; max-width: 83%; }

@media (max-width: 626.582278481px) { body.single-post .main h1 { font-size: 30px; } }

@media (min-width: 1650px) { body.single-post .main h1 { font-size: 79px; } }

body.single-post .main .text { padding-bottom: 72px; }

body.single-post .main .text p:first-child:first-letter { font-family: "Canela Web", "Georgia", "Times New Roman", "Times", "serif"; float: left; color: #d1ccb3; font-size: 120px; font-size: 7.2727272727vw; line-height: 0.9411764706em; padding-top: 0px; padding-right: 8px; }

@media (max-width: 1402.5px) { body.single-post .main .text p:first-child:first-letter { font-size: 102px; } }

@media (min-width: 1650px) { body.single-post .main .text p:first-child:first-letter { font-size: 120px; } }

body.single-post .main .text p:last-child { margin: 0; }

body.single-post .main .related { border-top: 1px solid #dddedb; }

body.single-post .main .related h2 { font-size: 33px; font-size: 2vw; text-align: center; font-weight: 300; color: #6a6a6a; margin: 72px 0 72px 0; }

@media (max-width: 1250px) { body.single-post .main .related h2 { font-size: 25px; } }

@media (min-width: 1650px) { body.single-post .main .related h2 { font-size: 33px; } }

body.single-post .featured__image { margin: 0 0 55px 0; font-size: 0; min-height: 130px; }

@media only screen and (max-width: 767.98px) { body.single-post .featured__image { margin: 0 0 24px 0; } }

body.single-post .featured__image img { max-width: 100%; width: 100%; height: auto; }

@media only screen and (max-width: 767.98px) { body.single-post .category-grantee-profile .featured__image, body.single-post .category-impact-investment-profile .featured__image { margin: 0px; } }

body.single-post .category-grantee-profile .grantee__intro, body.single-post .category-impact-investment-profile .grantee__intro { width: 50%; background: #e3df6d; padding: 80px; position: relative; margin: -185px auto 50px auto; }

body.single-post .category-grantee-profile .grantee__intro.no--image, body.single-post .category-impact-investment-profile .grantee__intro.no--image { margin-top: 30px; }

@media only screen and (max-width: 767.98px) { body.single-post .category-grantee-profile .grantee__intro, body.single-post .category-impact-investment-profile .grantee__intro { width: calc(100% - 40px); margin-top: -50px; padding: 62px 50px; } }

body.single-post .category-grantee-profile .grantee__intro:before, body.single-post .category-impact-investment-profile .grantee__intro:before { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; border: 7px solid #fff; background: none; display: block; content: ''; z-index: 0; }

@media only screen and (max-width: 767.98px) { body.single-post .category-grantee-profile .grantee__intro:before, body.single-post .category-impact-investment-profile .grantee__intro:before { top: 20px; left: 20px; right: 20px; bottom: 20px; } }

body.single-post .category-grantee-profile .grantee__intro h1, body.single-post .category-impact-investment-profile .grantee__intro h1 { font-size: 43px; font-size: 2.6060606061vw; margin: 0; max-width: 100%; }

@media (max-width: 1131.976744186px) { body.single-post .category-grantee-profile .grantee__intro h1, body.single-post .category-impact-investment-profile .grantee__intro h1 { font-size: 29.5px; } }

@media (min-width: 1650px) { body.single-post .category-grantee-profile .grantee__intro h1, body.single-post .category-impact-investment-profile .grantee__intro h1 { font-size: 43px; } }

body.single-post .category-grantee-profile .grantee__intro h1 + p, body.single-post .category-impact-investment-profile .grantee__intro h1 + p { margin-top: 30px; }

body.single-post .category-grantee-profile .grantee__intro h3, body.single-post .category-impact-investment-profile .grantee__intro h3 { font-size: 15px; font-size: 0.9090909091vw; letter-spacing: 4px; font-weight: 700; color: #ff7833; text-align: center; margin: 0 0 16px 0; }

@media (max-width: 1320px) { body.single-post .category-grantee-profile .grantee__intro h3, body.single-post .category-impact-investment-profile .grantee__intro h3 { font-size: 12px; } }

@media (min-width: 1650px) { body.single-post .category-grantee-profile .grantee__intro h3, body.single-post .category-impact-investment-profile .grantee__intro h3 { font-size: 15px; } }

@media only screen and (max-width: 767.98px) { body.single-post .category-grantee-profile .grantee__intro h3, body.single-post .category-impact-investment-profile .grantee__intro h3 { margin: 0 0 4px 0; } }

body.single-post .category-grantee-profile .grantee__intro p, body.single-post .category-impact-investment-profile .grantee__intro p { margin: 0; text-align: center; }

body.single-post blockquote.quote { border-top: 1px solid #dddedb; border-bottom: 1px solid #dddedb; padding: 23px 0; margin: 0; }

body.single-post blockquote.quote + .related { border-top: 0; }

body.single-post blockquote.quote div { background: #60c4c7; text-align: center; padding: 155px 150px 112px 150px; position: relative; }

@media only screen and (max-width: 1023.98px) { body.single-post blockquote.quote div { padding: 155px 25px; } }

body.single-post blockquote.quote div:before { content: '“'; font-size: 150px; font-weight: 700; color: #48b0b5; position: absolute; top: 52px; left: 50%; transform: translateX(-50%); }

body.single-post blockquote.quote div p { font-size: 32px; font-size: 1.9393939394vw; line-height: 1.5208333333em; color: #fff; margin: 0 0 26px 0; }

@media (max-width: 1237.5px) { body.single-post blockquote.quote div p { font-size: 24px; } }

@media (min-width: 1650px) { body.single-post blockquote.quote div p { font-size: 32px; } }

body.single-post blockquote.quote div footer { font-size: 20px; font-size: 1.2121212121vw; text-transform: uppercase; letter-spacing: 1px; color: #fff; }

@media (max-width: 1237.5px) { body.single-post blockquote.quote div footer { font-size: 15px; } }

@media (min-width: 1650px) { body.single-post blockquote.quote div footer { font-size: 20px; } }

body.single-post .tags { font-size: 23px; font-size: 1.3939393939vw; font-style: italic; }

@media (max-width: 1076.0869565217px) { body.single-post .tags { font-size: 15px; } }

@media (min-width: 1650px) { body.single-post .tags { font-size: 23px; } }

body.single-post .tags .tag__title { font-size: 19px; font-size: 1.1515151515vw; font-style: normal; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }

@media (max-width: 1302.6315789474px) { body.single-post .tags .tag__title { font-size: 15px; } }

@media (min-width: 1650px) { body.single-post .tags .tag__title { font-size: 19px; } }

body.single-post .tags .tag__title:after { content: ':'; margin: 0 15px; }

.back-forth { font-size: 18px; font-size: 1.0909090909vw; text-align: center; text-transform: uppercase; letter-spacing: 1.5px; color: #6f6f6f; margin: 0; }

@media (max-width: 1283.3333333333px) { .back-forth { font-size: 14px; } }

@media (min-width: 1650px) { .back-forth { font-size: 18px; } }

.back-forth .spacer { margin: 0 20px; }

.back-forth a { color: inherit; text-decoration: none; }

@media only screen and (max-width: 1023.98px) { .back-forth a { display: block; } }

.back-forth a.older--stories:after { display: inline-block; content: ''; width: 34px; height: 10px; background-image: url("../img/arrow-long-lightgrey-right.svg"); background-size: 100% 100%; margin: 0 0 0 6px; }

.back-forth a.newer--stories:before { display: inline-block; content: ''; width: 34px; height: 10px; background-image: url("../img/arrow-long-lightgrey-left.svg"); background-size: 100% 100%; margin: 0 6px 0 0; }

.page-template-template-board-staff .content h1 { border-bottom: 1px solid #bdbebd; padding-bottom: 37px; margin-bottom: 47px; }

@media only screen and (max-width: 767.98px) { .page-template-template-board-staff .content h1 { padding-bottom: 0; margin-bottom: 30px; border: 0; } }

@media only screen and (max-width: 767.98px) { .page-template-template-board-staff .columns { flex-direction: column-reverse !important; } }

.page-template-template-board-staff .staff { padding-left: 100px; }

@media only screen and (max-width: 767.98px) { .page-template-template-board-staff .staff { padding: 0; } }

@media only screen and (max-width: 767.98px) { .page-template-template-board-staff .staff h2 { text-align: center; margin: 40px 0 20px 0; } }

.page-template-template-board-staff .staff .person { margin: 0 0 76px 0; }

@media only screen and (max-width: 767.98px) { .page-template-template-board-staff .staff .person { margin: 0 0 25px 0; } }

.page-template-template-board-staff .staff .person:last-child { margin: 0; }

.page-template-template-board-staff .staff .person:after { display: block; content: ''; width: 115px; height: 7px; background-color: #eff2f3; margin-top: 60px; }

@media only screen and (max-width: 767.98px) { .page-template-template-board-staff .staff .person:after { display: none; } }

.page-template-template-board-staff .staff .person .person__image { margin: 0 0 25px 0; max-width: 100%; }

.page-template-template-board-staff .staff .person .person__image img { max-width: 100%; height: auto; }

.page-template-template-board-staff .staff .person .person__text p:last-child { margin: 0; }

@media only screen and (max-width: 767.98px) { .page-template-template-board-staff .staff .person .person__text { padding: 0 25px; } }

@media only screen and (max-width: 767.98px) { .page-template-template-board-staff .board { padding: 0 20px; } }

.page-template-template-board-staff .board .box { width: 100%; position: relative; background: #eef7fa; padding: 88px 74px; }

@media only screen and (max-width: 767.98px) { .page-template-template-board-staff .board .box { padding: 70px 50px; } }

.page-template-template-board-staff .board .box:before { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; border: 7px solid #fff; background: none; display: block; content: ''; z-index: 0; }

@media only screen and (max-width: 767.98px) { .page-template-template-board-staff .board .box:before { top: 20px; left: 20px; right: 20px; bottom: 20px; } }

.page-template-template-board-staff .board .box h2 { font-size: 23px; font-size: 1.3939393939vw; font-weight: 500; text-transform: uppercase; letter-spacing: 3px; color: #95b6cb; margin: 0 0 40px 0; }

@media (max-width: 1219.5652173913px) { .page-template-template-board-staff .board .box h2 { font-size: 17px; } }

@media (min-width: 1650px) { .page-template-template-board-staff .board .box h2 { font-size: 23px; } }

.page-template-template-board-staff .board .box ul { list-style: none; color: #6a6a6a; font-size: 25px; font-size: 1.5151515152vw; line-height: 1.2em; margin: 0; padding: 0; }

@media (max-width: 1254px) { .page-template-template-board-staff .board .box ul { font-size: 19px; } }

@media (min-width: 1650px) { .page-template-template-board-staff .board .box ul { font-size: 25px; } }

.page-template-template-board-staff .board .box ul li { margin: 0 0 21px 0; }

.page-template-template-board-staff .board .box ul li:last-child { margin: 0; }

.page-template-template-food-vision-prize .introduction.introduction--overlay { text-align: left; }

.page-template-template-food-vision-prize .introduction.introduction--overlay .introduction__text { width: 49%; margin-right: 2%; float: left; }

@media only screen and (max-width: 767.98px) { .page-template-template-food-vision-prize .introduction.introduction--overlay .introduction__text { width: 100%; margin: 0 0 25px 0; float: none; text-align: center; } }

.page-template-template-food-vision-prize .introduction.introduction--overlay .introduction__text:after { left: 0; transform: none; width: 25%; height: 3.2%; }

@media only screen and (max-width: 767.98px) { .page-template-template-food-vision-prize .introduction.introduction--overlay .introduction__text:after { position: absolute; left: 50%; transform: translateX(-50%); } }

.page-template-template-food-vision-prize .introduction.introduction--overlay img { width: 49%; height: auto; }

@media only screen and (max-width: 767.98px) { .page-template-template-food-vision-prize .introduction.introduction--overlay img { width: 100%; margin: 0 0 25px 0; } }

.page-template-template-food-vision-prize .cta { display: flex; margin: 80px 0 40px 0; border-top: 1px solid #dddedc; border-bottom: 1px solid #dddedc; }

@media only screen and (max-width: 767.98px) { .page-template-template-food-vision-prize .cta { flex-direction: column; margin: 25px 0; } }

.page-template-template-food-vision-prize .cta .widget { width: 33.333333%; padding: 24px; display: flex; }

.page-template-template-food-vision-prize .cta .widget:nth-child(1) { width: calc(33.333333% - 8px); padding-left: 0; }

.page-template-template-food-vision-prize .cta .widget:nth-child(2) { width: calc(33.333333% + 16px); }

.page-template-template-food-vision-prize .cta .widget:nth-child(3) { width: calc(33.333333% - 8px); padding-right: 0; border-right: 0; }

@media only screen and (max-width: 767.98px) { .page-template-template-food-vision-prize .cta .widget { width: 100% !important; padding: 20px; } }

.page-template-template-food-vision-prize .cta .widget h2 { font-weight: 700; }

.page-template-template-food-vision-prize .cta .widget.widget--signup { padding-left: 0; }

@media only screen and (max-width: 767.98px) { .page-template-template-food-vision-prize .cta .widget.widget--signup { padding-left: 20px; border-bottom: 1px solid #dddedb; } }

.page-template-template-food-vision-prize .cta .widget.widget--signup .widget__inner { background: #e4e072; padding: 13% 11%; display: flex; flex-direction: column; justify-content: center; }

.page-template-template-food-vision-prize .cta .widget.widget--signup h2 { font-size: 59px; font-size: 3.5757575758vw; color: #f07836; margin: 0 0 10px 0; }

@media (max-width: 1258.4745762712px) { .page-template-template-food-vision-prize .cta .widget.widget--signup h2 { font-size: 45px; } }

@media (min-width: 1650px) { .page-template-template-food-vision-prize .cta .widget.widget--signup h2 { font-size: 59px; } }

.page-template-template-food-vision-prize .cta .widget.widget--signup p { font-size: 23px; font-size: 1.3939393939vw; line-height: 1.52777777783em; margin: 0 0 20px 0; color: #383838; }

@media (max-width: 1291.3043478261px) { .page-template-template-food-vision-prize .cta .widget.widget--signup p { font-size: 18px; } }

@media (min-width: 1650px) { .page-template-template-food-vision-prize .cta .widget.widget--signup p { font-size: 23px; } }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_confirmation_message { font-size: 25px; font-size: 1.5151515152vw; line-height: 1.52777777783em; font-weight: 700; margin: 0 0 10px 0; color: #fff; }

@media (max-width: 1188px) { .page-template-template-food-vision-prize .cta .widget.widget--signup .gform_confirmation_message { font-size: 18px; } }

@media (min-width: 1650px) { .page-template-template-food-vision-prize .cta .widget.widget--signup .gform_confirmation_message { font-size: 25px; } }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper { margin: 0; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border: 0; padding: 12px 15px; line-height: normal !important; min-height: 0 !important; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder { color: #6a6a6a; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder { color: #6a6a6a; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder { color: #6a6a6a; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-ms-input-placeholder { color: #6a6a6a; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder { color: #6a6a6a; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper ul.gform_fields { padding: 0; margin: 0; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper ul.gform_fields li.gfield { padding: 0; margin: 0; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper ul.gform_fields li.hidden_label input { margin: 0; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper .top_label div.ginput_container { margin: 0; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper .gform_footer { margin: 12px 0 0 0; padding: 0; }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper .gform_footer .button { font-family: "Gelion", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-size: 25px; font-size: 1.5151515152vw; border: 0; font-weight: 700; background-color: #7bd751; padding: 16px 15px 15px; transition: all ease-in-out .3s; -webkit-appearance: none; border: 0; line-height: normal; height: auto; }

@media (max-width: 1056px) { .page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper .gform_footer .button { font-size: 16px; } }

@media (min-width: 1650px) { .page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper .gform_footer .button { font-size: 25px; } }

.page-template-template-food-vision-prize .cta .widget.widget--signup .gform_wrapper .gform_footer .button:hover { cursor: pointer; background: #87c841; }

.page-template-template-food-vision-prize .cta .widget.widget--inquire { border-left: 1px solid #dddedb; border-right: 1px solid #dddedb; }

@media only screen and (max-width: 767.98px) { .page-template-template-food-vision-prize .cta .widget.widget--inquire { border-left: 0px; border-right: 0px; border-bottom: 1px solid #dddedb; } }

.page-template-template-food-vision-prize .cta .widget.widget--inquire .widget__inner { background-size: cover; background-position: center center; background-color: #ccc; padding: 8%; }

.page-template-template-food-vision-prize .cta .widget.widget--inquire .widget__inner .widget__inner__box { padding: 20px; background: rgba(144, 214, 69, 0.95); width: 65%; }

.page-template-template-food-vision-prize .cta .widget.widget--inquire h2 { font-size: 42px; font-size: 2.5454545455vw; color: #fff; margin: 0; }

@media (max-width: 1257.1428571429px) { .page-template-template-food-vision-prize .cta .widget.widget--inquire h2 { font-size: 32px; } }

@media (min-width: 1650px) { .page-template-template-food-vision-prize .cta .widget.widget--inquire h2 { font-size: 42px; } }

.page-template-template-food-vision-prize .cta .widget.widget--inquire p { font-size: 21px; font-size: 1.2727272727vw; line-height: 1.3125em; color: #383838; margin: 0; }

@media (max-width: 1257.1428571429px) { .page-template-template-food-vision-prize .cta .widget.widget--inquire p { font-size: 16px; } }

@media (min-width: 1650px) { .page-template-template-food-vision-prize .cta .widget.widget--inquire p { font-size: 21px; } }

.page-template-template-food-vision-prize .cta .widget.widget--inquire p a { display: inline-block; font-size: 23px; font-size: 1.3939393939vw; font-weight: 700; border-bottom: 1px solid #fff; padding: 0 0 5px 0; text-decoration: none; color: inherit; margin: 10px 0 0 0; }

@media (max-width: 1291.3043478261px) { .page-template-template-food-vision-prize .cta .widget.widget--inquire p a { font-size: 18px; } }

@media (min-width: 1650px) { .page-template-template-food-vision-prize .cta .widget.widget--inquire p a { font-size: 23px; } }

.page-template-template-food-vision-prize .cta .widget.widget--inquire p a:hover { color: #fff; }

@media only screen and (max-width: 767.98px) { .page-template-template-food-vision-prize .cta .widget.widget--follow { padding-right: 20px; } }

.page-template-template-food-vision-prize .cta .widget.widget--follow .widget__inner { background: #51c4c7; padding: 13% 11%; display: flex; flex-direction: column; justify-content: center; }

.page-template-template-food-vision-prize .cta .widget.widget--follow h2 { font-size: 59px; font-size: 3.5757575758vw; color: #fff; margin: 0 0 10px 0; }

@media (max-width: 1258.4745762712px) { .page-template-template-food-vision-prize .cta .widget.widget--follow h2 { font-size: 45px; } }

@media (min-width: 1650px) { .page-template-template-food-vision-prize .cta .widget.widget--follow h2 { font-size: 59px; } }

.page-template-template-food-vision-prize .cta .widget.widget--follow p { font-size: 23px; font-size: 1.3939393939vw; line-height: 1.5277777778em; color: #383838; margin: 0 0 1.1em 0; }

@media (max-width: 1291.3043478261px) { .page-template-template-food-vision-prize .cta .widget.widget--follow p { font-size: 18px; } }

@media (min-width: 1650px) { .page-template-template-food-vision-prize .cta .widget.widget--follow p { font-size: 23px; } }

.page-template-template-food-vision-prize .cta .widget.widget--follow p:last-child { margin: 0; }

.page-template-template-food-vision-prize .cta .widget.widget--follow p a { display: flex; align-items: center; font-weight: 700; color: inherit; text-decoration: none; margin: 0 0 0 0; line-height: 1.2775757576em; }

.page-template-template-food-vision-prize .cta .widget.widget--follow p a:hover { color: #75edf2; }

.page-template-template-food-vision-prize .cta .widget.widget--follow p a:before { flex-shrink: 0; content: ''; width: 50px; height: 50px; line-height: 0; background-image: url("../img/facebook-icon.svg"); background-repeat: no-repeat; background-size: 100% 100%; margin: -2px 15px 0 0; }

.page-template-template-food-vision-prize h2.fvp--map-header, .page-template-template-food-vision-prize h2.fvp--stories-header { font-size: 33px; font-size: 2vw; text-align: center; font-weight: 300; color: #6a6a6a; margin: 72px 0 72px 0; }

@media (max-width: 1250px) { .page-template-template-food-vision-prize h2.fvp--map-header, .page-template-template-food-vision-prize h2.fvp--stories-header { font-size: 25px; } }

@media (min-width: 1650px) { .page-template-template-food-vision-prize h2.fvp--map-header, .page-template-template-food-vision-prize h2.fvp--stories-header { font-size: 33px; } }

@media only screen and (max-width: 767.98px) { .page-template-template-food-vision-prize h2.fvp--map-header, .page-template-template-food-vision-prize h2.fvp--stories-header { margin: 25px 0; } }

.map__wrapper { position: relative; height: 900px; display: flex; border-top: 1px solid #e0e1e0; padding-top: 25px; }

@media only screen and (max-width: 767.98px) { .map__wrapper { flex-direction: column-reverse; height: 90vh; justify-content: flex-end; align-items: flex-end; } }

@media only screen and (max-width: 767.98px) { .map__wrapper.pin--clicked .map { height: 100%; } }

@media only screen and (max-width: 767.98px) { .map__wrapper.pin--clicked .panel { display: none; } }

body.page-template-template-our-work .map__wrapper .panel { background-color: #b0cece; }

body.page-template-template-food-vision-prize .map__wrapper { border: 0; padding: 0; }

body.page-template-template-food-vision-prize .map__wrapper .panel { background-color: #c8beb1; }

@media only screen and (max-width: 767.98px) { body.page-template-template-food-vision-prize .map__wrapper .panel p:first-child { margin: 0; } }

@media only screen and (max-width: 767.98px) { body.page-template-template-food-vision-prize .map__wrapper .panel p:last-child { display: none; } }

@media only screen and (max-width: 767.98px) { body.page-template-template-food-vision-prize .map__wrapper .map { margin: 0 0 110px 0; overflow: visible; } }

.map__wrapper .panel { width: 40%; padding: 40px; overflow-y: auto; }

@media only screen and (max-width: 767.98px) { .map__wrapper .panel { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: auto; padding: 25px; flex-shrink: 0; z-index: 10; padding: 20px 20px 10px 20px; } }

.map__wrapper .panel .panel__content { margin: 0 0 10px 0; }

.map__wrapper .panel h2 { font-family: "Canela Web", "Georgia", "Times New Roman", "Times", "serif"; font-size: 58px; font-size: 3.5151515152vw; color: #fff; }

@media (max-width: 1081.0344827586px) { .map__wrapper .panel h2 { font-size: 38px; } }

@media (min-width: 1650px) { .map__wrapper .panel h2 { font-size: 58px; } }

.map__wrapper .panel h3 { font-size: 23px; font-size: 1.3939393939vw; font-weight: 700; color: #000; margin: 0 0 5px 0; }

@media (max-width: 1219.5652173913px) { .map__wrapper .panel h3 { font-size: 17px; } }

@media (min-width: 1650px) { .map__wrapper .panel h3 { font-size: 23px; } }

.map__wrapper .panel h4 { font-size: 24px; font-size: 1.4545454545vw; font-weight: 700; color: #000; margin: 0 0 15px 0; }

@media (max-width: 1237.5px) { .map__wrapper .panel h4 { font-size: 18px; } }

@media (min-width: 1650px) { .map__wrapper .panel h4 { font-size: 24px; } }

.map__wrapper .panel h5 { font-size: 18px; font-size: 1.0909090909vw; font-weight: 400; font-style: italic; margin: 0 0 15px 0; color: #000; letter-spacing: 0; }

@media (max-width: 1650px) { .map__wrapper .panel h5 { font-size: 18px; } }

@media (min-width: 1650px) { .map__wrapper .panel h5 { font-size: 18px; } }

.map__wrapper .panel p { font-size: 21px; font-size: 1.2727272727vw; line-height: 1.4545454545em; color: #000; }

@media (max-width: 1257.1428571429px) { .map__wrapper .panel p { font-size: 16px; } }

@media (min-width: 1650px) { .map__wrapper .panel p { font-size: 21px; } }

.map__wrapper .panel p:last-child { margin: 0; }

.map__wrapper .panel img { max-width: 100%; height: auto; margin: 0 0 20px 0; }

.map__wrapper .panel a.grantee__profile { display: block; font-size: 20px; font-size: 1.2121212121vw; font-weight: 700; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; color: #fff; margin: 0 0 10px 0; }

@media (max-width: 907.5px) { .map__wrapper .panel a.grantee__profile { font-size: 11px; } }

@media (min-width: 1650px) { .map__wrapper .panel a.grantee__profile { font-size: 20px; } }

.map__wrapper .panel a.grantee__profile:after { display: inline-block; content: ''; width: 34px; height: 10px; background-image: url("../img/arrow-long-white.svg"); background-size: 100% 100%; margin: 0 0 0 5px; }

.map__wrapper .panel a.school__profile { display: block; font-size: 20px; font-size: 1.2121212121vw; text-decoration: none; margin: 0 0 10px 0; color: #000; /* &:after { display: inline-block; content: ''; width: 34px; height: 10px; background-image: url('../img/arrow-long-white.svg'); background-size: 100% 100%; margin: 0 0 0 5px; } */ }

@media (max-width: 1155px) { .map__wrapper .panel a.school__profile { font-size: 14px; } }

@media (min-width: 1650px) { .map__wrapper .panel a.school__profile { font-size: 20px; } }

.map__wrapper .panel a.school__profile span.date { font-weight: 700; color: #fff; }

.map__wrapper .panel a.school__profile span.date:after { content: ': '; }

.map__wrapper .panel a.grantee__list { display: none; font-size: 16px; font-size: 0.9696969697vw; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #829697; margin-top: 10px; }

@media (max-width: 1134.375px) { .map__wrapper .panel a.grantee__list { font-size: 11px; } }

@media (min-width: 1650px) { .map__wrapper .panel a.grantee__list { font-size: 16px; } }

.map__wrapper .map { width: 60%; height: 100%; position: relative; }

@media only screen and (max-width: 767.98px) { .map__wrapper .map { height: 100%; } }

.map__wrapper .map .map__shadow { width: 100%; height: 100%; pointer-events: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; box-shadow: 0px 3px 120px 0px rgba(20, 117, 185, 0.15) inset; }

.map__wrapper .map .map__legend { width: calc(100% - ($inset * 4)); pointer-events: none; position: absolute; right: 60px; bottom: 30px; left: 30px; z-index: 1000; background: rgba(255, 255, 255, 0.8); border-radius: 5px; box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.15); padding: 20px 30px; }

@media only screen and (max-width: 767.98px) { .map__wrapper .map .map__legend { left: 15px; right: 15px; width: calc(100% - ($inset * 2)); bottom: -120px; padding: 20px 10px 10px 30px; } }

.map__wrapper .map .map__legend ul { margin: 0; padding: 0; display: flex; justify-content: space-around; align-items: flex-start; list-style-type: none; font-size: 0; }

@media only screen and (max-width: 767.98px) { .map__wrapper .map .map__legend ul { flex-wrap: wrap; justify-content: space-around; } }

.map__wrapper .map .map__legend ul li { width: 18%; font-size: 15px; font-size: 0.9090909091vw; line-height: 1.3em; font-weight: 500; color: #000; }

@media (max-width: 1210px) { .map__wrapper .map .map__legend ul li { font-size: 11px; } }

@media (min-width: 1650px) { .map__wrapper .map .map__legend ul li { font-size: 15px; } }

@media only screen and (max-width: 767.98px) { .map__wrapper .map .map__legend ul li { width: 40%; margin: 0 0 10px 0; } }

.map__wrapper .map .map__legend ul li span { display: inline-block; margin: 0 8px 0 -26px; width: 18px; height: 18px; border-radius: 100%; vertical-align: -3px; }

@media only screen and (max-width: 767.98px) { .map__wrapper .map .map__legend ul li span { vertical-align: -5px; margin: 0 6px 0 -24px; } }

@media only screen and (max-width: 767.98px) { .map__wrapper .map { width: 100%; } }

.map__wrapper .map .mapboxgl-marker { position: absolute; background-image: url("../img/pin-orange.svg"); background-size: 100%; width: 27px; height: 40px; cursor: pointer; }

.map__wrapper .map .mapboxgl-marker.marker--active { background-image: url("../img/pin-blue.svg"); }

.map__wrapper .map .mapboxgl-popup { max-width: 300px; }

.map__wrapper .map .mapboxgl-popup .mapboxgl-popup-tip { display: none; }

.map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content { box-shadow: none; padding: 10px 10px 6px 10px; background: rgba(255, 255, 255, 0.8); border-radius: 5px; box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.15); }

.map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content h3 { font-family: "Gelion", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-size: 20px; font-size: 1.2121212121vw; line-height: 22px; font-weight: 700; color: #000; text-transform: none; letter-spacing: 0; margin: 0; }

@media (max-width: 1485px) { .map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content h3 { font-size: 18px; } }

@media (min-width: 1650px) { .map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content h3 { font-size: 20px; } }

.map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content h4 { font-family: "Gelion", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-size: 18px; font-size: 1.0909090909vw; line-height: 22px; font-weight: 400; color: #000; text-transform: none; letter-spacing: 0; margin: 0; }

@media (max-width: 1466.6666666667px) { .map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content h4 { font-size: 16px; } }

@media (min-width: 1650px) { .map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content h4 { font-size: 18px; } }

.map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content h4 + .school__profile { margin-top: 10px; }

.map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content .grantee__profile { text-transform: uppercase; letter-spacing: 1px; text-decoration: none; }

.map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content .school__profile { margin: 0 0 10px 0; text-decoration: none; color: #000; }

.map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content .school__profile:last-child { margin: 0; }

.map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content .school__profile .date { font-weight: 700; }

.map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content .grantee__profile, .map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content .school__profile { display: none; }

@media only screen and (max-width: 767.98px) { .map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content .grantee__profile, .map__wrapper .map .mapboxgl-popup .mapboxgl-popup-content .school__profile { display: block; color: #ff7833; text-decoration: underline; } }

.markers .marker { display: none; }

.main .content .text .gallery { margin: 5% 0; }

@media only screen and (max-width: 767.98px) { .main .content .text .gallery { width: calc(100% + 48px); margin: 5% -24px; } }

.main .content .text .gallery + .gallery__captions { margin-top: -4%; }

@media only screen and (max-width: 767.98px) { .main .content .text .gallery + .gallery__captions { margin-top: 0; } }

.main .content .text .gallery a { border: 0; }

.main .content .text .gallery figure.gallery__item { padding: 0; margin: 0; font-size: 0; }

.main .content .text .gallery.gallery--grid { display: flex; flex-wrap: wrap; border-top: 1px solid #dddedc; }

@media only screen and (max-width: 767.98px) { .main .content .text .gallery.gallery--grid { flex-direction: column; } }

.main .content .text .gallery.gallery--grid .gallery__item { width: 50%; border-bottom: 1px solid #dddedc; }

@media only screen and (max-width: 767.98px) { .main .content .text .gallery.gallery--grid .gallery__item { width: 100%; } }

.main .content .text .gallery.gallery--grid .gallery__item:nth-child(odd) { padding: 20px 20px 20px 0; border-right: 1px solid #dddedc; }

@media only screen and (max-width: 1023.98px) { .main .content .text .gallery.gallery--grid .gallery__item:nth-child(odd) { border-right: 0px; padding: 20px 0; } }

.main .content .text .gallery.gallery--grid .gallery__item:nth-child(even) { padding: 20px 0 20px 20px; }

@media only screen and (max-width: 1023.98px) { .main .content .text .gallery.gallery--grid .gallery__item:nth-child(even) { border-right: 0px; padding: 20px 0; } }

.main .content .text .gallery.gallery--grid .gallery__item img { height: auto; max-width: 100%; }

.main .content .text .gallery.gallery--masonry { margin-left: -10.24096386%; margin-right: -10.24096386%; }

.main .content .text .gallery.gallery--masonry .gutter-sizer { width: 1.6666666667%; }

@media only screen and (max-width: 1023.98px) { .main .content .text .gallery.gallery--masonry .gutter-sizer { width: 0; } }

.main .content .text .gallery.gallery--masonry .grid-sizer, .main .content .text .gallery.gallery--masonry .gallery__item { width: 32.2222222222%; }

@media only screen and (max-width: 1023.98px) { .main .content .text .gallery.gallery--masonry .grid-sizer, .main .content .text .gallery.gallery--masonry .gallery__item { width: 100%; } }

.main .content .text .gallery.gallery--masonry .gallery__item { display: block; margin-bottom: 2%; }

.main .content .text .gallery.gallery--masonry .gallery__item figcaption { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(168, 223, 91, 0.93); color: #4b4b4b; font-size: 22px; font-size: 1.3333333333vw; line-height: 1.8333333333em; font-weight: 500; display: flex; justify-content: center; align-items: center; padding: 50px; opacity: 0; transition: all ease-in-out .1s; pointer-events: none; text-align: center; }

@media (max-width: 1200px) { .main .content .text .gallery.gallery--masonry .gallery__item figcaption { font-size: 16px; } }

@media (min-width: 1650px) { .main .content .text .gallery.gallery--masonry .gallery__item figcaption { font-size: 22px; } }

.main .content .text .gallery.gallery--masonry .gallery__item:hover { cursor: pointer; }

.main .content .text .gallery.gallery--masonry .gallery__item:hover figcaption { opacity: 1; }

.main .content .text .gallery.gallery--masonry .gallery__item img { max-width: 100%; height: auto; }

.main .content .text p.gallery__captions { font-size: 20px; font-size: 1.2121212121vw; margin: 0 0 5% 0; }

@media (max-width: 1072.5px) { .main .content .text p.gallery__captions { font-size: 13px; } }

@media (min-width: 1650px) { .main .content .text p.gallery__captions { font-size: 20px; } }

.main .content .text p.gallery__captions span:after { content: ' / '; }

.main .content .text p.gallery__captions span:last-child:after { content: ''; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

body.compensate-for-scrollbar { overflow: hidden; }

.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { box-sizing: border-box; }

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }

.fancybox-slide--image { overflow: hidden; padding: 44px 0; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-container [data-selectable='true'] { cursor: text; }

.fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

/* Fix iOS */
.fancybox-iframe { left: 0; position: absolute; top: 0; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

/* Buttons */
.fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }

.fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

/* Fix IE11 */
.fancybox-button div { height: 100%; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: currentColor; stroke-width: 0; }

.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; }

.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; }

.fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-close-small:hover { color: #fff; opacity: 1; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }

.fancybox-navigation .fancybox-button div { padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); }

/* Caption */
.fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; }

@supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } }

.fancybox-caption--separate { margin-top: -50px; }

.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

/* Loading indicator */
.fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }

@-webkit-keyframes fancybox-rotate { 100% { transform: rotate(360deg); } }

@keyframes fancybox-rotate { 100% { transform: rotate(360deg); } }

/* Transition effects */
.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } }

/* Share */
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }

.fancybox-share p { margin: 0; padding: 0; }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }

.fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; }

.fancybox-share__button:hover { text-decoration: none; }

.fancybox-share__button--fb { background: #3b5998; }

.fancybox-share__button--fb:hover { background: #344e86; }

.fancybox-share__button--pt { background: #bd081d; }

.fancybox-share__button--pt:hover { background: #aa0719; }

.fancybox-share__button--tw { background: #1da1f2; }

.fancybox-share__button--tw:hover { background: #0d95e8; }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }

.fancybox-share__button svg path { fill: #fff; }

.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }

/* Thumbs */
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs { display: block; }

.fancybox-show-thumbs .fancybox-inner { right: 212px; }

.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }

.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }

.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }

.fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; }

.fancybox-thumbs__list a:focus::before { opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } }