/*
Theme Name: Fishers Island Updated
Theme URI: http://filemonade.com/
Description: A custom crafted theme
Author: Bradley Bouley
*/

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

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
	font-family: sans-serif;
}

body {
	margin: 0;
}

a:focus {
	outline: thin dotted;
}

a:active, a:hover {
	outline: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p, pre {
	margin: 1em 0;
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

q {
	quotes: none;
}

q:before, q:after {
	content: '';
	content: none;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl, menu, ol, ul {
	margin: 0;
	padding: 0;
}

dd {
	margin: 0;
}

menu, ol, ul {
	margin: 0;
	padding: 0;
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button, input {
	line-height: normal;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible;
}

button[disabled], input[disabled] {
	cursor: default;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
}

.alignright {
	float: right;
	margin: 0 0 0 10px;
}

.aligncenter {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.clear {
	clear: both;
}

.small {
	font-size: 11px;
}

.bold {
	font-weight: bold;
}

.wp-caption-text {
	text-align: center;
}

html, button, input, select, textarea {
	color: #222;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.script {
	font-family: 'DidotLTPro-Italic';
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}

audio, canvas, video {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden] {
	display: none
}

html {
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

html, button, input, select, textarea {
	font-family: sans-serif
}

body {
	margin: 0
}

a:focus {
	outline: thin dotted
}

a:active, a:hover {
	outline: 0
}

h1 {
	margin: .67em 0
}

h2 {
	margin: .83em 0
}

h4 {
	margin: 1.33em 0
}

h6 {
	margin: 2.33em 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b, strong {
	font-weight: bold
}

blockquote {
	margin: 1em 40px
}

dfn {
	font-style: italic
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

mark {
	background: #ff0;
	color: #000
}

p, pre {
	margin: 1em 0
}

code, kbd, pre, samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: none
}

q:before, q:after {
	content: '';
	content: none
}

small {
	font-size: 80%
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

dl, menu, ol, ul {
	margin: 1em 0
}

dd {
	margin: 0 0 0 40px
}

menu, ol, ul {
	padding: 0 0 0 40px
}

nav ul, nav ol {
	list-style: none;
	list-style-image: none
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
	*margin-left: -7px
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle
}

button, input {
	line-height: normal
}

button, select {
	text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

button[disabled], html input[disabled] {
	cursor: default
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@import url("//hello.myfonts.net/count/288c12");
@font-face {
	font-family: 'DidotLTPro-Roman';
	src: url('webfonts/288C12_0_0.eot');
	src: url('webfonts/288C12_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/288C12_0_0.woff') format('woff'), url('webfonts/288C12_0_0.ttf') format('truetype');
}

@font-face {
	font-family: 'DidotLTPro-Italic';
	src: url('webfonts/288C12_1_0.eot');
	src: url('webfonts/288C12_1_0.eot?#iefix') format('embedded-opentype'), url('webfonts/288C12_1_0.woff') format('woff'), url('webfonts/288C12_1_0.ttf') format('truetype');
}

@font-face {
	font-family: 'BrandonGrotesque-Bold';
	src: url('webfonts/288C12_2_0.eot');
	src: url('webfonts/288C12_2_0.eot?#iefix') format('embedded-opentype'), url('webfonts/288C12_2_0.woff') format('woff'), url('webfonts/288C12_2_0.ttf') format('truetype');
}
@font-face {
    font-family: 'FishersScript';  
    src: url('http://filemonade.com/wp-content/themes/fisher/webfonts/FIL_Script.ttf');  
    font-weight: normal;  
}

html, body {
	-webkit-font-smoothing: antialiased;
	height: 100%;
}

body {
	background-color: #ffffff;
	/* font-size: 12px;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	color: #14426f; */
}

h1 {
	font-family: 'DidotLTPro-Italic';
	color: #D35055;
	font-weight: 700;
	font-size: 36px;
}

h2 {
	color: #d35055;
	font-size: 32px;
	font-family: 'BrandonGrotesque-Bold', serif;
}

h3 {
	color: #14426f;
	font-size: 20px;
	font-family: 'BrandonGrotesque-Bold', serif;
	text-transform: uppercase;
}

h4 {
	color: #d35055;
	font-size: 24px;
	font-family: 'BrandonGrotesque-Bold', serif;
}

h5 {
	color: #14426f;
	font-family: 'DidotLTPro-Italic';
	font-size: 36px;
}

p, li, a {
	color: #14426f;
	font-family: 'BrandonGrotesque-Bold', serif;
	font-size: 24px;
	line-height: 34px;
}

#main-div {
	width: 775px;
	height: 550px;
	position: absolute;
	left: 25%;
	overflow: hidden;
	margin-top: 200px;
}

.menu-primary-container {
	line-height: 50px;
	height: 50px;
	border-top: 2px solid #d74f53;
	border-bottom: 2px solid #d74f53;
	text-align: center;
	margin: 0 0 55px;
	font-family: 'Droid Sans', sans-serif;
}

.menu-primary-container ul {
	margin: 0;
	padding: 0;
}

.menu-primary-container li {
	list-style: none;
	display: inline-block;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0 25px;
}

.age-entry {
	width: 325px;
	text-align: center;
}

.medium {
	color: #231f20;
	font-size: 21px;
}

.small {
	font-size: 11px;
	letter-spacing: 2px;
}

.enter-text {
	color: #a2a4a7;
	letter-spacing: 1px;
}

.enter {
	background: url(img/btn-enter.png) top center no-repeat;
	width: 72px;
	height: 48px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	margin: 25px auto;
	display: block;
	text-decoration: none;
	line-height: 48px;
}

.enter:hover {
	background-position: 0 -48px;
	color: #fff;
}

.section.top {
	padding: 0 0 30px;
	background: url(img/bg-vertical.png) top center repeat;
}

.inner {
	width: 740px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.inner.contact-section {
	width: 900px;
}

.find-island-container {
	background: url(img/img-left_arrow.png) center left no-repeat;
	margin: 60px auto 0;
}

.find-island-container.order-online {
	margin: 0 auto 50px;
}

.find-island {
	color: #D35055;
	font-size: 36px;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
	display: block;
	background: url(img/img-right_arrow.png) center right no-repeat;
}

.logo {
	margin: 25px 0 0;
}

a {
	-o-transition: color .2s ease-out;
	-ms-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-webkit-transition: color .2s ease-out;
	transition: color .2s ease-out;
}

.spiked {
	position: absolute;
	top: 175px;
	left: 0;
}

.section.top .fly {
	position: absolute;
	top: 75px;
	right: 0;
}

.section.top .coordinates {
	position: absolute;
	top: 360px;
	right: 42px;
}

.tagline {
	border: 6px solid #fff685;
	width: 262px;
	background-color: #fff;
	text-transform: uppercase;
	margin: 0 auto;
	line-height: 16px;
	padding: 10px 0 6px;
}

.section.middle .inner {
	width: 70%;
}

.section.middle .opener {
	padding: 40px 0 90px;
	border-bottom: 2px solid #d54f54;
	font-size: 32px;
	line-height: 47px;
	text-align: center;
}

.section.middle .opener img {
	margin-right: 40px;
	display: inline-block;
}

.section.middle .opener p {
	margin: 0;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
}

.section.middle .description {
	font-size: 21px;
	line-height: 41px;
	font-family: 'DidotLTPro-Roman';
	padding: 60px 0 50px;
	width: 650px;
	margin: 0 auto;
}

.post-content {
	font-size: 16px;
	line-height: 20px;
	font-family: 'Droid Sans', sans-serif;
}

.section.bottom {
	margin: 75px 0 0;
	height: 630px;
	background: url(img/bg-horizontal.png) top center repeat;
}

.section.bottom .fly {
	position: absolute;
	top: 135px;
	right: 40px;
}

.section.bottom .coordinates {
	position: absolute;
	top: 434px;
	left: 0;
}

.section.bottom .newsletter {
	border: 6px solid #fff685;
	width: 415px;
	background-color: #fff;
	margin: 75px auto 0;
	line-height: 16px;
	padding: 35px 0 32px;
}

.section.bottom .newsletter .script {
	font-size: 30px;
	line-height: 34px;
	font-weight: 600;
}

.section.bottom .newsletter p {
	margin: 0;
}

.section.bottom .newsletter p.newsletter-text {
	margin: 10px 0 25px;
	text-transform: uppercase;
}

.section.bottom .newsletter input[type=text], .section.bottom .newsletter input[type=email] {
	border: 4px solid #14426f;
	background-color: #fff;
	width: 280px;
	padding: 0 15px;
	height: 40px;
	line-height: 40px;
	display: block;
	margin: 0 auto 30px;
	font-size: 14px;
	text-align: center;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#wpsl-search-input {
	font-size: 14px;
	height: 30px;
	padding: 0 12px !important;
	line-height: 35px;
	text-align: center;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.section.bottom .newsletter input[type=submit] {
	border: none;
	background-color: #14426f;
	width: 125px;
	height: 40px;
	line-height: 40px;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	text-align: center;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
}

#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
	border: none;
	background-color: #14426f !important;
	width: auto;
	height: 40px;
	line-height: 42px !important;
	padding: 0 12px !important;
	display: inline-block;
	margin: 0px 12px !important;
	font-size: 14px;
	text-align: center;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #fff;
	border-radius: 0 !important;
}

.sbi_follow_btn {
	display: none !important;
}

.section.bottom .social {
	border: 6px solid #fff685;
	width: 415px;
	background-color: #fff;
	text-transform: uppercase;
	margin: 55px auto 0;
	line-height: 16px;
	padding: 42px 0 0;
}

.section.bottom .social .icon {
	display: inline-block;
	margin: 0 auto;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	color: #14426f;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0 15px 45px;
}

.icon .symbol {
	/* background-image: url(img/sprite.png); */
	display: block;
	margin: 0 auto 5px;
}

.icon.fb .symbol {
	width: 35px;
	height: 35px;
}

.icon.twitter .symbol {
	width: 35px;
	height: 35px;
}

.icon.pinterest .symbol {
	width: 35px;
	height: 35px;
}

.icon.instagram .symbol {
	width: 35px;
	height: 35px;
}

.section.bottom .social .icon:hover {
	color: #939598;
}

p.contact {
	margin: 10px 0 10px;
}

p.contact a {
	color: #d64f54;
}

p.contact a:hover {
	color: #939598;
}

a {
	color: #14426f;
	text-decoration: none;
}

a:hover {
	color: #939598;
}

.insta-link {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	background-color: #114171;
	height: 50px;
	line-height: 50px;
}

.events {
	padding: 40px;
	border: 3px solid #fff77e;
	width: 580px;
	margin: 15px auto 65px;
	font-size: 18px;
	font-family: 'Droid Sans', sans-serif;
}

.event-line {
	margin: 25px 0;
	line-height: 28px;
}

.event-line span {
	font-weight: bold;
}

.small-text {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
}

.in-the-press {
	margin: 95px 0;
	text-align: center;
}

.in-the-press .small-text {
	font-size: 16px;
}

.in-the-press img {
	margin: 30px 20px 0;
}

.press-list {
	overflow: hidden;
	text-align: center;
}

.press-item {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	height: 360px;
	margin: 0 50px 40px;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.press-item .title {
	text-transform: none;
	margin: 20px 0;
	letter-spacing: 0;
	font-size: 28px;
	line-height: 32px;
	color: #d44951;
	font-family: 'Droid Sans', sans-serif;
	font-weight: bold;
}

.event-list {
	overflow: hidden;
	text-align: left;
	/* margin: 60px 0 0; */
}

.event-item {
	overflow: hidden;
	margin: 0 0 80px;
}

.event-list img {
	float: left;
	width: 250px;
	margin: 0 35px 0 0;
}

.event-list .info {
	width: 460px;
	float: left;
}

.event-item .title {
	text-transform: none;
	margin: 0 0 5px;
	letter-spacing: 0;
	font-size: 28px;
	line-height: 32px;
	color: #d44951;
	font-family: 'Droid Sans', sans-serif;
	font-weight: bold;
}

.event-item .meta {
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 20px;
	font-family: 'Droid Sans', sans-serif;
}

.event-item a {
	text-decoration: underline;
}

#wpsl-wrap {
	font-family: 'Droid Sans', sans-serif;
}

.about-text {
	text-align: left;
}

.about-intro {
	font-weight: bold;
	font-size: 15px;
	line-height: 26px;
	position: relative;
	width: 100%;
	overflow: hidden;
	background: url(img/bee-path.png) bottom right no-repeat;
	padding-bottom: 190px;
}

.about-intro .island {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -40%;
	width: 35%;
}

.about-intro .text {
	width: 58%;
	max-width: 490px;
	margin: 80px 0 0 40%;
}

.about-content {
	margin: 70px 0 120px;
	line-height: 24px;
}

.about-content p {
	margin: 0 0 30px;
}

.donate-text {
	font-size: 30px;
	font-weight: bold;
	line-height: 48px;
}

.donate-text .red {
	color: #d44951;
}

.columns {
	overflow: hidden;
}

.columns .half {
	width: 45%;
	margin: 0 2.5%;
	float: left;
}

.section.middle .inner.wider {
	max-width: 1180px;
	width: 95%;
}

body:before {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767px;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

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

.gform_wrapper .gform_heading {
	text-align: center;
}

a:active, a:focus {
	outline: none;
}

@media only screen and (min-width:0) and (max-width:900px) {
	.columns .half {
		float: left;
		width: 95%;
	}
	.about-content {
		margin-bottom: 40px;
	}
	.about-intro {
		padding-bottom: 230px;
	}
}

@media only screen and (max-width:767px) and (min-width:0) {}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a, a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
		content: "";
	}
	pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}

/* Jobs  Page CSS */

.recipe-page-title {
	color: #D35055;
	font-size: 36px;
	line-height: 42px;
	text-align: center;
	margin: 0 0 17px;
}

.recipes-list {
	max-width: 940px;
	margin: 0 auto;
	padding: 0 15px;
}

.recipes-list * {
	box-sizing: border-box;
}

.recipe-item {
	border-bottom: 5px solid #27588d;
	margin-bottom: 61px;
	padding-bottom: 50px;
}

.recipes-list .recipe-item:last-child {
	border-bottom: none;
}

/* .recipes-list h3 {
	color: #27588d;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	font-size: 28px;
	font-weight: 700;
	line-height: 42px;
	margin: 0 0 20px;
} */

.recipe-cols {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.recipe-left-col, .recipe-right-col {
	width: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.recipe-left-col {
	justify-content: center;
}

.recipe-left-col video {
	/*width: 450px;*/
	/*height: 450px;*/
	display: block;
}

.recipe-left-col img, .recipe-left-col video {
	max-width: 100%;
}

.recipe-video-container {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	width: 450px;
	height: 450px;
}

.video-preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	cursor: pointer;
}

.video-preview:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: 0.1;
}

.recipe-play {
	position: absolute;
	width: 133px;
	height: 131px;
	top: 50%;
	left: 50%;
	z-index: 2;
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0);
	-moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0);
	-ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0);
	-o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.video-preview:hover .recipe-play {
	opacity: .7;
}

.video-preview-loader {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0);
	-moz-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0);
	-ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0);
	-o-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0);
	transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.0);
	display: none;
	z-index: 5;
	color: #fff;
	font-size: 18px;
}

.video-preview.active .recipe-play {
	opacity: 0;
}

.video-preview.active:before {
	opacity: .7;
}

.recipe-right-col {
	padding: 0 15px;
}

.recipe-text {
	text-align: left;
}

.recipe-text p {
	color: #27588d;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	margin: 0 0 24px;
}

.recipe-text ul {
	list-style: none;
	padding: 0;
	margin: 0 0 6px;
}

.recipe-text li {
	color: #27588d;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 42px;
	position: relative;
	padding-left: 15px;
}

.recipe-text li:before {
	content: '';
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #27588d;
	position: absolute;
	top: 16px;
	left: 2px;
}

/* New Template Shared */

.find-footer {
	padding-top: 50px;
	width: 40%;
	margin: auto;
	display: flex;
	flex-direction: row;
}

.header-image {
	object-fit: none;
	height: 700px;
}

.find-footer-left {
	background: url(img/img-left_arrow.png) center left no-repeat;
	height: auto;
	width: 10%;
}

.find-footer h5.section-header {
	width: 80%;
	cursor: pointer;
	margin: auto;
	text-align: center;
}

.homepage-section-header {
	margin-top: 3%;
	margin-bottom: 3%;
}

.find-footer-right {
	background: url(img/img-right_arrow.png) center right no-repeat;
	height: auto;
	width: 10%;
}

.menu-item a img {
	height: 80px;
	width: auto;
}

.recipes-header {
	position: relative;
}


.recipes-header .coordinates-text {
	line-height: 50px;
	font-size: 18px;
	left: 90%;
	z-index: 100;
}

.recipes-header .coordinates-text a {
	color: #d64f54;
	z-index: 100;
}

.find-fishers {
	float: right;
	margin-right: 9%;
}

.fishers-logo {
	background-image: url(img/plain-logo.svg);
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	/* margin-right: 9%; */
	height: 80px;
	width: 10%;
}

@media (max-width: 1300px) {
	.fishers-logo {
		height: 80px;
		width: 120px;
	}
}

.fishers-logo a {
	background-image: url(img/plain-logo.svg);
	background-repeat: no-repeat;
	background-position: center top;
}

.find-fishers a {
	color: #d64f54;
	font-size: 18px;
}

/* New Recipes Page */

.new-recipe-list {
	width: 100%;
	display: inline-block;
}

.recipe-container-inner.row {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	width: 33.33%;
	float: left;
	justify-content: space-between;
}

.media-container-row {
	margin: 10px;
	text-align: center;
	line-height: 42px;
	font-size: 30px;
}

.recipe-container-inner img {
	height: 251.625px;
	width: 251.625px;
}

.media-container-link {
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: 28px;
	cursor: pointer;
}

.promo-container:hover {
	opacity: 0.7;
}


.media-container-link p {
	text-align: center;
	vertical-align: middle;
	margin: auto;
	line-height: 35px;
}

.recipe-container-name h3 {
	color: #27588d;
	font-size: 15px;
}

.featured-recipes {
	width: 60%;
	float: left;
}

.spacer {
	height: 100px;
}

.single-recipe-spacer {
	height: 30px;
}

.page-header {
	margin-bottom: 20px;
}

.recipes-header>.menu-2019-primary-container {
	line-height: 80px;
	height: 80px;
	border-top: none;
	border-bottom: none;
	-webkit-box-shadow: 0 4px 6px -6px #222;
	-moz-box-shadow: 0 4px 6px -6px #222;
	box-shadow: 0 4px 6px -6px #222;
	text-align: center;
	margin: 0 0 4px;
	/* font-family: 'Droid Sans', sans-serif; */
	position: fixed;
	width: 100%;
	z-index: 100;
	background: white;
	visibility: visible;
	opacity: 1;
}

#menu-2019-primary>.menu-item-home {
	display: none;
}

@media (max-width: 800px) {
	.recipes-header>.menu-2019-primary-container {
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.5s linear;
		height: 0px;
	}
	.recipes-header .coordinates-logo {
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s, opacity 0.5s linear;
		height: 0px;
	}
}

.recipes-header .menu-2019-primary-container ul {
	margin: 0;
	padding: 0;
	width: 90%;
}

.recipes-header .menu-2019-primary-container li {
	list-style: none;
	display: inline-block;
	text-transform: uppercase;
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0 25px;
}

.recipes-title {
	position: relative;
	text-align: center;
}

.recipes-title img {
	width: 100%;
	height: 700px;
}

.recipes-title .centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 100px;
	color: white;
	text-shadow: 2px 2px 4px #222;
	margin: 0 0 0 0;
	font-family: 'BrandonGrotesque-Bold';
	src: url('webfonts/288C12_2_0.eot');
	src: url('webfonts/288C12_2_0.eot?#iefix') format('embedded-opentype'), url('webfonts/288C12_2_0.woff') format('woff'), url('webfonts/288C12_2_0.ttf') format('truetype');
}

.recipes-title .our-story-title {
	font-size: 100px;
	color: white;
	text-shadow: 2px 2px 4px #222;
	margin: 0 0 0 0;
	font-family: 'BrandonGrotesque-Bold';
	src: url('webfonts/288C12_2_0.eot');
	src: url('webfonts/288C12_2_0.eot?#iefix') format('embedded-opentype'), url('webfonts/288C12_2_0.woff') format('woff'), url('webfonts/288C12_2_0.ttf') format('truetype');
}

h1.centered {
	text-align: center;
}

.featured-media-row {
	padding-bottom: 10px;
}

.featured-recipes-title {
	font-style: italic;
	color: #27588d;
	text-align: left;
	padding-top: 10px;
	font-weight: 100;
}

h1.featured-recipes-title {
	padding-left: 15px;
}

.featured-recipes-title.downloads-title {
	margin-left: 15px;
}

.featured-media-video {
	width: 100%;
}

.featured-media-video iframe {
	width: 100%;
	height: 30vw;
	box-shadow: -10px -10px 4px #fff77e;
}

.featured-media-row .media-container-row {
	line-height: 20px;
}

.featured-media-text > a > p:hover {
	opacity: 0.7;
}

.quote-row {
	width: 30%;
	float: right;
}

.quote {
	color: #27588d;
	border-bottom: 20px;
	display: flex;
	/* justify-content: center; */
}

.quote img {
	width: 100%;
	align-self: center;
}

.promo-image {
	padding-top: 50px;
}

.promo-link {
	padding-top: 20px;
}

.quote .summary-text p {
	padding-left: 2%;
	text-align: left;
}

.media-description {
	width: 740px;
	margin: auto;
	margin-top: 50px;
	font-size: 15px;
}

/* SINGLE RECIPE CSS */

.single-recipe-container {
	text-align: center;
}

.single-recipe-container .single-recipe-image {
	padding-bottom: 10px;
	padding-top: 50px;
}

.single-recipe-container .single-recipe-image img {
	width: 450px;
	height: 600px;
}

.single-recipe-container .ingredient-garnish-container {
	width: 30%;
	float: left;
}

.single-recipe-container .instructions-container {
	width: 60%;
	float: right;
}

.single-recipe-container .featured-media-video {
	width: 90%;
	margin: auto;
}

.single-recipe-container .featured-media-video iframe {
	margin-top: 20px;
	height: 500px;
}

.single-recipe-container .single-recipe-card {
	width: 95%;
	margin: auto;
	cursor: pointer;
}

.single-recipe-container h5:not(.section-header) {
	text-decoration: underline;
}

/* Home Page CSS */

.home-page-header {
	padding-top: 84px;
	width: 100%;
	transition: ease all .5s;
}

@media (max-width: 800px) {
	.home-page-header {
		padding-top: 0px;
	}
}

.logo-and-quote {
	padding-top: 3%;
	padding-bottom: 3%;
}

.logo-and-quote .logo img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.product-lifestyle-container {
	width: 100%;
	padding-top: 3%;
	padding-bottom: 3%;
}

.product-lifestyle-wrapper {
	width: 100%;
	position: relative;
}

.product-lifestyle-entry {
	width: 100%;
	padding-top: 35%;
	position: relative;
}

.product-lifestyle-entry:hover > .product-lifestyle-text, .product-lifestyle-entry:hover > .product-lifestyle-text-right {
	opacity: 1;
	background-color: rgb(255,255,255, 0.6);
}

.product-lifestyle-text {
	padding: 1%;
	border: solid 1px white;
	width: 30%;
	z-index: 10;
	background-color: rgb(255,255,255, 0);
	opacity:0;
	transition: all 0.8s;
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translate(-0%, -50%);
}

.product-lifestyle-text-right {
	padding: 1%;
	border: solid 1px white;
	width: 30%;
	z-index: 10;
	background-color: rgb(255,255,255, 0);
	opacity:0.7;
	margin-left: auto;
	opacity:0;
	transition: all 0.8s;
	position: absolute;
	left: 95%;
	top: 50%;
	transform: translate(-100%, -50%);
	margin-right: 5%;
}

.product-lifestyle-text-mobile, .product-lifestyle-text-mobile-right {
	display: none;
	padding: 3%;
}

.product-lifestyle-image {
	width: 100%;
	height: 100%
}

@media (max-width: 1090px) {
	.product-lifestyle-text, .product-lifestyle-text-right {
		display: none;
		margin-left: none;
		margin-right: none;
	}
	.product-lifestyle-text-mobile, .product-lifestyle-text-mobile-right {
		display: unset;
	}
	.product-lifestyle-wrapper {
		display: flex;
		flex-direction: column;
	}
}

.wpcp-carousel-section .slick-next, .wpcp-carousel-section .slick-next i, .wpcp-carousel-section .slick-prev, .wpcp-carousel-section .slick-prev i .fa.fa-angle-right, 
.wpcp-carousel-section .slick-next, .wpcp-carousel-section .slick-prev i, .wpcp-carousel-section .slick-prev, .wpcp-carousel-section .slick-prev i .fa.fa-angle-left {
	color: #d64f54 !important;
}

div.wpcp-carousel-wrapper {
	margin-bottom: 5%;
}

ul.slick-dots li.slick-active button {
	background-color: #d64f54 !important;
}

a.single-selection:hover {
	opacity: 0.7;
}

.width-90 {
	width: 90%;
	margin: auto;
	text-align: center;
	padding: 3%
}

.press-slider {
	background: #fef17f;
}

.press-slider > .wpcp-carousel-wrapper {
	padding-left: 5%;
	padding-right: 5%;
}

.flex-container-three-columns {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.flex-container-three-columns>.flex-one-col {
	margin-top: 0px;
	flex-grow: 1;
	width: 33%;
	display: flex;
	flex-direction: column;
}

.flex-container-three-columns>.flex-two-cols {
	flex-grow: 1;
	width: 64%;
	margin-right: 10px;
}

h3.homepage-section-quote {
	padding-top: 70px;
	color: #27588d;
	font-weight: 700;
}

.line-break {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 2px;
	background: red;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.line-break-left {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 2px;
	background: red;
	width: 50%;
	float: left;
}

.line-break-right {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 2px;
	background: red;
	width: 50%;
	float: right;
}

.summary-text {
	padding: 10px 0;
	color: #27588d;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	font-size: 18px;
	font-weight: 100;
	line-height: 24px;
}

.ingredients-copy {
	padding: 10px 0;
	color: #27588d;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	font-size: 15px;
	font-weight: 100;
	line-height: 20px;
}

.central-image {
	height: 700px;
	width: 700px;
	margin: 10px auto 10px auto;
}

.flex-container.selection-container {
	display: flex;
	flex-direction: row;
	margin: auto;
	flex-wrap: wrap;
}

.single-selection {
	width: 33.33%;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.single-selection>div {
	margin: 5px;
}

.single-selection > p {
	font-size: 30px;
}

.selection-button-container {
	height: 32px;
}

.selection-button {
	border: 1px solid black;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	cursor: pointer;
}

.selection-button p {
	line-height: 0px;
}

p.selection-link {
	color: #14426f;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	line-height: 32px;
}

.events-and-quote {
	margin-top: 50px;
	margin-bottom: 20px;
}

.event-button {
	margin-top: 20px;
}

.featured-video iframe {
	width: 100%;
	height: 300px;
	box-shadow: -10px -10px 4px #fff77e;
}

.events-and-quote > .featured-video {
	width: 100%;
}

.events-and-quote > .featured-video > iframe {
	width: 98%;
	margin: auto;
	height: 400px;
}

.featured-media-col {
	margin: 10px;
}

.event-container, .event-container>h3 {
	text-align: left;
}

.event-container>p {
	margin: 4px 0;
	color: #27588d;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	font-weight: 100;
}

.event-container>h3 {
	font-size: 20px;
}

.left-align-header {
	text-align: left;
	padding: 10px 0;
	margin: 20px 0;
}

/* Our Story Page CSS */

.our-story-content > .mfp-hide {
    display: none!important;
}
.our-story-content > .mfp-show {
	position: fixed;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	width: 200%
}

@media (max-width: 890px) {
	.our-story-content > .mfp-show {
		position: fixed;
		top: 50%;
		left: 50%;
		/* bring your own prefixes */
		transform: translate(-50%, -50%);
		width: 100%
	}
}
.our-story-content > #videoStory iframe {
	width: 100%;
}
.our-story-content > .button, .our-story-content > #videoStory > .button {
    padding: 20px 40px;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: 40px;
    display: inline-block;
}
.our-story-content >.button.more, .our-story-content > #videoStory >.button.close {
    color: #fff;
    text-transform: uppercase;
}
.our-story-content > .button:hover, .our-story-content > #videoStory > .button {
	cursor: pointer;
}
.our-story-content > .button .fa {
    margin-left: 20px;
}
.our-story-content > .button .fa.fa-window-close {
    margin-left: 0px;
}
.our-story-content > h1 {
    color: #fff;
    font-size: 50px;
    font-family: "museo-sans", Arial, Verdana;
    text-transform: uppercase;
    line-height: 72px;
    letter-spacing: -5px;
    margin: 185px 0 0 0;
}
.our-story-content > span {
    font-size: 23px;
    font-size: 2.3rem;
    display: block;
    font-family: "museo-sans", Arial, Verdana;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 25px;
}
.our-story-content {
  text-align: center;
}

.about-fil-text > p {
	text-align: left;
	padding-left: 10px;
}

.featured-media-video.fil-gives-back-video {
	margin-left:10px;
}

.featured-media-video.fil-gives-back-video iframe {
	width: 100%;
	height: 100%
}

/* Entry Page CSS */

.entry-wrapper {
	display: flex;
	align-items: center;
	flex-direction: column;
	height: 100vh;
	margin: auto;
	/* min-height: 100vh; */
}

.entry-logo {
	/* width: 10%; */
	margin-bottom: 1%;
	margin-top: 1%;
}

.entry-logo > img {
	height: 20vh;
}

.entry-text {
	background-color: #14426f;
	color: white;
	width: 30%;
}

.entry-text > h1 {
	font-size: 26px;
}

@media (max-height: 775px) {
	.entry-text > h1 {
		font-size: 20px;
	}
	.entry-logo > img {
		height: 15vh;
	}
}

@media (max-width:812px) {
	.entry-text {
		width: 90%
	}


	.flex-container-two-columns.age-verification {
		display: flex;
		flex-direction: row;
	}


	.flex-container-two-columns>.flex-one-col.age-verification-check {
		width: 50%;
		flex-grow: 1;
		display: flex;
	}

	.flex-container-two-columns>.flex-one-col.age-verification-check > a {
		height: unset;
	}

	.entry-text > h1 {
		font-size: 18px;
	}

}

.entry-text > h1, .entry-text > p {
	color: white;
	text-align: center;
}

.entry-text > h1 {
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
}

.terms-and-conditions > p {
	color: white;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	margin-left: 10px;
	margin-right: 10px;
}

.age-verification-check > a {
	background-color: white;
}

.entry-subtext {
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;

}

.entry-subtext > p {
	font-size: 18px;
	line-height: 18px;
	text-align: center;
}


.flex-container-two-columns {
	display: flex;
	flex-direction: row;
}

.flex-container-two-columns.age-verification {
	width: 80%;
	margin: auto;
}

.flex-container-two-columns>.flex-one-col {
	width: 50%;
	flex-grow: 1;
	display: flex;
}

.flex-container-two-columns>.flex-one-col.age-verification-check {
	justify-content: center;
	align-items: center;
}

.flex-container-two-columns>.flex-one-col.age-verification-check > a {
	text-align: center;
    background: #14426f;
}

.flex-container-two-columns>.flex-one-col.age-verification-check > a > img {
    width: 40%;
}

.flex-container-two-columns>.flex-one-col.age-verification-check > a > p {
    line-height: 50px;
}

/* .entry-subtext {
	height: 100px;
	width: 60%;
	margin-top: 20px;
} */

/* .entry-subtext > p {
	text-align: center;
	font-size: 1vw;
	font-weight: 300;
} */

/* Error Page CSS */
#error-page {
	margin-top: 200px;
}

/* Press Page CSS */

.press-image {
	display: flex;
	justify-content: center;
	align-items: center;
}

.single-selection > .press-headline-link {
	font-size: 18px;
}

.selection-media.press-image:hover {
	cursor: pointer;
}

/* Find FIL Page CSS */

.find-fishers-online h1 {
	font-family: 'DidotLTPro-Italic';
	src: url('webfonts/288C12_1_0.eot');
	src: url('webfonts/288C12_1_0.eot?#iefix') format('embedded-opentype'), url('webfonts/288C12_1_0.woff') format('woff'), url('webfonts/288C12_1_0.ttf') format('truetype');
	text-decoration: none;
	color: #D35055;
}

.request-fishers {
	width: 20%;
	margin: 0 auto 20px;
	font-size: 18px;
}

.request-fishers .request-fishers-button {
	border: 1px solid black;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
}

@media (max-width: 800px) {

	.spacer {
		height: 20px;
	}
	.section.middle .inner {
		width: 90%;
	}
	.flex-container-three-columns>.flex-one-col {
		margin-top: 0px;
		flex-grow: 1;
		width: 100%;
	}
	.flex-container-three-columns>.flex-two-cols {
		/* 541px wide */
		flex-grow: 1;
		width: 100%;
	}
	.flex-container-two-columns {
		display: flex;
		flex-direction: column;
	}
	.flex-container-two-columns>.flex-one-col {
		width: 100%;
		flex-grow: 1;
		display: flex;
	}
	.entry-content-container {
		width:90%
	}
	.flex-one-col.video-highlight {
		display: none;
	}
	.verification-section > .header-title {
		font-size: 12vw;
	}
	.entry-logo {
		width: 25%;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.verification-section > .verification-text {
		width: 100%
	}
	.verification-text > p {
		font-size: 3vw;
	}
	.entry-subtext > p {
		font-size: 2.5vw;
	}
	.homepage-section-quote {
		padding-top: 10px;
	}
	.central-image {
		height: auto;
		width: 90%;
		margin: 10px auto 10px auto;
	}
	.single-selection {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.selection-media {
		height: auto;
		width: 100%;
	}
	
	.selection-media>img {
		width: 250px;
	}

	.inner.contact-section, .inner, .section.bottom .newsletter, .section.bottom .social {
		width: auto;
	}
	.summary-text {
		padding: 0px
	}
	.single-recipe-container .single-recipe-image {
		padding-top: 0px;
	}
	.single-recipe-container .ingredient-garnish-container,.single-recipe-container .instructions-container {
		flex-grow: 1;
		width: 100%;
	}
	.single-recipe-container .featured-media-video iframe {
		height: 300px;
	}
	.section.bottom .coordinates {
		top: 382px;
	}
	.featured-video iframe, .featured-media-video iframe, .single-recipe-container .featured-media-video iframe {
		height: 200px;
	}
	.recipes-title img {
		height: 500px;
	}
	.event-list {
		width: 95%;
	}
	.event-item > img {
		width: 100%;
		padding-bottom: 10px;
	}
	.event-item > .info {
		width: 100%;
		overflow-wrap: break-word;
		align-content: center;
		text-align: center;
	}
	.online-vendors .online-vendor-link {
		margin-bottom: -10px;
	}
	.request-fishers {
		width: 60%;
	}
	
}

/* FONT AWESOME */

.fab, .fas {
	font-size: 30px;
	margin-right: 10px;
}

.fab:hover, .fas:hover {
	opacity: 0.7;
	cursor: hand;
}

/* WP Membership */

#swpm-registration-form table, #swpm-editprofile-form table {
	width: 100%;
	border-collapse:separate; 
	border-spacing: 0 2em;
	font-size: 20px;
}

#swpm-registration-form table td, #swpm-editprofile-form table td {
	width: 50%;
}

#swpm-registration-form table input, #swpm-registration-form .swpm-registration-membership-level-row, #swpm-editprofile-form table input {
	line-height: 30px;
}

.swpm-registration-submit-section {
	width: 100%;
	margin-top: 20px;
}

.swpm-registration-submit-section input, .swpm-login-submit input, .swpm-pw-reset-submit-button input, .swpm-edit-profile-submit-section input {
	height: 50px;
	width: 50% !important; 
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	font-family: 'BrandonGrotesque-Bold', Arial, sans-serif;
	color: #14426f;
	font-size: 20px;
}

#swpm-login-form, #swpm-pw-reset-form {
	font-size: 20px;	
	margin-top: 20px;
}

.swpm-login-form-inner div {
	margin-top: 10px;
}

.swpm-login-form-inner .swpm-join-us-link {
	display: none;
}

.parentFormswpm-registration-form.formError {
	left: 25vw !important;
	z-index: 1 !important;
}

.swpm-login-widget-logged {
	font-size: 20px;	
	margin-top: 20px;
	line-height: 30px;
}

.swpm-login-widget-logged .swpm-edit-profile-link, .swpm-login-widget-logged .swpm-logged-logout-link {
	border: 1px solid black;
	width: 50%;
	margin: auto;
	margin-top: 10px;
}

input.swpm-medium, input[type="text"].swpm-medium, input[type="tel"].swpm-medium, input[type="email"].swpm-medium, input[type="url"].swpm-medium, select.swpm-medium {
	width: 80% !important;
}

.swpm-form-builder ul, .entry-content .swpm-form-builder ul, .comment-content .swpm-form-builder ul, .mu_register .swpm-form-builder ul, .swpm-form-builder ol, .entry-content .swpm-form-builder ol, .comment-content .swpm-form-builder ol, .mu_register .swpm-form-builder ol {
	font-size: 20px !important;
	line-height: 30px !important;
}

.swpm-submit, input[type="submit"].swpm-submit {
	font-size: 20px !important;
    border: 1px solid black !important;
    width: 50% !important;
    margin: auto !important;
    margin-top: 10px !important;
	height: 30px !important;
	padding-top: 5px;
}

/* Team Page CSS */

.selection-text.team-info {
	height: auto;
}

/* FAQ Page CSS */

.flex-container-three-columns.faq-container {
	width: 70%;
	margin: auto;
}

.faq-container .search-bar {
	height: 100%;
	border: #14426f solid 1px;
	padding: 9px 4px 5px;
	font-family: 'BrandonGrotesque-Bold', serif;
}

.faq-container .search-button {
	background-color: #d64f54;
	color: white;
	height: 100%;
	align-items: center;
	border: none;
	padding: 10px 1px 6px;
	width: 32%;
	font-family: 'BrandonGrotesque-Bold', serif;
}

.faq-container .faqs {
	width: 100%;
}

.faqs > .faq-question-container {
	width: 100%;
	margin-top: 20px;
	display: flex;
}

.faqs > .faq-answer-container {
	display: none;
	transition: display .2s;
}

.faqs .faq-question {
	width: 90%;
	float: left;
	line-height: 30px;
	text-align: left;
	padding-left: 10px;
	font-family: 'BrandonGrotesque-Bold', serif;
	font-size: 24px;
	color: #14426f;
}

button.closed-faq {
	background: url(img/left-carrot.png) center center no-repeat;
	width: 8%;
	float: right;
	height: 30px;
	border: none;
	transition: background .2s;
}

.faq-answer {
	width: 90%;
	float: left;
	text-align: left;
	padding-left: 20px;
}


button.open-faq {
	background: url(img/down-carrot.png) center center no-repeat;
	width: 8%;
	float: right;
	height: 30px;
	border: none;
	transition: background .2s;
}

button.closed-faq:focus {
	border: none;
}

@media (max-width: 640px) {
	.recipe-cols {
		display: block;
	}
	.recipe-left-col {
		padding: 0 15px;
		width: 100%;
		margin-bottom: 30px;
	}
	.recipe-video-container {
		width: 320px;
		height: 320px;
		margin: 0 auto;
	}
	.recipe-left-col video {
		width: 320px;
		height: 320px;
	}
	.recipe-right-col {
		width: 100%;
	}
	.recipes-list h3 {
		line-height: 1.2;
	}
	.recipe-text p, .recipe-text li {
		font-size: 18px;
		line-height: 1.2;
	}
	.recipe-text li:before {
		top: 7px;
	}
	.flex-container-three-columns>.flex-two-cols {
		margin-right: 0px;
	}
	.faq-container .search-button {
		margin-top: 10px;
	}
}