/*
Theme Name: Fair Food Network
Author: Phire Group
Author URI: http://thephiregroup.com/
Version: 1.1
*/

@media screen {

	/* RESETS */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, main,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, main, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

	/* WORDPRESS CLASSES */

	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 0 20px 20px 0;
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {
		background-color: #fafafa;
		border: 1px #d9d9d9 dotted;
		max-width: 96%; /* Image does not overflow the content area */
		padding: 5px 5px 0 5px;
		text-align: center;
		border-radius: 3px;
	}

	.wp-caption.alignnone {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		border: 0 none;
		height: auto;
		margin: 0;
		max-width: 98.5%;
		padding: 0;
		width: auto;
	}

	.wp-caption p.wp-caption-text {
		font-size: 11px;
		line-height: 17px;
		margin: 0 !important;
		padding: 0 0 10px 0;
	}
	
	.wp-caption p {
		margin: 0 !important;
	}

	/* Text meant only for screen readers. */
	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
	}

	.screen-reader-text:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000; /* Above WP toolbar. */
	}
	
	
	/* GLOBAL */
	
	body {
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", Arial, sans-serif;
		font-size: 18px;
		line-height: 24px;
		color: #4d4d4f;
		text-align: center;
		position: relative;
	}
	
	.row {
		margin: 0 auto;
		width: 1170px;
		text-align: left;
	}
	
	section {
		background-color: #ffffff;
		background-image: url(/wp-content/themes/ffn/images/bkg_main.png);
		z-index: 0;
	}

	a {
		color: #75c159;
		text-decoration: none;
		transition: all 0.3s ease 0s;
	}

	p {
		margin: 0 0 1.5em 0;
	}
	
	strong, b {
		font-weight: 700;
	}
	
	i, em {
		font-style: italic;
	}
	
	.fl {
		float: left;
	}
	
	.cl {
		clear: left;
	}
	
	.clearfix::after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: '';
	}
	
	.hide_on_desktop {
		display: none;
	}
	
	ol {
		list-style-type: decimal;
		margin: 0 0 1.5em 35px;
	}

	#header_mobile {
		display: none;
	}
	
	.hide_on_desktop {
		display: none;
	}
	
	h1 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 48px;
		line-height: 48px;
		color: #4d4d4f;
		margin-bottom: 36px;
	}
	
	h2 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 48px;
		line-height: 48px;
		color: #4d4d4f;
		margin-bottom: 33px;
		text-align: center;
	}
	
	h3 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 30px;
		line-height: 30px;
		color: #4d4d4f;
		margin-bottom: 20px;
	}
	
	h4 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	h5 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 16px;
		margin-bottom: 16px;
	}
	
	.sub_nav a.red {
		color: #de5129;
	}
	.sub_nav a.purple {
		color: #7453a2;
	}
	.sub_nav a.blue {
		color: #70cac9;	
	}
	.sub_nav a.orange {
		color: #ee7a28;	
	}
	.sub_nav a.green {
		color: #369944;	
	}
	.sub_nav a.yellow {
		color: #ecb21f;	
	}
	.sub_nav a.light_green {
		color: #75c159;	
	}
	.sub_nav a.light_purple {
		color: #a97cca;	
	}
	
	.header_image {
		height: 530px;
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	.header_image.oran_head {
		height: 600px;
	}
	
	.sub_nav {
		padding: 27px 0 27px 0;
		border-bottom: 4px #f4f4f4 solid;
		text-align: center;
		margin-bottom: 40px;
		height: 82px;
		box-sizing: border-box;
		-webkit-transform: translate3d(0,0,0);
		background-color: #ffffff;
	}
	
	.sub_nav ul {
		display: inline-block;
	}
	
	.sub_nav li {
		float: left;
		list-style: none;
	}
	
	.sub_nav a {
		display: block;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		color: #4d4d4f;
		margin-left: 25px;
		line-height: 18px;
		text-transform: uppercase;
	}
	
	.sub_nav_padding {
		padding-top: 123px;
	}
	
	.stuck {
		background-color: #f4f4f4;
		position: fixed;
		top: 65px;
		z-index: 2;
		width: 100%;
		height: 82px;
		display: block;
	}
	
	.stuck2 {
		background-color: #f4f4f4;
		border: 0;
		display: none;
		position: fixed;
		top: 65px;
		left: 0;
		right: 0;
		z-index: 20;
		width: 1170px;
		margin: 0px auto;
	}
	
	.nm {
		margin: 0 !important;
	}
	
	.mr30 {
		margin-right: 30px;
	}
	
	.mb30 {
		margin-bottom: 30px;
	}
	
	.mb100 {
		margin-bottom: 100px;
	}
	
	#main {
		padding-top: 65px;
		position: relative;
	}
	
	.last {
		margin-right: 0 !important;
	}
	
	.pt30 {
		padding-top: 30px;
	}
	
	.pt50 {
		padding-top: 50px;
	}
	
	.pt70 {
		padding-top: 70px;
	}
	
	.pt100 {
		padding-top: 100px;
	}
	
	.pb60 {
		padding-bottom: 60px;
	}
	
	.pb100 {
		padding-bottom: 100px;
	}
	
	.centered {
		text-align: center;
	}
	
	.view_all {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		text-align: center;
		font-size: 18px;
	}
	
	.red {
		color: #de5129 !important;
	}
	.purple {
		color: #7453a2 !important;
	}
	.blue {
		color: #70cac9 !important;	
	}
	.orange {
		color: #ee7a28 !important;	
	}
	.green {
		color: #369944 !important;	
	}
	.yellow {
		color: #ecb21f !important;	
	}
	.light_green {
		color: #75c159 !important;	
	}
	.white {
		color: #ffffff !important;	
	}
	.light_purple {
		color: #a97cca !important;	
	}
	.light_yellow {
		color: #f5d88f !important;
	}
	.light_blue {
		color: #b7e4e4 !important;
	}
	.light_purple {
		color: #b9a9d0 !important;
	}
	
	.dig_in {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		color: #a97cca;
	}
	
	.indicator {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		color: #7453a2;
	}
	
	.fr {
		float: right;
	}
	
	.expander {
		cursor: pointer;
	}
	
	.drawer {
		display: none;
		margin: 1.5em 0 1.5em 0;
	}
	
	
	/* SPLASH */
	
	#splash_container {
		position: fixed;
		top: 0;
		height: 82vh;
		left: 0;
		right: 0;
	}
	
	#splash {
		height: 82vh;
		position: relative;
	}
	
	#splash_arrow {
		position: absolute;
		top: -15px;
		left: 0;
		right: 0;
	}
	
	#splash_arrow img {
		cursor: pointer;
	}
	
	#splash_arrow:hover {
		opacity: 0.7;
	}
	
	#splash_arrow img {
		width: 30px;
		height: 30px;
		z-index: 9;
	}
	
	#nav_splash {
		background-color: #ffffff;
		height: 18vh;
		position: relative;
		margin-top: 82vh;
	}
	
	#nav_splash ul li {
		padding-top: 35px;
		display: inline-block;
		list-style: none;
	}
	
	#nav_splash a {
		display: block;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 24px;
		color: #4d4d4f;
		margin-left: 30px;
		box-sizing: border-box;
		text-transform: uppercase;
		z-index: 9;
	}
	
	#nav_splash ul li:nth-of-type(1) a {
		margin-left: 0;
	}
	
	video#bgvid { 
		position: fixed;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index: -100;
		-ms-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		background: url(/wp-content/themes/ffn/images/ffn_web_loop-poster.jpg) no-repeat;
		background-size: cover; 
	}
	
	#splash_give {
		z-index: 9;
	}
	
	#splash_give:hover {
		opacity: 0.7;
	}
	
	#fma_mobile {
		display: none;
	}
	
	#fma_desktop {
		display: block;
		height: 630px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(/wp-content/themes/ffn/images/home_main_2017.jpg);
	}
	
	#fma_desktop .row {
		height: 100%;
		display: table;
	}
	
	.fma_text {
		display: table-cell;
		vertical-align: middle;
	}
	
	.fma_text_inner {
		width: 400px;
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		color: #ffffff;
		font-size: 48px;
		line-height: 48px;
		float: right;
	}
	
	.splash_line_1 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 72px;
		line-height: 72px;
		color: #ffffff;
		margin: 40px 0 10px 0;	
	}
	
	.splash_line_2 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 24px;
		line-height: 24px;
		color: #ffffff;	
	}
	

	/* HEADER */
	
	header {
		height: 65px;
		position: fixed;
		top: 0;
		z-index: 9;
		background-color: #ffffff;
		text-align: center;
		width: 100%;
	}
	
	.header_pad {
		max-width: 1366px;
		min-width: 1170px;
		margin: 0px auto;
		position: relative;
	}

	.is_active {
		border-top: 10px;
	}
	
	.nav_left {
		text-align: left;
	}

	.nav_right {
		float: right;
		width: 425px;
		padding: 0 15px 0 0;
		text-align: right;
	}
	
	header .social_icon {
	
	}
	
	#logo {
		float: left;
	}
	
	#logo img {
		margin: 10px 0 0 15px;
	}
	
	#nav ul li {
		float: left;
		list-style: none;
		position: relative;
	}
	
	#nav a {
		display: block;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 20px;
		color: #4d4d4f;
		margin-left: 30px;
		line-height: 45px;
		height: 45px;
		box-sizing: border-box;
		border-top: 10px solid #ffffff;
		text-transform: uppercase;
	}
	
	#nav ul li:hover > a {
		color: #75c159;
		border-top: 10px solid #75c159;
	}
	
	#nav ul li.current-menu-item a {
		color: #75c159;
		border-top: 10px solid #75c159;
	}

	#nav ul li.current-page-ancestor a {
		color: #75c159;
		border-top: 10px solid #75c159;
	}
	
	#nav ul li.current-menu-item ul li a {
		color: inherit;
		border-top: 0 !important;
	}

	#nav ul li.current-page-ancestor ul li a {
		color: inherit;
		border-top: 0 !important;
	}
	
	#nav ul li.current-menu-item ul li a:hover {
		color: #75c159 !important;
	}

	#nav ul li.current-page-ancestor ul li a:hover {
		color: #75c159 !important;
	}
	
	.nav_right li {
		list-style: none;
		display: inline;
		margin-left: 18px;
		height: 65px;
		line-height: 65px;
	}
	
	.nav_right li img {
		vertical-align: middle;
	}
	
	#nav ul li  ul.sub-menu {
		display: none;
		background-color: #ffffff;
		opacity: 0.9;
		width: 220px;
		padding: 30px 0 10px 0;
		position: absolute;
		top: 100%;
	}
	
	#nav ul li.menu-item-has-children:hover > .sub-menu {
		display: block;
	}
	
	#nav ul li ul.sub-menu li {
		float: none;
	}
	
	#nav .sub-menu a {
		font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
		color: #4d4d4f;
		font-size: 16px;
		line-height: 32px;
		text-transform: none;
		height: auto;
		border: 0 !important;
	}
	
	.sub-menu li.current-menu-item a {
		color: #4d4d4f !important;
	}
	
	#nav ul li.current-menu-item ul li.current-menu-item {
		color: #4d4d4f;
	}
	
	.search_btn {
		cursor: pointer;
	}
	
	#search_box {
		position: absolute;
		right: 0;
		top: 65px;
		width: 470px;
		height: 65px;
		background-color: #ffffff;
		opacity: 0.9;
		border: 2px #f4f4f4 solid;
	}

	.search_glass {
		position: absolute;
		left: 26px;
		top: 23px;
	}
	
	.search_exit {
		position: absolute;
		right: 24px;
		top: 24px;
		cursor: pointer;
	}
	
	.search_field {
		border: 0;
		font-size: 16px;
		width: 285px;
		position: absolute;
		left: 85px;
		top: 24px;
	}
	
	.search_field:focus {
		outline: none;	
	}
	
	.search_field::-webkit-search-cancel-button{
		display: none; 
	}
	
	#search_box_inline {
		width: 170px;
		height: 65px;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.search_form_inline {
		width: 170px;
		height: 65px;
		margin: 0 !important;
		padding: 0 !important;
		display: inline; 
	}
	
	.search_field_inline {
		border: 0;
		font-size: 14px;
		width: 130px;
		margin-left: 10px;
	}
	
	.search_field_inline:focus {
		outline: none;	
	}
	
	.search_field_inline::-webkit-search-cancel-button{
		display: none; 
	}
	
	.search_exit_inline {
		cursor: pointer;
	}

	
	/* BLOCKS */
	
	.block_1 a, .block_2 a, .block_3 a, .block_4 a, .block_5 a, .block_6 a, .block_7 a, .block_8 a, .block_9 a, .block_10 a, .block_11 a, .block_12 a, .block_13 a    {
		color: #ffffff;
	}
	
	.block_1 {
		float: left;
		width: 570px;
		min-height: 370px;
		background-color: #b7e4e4;
		margin-bottom: 30px;
	}
	
	.block_2 {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #b7e4e4;
		margin-bottom: 30px;
	}
	
	.block_3 {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #b7e4e4;
		margin-bottom: 30px;
	}
	
	.block_4 {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #f4f4f4;
		margin-bottom: 30px;
	}
	
	.instagram a {
		color: #75c159;	
	}
	
	.block_5 {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #b7e4e4;
		margin-bottom: 30px;
	}
	
	.block_6 {
		float: left;
		width: 570px;
		min-height: 370px;
		background-color: #b7e4e4;
		margin-bottom: 30px;
	}

	.block_7 {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #f4f4f4;
		margin-bottom: 30px;
	}
	
	.block_8 {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #f4f4f4;
		margin-bottom: 30px;
	}
	
	.block_9 {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #f4f4f4;
		margin-bottom: 30px;
	}
	
	.block_10 {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #f4f4f4;
		margin-bottom: 30px;
	}
	
	.nr_link {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 24px;
		line-height: 24px;
		margin-bottom: 16px;
	}
	
	.block_11 {
		float: left;
		width: 570px;
		min-height: 370px;
		background-color: #b7e4e4;
		margin-bottom: 30px;
	}
	
	.block_12 {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #f4f4f4;
		margin-bottom: 30px;
	}
	
	.block_13 {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #f4f4f4;
		margin-bottom: 30px;
	}
	
	
	
	.quad.insta {
		
	}
	
	#instafeed {
		width: 100%;
		height: auto;
		text-align: center;
	}
	
	#instafeed img {
		width: 100%;
		height: auto;
		margin: 0;
	}

	
	.block_1 .nr_link {
		font-size: 36px;
		line-height: 36px;
	}
	
	.block_tweet {
		float: left;
		width: 270px;
		min-height: 370px;
		background-color: #f4f4f4;
		position: relative;
		font-size: 16px;
	}
	
	.block_5.block_tweet a, .block_tweet a {
		font-weight: 700;
		color: #75c159;
	}

	.tweet_reply {
		display: inline-block;
		width: 18px;
		height: 13px;
		margin-right: 5px;
		vertical-align: top;
		fill: #aab8c2;
	}
	.tweet_reply:hover {
		opacity: 0.5;
	}
	
	.tweet_retweet {
		display: inline-block;
		width: 24px;
		height: 14px;
		margin-right: 5px;
		vertical-align: top;
		fill: #aab8c2;
	}
	.tweet_retweet:hover {
		fill: #19cf86;
	}
	
	.tweet_like {
		display: inline-block;
		width: 17px;
		height: 15px;
		vertical-align: top;
		fill: #aab8c2;
	}
	.tweet_like:hover {
		fill: #e81c4f;
	}
	
	.nr_block {
		width: 100%;
		height: 370px;
		position: relative;
	}
	
	.nr_block .nr_img {
		width: 100%;
		height: auto;
	}
	
	.nr_block_pr {
		background-color: #ecb21f;
	}
	
	.nr_block_blog {
		background-color: #7453a2;

	}
	
	.nr_block_news {
		background-color: #70cac9;
		color: #ffffff;
	}	
	
	.nr_block_video {
		background-color: #ee7a28;
	}	
	
	.nr_block_audio {
		background-color: #de5129;
	}	
	
	.nr_block_presentation {
		background-color: #369944;
	}
	
	.nr_block_report {
		background-color: #75c159;
	}

	.nr_block_infographic {
		background-color: #7453a2;
	}	
	
	.nr_video_thumb {
		width: 570px;
		height: 235px;
		position: relative;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		position: relative;
	}
	
	.nr_block_video .resource_video_play {
		top: calc(50% - 32px);
		left: calc(50% - 32px);
		position: absolute;
	}
	
	.nr_block_video:hover  {
		cursor: pointer;
	}
	
	.nr_block_video:hover .resource_video_play {
		background-position: 0 -64px;
	}
	
	.block_head {
		position: absolute;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 16px;
		top: 26px;
		left: 30px;
		color: #ffffff;
		z-index: 0;
	}
	
	.block_text {
		padding: 67px 30px 0 30px;
	}
	
	.block_dig_in {
		position: absolute;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 16px;
		bottom: 26px;
		left: 30px;
		color: #ffffff;
	}

	.content_left {
		float: left;
		width: 270px;
		margin-right: 30px;
	}
	
	.content_mid {
		float: left;
		width: 670px;
		margin-right: 30px;
	}
	
	.content_right {
		float: left;
		width: 170px;
	}
	
	.content_left_and_mid {
		float: left;
		width: 970px;
		margin-right: 30px;
		/* min-height: 300px; */
	}
	
	.content_mid_and_right {
		float: left;
		width: 870px;
	}
	
	.content_full_width {
		width: 1170px;
	}
	
	.half {
		float: left;
		width: 570px;
		margin-right: 30px;
	}
	
	.half.last::after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: '';
	}
	
	.tri {
		float: left;
		width: 370px;
		margin-right: 30px;
	}
	
	/*
	.tri:nth-of-type(3n) {
		margin-right: 0;
	}
	*/
	
	.quad {
		width: 270px;
		float: left;
		margin-right: 30px;
		margin-bottom: 30px;
		position: relative;
	}
	
	.fade_res {
		background-image: url(/wp-content/themes/ffn/images/fade_res.png);
		background-repeat: repeat-x;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 270px;
		height: 129px;
	}
	
	
	/* HOME */
	
	.fma {
		width: 100%;
		height: 630px;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.home_intro_left {
		width: 370px;
		text-align: right;
		margin-right: 30px;
		float: left;
	}
	
	.home_intro_right {
		width: 670px;
		float: left;
		padding-top: 40px;
	}
	
	.home_intro_right h3 {
		color: #7453a2;
		font-size: 42px;
	}
	
	.home_intro_right a {
		color: #7453a2;
	}
	
	
	.home_block_head {
		position: relative;
		height: 600px;
	}
	
	.home_block_head h2 {
		padding-top: 100px;
	}
	
	.home_block_head a h2  {
		color: #4d4d4f;
		z-index: 4;
	}
	
	.home_block_image {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 420px;
		width: 100%;
		background-color: #ffffff;
	}
	
	.home_block_person {
		position: absolute;
		width: 470px;
		top: 0;
		right: 0;
		z-index: 3;
	}
	
	.home_block_person img {

	}
	
	.home_text_block {
		width: 670px;
		float: left;
		padding-top: 38px;
	}
	
	.home_news_block {
		width: 470px;
		min-height: 300px;
		padding: 40px;
		box-sizing: border-box;
		float: left;
	}

	.news_head {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.home_news_block p {
		margin-bottom: 15px;
	}
	
	.home_who_we_are {
		width: 970px;
		text-align: center;
	}
	
	.home_who_we_are .sub_nav {
		border-bottom: 0;
	}
	
	.home_text_block h2 {
		font-size: 42px;
		line-height: 42px;
		margin-bottom: 20px;
		text-align: left;
	}
	
	.home_resource_type {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 16px;
		text-transform: uppercase;
	}
	
	a.home_resource_link {
		color: #ffffff;
	}


	
	/* WHO WE ARE */

	.people_title {
		font-size: 16px;
		line-height: 20px;
		margin: -10px 0 20px 0;
	}
	
	.our-board, .our-advisors {
		font-size: 16px;
		line-height: 20px;
	}
	
	.our-board .quad h3 {
		font-size: 24px;
		margin-bottom: 5px;
		color: #ee7a28;
	}
	
	.our-advisors .quad h3 {
		font-size: 24px;
		margin-bottom: 5px;
		color: #de5129;
	}
	

	
	
	
	/* WHAT WE DO */
	
	.wwd_header_main {
		height: 530px;
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	.wwd_header_main .row h1 {
		color: #ffffff;
		padding-top: 70px;
		text-align: center;
	}
	
	.wwd_header {
		height: 648px;
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	.wwd_header_2 {
		height: 530px;
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	.past_project_height {
		height: 377px;
	}
	
	.header_image_video {
		opacity: 0.85;
	}
	
	.wwd_header_main .row.wwd_w_video {
		position: relative;
		height: 530px;
	}
	
	.wwd_header_main .row.wwd_w_video .quad_vid_play {

	}
	.wwd_header_main .row.wwd_w_video:hover {
		cursor: pointer;
	}
	.wwd_header_main .row.wwd_w_video:hover .quad_vid_play {
		opacity: 1;
	}
	
	.header_image_video:hover {
		opacity: 1;
	}

	
	.color_block {
		width: 370px;
		height: 170px;
		margin-bottom: 4px;
	}
	
	.color_block.red {
		background-color: #de5129;
	}
	.color_block.purple {
		background-color: #7453a2;
	}
	.color_block.blue {
		background-color: #70cac9;	
	}
	.color_block.orange {
		background-color: #ee7a28;	
	}
	.color_block.green {
		background-color: #369944;	
	}
	.color_block.yellow {
		background-color: #ecb21f;	
	}
	.color_block.light_green {
		background-color: #75c159;	
	}
	.color_block.light_purple {
		background-color: #a97cca;
	}
	.color_block.light_blue {
		background-color: #b7e4e4 !important;
	}
	
	.wwd_intro {
		width: 970px;
	}
	
	.wwd_intro h1 {
		text-align: center;
	}
	
	.wwd_intro h2, .wwd_left_2 h2, .wwd_left_3 h2, .wwd_right_3 h2, .full_width_project h2 {
		font-size: 36px;
		line-height: 36px;
		color: #369944;
	}
	
	.wwd_left_2 h3, .wwd_left_3 h3 {
		color: #75c159;
	}
	
	.wwd_left {
		float: left;
		width: 800px;
		height: 370px;
	}
	
	.wwd_left img {
		display: block;
	}
	
	.wwd_right {
		float: left;
		width: 370px;
		height: 370px;
		background-color: #f4f4f4;
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top center;
	}
	
	.wwd_left_2 {
		float: left;
		width: 770px;
		margin-right: 30px;
		padding-top: 24px;
	}
	
	.wwd_right_2 {
		float: left;
		width: 370px;
		padding: 30px;
		background-color: #ecb21f;
		box-sizing: border-box;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 20px;
		color: #ffffff;
	}
	
	.wwd_left_3 {
		float: left;
		width: 770px;
		margin-right: 30px;
	}
	
	.wwd_right_3 {
		float: left;
		width: 370px;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 24px;
		line-height: 26px;
		color: #df6e1f;
	}
	
	.wwd_right_2 i, .wwd_right_3 i, .wwd_right_2 em, .wwd_right_3 em {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		line-height: 21px;
		text-align: right;
		font-style: normal;
		display: block;
	}
	
	.wwd_left_large_image {
		float: left;
		width: 870px;
		margin-right: 30px;
	}
	
	.wwd_right_skinny_text {
		float: left;
		width: 270px;
	}
	
	.quote_author {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		line-height: 21px;
		text-align: right;
	}

	.wwd_right_3 i {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-style: normal;
		font-size: 18px;
		line-height: 21px;
		text-align: right;
	}
	
	.wwd_right_2 a, .wwd_right_3 a {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		background-color: #ffffff;
		color: #ecb21f;
		padding: 5px 0 5px 0;
		float: right;
		display: block;
		text-align: center;
		width: 150px;
	}

	.wwd_right a::after, .wwd_right_2 a::after, .wwd_right_3 a::after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: '';
	}
	
	.wwd_right_2 a:hover, .wwd_right_3 a:hover {
		box-shadow: 0 0 10px #ffffff;
		color: #f2cd71;
	}
	
	.flint {
		background-color: #ecb21f !important;
		background-image: none;
		color: #ffffff;
		height: 370px;
	}
	
	.flint a {
		color: #de5129;
	}
	
	.flint h3 {
		color: #ffffff;
		margin-top: 40px;
	}
	
	.flint .half.last{
		padding-right: 30px;
		box-sizing: border-box;
	}
	
	.map_area {
		/*
		position: relative;	
		width: 1170px;
		height: 540px;
		*/
	}
	
	.map_area {
		position: relative;	
		transition: all 0.3s ease;
		width: 100%;
		height: calc(100% * .4615);
	}
	
	/*
	#regions_div path:hover {
		stroke-width: 2;
		stroke: #6699cc;
	}

	#regions_div path[fill~="#70cac8"]:hover  {
		fill: cornflowerblue;
	}
	
	#regions_div path[fill="#70cac7"]:hover path {
		fill: cornflowerblue;
	}
	*/
	
	.key {
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 14px;
	}
	
	.key img {
		margin: -1px 10px 0 0;
		vertical-align: middle;
		line-height: 14px;
	}
	
	.map_text {
		position: absolute;
		left: 0;
		bottom: -50px;
	}
	
	#regions_div {
		/*
		width: 100%;
		height: 100%;
		*/
	}

	#regions_div path {
		stroke-width: 2;
		stroke: #ffffff ; 
	}

	.fffi {
		padding-top: 80px;
	}
	
	.fffi img {
		width: 420px;
		height: 159px;
		padding: 25px 0 0 60px;
	}
	
	path:not([fill^="#f5f5f5"]):hover {
		cursor: pointer;
		/*
		transition: all 0.3s ease 0s;
		*/
	}
	
	
	/*
	path[fill^="#f5f5f5"]:hover {
		stroke-width: inherit !important;
		stroke: none !important;
	}
	*/
	
	
	path[fill^="#ffffff"] {
		stroke-width: 2;
		stroke: #ffffff; 
	}
	
	path[fill^="#ffffff"]:hover {
		stroke-width: 2 !important;
		stroke: #ffffff !important; 
	}

	.click_map {
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 3px;
		background-color: #fafafa;
		box-shadow: 0 0 10px #aaaaaa;
		width: 100%;
		height: 83%;
		display: none;
		transition: all 0.5s ease;
		opacity: 0.9;
		margin: 0px auto;
		vertical-align: middle;
		z-index: 1;
	}
	
	.click_map_inner {
		position: relative;
		padding: 80px;
	}
	
	.exit_click_map {
		position: absolute;
		top: 30px;
		right: 30px;
		font-size: 30px;
		font-weight: 700;
		color: #777777;
		width: 17px;
		height: 18px;
		background-image: url(/wp-content/themes/ffn/images/b_close.png);
		cursor: pointer;
	}
	
	.map_area h4 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 24px;
	}
	
	.dufb {
		height: 280px;
		background-position: center center;
		background-repeat: no-repeat;
		background-image: url(/wp-content/themes/ffn/images/bkg_dufb.jpg);
		text-align: center;
	}
	
	.dufb a {
		/*
		width: 100%;
		height: 280px;
		*/
	}
	
	.other_projects p {
		margin-bottom: 0.5em;
	}
	
	.other_projects h3 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 24px;
	}
	
	.other_projects a {
		color: #7453a2;	
	}
	
	.website {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 20px;
		color: #7dd5d4;
	}
	
	.tri h3 a {
		display: block;
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 24px;
		color: #7453a2;
		padding-bottom: 30px;
	}
	
	.infog_left {
		float: left;
		width: 400px;
		text-align: right;
		margin: 100px 30px 100px 0;
	}
	
	.infog_right {
		float: left;
		width: 600px;
		padding-top: 100px;
		margin: 100px 0 100px 0;
		text-align: left;
	}
	
	.infog_right h2 {
		font-size: 42px;
		line-height: 48px;
		text-align: left;
		
	}
	
	.fund_left {
		float: left;
		width: 270px;
		margin-bottom: 10px;
		font-weight: 700;
	}
	.fund_right {
		float: left;
		width: 900px;
		margin-bottom: 10px;
	}
	
	
	/* NEWS */
	
	.fma_container {
		min-width: 1170px;
		max-width: 1366px;
		height: 400px;
		position: relative;
		margin: 0px auto;
	}
	
	.fma {
		width: 100%;
		margin: 0px auto;
		height: 400px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.fma_left {
		width: 50%;
		height: 400px;
		float: left;
		position: relative;
	}
	.fma_right {
		width: 50%;
		height: 400px;
		float: left;
		text-align: left;
		color: #ffffff;
	}
	.fma_right_inner {
		width: 100%;
		height: 400px;
		padding: 45px;
		box-sizing: border-box;
		position: relative;
	}
	
	.fma_navigation {
		position: absolute;
		bottom: 45px;
		left: 54%;
		z-index: 3;
	}
	.fma_nav_point {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin-right: 10px;
		background-image: url(/wp-content/themes/ffn/images/fma_nav_sprite.png);
		cursor: pointer;
	}
	
	.fma_video_play {
		width: 64px;
		height: 64px;
		background-repeat: no-repeat;
		background-image: url(/wp-content/themes/ffn/images/btn_play.png);
		background-position: 0 0;
		z-index: 1;
	}
	
	.fma_video_play:hover  {
		cursor: pointer;
	}
	
	.fma_left:hover .fma_video_play {
		background-position: 0 -64px;
	}
	
	.fma_left  .fma_video_play {
		top: calc(50% - 32px);
		left: calc(50% - 32px);
		position: absolute;
	}
	
	.news_type {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 20px;
	}
	
	.news_news a {
		color: #70cac9;
	}
	
	.news_blog a {
		color: #7453a2;
	}
	
	.news_pr a {
		color: #ee7a28;
	}
	
	.news_link {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 20px;
		display: block;
	}
	
	.news_date {
		font-size: 14px;
		color: #000000;
		margin-bottom: 20px;
		font-weight: 700;
	}
	
	
	.pr_page .news_link, .news_page .news_link {
		margin-bottom: 0;
	}
	.pr_page .news_date, .news_page .news_date {
		margin-bottom: 40px;
	}

	.fs12 {
		font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
		font-weight: 700;
		font-size: 12px;
		line-height: 18px;
	}
	
	.tags {
		font-size: 12px;
	}
	
	.news_social .quad {
		height: 370px;
		background-color: #f4f4f4;
		box-sizing: border-box;
		position: relative;
	}
	
	.social_controls {
		position: absolute;
		left: 30px;
		bottom: 30px;
		width: 210px;
		height: 19px;
		line-height: 19px;
		vertical-align: middle;
	}
	
	.header_image.news {

	}
	
	.news_press_contact {
		width: 770px;
		text-align: center;
	}
	
	.rtecenter {
		width: 500px;
		margin: 0px auto;
		text-align: center;
		padding-bottom: 20px;
		line-height: 1em;
	}
	
	.rtecenter em {
		font-size: 14px;
		font-style: italic;
	}
	
	
	/* BLOG */
	
	.from-the-field-blog .tri {
		margin-bottom: 30px;
	}
	
	.blog_formatted_title {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 48px;
		line-height: 48px;
		color: #7453a2;
		margin-bottom: 20px;
	}
	
	.blog_date {
		font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
		font-size: 12px;
		color: #4d4d4f;
		font-weight: 700;
	}
	
	.blog_tags {
		font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
		font-size: 12px;
		color: #a97cca;
		font-weight: 700;
	}
	
	.content_left_and_mid .blog_main_image {
		margin: 33px 0 0 0;
	}
	
	.content_mid.blog_intro {
		margin: 0 0 30px 0;
	}
	
	.blog_with_cutout {
		position: relative;
	}
	
	.blog_cutout {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
	}
	
	.blog_main_image {
		width: 970px;
		height: 440px;
		background-color: #dcdcdc;
		margin-bottom: 0;
	}
	
	.blog_intro {
		background-color: #a97cca;
		padding: 30px 30px 10px 30px;
		box-sizing: border-box;
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", sans-serif;
		font-weight: 700;
		color: #ffffff;
		margin-bottom: 50px;
	}
	
	.pull_quote {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 24px;
		line-height: 26px;
		color: #ee7a28;
		margin-bottom: 20px;
	}

	.pull_quote_author {
		text-align: right;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		line-height: 21px;
		color: #ee7a28;
	}
	
	.carousel {
		margin: 20px 0 70px 0;
		height: 300px;
		position: relative;
	}
	
	#b_left {
		position: absolute;
		top: 137px;
		left: -13px;
		cursor: pointer;
		z-index: 999;
		width: 30px;
		height: 30px;
	}
	
	#b_right {
		position: absolute;
		top: 137px;
		right: -13px;
		cursor: pointer;
		z-index: 999;
		width: 30px;
		height: 30px;
	}
	
	.blog h4 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		margin-bottom: 10px;
	}
	
	.content_right.blog a {
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", sans-serif;
		font-size: 14px;
		line-height: 18px !important;
		font-weight: 700;
		color: #7453a2;
		display: block;
	}
	
	.content_right.blog p {
		margin-bottom: 15px;
	}
	
	.content_right.blog ul {
		margin-bottom: 30px;
	}
	
	.content_right.blog li {
		margin-bottom: 5px;
	}
	
	
	/* RESOURCES */
	
	.big_resource_text {
		padding: 45px;
	}
	
	.filters {
		padding: 30px 0 30px 0;
	}
	
	.pr_page.filters, .news_page.filters {
		padding: 5px 0 30px 0;
	}
	
	.filters select {
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", sans-serif;
		font-size: 16px;
		background-color: #f4f4f4;
		padding: 10px;
		border: 0;
		margin-right: 30px;
		width: 325px;
		box-sizing: border-box;
		-webkit-border-radius: 0px;
	}
	
	.search_button {
		background-color: #70cac9;
		color: #ffffff;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 20px;
		border: 0;
		padding: 7px 18px 7px 18px;
		vertical-align: middle;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}
	
	.header_image.resources {
		background-color: #75c159;
		height: 400px;
	}
	
	.resources .quad {
		background-color: #f4f4f4;
		height: 600px;
		position: relative;
	}
	
	.resource_type {
		position: absolute;
		top: 30px;
		left: 30px;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 16px;
		text-transform: uppercase;
		z-index: 0;
	}
	
	.resource_video {
		width: 270px;
		height: 185px;
		background-color: #e5e6e0;
		text-align: center;
		position: relative;
	}
	
	.resource_video:hover {
		cursor: pointer;
	}
	
	.resource_video_play {
		width: 64px;
		height: 64px;
		background-repeat: no-repeat;
		background-image: url(/wp-content/themes/ffn/images/btn_play.png);
		background-position: 0 0;
		margin: 0px auto;
	}
	
	.resource_video .resource_video_play {
		top: calc(50% - 32px);
		left: calc(50% - 32px);
		position: absolute;
	}

	.resource_video:hover .resource_video_play {
		background-position: 0 -64px;
	}

	.resource_video img {
		width: 270px;
		height: 185px;
		display: block;
	}
	
	.white a {
		color: #ffffff;
	}
	
	.green a {
		color: #369944;
	}
	
	.red a {
		color: #de5129;
	}
	
	.purple a {
		color: #7453a2;
	}

	.resource_title {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 24px;
		margin-bottom: 20px;
	}
	
	.resource_date {
		font-family: "Gotham Narrow A", "Gotham Narrow B", sans-serif;
		font-weight: 700;
		font-size: 12px;
		line-height: 16px;
	}
	
	.resource_text {
		padding: 30px;
	}
	
	.resource_file {
		position: absolute;
		left: 30px;
		bottom: 30px;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		line-height: 40px;
	}
	.resource_file img {
		vertical-align: middle;
		margin-right: 15px;
	}
	
	.resource_file_np {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		line-height: 40px;
	}
	.resource_file_np img {
		vertical-align: middle;
		margin-right: 15px;
	}
	
	
	
	
	
	/* GIVE */
	
	.give {
		height: 768px;
	}
	
	.give h3 {
		color: #ee7a28;
	}
	
	#give_box {
		width: 600px;
		border: 2px #f4f4f4 solid;
		background-color: #ffffff;
		box-sizing: border-box;
		padding: 30px;
		float: right;
		margin-top: 70px;
	}
	
	#steps h3 {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 24px;
		color: #ee7a28;
		margin-bottom: 10px;
	}
	
	#steps {
		width: 536px;
		position: relative;
	}
	
	.step_boxes {
		width: 100%;
		height: 40px;
		background-repeat: repeat-x;
		background-image: url(/wp-content/themes/ffn/images/steps_line.png);
		margin-bottom: 25px;
	}
	
	.step_box  {
		width: 105px;
		height: 40px;
		border: 2px #f4f4f4 solid;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		line-height: 18px;
		background-color: #ffffff;
		color: #a6a6a7;
		box-sizing: border-box;
		text-align: center;
		padding: 9px 0 0 0;
		cursor: pointer;
	}
	
	.step_box:hover {
		background-color: #f4f4f4;
	}
	
	.step_box.step_active:hover  {
		background-color: #ee7a28;
	}
	
	.step_active {
		border: 2px #ee7a28 solid;
		background-color: #ee7a28;
		color: #ffffff;
	}
	
	#step_1, #step_2, #step_3 {
		width: 536px;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	#step_1_box {
		float: left;
	}
	#step_2_box {
		margin: 0px auto;
	}
	#step_3_box {
		float: right;
	}
	
	#step_2, #step_3 {
		display: none;
	}
	
	label {
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	.checkbox_and_text {
		font-size: 13px;
		line-height: 13px;
	}
	
	#step_1_next, #step_2_next, #step_1_next_mobile, #step_2_next_mobile {
		float: right;
		background-color: #ee7a28;
		color: #ffffff;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		line-height: 18px;
		padding: 10px 15px 10px 15px;
		cursor: pointer;
	}
	
	select {
		background-color: #f4f4f4;
		padding: 11px;
		border: 0;
		width: 350px;
		margin-bottom: 15px;
		font-size: 15px;
	}
	
	input[type=text], input[type=number], input[type=email], .tablet_search input[type="search"], .inputWrapper input[type=text] {
		background-color: #f4f4f4;
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", Arial, sans-serif;
		font-size: 16px;
		height: 40px;
		line-height: 40px;
		padding: 0 10px 0 10px;
		box-sizing: border-box;
		border: 0;
		margin-bottom: 10px;
	}
	
	.wForm .inputWrapper {
		display: block !important;
	}
	
	.inputWrapper input[type=text] {
		width: 100% !important;
	}
	
	.wFormContainer .wFormTitle {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 30px;
		line-height: 30px;
		color: #369944;
		margin-bottom: 20px;
	}
	
	.email_signup_form textarea {
		background-color: #f4f4f4;
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", Arial, sans-serif;
		font-size: 16px;
		width: 100%;
		height: 150px;
		padding: 0 10px 0 10px;
		box-sizing: border-box;
		border: 0;
		margin-bottom: 10px;
	}
	

	#BillingFirstName, #BillingLastName, #BillingPhone, #BillingEmail {
		width: 253px;
	}
	
	#Other1, #BillingAddress1 {
		width: 100%;
	}
	
	#BillingCity {
		width: 160px;
	}
	
	#BillingStateProvince {
		width: 160px;
		box-sizing: border-box;
	}
	
	#BillingZIP {
		width: 156px;
	}
	
	.billing_city_box {
		float: left;
		margin-right: 30px;
		width: 160px;
	}
	
	.billing_state_box {
		float: left;
		margin-right: 30px;
		width: 160px;
	}
	
	.billing_zip_box {
		float: left;
		width: 156px;
	}
	
	#CardNumber {
		width: 100%;
	}
	
	#ExpirationMonth, #ExpirationYear {
		width: 115px;
	}
	
	#Cvv2 {
		width: 253px;
	}
	
	.cc_info {
		float: left;
		width: 111px;
	}

	.wpcf7-form-control {
		background-color: #f4f4f4;
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", Arial, sans-serif;
		font-size: 16px;
		height: 40px;
		line-height: 40px;
		padding: 0 10px 0 10px;
		width: 770px;
		box-sizing: border-box;
		border: 0;
	}	
	
	.wpcf7-recaptcha {
		background-color: #ffffff;
		height: 78px;
		padding: 0;
	}
	
	.send_blue {
	
	}
	
	.last-name {
		/* margin-left: 30px; */
	}
	
	.wpcf7-textarea {
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", Arial, sans-serif;
		font-size: 16px;
		height: 300px;
		line-height: 16px;
		padding: 10px;
	}
	
	.form_radio {
		float: left;
		background-color: #f4f4f4;
		font-size: 16px;
		width: 25%;
		height: 40px;
		text-align: center;
		padding: 8px 0 0 0;
		box-sizing: border-box;
		border-right: 1px #ffffff solid;
		cursor: pointer;
	}
	
	.form_radio:hover {
		background-color: #f1f1f1;
	}
	
	.radio_checked {
		padding: 8px 0 0 0;
		border: 2px #ee7a27 solid;
	}
	
	.amount, #Recurring, #EmailOptIn {
		display: none;
	}
	
	.form_checkbox {
		float: left;
		margin-right: 10px;
		background-repeat: no-repeat;
		background-position: 0 0;
		cursor: pointer;
		/*
		width: 20px;
		height: 20px;
		background-image: url(/wp-content/themes/ffn/images/checkbox.png);
		*/
		width: 14px;
		height: 13px;
		line-height: 13px;
		background-image: url(/wp-content/themes/ffn/images/checkbox.png);
	}
	
	.form_field_left {
		float: left;
		width: 253px;
		margin-right: 30px;
	}
	
	.form_field_right {
		float: left;
		width: 253px;
	}
	
	.checkbox_and_text {
		line-height: 13px;
		vertical-align: middle;
	}
	
	#SubmDonation {
		float: right;
		background-color: #ee7a28;
		border: 0;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 20px;
		line-height: 20px;
		color: #ffffff;
		padding: 10px 15px 10px 15px;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}
	
	.give_right {
		font-size: 12px;
		line-height: 14px;
		padding: 0 0 0 100px;
		box-sizing: border-box;
	}
	
	#form_messages {
		font-size: 14px;
	}

	
	/* CONTACT */
	
	.contact_left {
		width: 770px;
		float: left;
		margin-right: 30px;
	}
	
	.contact_right {
		width: 370px;
		float: right;
	}
	
	.contact_left h3 {
		color: #70cac9;
	}
	
	.contact_right h3 {
		color: #75c159;
	}
	
	.connect_with_us {
		padding-top: 70px;
		text-align: center;
	}
	.connect_with_us h3 {
		color: #369944;
	}
	
	.connect {

	}
	
	.connect li {
		list-style: none;
		display: inline;
		margin-left: 30px;
		height: 28px;
		line-height: 28px;
	}
	
	.connect li img {
		vertical-align: middle;
	}
	
	.send_blue {
		background-color: #70cac9;
		border: 0;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 20px;
		line-height: 20px;
		color: #ffffff;
		padding: 10px;
		margin-top: 20px;
		width: 270px;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}
	

	
	/* BIOS */
	
	.people_hr {
		border-top: 1px #cccccc solid;
		margin-bottom: 30px;
	}
	
	.oran_extra {
		font-size: 14px;
		background-color: #e7e7e7;
		padding: 20px;
	}
	
	.oran_extra b {
		font-size: 16px;
	}
	
	.contact_box {
		font-size: 14px;
		background-color: #f5f5f5;
		padding: 20px;
	}

	/* FFFF */
	
	.section {
		margin-bottom: 50px;
	}
	
	#tfa_21 {
		margin-bottom: 0;
	}
	
	.fair_food_fund_inquiry .half {
		width: 48%;
		margin-right: 4%;
	}
	
	.fair_food_fund_inquiry textarea {
		background-color: #f4f4f4;
		width: 100%;
		height: 200px;
		border: 0;
		padding: 10px;
		box-sizing: border-box;
	}
	
	.fair_food_fund_inquiry input[type=text], .fair_food_fund_inquiry input[type=number], .fair_food_fund_inquiry input[type=email], .email_signup_form input[type=text] {
		width: 100%;
	}

	.fair_food_fund_inquiry label {
		display: block;
	}
	
	.primaryAction, .submit_btn , .tablet_search input[type="submit"], .actions .primaryAction {
		background-color: #ee7a28;
		border: 0;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif !important;
		font-size: 20px;
		font-weight: normal !important;
		line-height: 20px;
		color: #ffffff;
		padding: 10px 15px 10px 15px !important;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		width: 120px !important;
	}
	
	.submit_btn {
		width: 250px;
	}
	
	
	
	/* PAGI */
	
	.paginate {
		margin-top: 30px;
	}

	a.page-numbers {
		padding: 10px 12px;
		background: #eff0f1;
		color: #666;
		text-decoration: none;
		border: 1px solid #ccc;
		border-radius: 3px;
		display: inline-block;
		line-height: 1;
		margin-right: 5px;
	}
	 
	a.page-numbers:hover {
		background: #999;
		border-color: #888;
		color: #fff;
	}	
	
	.page-numbers.current {
		padding: 10px 12px;
		background: #777;
		border: 1px solid #777;
		display: inline-block;
		line-height: 1;
		border-radius: 4px;
		color: #fff;
		margin-right: 5px;
	}
	
	
	/* SEARCH RESULTS */
	
	.search_results {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 16px;
		color: #7453a2;	
	}
	
	
	/* FOOTER */
	
	footer {
		position: relative;
		background-color: #ffffff;
		min-height: 635px;
		background-repeat: no-repeat;
		background-image: url(/wp-content/themes/ffn/images/footer.png);
		background-position: center top;
	}
	
	footer .social_icon {
	
	}
	
	footer .row {
		width: 1170px;
		margin: 0px auto;
		padding-top: 310px;
	}
	
	.menu_block {
		width: 195px;
		float: left;
		font-size: 14px;
		line-height: 20px;
	}
	
	footer h4 a {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		color: #4d4d4f;
	}
	
	footer a {
		color: #4d4d4f;
	}

	.get_updates {
		padding: 40px 0 10px 0;
	}
	
	.get_updates h4 {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		margin-bottom: 0;
	}
	
	.email_signup, .email_signup_form , .fff_email_signup_form {
		float: left;
		width: 50%;
		position: relative;
	}
	
	.em_field {
		border-top: 1px #4d4d4f solid !important;
		border-right: 1px #369944 solid !important;
		border-bottom: 1px #4d4d4f solid !important;
		border-left: 1px #4d4d4f solid !important;
		width: 270px;
		font-size: 14px;
		color: #4d4d4f;
		box-sizing: border-box;
		padding: 12px;
		float: left;
		-webkit-border-radius:0px;
	}
	
	.em_submit {
		background-color: #369944;
		color: #ffffff;
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 20px;
		height: 40px;
		border: 0;
		float: left;
		padding: 0 15px 0 15px;
		-webkit-appearance: none;
		-webkit-border-radius: 0px;
	}
	
	.errMsg {
		position: absolute;
		top: 50px;
		left: 0;
		font-size: 14px;
		color: #ee7a28;
	}
	
	.social {
		float: left;
		width: 50%;
		text-align: right;
	}
	
	.social li {
		list-style: none;
		display: inline;
		margin-left: 30px;
		height: 28px;
		line-height: 28px;
	}
	
	.social li img {
		vertical-align: middle;
	}
	
	.copyright {
		text-align: right;
		font-size: 10px;
		padding: 30px 0 30px 0;
	}
	
	
	/* MISC */
	
	.main_content ul, .content_mid ul , .content_left_and_mid ul {
		margin-bottom: 30px;
		list-style-type: disc;
	}
	
	.main_content ul li, .content_mid ul li, .content_left_and_mid ul l, .row.pt50 ul li {
		margin-left: 30px;
		list-style-type: disc;
	}
	
	.one_col {
	    width: 970px;
		text-align: left;
		margin: 0px auto;
	}
	
	.one_col h3 {
		color: #369944;
		text-align: center;
	}
	
	input, select {
	/*
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	*/
	}
	

	.blog_thumbnail {
		width: 370px;
		height: 254px;
	}
	
	.bio_social li {
		list-style: none;
		display: inline;
		margin-right: 10px;
		height: 28px;
		line-height: 28px;
	}
	
	.bio_social li img {
		vertical-align: middle;
	}
	
	.wpcf7-response-output {
		border: 0 !important;
		padding: 0 !important;
	}
	
	.mug {
		display: block;
	}

	.sampleClass {
		float: left;
	}
	
	.results_image {
		width: 1170px;
		margin: 0px auto;
	}
	
	.crumby {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		margin-bottom: 30px;
	}
	
	.crumby a {
		color: #75c159;
	}
	
	.modal {
		position: fixed;
		z-index: 99999; /* Sit on top */
		top: calc(50% - 122px);
		/*
		right: 0;
		bottom: 0;
		*/
		width: 100vw; /* Full width */
		height: 244px; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: #ee7a28;
		box-sizing: border-box;
		color: #ffffff;
		font-size: 18px;
		line-height: 18px;
		box-shadow: 0 0 20px #999999;
	}

	.modal_content {
		padding: 50px 50px 0 50px;
		text-align: center;
		position: relative;
		margin: 0px auto;
		max-width: 1170px;
	}
	
	.modal_content .news_link {
		font-size: 42px;
	}
	
	.modal_content .em_submit {
		background-color: #ecb21f;
	}
	
	.modal_content p {
		margin: 0 0 2em 0;
		font-size: 18px;
	}
	
	.modal_content .em_field {
		border: 0 !important;
		margin: 0 !important;
	}
	
	.modal_content form {
		margin: 0px auto;
		display: inline-block;
	}
	
	.modal_close {
		position: absolute;
		top: 20px;
		right: 20px;
		width: 17px;
		height: 18px;
		cursor: pointer;
		
	}
	
	
	/* PHOTO GALLERY */
	
	.gallery_thumbs {
		position: relative;
		width: auto;
		height: 300px;
		white-space: nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
	/*
    border-bottom: 1px solid #eee; 
    border-top: 1px solid #eee;
	*/
	 background-color: #e5e5e5;
}
::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #C3C3C3;
    border: 2px solid #eee;
}

::-webkit-scrollbar-track {
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);  */
} 
	
	.gallery_thumbs_inner {
		/* 
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		height: auto;
		white-space: nowrap;
		transition: 3s ease-in-out; */
	}
	
	.whole_thing {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.75); /* Black w/ opacity */
	}
	
	.gallery_modal {
		position: fixed;
		z-index: 99999; /* Sit on top */
		top: calc(50% - 45vh);
		left: calc(50% - 45vw);
		width: 90vw;
		height: 90vh;
		overflow: hidden; /* Enable scroll if needed */
		background-color: #000000;
		box-sizing: border-box;
		color: #000000;
		font-size: 16px;
		line-height: 18px;
		box-shadow: 0 0 20px #999999;
	}
	
	img.gallery_modal_open {
		display: inline-block;
		padding-right: 1px;
		cursor: pointer;
	}
	
	.gallery_caption {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		line-height: 50px;
		background-color: #ffffff;
		opacity: .85;
		color: #000000;
		text-align: center;
		font-size: 14px;
	}

	.gallery_modal_slide img {
		width: auto;
		height: 100%;
		margin: 0px auto;
	}
	
	.gallery_modal_content {
		padding: 30px;
	}
	
	.gallery_modal_close {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 17px;
		height: 19px;
		cursor: pointer;
		z-index: 999;
	}
	
	.gallery_modal_next {
		position: absolute;
		top: calc(50% - 15px);
		right: 15px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		z-index: 999;
	}
	
	.gallery_modal_previous {
		position: absolute;
		top: calc(50% - 15px);
		left: 15px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		z-index: 999;
	}
	
	.gallery_modal_slide {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	
	
	
	/* VIDEOS */
	
	.quad_vid {
		width: 270px;
		height: 270px;
		float: right;
		position: relative;
		opacity: 0.9;
		border-radius: 135px;
	}
	
	.quad_vid img {
		width: 100%;
		height: auto;
		border-radius: 135px;
	}
	
	.quad_vid_play {
		position: absolute;
		top: calc(50% - 46px);
		right: calc(50% - 46px);
		width: 92px;
		height: 92px;
		background-image: url(images/btn_play_filled_2x.png);
		background-repeat: no-repeat;
		background-size: 92px 92px;
		background-position: center center;
		opacity: 0.9;
	}
	
	.quad_vid:hover {
		opacity: 1;
	}
	
	.quad_vid:hover .quad_vid_play {
		opacity: 1;
	}
	
	.video_modal {
		position: fixed;
		z-index: 99998; /* Sit on top */
		top: calc(50% - 253px);
		left: calc(50% - 450px);
		width: 900px;
		height: 506.25px;
		/* overflow: hidden; Enable scroll if needed */
		background-color: #000000;
		box-sizing: border-box;
		box-shadow: 0 0 35px #333344;
	}
	
	.video_close {
		position: absolute;
		top: 20px;
		right: 20px;
		/* font-family: 'Sofia-Pro-Regular', sans-serif; */
		font-size: 48px;
		color: #ffffff;
		z-index: 99998; /* Sit on top */
		cursor: pointer;
	}
	
	.vid_play {
		cursor: pointer;
	}
	
	
	
	/* SIGNUP BLOCK */
	
	#signup_block {
		width: 100%;
		background-color: #75c159 !important;
		background-image: none;
		margin-bottom: 65px;
	}
	
	#signup_block .row {
		padding: 65px 0 65px 0;
		text-align: center;
		background-color: #75c159;
	}
	
	#signup_block .row .gffu {
		padding-right: 65px;
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 30px;
		line-height: 40px;
		color: #ffffff;
		display: inline-block;
		vertical-align: top;
	}
	
	#signup_block .row #tfa_0 {
		display: inline-block;
		height: 40px;
	}
	
	#signup_block .row #tfa_1 {
		border: 0 !important;
		background-color: #ffffff;
	}
	
	
}



@media screen and (min-width: 1024px) and (max-width: 1279px) {

	#main {
		width: 100%;
	}
	
	.row {
		width: 90%;
		margin: 0px auto;
	}
	
	.header_pad {
		min-width: 100%;
		max-width: 100%;
	}
	
	.mr30 {
		margin-right: 3%;
	}
	
	#search_box {
		display: none !important;
	}
	
	#search_tablet {
		width: 160px;
	}
	
	.searchform_tablet {
		width: 160px;
		margin: 0 !important;
	}
	
	.search_field_tablet {
		width: 150px;
		font-size: 14px;
		padding: 5px;
		margin: 0 !important;
	}
	
	.search_field_tablet:focus {
		outline: none;	
	}
	
	.search_field_tablet::-webkit-search-cancel-button{
		display: none; 
	}
	
	.tablet_search input[type="search"] {
	
	}
	
	.tablet_search input[type="submit"] {
	
	}
	
	.sampleClass {
		float: none;
	}
	

	.tablet_jl {
		font-size: 42px;
	}
	.tablet_jr {
		font-size: 42px;
	}

	
	#splash .row {
		height: 140px !important;
	}
	
	.splash_line_1 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 48px;
		line-height: 48px;
		color: #ffffff;
		margin: 15px 0 10px 0;	
	}
	
	.splash_line_2 {
		font-family: "Sentinel A", "Sentinel B", Lora, serif;
		font-size: 21px;
		line-height: 21px;
		color: #ffffff;	
	}
	
	
	.home_block_image {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.home_block_image img {
		width: auto;
		height: 100%;
		display: block;
	}
	
	
	.home_block_person {
		width: 38%;
	}
	
	.home_block_person img {

	}
	
	.home_intro_left {
		width: 30%;
	}
	
	.home_intro_left img {
		width: 100%;
		height: auto;
	}
	
	.home_intro_right {
		width: 65%;
	}
	
	.block_1 {
		width: 47%;
	}
	.block_2 {
		width: 23.5%;
	}
	.block_3 {
		width: 23.5%;
	}
	.block_4 {
		width: 23.5%;
	}
	.block_5 {
		width: 23.5%;
	}
	.block_6 {
		width: 47%;
	}
	.block_7, .block_8, .block_9, .block_10, .block_12, .block_13 {
		width: 23.5%;
	}
	.block_11 {
		width: 47%;
	}
	
	
	.block_tweet {
		width: 23.5%;
	}
	.home_text_block {
		width: 59%;
	}
	.home_news_block {
		width: 38%;
	}
	
	.nr_video_thumb {
		width: 100%;
		height: auto;
	}
	
	.half {
		width: 48.5%;
		margin-right: 3%;
	}
	
	.half img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.tri {
		width: 31.3333%;
		margin-right: 3%;
	}
	
	.tri img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.tri .color_block {
		width: 100%;
		height: 133px;
		display: block;
	}
	
	.quad {
		width: 22.75%;
		margin-right: 3%;
		overflow: hidden;
	}
	.one_col {
		width: 100%;
	}
	
	.our_team h3 {
		font-size: 25px;
	}
	
	.wwd_left_large_image {
		width: 74%;
		margin-right: 3%;
	}
	
	.wwd_left_large_image img {
		width: 100%;
		height: auto;
	}
	
	.wwd_right_skinny_text {
		width: 23%;
	}
	
	.wwd_left {
		width: 68%;
	}
	.wwd_right {
		width: 32%;
	}

	.wwd_left_2 {
		width: 68%;
		padding-right: 30px;
		box-sizing: border-box;
		margin-right: 0;
	}
	.wwd_right_2 {
		width: 32%;
	}
	
	.wwd_left_3 {
		width: 65%;
		margin-right: 3%;
		box-sizing: border-box;
	}
	.wwd_right_3 {
		width: 32%;
	}
	
	iframe {
		width: 100%;
	}
	
	.sub_nav {
		margin-bottom: 40px !important;
	}
	
	.content_left {
		width: 23%;
		margin-right: 3%;
	}
	.content_mid {
		width: 56%;
		margin-right: 3%;
	}
	.content_right {
		width: 15%;
	}
	
	.content_left_and_mid {
		float: none;
		width: 100%;
	}
	
	.content_left_and_mid img {
		width: 100%;
		height: auto;
	}
	
	.gallery_thumbs_inner img {
		width: auto;
		height: auto;
	}
	
	.content_left_and_mid .resource_file_np img {
		width: auto;
		height: auto;
	}
	
	.blog_cutout img {
		width: 75%;
		height: auto;
	}
	
	.blog_main_image {
		height: auto;
	}
	
	.blog_main_image img {
		display: block;
	}
	
	.content_right.blog {
		display: none;
	}
	
	.content_mid_and_right {
		width: 74%;
	}
	
	.past_project_height {
		height: 300px !important;
	}
	
	.fma_container {
		min-width: 100%;
		max-width: 100%;
		height: calc(100vw * .2928);
	}
	
	.fma {
		min-width: 100%;
		max-width: 100%;
		height: calc(100vw * .2928);
	}
	
	.fma_left, .fma_right, .fma_right_inner {
		height: calc(100vw * .2928);
	}
	
	.fma_right_inner {
		padding: 45px 25px 25px 45px;
	}
	
	.fma_left img {
		width: 100%;
		height: calc(100vw * .2928);
	}
	
	.fma_navigation {
		left: 55%;
		bottom: 25px;
	}
	
	.fma_tags {
		display: none;
	}

	.filters select {
		width: 245px;
		font-size: 14px;
		  -webkit-appearance: none;
		  -webkit-border-radius: 0px;
	}

	.blog_thumbnail {
		width: 100%;
		height: auto;
	}
	
	.social_controls {
		width: 75%;
	}
	
	.mug {
		width: 100%;
		height: auto;
	}
	
	.fade_res {
		width: 100%;
	}
	
	.res_icon {
		display: none;
	}
	
	.header_image {
		background-size: contain;
		width: 100%;
		height: calc(100vw * .3953);
	}

	.header_image.tablet {
		height: calc(100vw * .4743);
	}
	
	.header_image.give {
		height: 100%;
	}
	
	.results_image {
		width: 90%;
		margin: 0px auto;
	}
		
	.intro_image {
		width: 100%;
		height: auto;
	}
	
	.resource_video {
		width: 100%;
		height: auto;
	}
	
	.resource_video img, .nr_video_thumb img {
		width: 100%;
		height: auto;
	}
	
	.resource_video .resource_video_play {
		top: 40px;
		left: 75px;
	}
	
	.nr_block_video .resource_video_play {
		top: 60px;
		left: 190px;
	}
	
	.map_area {
		/*
		width: 100%;
		height: calc(100% * .6239);
		*/
		margin-bottom: 90px;
	}
	
	footer {
		width: 100%;
	}
	
	footer .row {
		width: 90%;
		margin: 0px auto;
	}

	.menu_block {
		width: 16.6%;
	}
	
	select {
		width: 250px;
	}
	
	.contact_left {
		width: 65%;
		margin-right: 0;
		padding-right: 30px;
		box-sizing: border-box;
	}
	.contact_right {
		width: 35%;
	}
	
	.wpcf7-form-control {
		width: 100%;
	}
	
	.fund_left {
		width: 25%;
	}
	.fund_right {
		width: 75%;
	}
	
	.flint {
		height: auto;
	}
	
	.sticky {
		-webkit-transform: translate3d(0,0,0);
	}
	
	.wwd_left_3 img, .wwd_right_3 img {
		width: 100%;
		height: auto;
	}
	
	.fffi.last {
		padding-top: 5px;
	}
	
	.fffi {
		padding-top: 40px;
	}
	
	#instafeed {
		width: 100%;
		height: auto;
	}
	
	#instafeed img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	
	.nav_right {
		width: 385px;
	}
	
	.search_field_inline {
		width: 100px;
	}
	
	.flint .half.last {
		padding-right: 20px;
		box-sizing: border-box;
	}
	
	.fffi img {
		width: 350px;
		height: 133px;
		padding: 15px 0 0 40px;
	}
	
	.click_map {
		height: auto;
	}
	
	.contact_box {
		font-size: 12px;
	}
	
	.home_block_head h2 {
		padding-top: 10%;
	}
	
	.oran_head {
		display: none;
	}

}





@media screen and (max-width: 1023px) {

	.hide_on_desktop {
		display: block;
	}
	
	.hide_on_mobile {
		display: none;
	}
	
	.header_mobile {
		width: 100%;
		height: 65px;
		background-color: #ffffff;
	}
	
	.logo_mobile {
		text-align: left;
		padding: 10px 0 0 10px;
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	
	.give_and_burger {
		text-align: right;
		padding: 15px 15px 0 0;
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	
	.hamburger {
		margin-left: 10px;
		cursor: pointer;
	}
	
	.burger_close {
		text-align: right;
		padding: 15px 15px 0 0;
		width: 50%;
		float: left;
		box-sizing: border-box;
	}
	
	.menu_mobile {
		background-color: #f4f4f4;
		width: 100vw;
		height: 100vh;
		z-index: 20;
		position: fixed;
		top: 0;
		left: 0;
	}
	
	#main {
		width: 100%;
	}
	
	.row {
		width: 90%;
		margin: 0px auto;
	}
	
	#page_head {
		margin-bottom: 30px;
	}
	
	.news#page_head, .resources#page_head {
		display: none;
	}
	
	.header_image {
		height: 180px;
		background-size: cover;
	}
	
	.header_image.who_we_are {
		height: 150px;
		background-size: contain;
	}
	
	.mobile_head {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	#nav_mobile {
		text-align: left;
	}
	
	#nav_mobile ul {
		margin: 30px 0 0 15%;
	}
	
	#nav_mobile ul li {
		position: relative;
	}
	
	#nav_mobile a {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 30px;
		line-height: 50px;
		text-transform: uppercase;
		color: #4d4d4f;
	}
	
	#nav_mobile ul.sub-menu {
		margin: 10px 0 20px 10px;
		display: none;
	}
	
	#nav_mobile ul.sub-menu a {
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", sans-serif;
		font-size: 16px;
		line-height: 28px;
		text-transform: none;
	}
	
	.sub-menu_arrow {
		line-height: 30px;
		vertical-align: middle;
		margin: 0 0 15px 10px;
		width: 14px;
		height: 8px;
		background-image: url(/wp-content/themes/ffn/images/b_arrow_sprite.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		display: inline-block;
	}
	
	.mobile_search {
		text-align: left;
		margin: 40px 0 0 15%;
	}
	
	.mobile_search div {
		height: 26px;
		float: left;
	}
	
	.mobile_search input {
		background-color: #f4f4f4;
		border: 0;
		font-size: 18px;
		height: 26px;
		margin-left: 10px;
	}

	.menu_mobile .social {
		text-align: left;
		margin: 50px 0 0 15%;
		padding: 0;
	}
	
	h2 {
		font-size: 36px;
		line-height: 36px;
		margin-bottom: 20px;
	}

	.blog_thumbnail {
		width: 100%;
		height: auto;
	}
	
	.filters select {
		display: block;
		width: 100%;
	}
	
	.fl {
		float: none;
	}
	
	.rtecenter {
		width: 100%;
	}
	
	.rtecenter img {
		width: 100% !important;
		height: auto !important;
	}
	
	.tri, .quad, .contact_left, .contact_right, .half, .block_1, .block_2, .block_3, .block_4, .block_5, .block_6, .block_7, .block_8, .block_9, .block_10, .block_11, .block_12, .block_13, .color_block {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.content_right.blog , .blog_cutout {
		display: none;
	}
	
	.content_left_and_mid, .content_mid_and_right, .content_left, .content_mid, .content_right, .one_col {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.content_left_and_mid img {
		width: 100%;
		height: auto;
	}	
	
	.gallery_modal { 
		overflow: visible;
	}
	
	.gallery_modal_slide { 

	}
	
	.gallery_modal_slide img { 
		position: absolute;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	.gallery_modal_previous { 
		left: -15px;
		z-index: 99999;
	}
	
	.gallery_modal_next { 
		right: -15px;
		z-index: 99999;
	}
	
	.content_left {
		background-position: left top !important;
	}
	
	.content_mid_and_right {
		margin-top: 30px;
	}
	
	.home_who_we_are, .wwd_intro  {
		width: 90%;
		margin: 0px auto;
	}
	
	.home_block_head h2 {
		padding-top: 0;
	}

.home_text_block h2 {
	font-size: 32px;
	line-height: 36px;
}

	.wwd_left_large_image, .wwd_right_skinny_text, .infog_left, .infog_right {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	
	.infog_left, .infog_right {
		padding-top: 0;
	}
	
	.tri img, .wwd_left_large_image img, .infog_left img {
		width: 100%;
		height: auto;
	}
	
	.nr_video_thumb {
		width: 100%;
		height: auto;
	}
	
	.nr_video_thumb img {
		width: 100%;
		height: auto;
	}
	
	.nr_block_video .resource_video_play {
		left: 45%;
	}
	
	.wwd_left, .wwd_left_2, .wwd_right_2, .wwd_left_3, .wwd_right_3 {
		float: none;
		width: 100%;
		height: auto;
	}
	
	.wwd_right {
		float: none;
		width: 100%;
	}
	
	.wwd_left img, .wwd_right img, .wwd_left_2 img, .wwd_right_2 img, .wwd_left_3 img, .wwd_right_3 img {
		width: 100%;
		height: auto;
	}
	
	.res_icon {
		width: 32px !important;
		height: 40px !important;
	}
	
	.wwd_left_2 {
		margin-bottom: 30px;
	}
	
	.wwd_right_2 {
		padding-bottom: 65px;
	}
	
	#splash_container, #nav_splash {
		display: none !important;
	}
	
	#header {
		opacity: 1 !important;
		z-index: 1 !important;
	}
	
	#fma_mobile {
		display: block;
	}
	
	#fma_mobile .row {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(/wp-content/themes/ffn/images/fma_mobile_2017.jpg);
		width: 100%;
		height: 202px;
		margin-bottom: 40px;
	}
	
	#fma_desktop {
		display: none;
	}
	
	.home_block_head {
		height: auto;
	}
	
	.home_block_person {
		display: none;
	}
	
	.home_block_image {
		width: 100%;
		height: auto;
		background-color: #ffffff;
		float: none;
		position: relative;
	}
	
	.home_block_image img {
		width: 100%;
		height: auto;
	}
	
	.block_tweet {
		width: 100%;
		height: auto;
		margin-bottom: 30px;
	}
	
	.home_text_block {
		width: 100%;
		margin-right: 0 !important;
		float: none;
	}
	
	.home_news_block {
		width: 100%;
		height: auto;
		float: none;
	}
	
	.home_intro_left, .home_intro_right {
		float: none;
		width: 100%;
	}
	
	.home_intro_left {
		text-align: center;	
	}
	
	#main {
		padding-top: 65px !important;
	}
	
	.sub_nav {
		height: auto;
		margin-bottom: 70px;
		padding: 0 0 27px 0;
	}
	
	.sub_nav li {
		float: none;
		margin: 0 0 15px 0;
	}
	
	.sub_nav a {
		margin: 0;
	}
	
	footer {
		width: 100%;
		background-image: url(/wp-content/themes/ffn/images/bkg_footer_mobile.png);
		background-repeat: repeat-x;
		background-position: center top;
		background-color: #f4f4f4;
		min-height: 450px;
		margin-top: 50px;
	}
	
	footer .row {
		padding: 150px 0 0 0;
		width: 90%;
		text-align: center;
		margin: 0px auto;
	}
	
	.social {
		width: 100%;
		float: none;
		text-align: center;
		padding: 30px 0 0 0;
	}
	
	.social li:first-of-type {
		margin-left: 0;
	}
	
	.email_signup {
		width: 100%;
		float: none;
	}
	
	.email_signup .em_field {
		width: 75%;
		border-top: 1px #000000 solid;
		border-left: 1px #000000 solid;
		border-bottom: 1px #000000 solid;
		box-sizing: border-box;
	}
	
	
	.email_signup h4 {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		margin-bottom: 0;
	}
	
	.email_signup .em_submit {
		width: 25%;
	}

	.copyright {
		float: none;
		text-align: center;
	}
	
	.pt50 {
		padding-top: 20px;
	}
	
	.pt70 {
		padding-top: 35px;
	}
	
	.pt50 h1 {
		font-size: 36px;
		line-height: 36px;
		margin-bottom: 20px;
	}
	
	.pb100 {
		padding-bottom: 75px;
	}
	
	.pt100 {
		padding-top: 0;
	}
	
	.map_area {
		width: 100%;
		height: 90vw;
	}
	
	.map_area .overlay {
		display: none;
	}
	
	.connect_with_us {
		padding-bottom: 70px;
	}
	
	#BillingAddress1, #BillingCity, #BillingStateProvince, #BillingZip, .wpcf7-form-control, input[type=text], input[type=number] {
		width: 100%;
	}
	
	.give_left, .give_right {
		width: 100%;
		float: none;
	}
	
	.form_field_left, .form_field_right, .billing_city_box, .billing_state_box, .billing_zip_box {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	.form_field_left {
		margin-bottom: 10px;
	}
	
	.form_radio {
		font-size: 14px;
	}

	.send_blue {
		float: none;
	}
	
	.last-name {
		margin-left: 0;
	}
	
	.click_map {
		height: auto;
		opacity: 1;
	}
	
	.click_map_inner {
		padding: 20px;
	}	
	
	.tri_area img {
		width: 100%;
		height: auto;
	}
	
	.results_image {
		width: 100%;
	}
	
	.intro_image {
		width: 100%;
		height: auto;
	}
	
	.resource_video {
		width: 100%;
		/* height: calc(100vw * .6851); */
		height: auto;
	}
	
	.resource_video img {
		width: 100%;
		height: auto;
	}
	
	.mobile_shrink {
		width: 100%;
		height: auto;
	}
	
	.fund_left {
		width: 100%;
		float: none;
		margin-bottom: 0;
	}
	
	.fund_right {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	
	.mug {
		width: 100%;
		height: auto;
	}
	
	iframe {
		width: 100%;
		height: auto;
	}
	
	.flint {
		height: auto;
	}
	
	.half img {
		width: 100%;
		margin-top: 30px;
	}
	
	.half.last {
		padding-bottom: 30px;
	}
	
	#give_box, #steps, #step_1, #step_2, #step_3 {
		width: 100%;
	}
	
	#give_box input {
		width: 100%;
	}
	
	#step_1_next_mobile, #step_2_next_mobile {
		float: right;
	}
	
	.step_box {
		font-size: 16px;
		width: 33.3333%;
		box-sizing: border-box;
	}

	.news_link {
		margin-bottom: 0;
	}
	
	.blog_main_image {
		height: auto;
		min-height: 0;
	}
	
	.blog_main_image img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	select[name=sort_by] {
		width: 100%;
	}
	
	.dufb_header {
		background-image: url(/wp-content/uploads/2017/01/h_dufb_mobile.jpg) !important;
		height: calc(100vw * .6053);
	}
	
	.header_image.give {
		background-size: crop;
		height: 100%;
	}
	
	.fffi {
		padding-top: 30px;
	}
	
	.wwd_intro h1 {
		font-size: 36px;
		color: #4d4d4f;
	}
	
	.wwd_intro h2, .wwd_left_2 h2, .wwd_left_3 h2, .wwd_right_3 h2 {
		font-size: 30px;
		line-height: 30px;
	}
	
	.give {
		background-position: right top;
	}
	
	.tri {
		margin-bottom: 30px;
	}
	
	.dufb h3 {
		font-size: 24px;
	}
	
	.insta {
		height: 420px;
	}
	
	#instafeed {
		width: 100%;
		height: 100%;
	}
	
	#instafeed img {
		width: 100%;
		height: auto;
		margin: 0;
	}
		
	.social_controls {
		width: 80% !important;
	}	
	
	.quad.insta {
		height: 420px !important;
	}
	
	.block_4.instagram {
		box-sizing: border-box;
		padding: 30px;
	}
	
	.home_intro_right h3 {
		font-size: 36px;
		line-height: 36px;
	}
	
	.email_signup_form {
		float: none;
		width: 100%;
	}
	
	.enews input[type="text"] {
		width: 100%;
	}
	
	.half.last h2 {
		font-size: 36px !important;
		line-height: 36px !important;
	}
	
	h3 {
		font-size: 24px;
		line-height: 26px;
	}
	
	.flint .half {
		padding: 0;
		margin: 0;
	}
	.flint .half img {
		margin: 0;
	}
	.flint .half.last {
		padding: 20px;
		box-sizing: border-box;
	}
	
	.half.fffi {
	    padding: 20px;
		box-sizing: border-box;
	}
	
	.half.fffi img {
		width: 280px;
		height: 106px;
		padding: 25px 0 0 0;
		margin: 0px auto;
	}
	
	.half.fffi img {
		width: 280px;
		height: 106px;
		padding: 25px 0 0 0;
		margin: 0px auto;
	}
	
	.oran_head {
		display: none;
	}
	
	.modal {
		display: none !important;
	}
	
	.fairfoodbook {
		display: none;
	}
	
	.content_left_and_mid .resource_file_np img {
		width: auto;
		height: auto;
	}
	
	.content_left_and_mid  .gallery_thumbs {
		width: 100%;
		height: 300px;
	}
	
	.content_left_and_mid  .gallery_thumbs img {
		width: auto;
		height: 300px;
	}
	
	.gallery_caption {
		height: 56px;
		padding-top: 10px;
		line-height: 18px;
		box-sizing: border-box;
	}
	
	#b_left, #b_right {
		display: none;
	}
	
	.gallery_thumbs {
		overflow: scroll;
	}
	
	.gallery_thumbs_inner {
		position: relative;
	}
	
	
	
	/* VIDEOS */
	
	.whole_thing {
		background-color: rgba(0,0,0,1);
	}
	
	.yt_vid {
		width: 100vw;
		height: calc(100vw * .5625);
		margin-left: -5%;
	}
	
	.video_modal {
		width: 100vw;
		height: calc(100vw * .5625);
		top: 100px;
		left: 0;
	}
	
	.video_modal iframe {
		width: 100%;
		height: 100%;
	}
	
	.home_intro_left .quad_vid {
		float: none;
		margin: 0px auto;
	}
	
	.wwd_w_video .quad_vid_play {
		top: 50px;
	}
	
	
	
	.main_content img {
		max-width: 100%;
		height: auto;
	}
	
	
	
	/* SIGNUP BLOCK */

	#signup_block .row {
		padding: 40px 0 40px 0;
		text-align: left;
	}
	
	#signup_block .row .gffu {
		padding: 0 0 20px 0;
	}
	
	#signup_block .row #tfa_0 {
		display: block;
	}
	
	
	.block_9 {
		height: calc(100vw * 1.1);
	}

	
	
}