/*!
Theme Name: Living Lakes Canada
Theme URI: http://underscores.me/
Author: Nelson Design Collective
Author URI: http://nelsondesigncollective.com
Description: A wordpress theme for living lakes canada
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: livinglakescanada
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Living Lakes Canada is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Colors
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/* fix for featherlight content jump */
html.with-featherlight {margin-right: 17px;}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: roboto,sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.4;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	text-transform: uppercase;
	margin: 0;
}

h2 {
	font-size: 2.5em;
	font-weight: bold;
}



h3 {
	/* Font declaration with condensed fallback to limit content jumping */
	font-family: roboto-condensed,/*iOS*/"AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", /*MacOSX*/HelveticaNeue-CondensedBold, /*Ubuntu*/ "Ubuntu Condensed", "Liberation Sans Narrow",  /*Windows*/"Franklin Gothic Demi Cond", "Arial Narrow", /*Android*/sans-serif-condensed, /*Fallback*/Arial, "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
  	font-stretch: condensed;
	font-weight: bold;
	font-size: 2em;
}

@media screen and (min-width: 46em) { /*Desktop menu styles*/
	h2 {
		font-size: 3.7em;
		font-weight: bold;
	}
	
	h3 {
		font-size: 2.5em;
	}
}

p {
	margin: 1em 0em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
	
		
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
	overflow: auto;
}

#page {overflow-x: hidden;}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul {
	list-style: disc;
	padding-left: 1.5em;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

a {
	text-decoration: none;
	position: relative;
	
}

p > a:after, p > a:visited:after {
  content: '';
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  background: #069;
  transition: 0.3s;
}
p > a:hover:after, p > a:active:after, p > a:focus:after, p > a:visited:hover:after {
  width: 100%;
}

p > span.icon {margin-right: 1em;}

button {cursor: pointer; }

.padded {padding: 25px 15px;}

@media screen and (min-width: 46em) { /*Desktop menu styles*/
	.padded {padding: 25px 50px;}
}

a, button {transition: all .3s;}

/*--------------------------------------------------------------
# Other
--------------------------------------------------------------*/

/* Hamburger Menu */

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger-box {
  width: 35px;
  height: 20px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 35px;
    height: 5px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

.hamburger .hamburger-inner {
  top: 2px; }
  .hamburger .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.3s; }
  .hamburger .hamburger-inner::after {
    top: 20px; }

.hamburger.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/* Slick Overrides */

.slick-slider {display: flex;}
.slick-track {display: flex; align-items: stretch;}
.slick-slide {height: auto;}

.slick-slider button {background: transparent; font-size: 40px; border: none; height: 1em; align-self: center; padding: 0;}

/* featherlight overrides */

.featherlight-content .featherlight-inner {display: block !important;}



/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border:none;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 2px solid #fff;
}

textarea {
	width: 100%;
}

#filter {background-color:#c5dd71; padding: 15px;}
#filter select {background-color: transparent; color: white; border: none; font-weight: bold;}
#filter select option {background-color:white; color: black; }
#filter input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: none;
	display: none;
}

#filter input[type='radio']+label {
	display: inline-block;
	text-align: center;
	position: relative;
	font-size: 1.5em;
	margin-right: 20px;
	text-transform: uppercase;
	color: white;
	transition: .3s;
	font-weight: bold;
	cursor: pointer;
}

#filter input[type='radio']+label:hover:after {
	
}

#filter input[type='radio']+label:after {
	content: '';
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	background: #454d60;
	transition: 0.3s;
}

#filter input[type='radio']:checked+label:after {
	width: 100%;
}

#filter input[type='radio']:checked+label {
	color: #454d60;
	
}


#response {display: grid; grid: auto / repeat(auto-fill, minmax(250px, 1fr)); grid-column-gap: 20px; grid-row-gap:20px; padding: 20px; justify-items: center;}

/* Menu Search Form */

form.search-form {position: relative; margin-bottom: 10px; transition: transform .3s;}

form.search-form input.search-field {
	width: 100%;
	border-right: solid 50px;
	padding: 10px;
	border-color: transparent; 
	outline: none;
}

form.search-form button.search-submit {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
	background-color: transparent;
}

form.search-form button.search-submit:before {font-size: 2em;}

@media screen and (min-width: 46em) { /*Desktop menu styles*/
	
	.main-navigation form.search-form {
		
		position: absolute;
		top: 100px;
		right: 0;
		transform: translateX(115%);
		width: 100%;
	}
	.main-navigation.fixed form.search-form {top: 78px; width: 100%;}
	.main-navigation form.search-form input[type='search'] {}
	.main-navigation form.search-form button[type='submit'] { }
	.main-navigation form.search-form button[type='submit']:hover , .main-navigation form.search-form button[type='submit']:focus, .main-navigation form.search-form button[type='submit']:active {background-color: #E5E5E5;}
	
	.main-navigation.fixed form.search-form.toggled, .main-navigation.fixed form.search-form:focus {transform: translateX(0px);}
	form.search-form.toggled, form.search-form:focus {transform: translateX(-10px);}
}

/* Gravity Forms styles */

.gform_wrapper ul {list-style: none; margin: 0; padding: 0;}
.gform_wrapper .gform_fields .medium {width: 100%;}
.gform_wrapper .gform_fields .small {width: 100%;}
.gform_wrapper .gform_fields .gfield {margin-bottom: 15px;}
.gform_wrapper .gform_fields .gfield.half {display: inline-block; width: 49%;}
.gform_wrapper .gform_fields .gfield.left-space {margin-left: 2%;}

.gform_wrapper .gform_fields textarea.small {height: 130px;}
.gform_wrapper .gform_fields textarea {resize: none;}

.gform_wrapper .gform_fields .gfield_error input, .gform_wrapper .gform_fields .gfield_error textarea {border: 2px solid #d92231; }
.gform_wrapper .validation_error {margin-bottom: 10px;}

.gform_wrapper .gform_footer {float: right;}
.gform_wrapper .gform_footer input[type="submit"] { background-color: white; color:black; text-transform: uppercase; border: none; font-weight: bold; padding: .5em 2em; font-size: 1.2em; transition: all .3s; cursor: pointer;}
.gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_footer input[type="submit"]:active, .gform_wrapper .gform_footer input[type="submit"]:focus {background-color: #c5dd71; color: white; }

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

.gform_heading, .gform_confirmation_message {
    margin: 1em 0;
}

.gfield_description.validation_message {font-weight:bold;}
.gfield_error {outline: 4px solid #d92231; background-color:#d92231;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
main p > a {
	color: #d92231; 
}

main p > a:visited {
	color: #d92231;
}

main p > a:after {
	background: #d92231; 
}

main p > a:visited:after {
	background: #d92231;
}

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
/*
#76cbc4 - Bright blue
#454d60 - Navy blue
#c5dd71 - Green
#e5e5e4 - Light grey
#d92231 - Red
*/

.bg-blue {background-color: #76cbc4; color: white !important;}
.bg-blue a {color: white;}
.bg-blue a.btn {color: black; background-color: white; }
.bg-blue p a:after {background: white;}
.fg-blue {color: #76cbc4;}

.bg-navy {background-color: #454d60; color: white !important;}
.bg-navy a {color: white;}
.bg-navy p a:after {background: white;}
.fg-navy {color: #454d60 ; }

.bg-green {background-color: #c5dd71;}
.fg-green {color: #c5dd71;}

.bg-grey {background-color: #e5e5e4;}
.fg-grey {color: #e5e5e4;}

.bg-red {background-color: #d92231;}
.fg-red {color: #d92231;}


/*--------------------------------------------------------------
## Buttons/Links
--------------------------------------------------------------*/

a {color: inherit;}

a.btn { background-color: #c5dd71; color:white; text-transform: uppercase; border: none; font-weight: bold; padding: .7em 1.5em; font-size: 1.2em; cursor: pointer; line-height: 1em; display: inline-block;}

a.btn-small {background-color:#c5dd71; color: white; font-size: 1.5em; line-height: 1em; padding:0 .1em;}
a.btn-small:hover, a.btn-small:active, a.btn-small:focus {background-color:#454d60; }

a.btn:hover, a.btn:active, a.btn:focus { background-color: #454d60; color: white;}
.bg-navy a.btn:hover, .bg-navy a.btn:active, .bg-navy a.btn:focus {background-color:white; color: black;}

button.exit {background-color: transparent; color: white; padding: 5px; display: inline-block; position: absolute; top: 0; right: 0; font-size: 2em; width: 40px; height: 40px; text-align: center;}
button.exit:hover, button.exit:active, button.exit:focus {background-color: rgba(255,255,255,0.05); outline: none;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	position: fixed;
	z-index: 10;
	width: 100%;
	color: black;
	top: 0;
	pointer-events: none;
}

@media screen and (min-width: 46em) { /*Desktop menu styles*/
	.main-navigation {
		position: static;
		width: 92%;
		margin: 0 auto;
	}
	
}

.main-navigation > * {
	pointer-events: all;
}

.mobile_group {
	background-color: rgba(255,255,255,0.9);
	padding: 45px 15px 15px 15px; 
}

#site-nav-container {
	background-color: rgba(255,255,255,0.9);
	padding: 15px 15px;
	transform: translateX(105%);
	transition: all .3s;
}

.admin-bar .main-navigation {
	top: 46px;
}

#wpadminbar {
	position: fixed;
	top: 0;
}

@media screen and (min-width: 783px) {
	.admin-bar .main-navigation {
		top: 32px;
	}
	#site-nav-container {
		transition: none;
	}
}

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

.main-navigation ul {
	display: block;
	list-style: none;
	margin: 0;
	padding-left: 0;
	
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	display: block;
	position: relative;
	
	
}

.main-navigation li.current-menu-item {
	font-weight: bold;
	
}

.main-navigation li a, .main-navigation li button {
	display: block;
	text-decoration: none;
	color: inherit;
	background-color: transparent;
	border: none;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.5em;
	text-transform: uppercase;
	/* Font declaration with condensed fallback to limit content jumping */
	font-family: roboto-condensed,/*iOS*/"AvenirNextCondensed-Bold", "Futura-CondensedExtraBold", /*MacOSX*/HelveticaNeue-CondensedBold, /*Ubuntu*/ "Ubuntu Condensed", "Liberation Sans Narrow",  /*Windows*/"Franklin Gothic Demi Cond", "Arial Narrow", /*Android*/sans-serif-condensed, /*Fallback*/Arial, "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
  	font-stretch: condensed;
	position: relative;
	margin-right: 1.5em;
}

.icon-search {
    margin-right:0em!important;
}
@media screen and (max-width: 1220px) {
	.main-navigation li a, .main-navigation li button {
	font-size: 1.25em;
	margin-right: 1.25em;
	}
}
@media screen and (max-width: 1045px) {
	.main-navigation li a, .main-navigation li button {
	font-size: 1em;
	margin-right: .75em;
	}
}
@media screen and (max-width: 961px) {
	.main-navigation li a, .main-navigation li button {
	font-size: .95em;
	}
}

.main-navigation li a:after, .main-navigation li button:after {
  content: '';
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  background: #d92231;
  transition: 0.3s;
}

.main-navigation li a:hover:after, .main-navigation li a:focus:after, .main-navigation li a:active:after, .main-navigation li button:hover:after, .main-navigation li button:focus:after, .main-navigation li button:active:after {
  width: 100%;
}

.main-navigation li button:focus {outline: none;}

.main-navigation li.current-menu-item a:after {
  content: '';
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: black;
  transition: 0.3s;
}

/*.main-navigation .menu-toggle {
	overflow: hidden;
	width: 40px;
	height: 40px;
	padding: 0;
	border: none;
	background-color: transparent;
	color: inherit;
	min-width: 40px;
	min-height: 40px;
	
}*/

.main-navigation .menu-toggle:before {
	font-size: 40px;
	color: inherit;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled #site-nav-container {
	transform: translateX(0);
}

#search-toggle {display: none;}

@media screen and (min-width: 46em) { /*Desktop menu styles*/ 
	
	#search-toggle {display: inline-block;}
	
	.menu-toggle {
		display: none;
	}
	
	.main-navigation {
		display: flex;
		justify-content: space-between;
		color: white;
	}
	
	.main-navigation li {
		display: inline-block;
		margin-left: 10px;
	}
	
	.main-navigation ul {text-align: right;}
	
	.main-navigation #site-nav-container {
		transform: translateX(0);
		display: inline-flex;
		background: none;
		align-items:baseline;
		margin:23px 0px 0px 0px;
	}
	
	.main-navigation li.current-menu-item a:after {
		background-color: white;
	}
	
	.main-navigation .mobile_group {
		display: inline-flex;
		background: none;
		align-items: center;
	}
	
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	clip-path: none;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline-block;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline-block;
	float: right;
	margin-left: auto;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	/*margin: 1.5em 0 0;*/
}

@media (min-width: 800px) {
    
    /* set fancy p margins */
    .entry-header,
    .section-container .entry-content strong,
    .section-container .entry-content p,
    .section-container .entry-content h1,
    .section-container .entry-content h2,
    .section-container .entry-content h3,
    .section-container .entry-content h4,
    .section-container .entry-content ul,
    .section-container .entry-content ol {
            max-width: 800px!important;
            margin-left: auto;
            margin-right: auto; 
    }
    
    .section-container .entry-content .gform_heading, .section-container .entry-content .gform_confirmation_message, .section-container .entry-content .validation_error {
        max-width: 800px!important;
        margin-left:auto;
        margin-right:auto;
    }
    
    /* clear fancy p margins */
    block p,
    .entry-content block p,
        .entry-content block h1,
        .entry-content block h2,
        .entry-content block h3,
        .entry-content block h4,
    .item-content p,
         .item-content block h1,
        .item-content block h2,
        .item-content block h3,
        .item-content block h4,
    .item-basic p,
        .item-basic block h1,
        .item-basic block h2,
        .item-basic block h3,
        .item-basic block h4,
    .llc-slider p,
        .llc-slider block h1,
        .llc-slider block h2,
        .llc-slider block h3,
        .llc-slider block h4,
    .entry-content p.breakout_image {
           max-width: 100%!important;
    }
}

/* center breakout images on mobile */
@media (max-width: 600px) {
    .entry-content p.breakout_image img {
           margin:0 auto; 
    }
}


.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:center;
    width: auto;
}

.gallery-item {
    display: block; 
	text-align: center;
	vertical-align: top;
	width: 100%;
    overflow: hidden!important;
}

.gallery-item:last-of-type {
    max-width: 100%;
    flex-grow: 1;
    margin-left: 0!important;
    margin-right: 0!important;
}

.gallery-item:last-of-type img {
    width: 100%;
	object-fit: cover;
}

.gallery-item img {
    transition: all .2s ease;
    object-fit: contain;
    object-position: 0% 25%;
}

/* gallery image constraints for object-fit */
.gallery-columns-1 .gallery-item img { height: 60vw; width:100%; }
.gallery-columns-2 .gallery-item img { height: 40vw; }
.gallery-columns-3 .gallery-item img { height: 30vw; }
.gallery-columns-4 .gallery-item img { height: 20vw; }
.gallery-columns-5 .gallery-item img { height: 16vw; }
.gallery-columns-6 .gallery-item img { height: 13vw; }
.gallery-columns-7 .gallery-item img { height: 10vw; }
.gallery-columns-8 .gallery-item img { height: 8vw; }
.gallery-columns-9 .gallery-item img { height: 7vw; }
@media (min-width: 900px) {
    .gallery-columns-1 .gallery-item img { height: 40vw; }
    .gallery-columns-2 .gallery-item img { height: 22vw; }
    .gallery-columns-3 .gallery-item img { height: 20vw; }
    .gallery-columns-4 .gallery-item img { height: 16vw; }
    .gallery-columns-5 .gallery-item img { height: 14vw; }
    .gallery-columns-6 .gallery-item img { height: 11vw; }
    .gallery-columns-7 .gallery-item img { height: 9vw; }
    .gallery-columns-8 .gallery-item img { height: 7vw; }
    .gallery-columns-9 .gallery-item img { height: 6vw; }
}

/* fancy hover states for gallery and page nested_images */
.gallery-item img:hover,
.gallery-item img:active, 
.gallery-item img:focus { transform: scale(1.05); filter: contrast(120%) brightness(101%); -webkit-filter: contrast(120%) brightness(101%);}

/* #### Gallery Defaults #### */
.gallery:after { content:"";display:table;clear:both; }
img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image { display:block; margin:1em auto; }
div.alignright, figure.alignright { margin:1em 0 1em 2em; }
div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb { margin:1em 1em 2em 0; }
figure { max-width: 100%; height: auto; margin:1em 0; }
p img.alignright, p img.alignleft { margin-top:0; }
.gallery figure img { max-width:100%; height:auto; margin:0 auto; display:block; }
.gallery figure { margin:0 2% 1em 0;}
.gallery.gallery-columns-1 figure { width:100%; margin:0 0 1em 0; float:none; }
.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) { margin-right:0; }
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) { clear:left; }
.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) { margin-right:0; }
.gallery.gallery-columns-2 figure:nth-of-type(odd) { clear:left; }
.gallery.gallery-columns-4 figure {width:23.5%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) { margin-right:0; }
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) { clear:left; }
.gallery.gallery-columns-5 figure {width:18.35%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) { margin-right:0; }
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) { clear:left; }
.gallery.gallery-columns-6 figure {width:15%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) { margin-right:0; }
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) { clear:left; }
.gallery.gallery-columns-7 figure {width:12.55%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) { margin-right: 0; }
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) { clear: left; }
.gallery.gallery-columns-8 figure {width:10.75%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) { margin-right: 0; }
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) { clear: left; }
.gallery.gallery-columns-9 figure {width:9.3%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) { margin-right: 0; }
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) { clear: left; }

/*set to single column regardless of explicilty set columns for mobile */
@media (max-width:580px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb { display:block; margin:1em auto; float:none; }
	.gallery.gallery-columns-1 figure, .gallery.gallery-columns-2 figure, .gallery.gallery-columns-3 figure, .gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure { width:48%; margin:0 2% 1em 0!important; float:none; }
    .gallery-columns-1 .gallery-item img, .gallery-columns-2 .gallery-item img, .gallery-columns-3 .gallery-item img, .gallery-columns-4 .gallery-item img, .gallery-columns-5 .gallery-item img, .gallery-columns-6 .gallery-item img, .gallery-columns-7 .gallery-item img, .gallery-columns-8 .gallery-item img, .gallery-columns-9 .gallery-item img { height: 40vw; }
}
.gallery-icon {
    overflow: hidden;
}
.gallery-caption {
	display: block;
    font-size: .5em; 
    font-style: italic;  
}
@media (min-width: 900px) {
        .gallery-caption { font-size: .8em; }
}

.block-featured h2, .block-featured h3 {color: #454d60;}

ul.img_gallery {justify-items: center; padding-left: 0; display: grid; grid: auto / repeat(auto-fill, minmax(150px, 1fr)); grid-column-gap:20px; grid-row-gap:20px;}
.img_gallery li {list-style: none; display: inline-block;}

/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/

.single .post-thumbnail {float: left; max-width: 300px; margin-right: 20px;}

.single.single-post .newsletter-link {font-size: 1.5em;}

/*--------------------------------------------------------------
## Items
--------------------------------------------------------------*/

/* Basic Item */
.item-basic {background-color: white; max-width: 450px; display: grid; grid: 230px auto / auto; }
.item-basic .item-image-container {height: 230px; background-color: #313131; overflow: hidden; }
.item-basic .item-image-container a {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}
.item-basic .item-image-container a img {}
.item-basic .item-content {padding: 10px; display: flex; flex-direction: column; color:black;}
.item-basic .item-content p {margin-bottom: 10px;}
.item-basic .item-content h4 {margin-bottom: 5px;}
.item-basic .item-content .newsletter_excerpt {display: flex;}
.item-basic .item-content .newsletter_excerpt a {font-size: 6em; min-width: 100px; text-align: center; color: #c5dd71; display: flex; flex-direction: column; align-items: center; padding-top: 18px;}
.item-basic .item-content .newsletter_excerpt a span {font-size: .15em; margin-top: .5em;}
.item-basic .item-content .newsletter_excerpt a:hover, .item-basic .item-content .newsletter_excerpt a:active, .item-basic .item-content .newsletter_excerpt a:focus {color:#d92231;}
.item-basic .item-content .btn-small {margin-top: auto;}

/* Basic Item Horizontal */
.item-basic-horizontal {display: flex; background-color:white;}
.item-basic-horizontal .item-image-container {background-color: #313131; min-width: 200px; width: 100%; max-height: 160px; overflow: hidden; line-height: 0; align-items: center; justify-content: center; display: flex;}
.item-basic-horizontal .item-image-container img {}
.item-basic-horizontal .item-content {padding: 10px; display: flex; flex-direction: column;}

@media (max-width: 800px) {
	.item-basic-horizontal {flex-direction: column;}
}

@media (max-width: 500px) {
	.item-basic .item-content .newsletter_excerpt {flex-direction: column;}
}

/* Staff Item */
.item-staff {max-width: 230px; width: 100%; cursor: pointer;}
.item-staff .item-content {background-color:#454d60; color: white; padding: 10px; }
.item-staff .item-image-container {overflow: hidden; background-color: #313131;  display: flex; align-items: center; justify-content: center;}
.item-staff .item-image-container img {height: 100%; max-width: none; max-height: 100%; width: auto;}
#staff-section #response .item-image-container img { height: auto;  min-height: 230px; min-width: 100%; }

/* Donate form block */

.block-form ul.gfield_radio input[type='radio'] { 
	-webkit-appearance: none;
  	-moz-appearance: none;
 	-o-appearance: none;
  	-ms-appearance: none;
  	appearance: none;
  	outline: none;
	display: none;
}
.block-form .gfield_label {display: none;}
.block-form ul.gfield_radio {display: flex;}
.block-form ul.gfield_radio > li {width: 100%; display: inline-block;}
.block-form .payment-amount ul.gfield_radio > li:not(:last-of-type) {margin-right: 10px;}
.block-form ul.gfield_radio input[type='radio']+label {
	display: inline-block;
	text-align: center;
	position: relative;
	font-size: 1.3em;
	text-transform: uppercase;
	color: black;
	transition: .3s;
	font-weight: bold;
	cursor: pointer;
	background-color: white;
	padding: .7em 1em;
	width: 100%;
}

@media screen and (max-width: 475px) {
	
	.block-form ul.gfield_radio {display: block;}
	
	.block-form ul.gfield_radio li {display: block; margin-right: 0; margin-bottom: 10px;}
	
}

.block-form h3 {margin-bottom: .5em; margin-top: 1em;}
.block-form .gform_fields > li {margin-top: 2em;}
.block-form .message {max-width: 375px; margin: 0 auto; text-align: center;}

.block-form ul.gfield_radio input[type='radio']:checked+label {
	background-color: #D8D8D8;
}
.block-form input[type='text'] {height: 49px; padding: .7em 1em;}
.block-form .gform_footer input[type='submit'] {color: white; display: block; background-color:#c5dd71; width: 100%; padding: .7em 1em; margin-top: 2em; font-size: 1.3em; line-height: 1.4;}
.block-form .gform_footer input[type='submit']:hover, .block-form .gform_footer input[type='submit']:active, .block-form .gform_footer input[type='submit']:focus {background-color:#454d60; }
.block-form .gform_footer {float: none;}
.block-form .hidden {display: none;}

/*--------------------------------------------------------------
## Sections
--------------------------------------------------------------*/

.section-container {padding: 50px 15px;}


@media screen and (min-width: 46em) { /*Desktop menu styles*/
	.section-container {padding: 50px; max-width: 1111px; margin: 0 auto;}
	/*section, div.boxed_wrapper {max-width:1111px; margin: 0 auto;}*/
}

/* Header #masthead */

#masthead {color: white; background-color: white; position: relative; padding-top: 75px; box-sizing: border-box; min-height: 100vh;}
#masthead > * {filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));}
#masthead h2 {text-transform: uppercase; font-size: 2em;}
#masthead .header-description {font-size: 1.3em; line-height: 1.2em;}
#masthead .logo_group {max-width: 150px;}
#masthead #masthead_content {}

#masthead .logo_group .white_logo {display: none;}

/* Home Header #masthead */

body.home #masthead #masthead_content {position: absolute; top: 60%; left: 5%; font-size: 1.2em;}
body:not(.home) #masthead #masthead_content {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 90%; }
@media screen and (min-width: 46em) { /*Desktop menu styles*/
	
	#masthead {padding-top: 0; min-height: 80vh;}
	#masthead .logo_group .white_logo {display: inline-block;}
	
	#masthead .logo_group .color_logo {display: none;}
	
	#masthead .logo_group {min-width:50px; max-width: 120px;}
	
	#masthead h2 {font-size: 3.5em; text-transform: uppercase;}
	#masthead .header-description {font-size: 1.47em; line-height: 1.3em;}
	#masthead #masthead_content {}
	
	.home #masthead .header-description {max-width: 620px;}
	
	#masthead .main-navigation.fixed {position: fixed; background-color: rgba(255,255,255,0.9); color: black; pointer-events:auto; width:100%; -webkit-transform: translateZ(0);}
	#masthead .main-navigation.fixed #site-nav-container {padding: 20px; align-content: center; margin: 0px;}
	#masthead .main-navigation.fixed li.current-menu-item a:after {background-color: black;}
	#masthead .main-navigation.fixed .mobile_group {padding:15px;}
	#masthead .main-navigation.fixed .logo_group {max-width: 150px;}
	#masthead .main-navigation.fixed .logo_group .white_logo {display: none;}
	#masthead .main-navigation.fixed .logo_group .color_logo {display: block;}
}

@media screen and (min-width: 51em) { /*Desktop menu styles*/
	#masthead .logo_group {min-width:150px; max-width: 200px;
	transition: all .15s ease .15s;}
}

@media screen and (min-width: 1111px) {
	#masthead .logo_group {max-width: 300px;}
	body.home #masthead #masthead_content {font-size: 1.5em;}
	body:not(.home) #masthead #masthead_content { left: 25%; transform: translate(-25%,-50%); max-width: 1111px; min-width: 0;}
}
/* Slider Section */

section.content_slider {background-color: white;}

.llc-slider > div {display: none;}
.llc-slider.slick-initialized > div {display: block;}

section.content_slider .slick-slider button {opacity: .1; transition: all .3s;}

section.content_slider:hover .slick-slider button, section.content_slider .slick-slider button:focus, section.content_slider .slick-slider button:active {opacity: 1;}

section.content_slider h2 {margin-bottom: 1em;}
section.content_slider .slick-slide { padding: 0 20px 40px 20px; position: relative;}
section.content_slider .slick-slide:after {content: ''; display: block; width: 70px; border-bottom: 7px solid #c7dc72; position: absolute; bottom: 0; margin: 0 auto; left: 0; right: 0;}
section.content_slider i {font-size: 110px; text-align: center; display: block; margin-bottom: 30px;}

/* Basic Section */
section.content_basic p {margin: 1em 0em;}

/* Boxed Section */
div.color_wrapper {position: relative;}
div.white_top::before {z-index: -5; content: ''; background-color: white; position: absolute; top:0; left:0; right:0; height:50%;}
div.white_bottom::after {z-index: -5; content: ''; background-color: white; position: absolute; bottom:0; left:0; right:0; height:50%;}

section.boxed_content .section-container {display: flex; flex-direction: column; align-items: flex-start; padding-top:0; padding-bottom:0;}
block {width: 100%; padding: 30px; color: white;}
div.white_top section.boxed_content block:not(.boxed) {padding-top: 0; }
section.boxed_content block:not(.boxed) {padding-right: 0; padding-left: 0; }
/*section.boxed_content .block-basic:not(.boxed) {filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));}*/
section.boxed_content { padding: 40px 0 100px 0; 
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	
}

section.boxed_content .button-container {margin-top: 1.5em; display: flex; justify-content: space-between; flex-wrap: wrap;}
section.boxed_content .button-container a {width: 100%; text-align: center; margin-top: 10px;}

@media screen and (min-width: 46em) { /*Desktop menu styles*/
	div.white_top section.boxed_content{padding-bottom: 10%;}
	
	section.boxed_content .boxed:not(.margin-right-fix) {margin-top: -75px;}
	section.boxed_content .offset_wrapper {margin-top: 75px;}
}

@media screen and (min-width: 980px) { 
	section.boxed_content .section-container {flex-direction: row; padding-top: 100px;}
	section.boxed_content .margin-right-fix {margin-right: -50px;}
	section.boxed_content .margin-left-fix {margin-left: -50px;}
	section.boxed_content .boxed {margin-top: -75px;}
	section.boxed_content block:not(.boxed) {padding-top: 0; padding: 30px;}
}

@media screen and (min-width: 1111px) { /*Desktop menu styles*/
	div.white_top section {clip-path: polygon(0% 0%, 0% 96%, 0% 96%, 2% 96%, 3% 96%, 5% 97%, 6% 97%, 7% 98%, 9% 99%, 12% 99%, 14% 99%, 16% 99%, 18% 98%, 20% 97%, 22% 96%, 24% 95%, 26% 94%, 27% 93%, 29% 92%, 30% 92%, 32% 91%, 34% 91%, 36% 92%, 39% 91%, 40% 90%, 44% 88%, 42% 89%, 45% 87%, 47% 85%, 49% 83%, 51% 83%, 53% 82%, 55% 83%, 57% 83%, 59% 83%, 61% 83%, 63% 83%, 65% 84%, 67% 85%, 69% 85%, 71% 85%, 73% 85%, 74% 84%, 76% 84%, 78% 85%, 79% 86%, 80% 86%, 81% 87%, 81% 87%, 83% 88%, 84% 89%, 86% 90%, 87% 91%, 89% 92%, 90% 92%, 92% 93%, 92% 93%, 94% 93%, 96% 94%, 97% 94%, 99% 93%, 100% 93%, 100% 0%);}
	
	section.boxed_content .button-container a {width: auto;}
}

/* alt boxed section */

div.color_wrapper {position: relative;}
section.alt_boxed_content {background-color: white;}
section.alt_boxed_content.special {padding-top: 0;}

section.alt_boxed_content .section-container {display: flex; flex-direction: column; align-items: center; padding-top:0; padding-bottom:2em;}
section.box-left .section-container {flex-direction: column-reverse;}
section.alt_boxed_content block {width: 100%; padding: 30px; color: #454d60;}
div.white_top section.alt_boxed_content block:not(.boxed) {padding-top: 0; }
section.alt_boxed_content block:not(.boxed) {padding-right: 0; padding-left: 0; }
/*section.boxed_content .block-basic:not(.boxed) {filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.7));}*/
section.alt_boxed_content { padding: 70px 0 70px 0; 
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	
}
section.alt_boxed_content.special .offset_wrapper {background-color: #454d60;}

section.alt_boxed_content.special block {color: white;}
section.alt_boxed_content img {display: block; pointer-events: none;-moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
}

section.alt_boxed_content h3 {font-size: 2.5em; line-height: 1.2;}
section.alt_boxed_content h4 {text-transform: none; font-size: 1.2em;}

section.alt_boxed_content .button-container {margin-top: 1.5em; display: flex; justify-content: space-between; flex-wrap: wrap;}
section.alt_boxed_content .button-container a {width: 100%; text-align: center; margin: 10px;}

@media screen and (min-width: 46em) { /*Desktop menu styles*/
	div.white_top section.alt_boxed_content{padding-bottom: 10%;}
	
	section.alt_boxed_content .boxed:not(.margin-right-fix) {}
	section.alt_boxed_content h3 {font-size:3em;}
	
}

@media screen and (min-width: 980px) { 
	section.alt_boxed_content .section-container {flex-direction: row; padding-bottom:0;}
	section.alt_boxed_content .margin-right-fix {margin-right: -50px;}
	section.alt_boxed_content .margin-left-fix {margin-left: -50px;}
	section.alt_boxed_content .boxed { max-width: 400px; padding: 3em 2em;}
	section.alt_boxed_content block:not(.boxed) {padding-top: 0; padding: 30px;}
}

@media screen and (min-width: 1111px) { /*Desktop menu styles*/
	div.white_top section {clip-path: polygon(0% 0%, 0% 96%, 0% 96%, 2% 96%, 3% 96%, 5% 97%, 6% 97%, 7% 98%, 9% 99%, 12% 99%, 14% 99%, 16% 99%, 18% 98%, 20% 97%, 22% 96%, 24% 95%, 26% 94%, 27% 93%, 29% 92%, 30% 92%, 32% 91%, 34% 91%, 36% 92%, 39% 91%, 40% 90%, 44% 88%, 42% 89%, 45% 87%, 47% 85%, 49% 83%, 51% 83%, 53% 82%, 55% 83%, 57% 83%, 59% 83%, 61% 83%, 63% 83%, 65% 84%, 67% 85%, 69% 85%, 71% 85%, 73% 85%, 74% 84%, 76% 84%, 78% 85%, 79% 86%, 80% 86%, 81% 87%, 81% 87%, 83% 88%, 84% 89%, 86% 90%, 87% 91%, 89% 92%, 90% 92%, 92% 93%, 92% 93%, 94% 93%, 96% 94%, 97% 94%, 99% 93%, 100% 93%, 100% 0%);}
}

/* follow us section */
.section-follow {color: white; background-color: #76cbc4; padding: 3em 1em;}
.section-follow a {color: white;}
.section-follow h3 {font-size: 2.8em;}
.section-follow h4 {text-transform: none; font-size: 1.3em;}

.section-follow ._container {text-align: center; max-width: 450px; margin:0 auto;}
.section-follow ._container:first-child {
    border-bottom: 10px white solid;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}

.section-follow .social_buttons {width: 100%; margin: 0 auto;}

.section-follow .btn {margin: .5em 0;}

/* Sponsors Section */

section#sponsors ul {
	display: flex; 
	margin: 0; 
	padding: 0; 
	flex-wrap: wrap; 
	justify-content: space-between;
}
section#sponsors li {list-style: none; display: inline-block; flex-grow: 1; max-width: 125px; margin: 10px;}
section#sponsors li a {transition: all .3s; filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity:.75;/* Safari 6.0 - 9.0 */}
section#sponsors li a img {transition: all .3s; transform: scale(1);}

section#sponsors li a:hover, section#sponsors li a:active, section#sponsors li a:focus {filter: grayscale(0%); -webkit-filter: grayscale(0%); opacity: 1;/* Safari 6.0 - 9.0 */}
section#sponsors li a img:hover {transform: scale(1.05);}

@media screen and (min-width: 46em) { /*Desktop menu styles*/
	
	section#sponsors {max-width: 1111px; margin: 0 auto;}	
	
	section#sponsors h3 {margin: 30px 15px;}
	section#sponsors li {margin: 15px;  max-width: 150px;}
}

/* Recent News Section */

section.recent-news {padding-bottom: 13%;}
section.recent-news .item-container {justify-items: center; display: grid; grid: auto / repeat(auto-fill, minmax(275px, 1fr)); grid-column-gap: 20px; grid-row-gap:20px; margin-bottom: 25px;}

/* Projects Section */

#projects-section {background-color: white;}
#projects-section #filter {padding: 15px; background-color: #c5dd71; display: flex;}
#projects-section #filter select {display: inline-block; width: 100%; margin: 5px; font-size: 1.3em; border-bottom: 2px solid white;}
#projects-section #response { transition: all .3s; padding: 15px; justify-content: stretch;}
#projects-section #response .item-basic { display: grid; grid: 230px auto / auto;}

#projects-section .project-list {margin-top: 30px;}

@media (max-width: 920px) {
	#projects-section #filter {flex-wrap: wrap;}
	#projects-section #filter select {width: 45%;}
}

@media (max-width: 600px) {
	#projects-section #filter select {width: 100%;}
}

/* Staff Section */

#staff-section {background-color: white;}
#staff-section #filter { background-color: #c5dd71;}
#staff-section #response { transition: all .3s; padding: 15px; display: grid; grid: auto auto / repeat(auto-fill, minmax(200px, 1fr)); grid-column-gap: 20px; grid-row-gap:20px; justify-content: stretch;}

#staff-section #response .item-staff { display: grid; grid: minmax(230px, 1fr) / auto;}

#staff-section #response .item-bio {
	grid-column-start:1; grid-column-end:3; grid-row-start:1; grid-row-end:3;
	background-color: #454d60;
	width: 100%;
	color: white;
}

#staff-section #response .staff_bio {display: grid; grid: auto / repeat(auto-fill, 1fr);}
#staff-section #response .staff_bio .item-header-container {display: grid; grid: 230px / 1fr 1fr;}
#staff-section #response .staff_bio .item-header-content {position: relative; padding: 20px; display: flex; flex-direction: column; justify-content: flex-end;}
#staff-section #response .staff_bio .item-header-content:after {content: ''; display: block; position: absolute; border-bottom: 3px solid white; width: 80%; bottom: 0; margin: 0 auto; left: 0; right: 0;}
#staff-section #response .staff_bio .item-header-content h4 {margin-bottom: 5px; font-size: 2.2em; text-transform: capitalize; line-height: 1.2em;}
#staff-section #response .staff_bio .item-image-container {overflow: hidden; display: flex; justify-content: center;}
#staff-section #response .staff_bio .item-image-container img {height: 100%; max-height: 100%; width: auto; max-width: none;}
#staff-section #response .staff_bio .item-content {padding: 20px;}

#staff-section .social-links {position: absolute; top: 0; left:13px; margin-right: 40px;}
#staff-section .social-links a {display: inline-block; padding: 11px 7px; text-align: center; }

@media (max-width:479px) {
	#staff-section #response .item-bio {grid-column-end:2;}
	#staff-section #response .staff_bio .item-header-container {grid: 230px / repeat(auto-fill, minmax(100%, 1fr)); position: relative; padding-top: 40px;}
	#staff-section #response .staff_bio .item-header-content { position: initial;}
}

/* News Section */

#news-section {background-color: white;}
#news-section #response {grid: auto / repeat(auto-fill, minmax(400px, 1fr)); grid-column-gap: 20px; grid-row-gap: 20px;}
#news-section #response .item-basic {background-color: white; max-width: 450px; display: grid; grid: 230px auto / auto; }
#news-section #response .item-basic .item-image-container {height: 230px; background-color: #313131; overflow: hidden; }
#news-section #response .item-basic .item-image-container a {height: 100%; width: 100%; display: flex; align-items: center; justify-content: center;}
#news-section #response .item-basic .item-image-container a img { height: auto; width: auto; min-height: 100%; min-width: 100%; }
#news-section #response .item-basic .item-content {padding: 10px; display: flex; flex-direction: column; color:black;}

@media (max-width:479px) {
	#news-section #response {grid: auto / repeat(auto-fill, minmax(100%, 1fr)); grid-column-gap: 20px; grid-row-gap: 20px;}
}

/* Quick Contact section */

#quick-contact h2 {margin: 0; margin-bottom: .9em; }
#quick-contact p {margin-bottom: .5em;margin-top: 0em;}
#quick-contact .section-container {display: flex; flex-wrap: wrap;}
#quick-contact .section-container > * {flex-grow: 1; flex-basis: 50%; width:100%; padding-bottom:2em;}
#quick-contact .gform_wrapper label {display: none;}
#quick-contact .gform_wrapper .gfield_description.validation_message {display: none;}
#quick-contact #field_1_7 {float:left;}
#quick-contact .gform_footer.top_label {padding-top:1.1em; padding-bottom: 1em;}

@media screen and (max-width: 958px) {
	#quick-contact .gform_footer.top_label {float:left;}
	#quick-contact .gform_footer.top_label {padding-top:0em; padding-bottom: 0;}
}


@media screen and (max-width: 835px) {
	#quick-contact .gform_footer.top_label {float:right;}
	#quick-contact .section-container {flex-direction: column;}
	#quick-contact h2 {margin: 0; margin-bottom: .5em; }
	#quick-contact .gform_footer.top_label {padding-top:1.1em; padding-bottom: 1em;}
}

@media screen and (max-width: 460px) {
	#quick-contact .gform_footer.top_label {float:left;}
	#quick-contact .gform_footer.top_label {padding-top:0em; padding-bottom: 0;}
}

/* gForm Honeypot styling, Donate and Contact respectively */
.gform_validation_container {position:absolute!important; z-index: -9999!important; color:transparent; opacity:0;} 

/* Footer Section */

#colophon {padding: 15px;}
#colophon p {margin: 0;}
#colophon #footer-container {max-width: 1111px; margin: 0 auto;}
#colophon #top_link {text-align: center;}
#colophon #top_link span {display: block; line-height: .9;}
#colophon #lower-footer {display: flex; justify-content: space-between; align-items: center;}
#colophon #footer-container p {font-size:.9em;}
.icon-arrow-up {font-size:1.75em;}
.text-label {font-size:.9em;}

@media screen and (min-width: 46em) { /*Desktop menu styles*/
	#colophon #footer-container {padding: 0 50px;}
}

/* Footer Social Buttons */
.social_buttons {list-style: none; display:flex; justify-content: space-around; width:90%; margin:1em auto; padding: 0;}
.icon-instagram, .icon-facebook, .icon-twitter {font-size:3.5em; transition: all 0.2s;}
.social_buttons .icon-instagram:hover, 
.social_buttons .icon-facebook:hover, 
.social_buttons .icon-twitter:hover { color: #76cbc4;  
    text-shadow:
   -1px -1px 0px #FFF,  
    1px -1px 0px #FFF,
    -1px 1px 0px #FFF,
     1px 1px 0px #FFF; 
}



@media screen and (min-width: 46em) { /*Desktop menu styles*/
	.social_buttons {width:40%; margin:1em auto;}
	.icon-instagram, .icon-facebook, .icon-twitter {font-size:4em;}
}

/* Mailchimp Signup Section */

#mc_embed_signup {width:93%; margin: 1.5em auto; max-width: 1040px; text-align: center!important; padding-bottom:2em;}
#mc_blurb {display: none; text-align: center; width: 100%; padding: 0 0 1.5em 0;}
#mc_embed_signup_scroll {display: block; width: 100%;}
#mc_embed_signup_scroll label {display: inline-block; } 
#mce-EMAIL {font-size: 100%; height: 100%; width: 70%; padding: 2em 0 2em 1em; margin: 0; float: left;}
#mc-embedded-subscribe {text-transform: uppercase; font-weight: bold; font-size: 100%; height: 100%; width:29%; padding: 1.5em; margin: 0; vertical-align: top; background-color: #c5dd71; color: #fff; transition: all 0.2s;} 
#mc-embedded-subscribe:hover, #mc-embedded-subscribe:focus {font-weight: bold; background-color: #ccc; color: #000;  }
@media (max-width: 479px) {
	#mc_embed_signup {width: 100%; margin: 0 auto; text-align: center!important;}
	#mce-EMAIL {font-size: .77em;}
    #mc-embedded-subscribe {font-size: .765em; width:65%; }
} 
@media (max-width: 980px) {
    #mc-embedded-subscribe { width:90%; }
} 


/* pagination styles (news & events/staff) */

.page-numbers {display:inline-block; vertical-align: middle; padding:0 .25em;}
.pagination.page-ajax .page-numbers.current{font-weight: bold; color: #454d60; font-size:2em;}
a.page-numbers { color:#76cbc4; }
a.next.page-numbers, a.prev.page-numbers {vertical-align: middle; font-weight: bold; font-size:1.1em;}
.active.icon.icon-arrow-left, .active.icon.icon-arrow-right {vertical-align: middle; font-size:1.4em; }
.placeholder.icon.icon-arrow-left, .placeholder.icon.icon-arrow-right {padding-top:.15em; font-weight: bold; vertical-align: middle; color:#BBB; font-size:1.4em;}
div.pagination.page-ajax {grid-column-end:span 2;}
@media (max-width: 960px) {
	div.pagination.page-ajax {grid-column-end:span 1;}
}
#staff-section div.pagination.page-ajax {grid-column-end:span 4;}
@media (max-width: 960px) {
	#staff-section div.pagination.page-ajax {grid-column-end:span 3;}
}
@media (max-width: 752px) {
	#staff-section div.pagination.page-ajax {grid-column-end:span 2;}
}
@media (max-width: 479px) {
	#staff-section div.pagination.page-ajax {grid-column-end:span 1;}
}


#projects-section div.pagination.page-ajax {grid-column-end:span 3;}
@media (max-width: 918px) {
	#projects-section div.pagination.page-ajax {grid-column-end:span 2;}
}
@media (max-width: 649px) {
	#projects-section div.pagination.page-ajax {grid-column-end:span 1;}
}

/* #### Fixes #### */
a { color: #d92231; text-decoration: none; }
a:hover, a:active { text-decoration: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h5 a { color: #404040; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h5 a:hover { color: #d92231; }
/*
section#sponsors { display: none; }
body.page-about-us section#sponsors { display: block; }
*/
section.content_basic { background: #FFF; }
.alignright, img.alignright, img.align-right { margin: 5px 5px 20px 25px; }
.alignleft, img.alignleft, img.align-left { margin: 5px 25px 20px 5px; }
.aligncenter, img.aligncenter, img.align-center { margin: 5px auto 20px; display: block; clear: both; }
.entry-footer { padding-bottom: 45px; }
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; }
.wp-caption .wp-caption-text { line-height: 1.5; font-size: 12px; margin: 0; }
/*
.item-content { position: relative; padding-bottom: 35px !important; }
.item-content .icon-arrow-right { position: absolute; display: block; bottom: -10px; right: 5px; }
*/
.item-content .icon-arrow-right { display: none; }
#response .item-image-container { position: relative; display: block; overflow: hidden; text-align: center; }
#response .item-image-container img { height: auto; width: auto; min-height: 100%; min-width: 100%; }
article .entry-meta { margin-top: 20px; }

/* fancy hover states */
.item-basic .item-image-container img { transition: all .2s ease; }
.item-basic .item-image-container img:hover,
.item-basic .item-image-container img:active, 
.item-basic .item-image-container img:focus { transform: scale(1.05); filter: contrast(120%) brightness(101%); -webkit-filter: contrast(120%) brightness(101%);}
.item-staff:hover, 
.item-staff:active, 
.item-staff:focus { transform: scale(1.01); box-shadow: 3px 3px 3px 0px #ccc;}

/* #### Lightbox #### */
.lightbox { position: fixed; bottom: 0; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 999999; background: rgba(69, 77, 96, 0.98); display: flex; justify-content: center; align-items: center; text-align: center; }
.lightbox.hidden, .lightbox.closed { display: none; }
.lightbox::before { display: block; position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; font-size: 25px; color: #fff; font-family: 'llc-icons' !important; content: "\e904"; z-index: 9999999; cursor: pointer; }
.lightbox .lightbox-content { position: absolute; margin: auto; width: 90%; max-width: 800px; height: auto; max-height: 90%; overflow-x: none; overflow-y: auto; padding: 20px; text-align: left; color: #fff; }
.lightbox .lightbox-content button.icon-close { display: none; }
.lightbox .lightbox-content .item-image-container { float: left; margin: 0px 15px 15px 0px; max-width: 250px; max-height: 250px; overflow: hidden; text-align: center; }
/* .lightbox .lightbox-content .item-image-container img { height: auto; width: auto; max-height: 100%; max-width: 100%; } original version; variable asepct ratio*/
.lightbox .lightbox-content .item-image-container img { height: 250px; width: 250px; max-height: 100%; max-width: 100%; object-fit: cover; } /* 1:1 aspect ratio */
.lightbox .lightbox-content a { color: #76cbc4; }
.lightbox .lightbox-content a:hover, 
.lightbox .lightbox-content a:active,
.lightbox .lightbox-content a:focus { color: grey; }
.lightbox .lightbox-content a img {transition: all .2s;}
.lightbox .lightbox-content a img:hover,
.lightbox .lightbox-content a img:active,
.lightbox .lightbox-content a img:focus {transform: scale(1.05);}
.lightbox .lightbox-content .item-header-content { float: left; margin: 10px 10px 10px 15px; }
.lightbox .lightbox-content .item-content { clear: both !important; }


/* #### Previous Next #### */
.nav-links { vertical-align: top; }
.nav-links .nav-previous { width: 40%; min-height: 85px; float: left; padding-left: 5%; position: relative; }
.nav-links .nav-previous a::before { position: absolute; left: -45px; top: 25px; content: "\e901"; font-family: 'llc-icons' !important; font-size: 45px; min-height: 45px; }
.nav-links .nav-next { width: 40%; min-height: 85px; float: right; padding-right: 5%; position: relative; text-align: right; }
.nav-links .nav-next a::before { position: absolute; right: -45px; top: 25px; content: "\e902"; font-family: 'llc-icons' !important; font-size: 45px; }
.nav-link a { display: block; color: #404040 !important; }
.nav-link a:hover { color: #d92231 !important; }
.nav-links span.thumbnail { display: block; width: 100%; }
.nav-links span.thumbnail img { width: 200px; height: 133px; }
@media (max-width: 600px) {
	.nav-links .nav-previous { width: 100%; float: none; text-align: center; margin: 0px 0px 20px; padding: 0px; }
	.nav-links .nav-next { width: 100%; float: none; text-align: center; margin: 0px; padding: 0px; }
	.nav-links span.thumbnail img { width: 100%; height: auto; }
	.nav-links .nav-previous a::before { content: none; }
	.nav-links .nav-next a::before { content: none; }
	.nav-links .nav-previous span.title { position: relative; display: block; text-align: left; padding-left: 25px; }
	.nav-links .nav-previous span.title::before { position: absolute; left: 0px; top: 0px; content: "\e901"; font-family: 'llc-icons' !important; font-size: 25px; }
	.nav-links .nav-next span.title { position: relative; display: block; text-align: right; padding-right: 25px; }
	.nav-links .nav-next span.title::before { position: absolute; right: 0px; top: 0px; content: "\e902"; font-family: 'llc-icons' !important; font-size: 25px; }
}

/* #### Project Images #### */
.item-basic { display: unset; grid: unset; }
.item-basic .item-image-container { height: auto; }
.item-basic .item-image-container a { display: block; padding: 0px; font-size: 0px; min-height: 175px; max-height: 300px; height: unset; width: unset; align-items: unset; justify-content: unset; }
#projects-section #response .item-basic { display: unset; grid: unset; }
#response .item-image-container img { margin: 0px; width: 100%; min-height: 175px;  max-height: 175px; object-fit: cover; }

/* #### jQuery Social Nav Block scroller over state #### */
.socialHover { transition: all .3s; }
.socialHover:hover { background-color:#c5dd71; cursor:pointer; }

/* #### Block Featured Image #### */
.block-featured .item-basic .item-image-container a img { width:100%; }

/* Featherlight Lightbox CSS overrides */
.with-featherlight { margin-right:0!important; }

/* Default Featured Image overrides */
.single .post-thumbnail .default-featured-img { display: none!important; }
.search .default-featured-img { display: block; margin: 1em auto; }

/* hide captcha */
.grecaptcha-badge{
	visibility: collapse !important;  
}