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

@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;
	}
  
  .mt40 {
    margin-top: 40px;
  }
  
	.mr30 {
		margin-right: 30px;
	}
	
	.mb30 {
		margin-bottom: 30px;
  }
  
  .mb40 {
    margin-bottom: 40px;
  }
	
	.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;
		margin-top:10px;
	}
	
	.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: 110px !important;
		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;
        max-width:44px;
	}
	
	#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 10px 0;
	}
	
	.our-board, .our-advisors {
		font-size: 16px;
	}
	
	.our-board .quad h3 {
		color: #ee7a28;
	}

	.our-board .quad a {
		color: #ee7a28;
		opacity:0.7;
		margin-top:10px;
	}
	
	.our-advisors .quad h3 {
		color: #de5129;
	}
	.our-advisors .quad a {
		color: #de5129;
		opacity:0.7;
		margin-top:10px;
	}

	
	
	
	/* 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;
		position:relative;
		z-index:8;
	}
	
	#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;
		background-repeat: no-repeat;
		background-image: url(/wp-content/themes/ffn/images/footer.png);
    background-position: center top;
    min-height: 635px;
  }
  
  .footer .row {
		margin: 0px auto;
		padding-top: 310px;
	  width:100%;
	  max-width:1170px;
  }
  
  /* Styles that are applied to the reduce footer template */
  .ReduceFooter {
    margin-top: 56px;
    min-height: auto;
    background-image: none;
  }

  .ReduceFooter-text {
    font-size: 12px;
    margin-bottom: 0;
    text-align: center;
  }

  .ReduceFooter-img {
    object-fit: cover;
    max-width: 100%;
    width: auto;
  }

	footer.row {
		width: 1170px;
		margin: 0px auto;
		padding-top: 310px;
	}
	
	.menu_block {
		width: 195px;
		float: left;
		font-size: 14px;
		line-height: 20px;
	}
  
  .footer a {
		color: #4d4d4f;
	}

	.footer h4 a {
		font-family: "Knockout 50 A", "Knockout 50 B", sans-serif;
		font-size: 18px;
		color: #4d4d4f;
	}
	
	footera {
		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 li, .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: 50%;
		transform:translateY(-50%);
		/*
		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;
		margin-bottom:20px;
	}
	
	.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;
    border: 3px solid #fff;
    border-radius: 100px;
    padding: 10px;
    background: #01a267;
}

	.modal--type-cta {
		/* background-color:#ecb21f; */
		background-color: #F3C404;
        max-width: 1200px;
        margin: auto;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 10px solid #fff;
            box-shadow: 0 0 130px 30px rgb(0 0 0 / 50%);
	}

	.modal-cta {
		max-width:1000px;
		margin:auto;
	}

	.modal-cta__wrapper {
		display:flex;
		max-width:1276px;
		align-items:flex-end;
		padding:1rem 0 3rem;
		justify-content:space-between;
	}

	.modal-cta__content {
		flex:1;
		text-align:left;
		max-width:550px;
	}

	.modal-cta__content h2 {
		color:white;
		font-size: 70px;
		line-height: 1;
		text-align:left;
		margin-bottom:1rem;
		
	}

	.modal-cta__text {
		font-size:20px;
		line-height:1.4; 
		font-weight:300;
		padding-right:2rem;
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", Arial, sans-serif;

	}
	.modal-cta__text p {
		font-size:inherit;
		line-height:inherit;
		font-weight:inherit;
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", Arial, sans-serif;
	}

	.modal-cta__button {
		display:inline-block;
		min-width:200px;
		background-color:#01a267;
		color:white;
		text-align:center;
		padding:1rem;
		-webkit-box-shadow: 0px 5px 6px -4px rgba(0,0,0,0.40); 
		font-family: "Gotham Narrow A", "Gotham Narrow B", "Open Sans", Arial, sans-serif;
		box-shadow: 0px 5px 6px -4px rgba(0,0,0,0.40);
		font-weight:500;
		text-transform:uppercase;
		font-size:1.2rem;
		margin-top:4rem;
		transition:background-color 0.3s ease;

	}

	.modal-cta__button:hover,
	.modal-cta__button:focus {
		background-color:#ee7a28;

	}

	.modal-cta__image {
		flex:1;
		max-width:50%;
		text-align:center;

	}
	.modal-cta__image img {
		width:100%;
		height:auto;
		max-width:300px;
		margin:auto;
	}
	
	/* 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;
	}



    .home_video {
        position: fixed; 
        z-index: -99; 
        width: 100%; 
        height: calc(56vw);
        top:-15%;
    }
	
	
}

@media screen and (min-height: 1000px) and (min-width: 1024px) {

    #nav_splash {        margin-top: 50vh;height: 110px !important;    }
    #splash_container {    height: 50vh; }
    .home_video {
        height: 50vh;
        top: 0;
    }
    

}


@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) {

	.home_video {
        width: calc(100vw / 0.5);
        height: 56vw;
        top: 64px;
        left: -51vw;
    }

    .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;
  }
  
  /* Reduce Footer (Mobile) */
  .ReduceFooter {
    background-color: #fff;
    background-image: none;
    min-height: auto;
  }

  /* Removes the extra padding that was added initially */
  .ReduceFooter .row {
    padding-top: 0;
  }
	
	.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);
	}

	.modal-cta__content h2 {
		font-size:40px;
	}
	
}


@media screen and (max-width: 768px) {
    .home_video {
        width: calc(100vw / 0.45);
        height: 430px;
        top: 64px;
        left: -63vw;
    }
}

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

	.modal_content {
		padding:20px 20px 0 20px;
	}
	.modal_content p.signup-text {
		font-size:14px;
		padding-left:30px;
		padding-right:30px;
	}
	body .modal .gform_wrapper .gform_body {
		width:80vw;
	}

	body .modal .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		min-height:1rem;
		line-height:1;
	}

	body .modal .gform_wrapper input[type=text] {
		padding:5px 10px !important;
	}

	.modal_content .news_link {
		font-size:24px;
		line-height:1.4;
		
	}
	.modal-cta__wrapper {
		flex-direction:column-reverse;
		justify-content:center;
		align-items:flex-start;
		text-align:center;


	}

	.modal-cta__content { 
		text-align:center;
	}

	.modal-cta__content h2 {
		text-align:center;
	}

	.modal-cta__text {
		padding-right:0;
		font-size:16px;
		text-align:center;
	}	
	.modal-cta__button {
		margin-top:20px;
	} 
	.modal-cta__image { 
		width:100%;
		text-align:center;
		margin-bottom:10px;
		max-width:none;
	}
	.modal-cta__image img {
		max-width:150px;
	} 

}
	
/*--------------------------------------------------------------
# GIVE UPDATE
--------------------------------------------------------------*/

.nav-btn {
  width: 140px;
  height: auto;
}

.give-wrap {
	height: 100%;
	background-size: auto 100%;
	background-attachment: fixed;
	background-image:url('images/donate-page-repeating-bg.jpg');
	background-repeat:repeat-x;
	background-size:auto 100%;
	overflow:hidden;
	
}

.give-wrap.style-holidays {
	background-image:none;
	background-color:#ecb21f;
}

.give-bg {
	position:fixed;
	top:0;
	right:0;
	bottom:-65px;
	left:0;

	height:100%;
	width:100%;
	overflow:hidden;
}

.give-bg:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 40%;
	background-image: url('images/picture-of-boy.png');
	height: 100%;
	background-size: 100% auto;
	z-index: 7;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.give-wrap.style-holidays .give-bg {
	background-color:#ecb21f;

}

.give-wrap.style-holidays .give-bg:after {
	background-image:url('images/gift.png');
	left:5%;
	width:30%;
	background-size:contain;
	max-height:50vh;
	bottom:5%;
}


.give{
	height: 100%;
	background: transparent;
	position:relative;

}

.give.absolute .give-bg {
	position:absolute;


}


.give_right {
	padding: 10px;
}
li#field_1_7 label.gfield_label,
li#field_1_6 label.gfield_label,
li#field_1_5 label.gfield_label,
tr.trpayoptns + td,
tr.dvrecurtyp,
tr.dvperdcty,
tr.dvnoofpymnts,
tr.trpayoptns td:first-of-type {
	display: none!important;
}

tr.trpayoptns td:nth-of-type(2){
	padding-right: 20px;
}	
	
tr.trpayoptns td:nth-of-type(3):after {
	content: ' Monthly';
}

h2.gsection_title {
	text-align: left;
	color: #ee7a28;
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{
	font-size:16px;
}
	
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
	margin: 1px 0 9px 1px;
	font-size: 12px;
}
	
input[type=text], input[type=number], input[type=email], .tablet_search input[type="search"], .inputWrapper input[type=text]{
	border:1px solid #4d4d4f;
	background:#ffffff;
	border-radius:3px;
}

.gform_button {
	color: #fff;
	background: #ee7a28;
	border-radius: 3px;
	padding: 10px 40px;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 1px;
	width: 100%!important;
	box-shadow: none;
	outline: 0px;
	border: 0px;
	padding: 16px;
}

.gform_body select{
	border:1px solid #4d4d4f;
	background:#ffffff;
	height: 40px!important;
	margin-top: 0px!important;
}

.gform_wrapper .gsection {
	border-bottom: 0px;
	padding: 0px;
	margin: 0px!important;
	clear: both;
}

.gform_wrapper  .secured {
    text-align: right;
    font-size: 11px;
    padding: 5px;
    font-family: Arial;
}

.gform_wrapper .secured img {
	margin-bottom: -5px;
}

li#field_1_10 p {
	font-size: 16px;
}
	
li#field_1_6 .gfield_radio {
  margin: 10px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}

li#field_1_6 .gfield_radio li{
  display:inline-block
}

li#field_1_6 .gfield_radio input[type="radio"] {
  opacity: 0;
  position: absolute;
  width: 0;
}

li#field_1_6 .gfield_radio label {
  	background-color: #fff;
	font-family: sans-serif, Arial;
	border: 2px solid #ee7a28;
	border-radius: 4px;
	padding: 6px 20px!important;
	min-width: 120px;
	text-align: center;
	color: #ee7a28;
	font-weight: 800;
}

li#field_1_6 .gfield_radio label:hover {
  background-color: #ee7a2870;
  color: #ee7a28;
}

li#field_1_6 .gfield_radio input[type="radio"]:focus + label {
    border: 2px dashed #ee7a2870;
}

li#field_1_6 .gfield_radio input[type="radio"]:checked + label {
    background-color: #ee7a28;
    border-color: #ee7a28;
    color:#ffffff;
}

body .gform_wrapper .top_label div.ginput_container {
	margin-top: 0px;
}
.gform_wrapper .top_label .gfield_label{
	margin-bottom: 0px;
}

.gform_wrapper #gform_fields_2 .ginput_complex .address_zip{
	width: 100%!important;
	padding-right: 0px;
}

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/
.modal {
	height: auto;
	font-family: "Knockout 50 A", "Knockout 50 B", sans-serif !important
}

.modal .modal_content{
	padding-top: 30px;
}

.modal .gform_wrapper{
	margin-top: 0px;
}
.modal .gform_wrapper input[type=text]{
	border:0px;
	border-radius: 0px;	
	padding:25px 10px!important
}

.modal .gform_wrapper .top_label .gfield_label, 
.modal .gform_wrapper legend.gfield_label {
	font-size: 14px;
}

.modal .gform_wrapper .gform_body{
	width: 700px;
}

.modal .gform_wrapper .gform_footer{
	text-align: center;
}
.modal .gform_wrapper .gform_button{
	background: #ecb21f;
	color: #fff;
	max-width: 300px;
}
.modal .gform_wrapper .gform_button:hover{
	cursor: pointer;
	border: 2px solid #fff;
}


.modal .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, 
.modal .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
	margin: -35px 0px 0px 7px;
	color: #a7a7a7;
	opacity: 1;
}

.modal .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container input:focus ~ label, 
.modal .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container input:focus label {
	opacity: 0;
}

.modal_content p {
	margin: 0px;
}
.modal .gform_wrapper .top_label div.ginput_container {
	margin-top: 0px;
}


.youtube-iframe {width:100%}



#embed-dialog-form-paper {
    width: 100% !important;
    max-width: 640px !important;
    height: 100% !important;
    max-height: 760px !important;
    top: 30px !important;
    height: calc(100vh - 100px) !important;
}





/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 1480px ) and ( min-width: 1280px ) {
	.give-bg:after {
		width:50%;
	}

}

@media screen and (max-width: 1023px){
	li#field_1_6 .gfield_radio li{
		width: 25%;
	}
	li#field_1_6 .gfield_radio label{
		width: 95%;
	}
	
	.give-bg { 
		display:none;
	}
}
@media screen and (max-width: 690px){
	li#field_1_6 .gfield_radio li{
		width: 50%;
	}
	li#field_1_6 .gfield_radio label{
		width: 95%;
	}
}

@media screen and (min-width: 1024px){
	.give-wrap .row{
		width:100%;
		max-width:1335px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 1024px){
	.give-wrap .row {
		width: 95%;
		margin: 0px auto;
	}
}


@media screen and (max-height: 600px ) {

	#splash > div:last-child {
		margin-top:-100px;
	}

}

/*--------------------------------------------------------------
# Richtext Editor
--------------------------------------------------------------*/
.u-richtext img {
  height: auto;
  max-width: 100%;
}

.dw-inner-container {
  padding-top: 0;
}
/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.l-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.l-col {
  width: 100%;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .l-col {
    max-width: calc(500px + (75px /2));
    width: 50%;
  }

  .l-col:first-child {
    padding-right: calc(75px / 2);
  }

  .l-col:last-child {
    padding-left: calc(75px / 2);
  }
}

.bg-image {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.bg-image::before {
  content: "";
  display: block;
  padding-top: calc( 1 / (1469/530) * 100%);
}

.bg-image-source {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

body div.wpforms-container-full .wpforms-form .wpforms-field-label{
	display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label{
	display: none!important;
}
body div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,
body div.wpforms-container-full .wpforms-form input[type=date], 
body div.wpforms-container-full .wpforms-form input[type=datetime], 
body div.wpforms-container-full .wpforms-form input[type=datetime-local], 
body div.wpforms-container-full .wpforms-form input[type=email], 
body div.wpforms-container-full .wpforms-form input[type=month], 
body div.wpforms-container-full .wpforms-form input[type=number], 
body div.wpforms-container-full .wpforms-form input[type=password], 
body div.wpforms-container-full .wpforms-form input[type=range], 
body div.wpforms-container-full .wpforms-form input[type=search], 
body div.wpforms-container-full .wpforms-form input[type=tel], 
body div.wpforms-container-full .wpforms-form input[type=text], 
body div.wpforms-container-full .wpforms-form input[type=time], 
body div.wpforms-container-full .wpforms-form input[type=url], 
body div.wpforms-container-full .wpforms-form input[type=week], 
body div.wpforms-container-full .wpforms-form select, 
body div.wpforms-container-full .wpforms-form textarea{
	max-width: 100%;
}
body .newform div.wpforms-container-full .wpforms-form button[type=submit]{
	padding: 12px 50px;
	text-transform: uppercase;
}
@media only screen and (max-width: 641px){
	body .newform div.wpforms-container-full .wpforms-form button[type=submit]{
		padding: 18px 50px;
	}
}


/***********/
/*Carrousel*/
/***********/
.testimonial-carousel-box .slick-slide .fl-module-callout{
    height:100%;
}
.testimonial-carousel-box .slick-track{
    display: flex;
    align-items: stretch;
}
.testimonial-carousel-box .carousel-card img{
    height:200px;
    width:200px;
    object-fit: cover;
    border-radius: 50%;
}
.fl-col-group .left_margin > .fl-col-content{
    max-width: 683px;
    margin-left: auto;
}
.fl-col-group .right_margin > .fl-col-content{
    max-width: 683px;
    margin-right: auto;
}
.carousel-card {
    width: 422px !important;
    max-width: 422px;
    padding: 26px 28px 36px;
    border-radius: 40px;
    background-color: white;
    margin-right: 25px;
}
.carousel-card .fl-module-content,
.carousel-card .fl-callout,
.carousel-card .fl-callout-content{
    height: 100%;
}
.carousel-card .fl-callout-content{
    display: flex;
    flex-direction: column;
}
.testimonial-carousel-box .carousel-card {
    width: 580px !important;
    max-width: 580px;
    background-color: #fff;
    margin-left: 0px;
    margin-right: 26px;
	padding:0;
	border-radius: 6px;
}
.testimonial-carousel-box .carousel-card > .fl-module-content{
	padding: 36px 44px 66px;
    border-radius: 6px;
}
body .carousel-card h3.fl-callout-title{
    padding-bottom:35px;
    padding-top:44px;
}
.carousel-card .fl-callout-text p{
    padding-bottom: 26px!important;
}
.testimonial-carousel-box .carousel-card .fl-photo{
    margin-bottom:35px;
}
.testimonial-carousel-box .carousel-card .fl-callout-text-wrap{
    margin-top:auto;
}
.testimonial-carousel-box .carousel-card .fl-callout-text p{
    color:#1E5739;
    padding-bottom:36px!important;
}
.testimonial-carousel-box .carousel-card .testinomial{
    font-size: 19px;
    font-size: 1rem;
    line-height: 25px;
    line-height: 1.3158rem;
    color: #1E5739;
}
.testimonial-carousel-left-col .fl-col-content{
    position: relative;
    z-index: 1;
}
body:not(.fl-builder-edit) .testimonial-carousel-left-col .testimonial-carousel-left-col-box-img{
    position: absolute;
    bottom: -120px;
    right: -130px;
}
.carousel-card a.fl-button, 
.carousel-card a.fl-button:visited,
.carousel-card a.fl-button:hover{
    background-color: transparent;
    border: 0;
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(#009CA7, #009CA7);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 2px;
    transition: all .2s ease, underline .5s ease-in-out;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}
.carousel-card a.fl-button:visited,
.carousel-card a.fl-button:hover
{
    transform: none !important;
    animation: 0.25s underline2px ease-in-out;
}
.carousel-card a.fl-button:hover::after{
    margin-left: 25px;
}
.carousel-card a.fl-button span{
    font-size: 20px;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 28px;
    line-height: 1.47rem;
    letter-spacing: 0.01rem;
    color:#077c84;
}
.carousel-card a.fl-button:after{
    background-image: url(/wp-content/uploads/2024/11/arrowlink_right_blue.svg);
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px;
    margin-left: 16px;
    float: right;
    position: relative;
    top: 8px;
    transition: all 0.25s ease;
}
.testimonial-carousel-row .slider-header{
    padding-right: 0px;
    padding-left: 0px;
    margin-right:0;
    margin-left:auto;
    max-width: 675px;
    gap:30px;
    justify-content:flex-start;
}


.pdfembed-iframe {
    width: 100% !important;
    max-width: 352px !important;
    height: 100% !important;
    min-height: 352px !important;

}








/**************/
/* Responsive */
/**************/

@media only screen and (max-width: 992px) {
    .testimonial-carousel-box .carousel-card .fl-callout-text p{
        padding-bottom:16px!important;
    }
    .testimonial-carousel-box .carousel-card{
        width: 400px !important;
        max-width: 400px;
    }
	.testimonial-carousel-box .carousel-card > .fl-module-content{
		padding: 26px 26px 36px;
		border-radius: 6px;
	}
    .testimonial-carousel-box .carousel-card .testinomial{
        font-weight: 500;
        font-size: 16px;
        font-size: 0.84rem;
        line-height: 24px;
        line-height: 1.26rem;
    }
    .testimonial-carousel-row .slider-header{
        margin-left:0;
    }
    body:not(.fl-builder-edit) .testimonial-carousel-left-col .testimonial-carousel-left-col-box-img{
        position: absolute;
        bottom: 0;
        right: unset;
        left:0;
        max-width: 160px;
    }
    .testimonial-carousel-box .carousel-card .fl-photo{
        margin-bottom:16px;
    }
    .testimonial-carousel-box .carousel-card img{
        height: 100px;
        width: 100px;
    }
    .testimonial-carousel-left-col .fl-col-content {
        position: static;
        z-index: 1;
    }
    body:not(.fl-builder-edit) .testimonial-carousel-row{
        position: relative;
    }
    .carousel-card{
        padding: 26px;
        margin-left:0;
        margin-right:26px;
        border-radius:30px;
    }
    .testimonial-carousel-row .slider-header{
        padding-right:36px;
        margin-right:0;
        max-width: unset;
    }
    .testimonial-carousel-row .slider-dot,
    .testimonial-carousel-row .slider-ctl{
        margin-bottom:26px;
        margin-top:0;
    }
    .fl-col-group .left_margin > .fl-col-content{
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .fl-col-group .right_margin > .fl-col-content{
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (max-width: 768px) {
    .testimonial-carousel-box blockquote p {
        font-size: 22px;
        font-size: 1.16rem;
        line-height: 30px;
        line-height: 1.58rem;
    }
    .testimonial-carousel-box .carousel-card,
    .carousel-card{
        border-radius: 6px;
    }
    .carousel-card a.fl-button span{
        font-size: 18px;
        font-size: 0.95rem;
        line-height: 26px;
        line-height: 1.37rem;
    }
    .carousel-card{
        width: calc(100vw - 36px) !important;
        max-width: calc(100vw - 36px);
    }
    body .carousel-card h3.fl-callout-title {
        padding-bottom: 16px;
        padding-top: 26px;
    }
    .carousel-card .fl-callout-text p {
        padding-bottom: 6px !important;
    }
    .testimonial-carousel-row .slider-header{
        padding:0;
    }
}
@media only screen and (max-width: 600px) {
    .testimonial-carousel-box .carousel-card{
        width: calc(100vw - 36px) !important;
        max-width: calc(100vw - 36px);
    }

}