/*
Theme Name: Watershed Council
*/


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

body { font-size: 18px; line-height: 28px; font-family: 'Muli', Arial, sans-serif; }
body.size1 { font-size: 19px; line-height: 29px; }
body.size2 { font-size: 20px; line-height: 30px; }
body.size3 { font-size: 21px; line-height: 31px; }
.container { width: 1240px; margin: 0 auto; }
a img { border: none; }
.clear { clear: both; }
.clearfix:before,
.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }

.half, .third, .twothirds, .quarter, .threequarters, .fifth, .twofifths, .threefifths, .fourfifths { margin: 0 4% 20px 0; box-sizing:border-box; float: left; }
.last, .right { margin: 0 0 20px 0; }
.right { float: right!important; }	
.full { width: 100%; }
.half { width: 48%; }
.quarter { width: 22%; }
.threequarters { width: 74%; }
.third { width: 30.66%; }
.twothirds { width: 65.32%; }
.fifth { width: 16.8%;}
.twofifths { width: 37.6%; }
.threefifths { width: 58.4%; }
.fourfifths { width: 79.2%; }

.alignleft { float: left; margin: 0 10px 0 0; }
.alignright { float: right; margin: 0 0 0 10px; }
.aligncenter { display: block; margin: 0 auto 10px auto; }

.padbot-1x { padding-bottom: 20px; }
.padbot-2x { padding-bottom: 40px; }
.padbot-3x { padding-bottom: 60px; }
.padbot-4x { padding-bottom: 80px; }
.padbot-5x { padding-bottom: 100px; }
.padbot-6x { padding-bottom: 140px; }
.padbot-7x { padding-bottom: 180px; }
.padbot-8x { padding-bottom: 220px; }
.padbot-9x { padding-bottom: 260px; }
.padbot-10x { padding-bottom: 300px; }
.padtop-1x { padding-top: 20px; }
.padtop-2x { padding-top: 40px; }
.padtop-3x { padding-top: 60px; }
.padtop-4x { padding-top: 80px; }
.padtop-5x { padding-top: 100px; }
.padtop-6x { padding-top: 140px; }
.padtop-7x { padding-top: 180px; }
.padtop-8x { padding-top: 220px; }
.padtop-9x { padding-top: 260px; }
.padtop-10x { padding-top: 300px; }
.padleft-1x { padding-left: 20px; }
.padleft-2x { padding-left: 40px; }
.padleft-3x { padding-left: 60px; }
.padleft-4x { padding-left: 80px; }
.padleft-5x { padding-left: 100px; }
.padright-1x { padding-right: 20px; }
.padright-2x { padding-right: 40px; }
.padright-3x { padding-right: 60px; }
.padright-4x { padding-right: 80px; }
.padright-5x { padding-right: 100px; }

/* --------------------- HEADER ---------------- */

#header {
	padding-top: 16px;
	border-bottom: 1px solid #c4c4c4;
	position: relative;
}
#header .container {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 30px;
}
#branding {
	flex: auto;
}
#logo {
	width: 326px;
	vertical-align: bottom;
}
#header-right {
	text-align: right;
}
#font-sizer {
	display: inline-block;
}
#font-sizer a {
	text-decoration: none;
	display: inline-block;
	font-weight: 700;
	position: relative;
	padding: 8px 12px;	
}
#font-sizer a::before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -2px;
  width: 0; 
  height: 0; 
  border-left: 4px solid transparent;
  border-right: 4px solid transparent; 
  border-top: 4px solid #2e74b5;	
}
#decfont {
	font-size: 0.88em;
	border-right: 1px solid #c4c4c4;
}
#incfont {
	font-size: 1.12em;		
}
#decfont::before {
	left: 0;
}
#incfont::before {
	right: 0;
}
#search {
	display: inline-block;
	position: relative;
	margin-left: 20px;
}
#search input[type=submit], #search-mobile input[type=submit] {
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	position: absolute;
	left: 6px;
	top: 0;
	width: 34px;
	height: 100%;
	padding: 0;
}
#search input[type=text] {
	padding-left: 40px;
	margin-bottom: 0;
}
#search-mobile {
	position: relative;
	display: none;
}
#search-mobile input[type=text] {
	border-radius:0;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding: 10px 20px;
	text-align: center;
	margin: 0;
}

.slide {
	background-size: cover;
	background-position: center;
	height: 40vw!important;
	max-height: 600px;
	min-height: 400px!important;
}
.slide .container {
	padding: 0 30px;
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: center;
	max-width: 900px;	
}
.slide-content {
	margin-top: -30px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
.slide-content h2, .slide-content p {
	margin-bottom: 20px;	
}
.slide-content p {
	font-size: 1.2em;
}
.slick-arrow {
	position: absolute;
	z-index: 10;
	cursor: pointer;
	top: 50%;
	margin-top: -18px;
	width: 35px;
	height: 36px;
	border: none;
	cursor: pointer;
}
.slick-next {
	background: url(images/next.png);
	right: 3vw;
}
.slick-prev {
	background: url(images/prev.png);
	left: 3vw;
}

#page-title {
	position: relative;
	z-index: 100;
}
#page-title h1 {
	margin: 60px auto 0 auto;
	text-align: center;
	width: 900px;
	max-width: 100%;
	color: white;
	background: #242367;
	padding: 40px 20px;
}
#page-title.has-slider h1 {
	margin-top: -60px;
	margin-bottom: 60px;
}

/* -------------------- NAV ------------------- */

#nav { 
	position: relative;
	margin-top: 16px; 
	z-index: 9990;
}
#menu-button {
	display: none; 
	width: 32px; 
	height: 24px;
	position: relative;
	float: right;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer; 
	margin-left: 16px;
}
#menu-button span {
	display: block;
	height: 2px;
	background: #005674;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -1px;	
}
#menu-button::before, #menu-button::after {
	content: "";
	height: 2px;
	background: #005674;
	left: 0;
	right: 0;
	position: absolute;
}
#menu-button::before {
	top: 0;
	transition: all 0.2s ease-in-out;	
}
#menu-button::after {
	bottom: 0;	
	transition: all 0.2s ease-in-out;
}
#menu-button.menu-open span {
	display: none;
}
#menu-button.menu-open:after {
	transform: rotate(45deg);
	bottom: 11px;
}
#menu-button.menu-open:before {
	transform: rotate(-45deg);
	top: 11px;
}

#menu-main_nav-1 {
	display: none;
}

#nav ul { 
	list-style-type: none; 
}
#nav ul li { 
	display: inline-block;
	margin-left: 24px;
	position: relative;
	padding-bottom: 16px; 
}
#nav ul li a:hover, #nav ul li.current-menu-item a {
	color: #94C947;
}
#nav ul li.menu-item-has-children {
	padding-right: 15px;	
}
#nav ul li.menu-item-has-children::before {
	content: "";
	width: 10px;
	height: 7px;
	background-repeat: no-repeat;
	background-image: url(images/menu-arrow.png);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;	
}
#nav ul li.menu-item-has-children:hover:before {
	background-position: 0 -7px;	
}
#nav ul li a { 
	display: block;
	padding: 10px 0; 
	color: #242367;
	text-decoration: none;
	font-weight: 800;
	letter-spacing: -1px;
	transition: all 0.2s ease-in-out;
}
#nav ul li:last-of-type a {
	color: #fff;
	background: #2e74b5;
	padding: 10px 30px;	
	border-radius: 24px;
}
#nav ul li:last-of-type a:hover {
	color: white;
	background: #94C947;
}
#nav ul li ul li:last-of-type a {
	color: #242367;
	background: none;
	padding: 10px 0;	
}
#nav ul li ul li:last-of-type a:hover {
	background: none;
	color: #94C947;
}
#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li.current-page-parent a {  

}
#nav ul li ul { 
	position: absolute; 
	right: 9999px;
	top: 100%;
	background: #fff;
	padding-top: 16px;
	border: 1px solid #c4c4c4; 

}
#nav ul li:hover ul { 
	right: 0; 
}
#nav ul li ul li { 
	float: none; 
	margin-left: 0;
	display: block;
}
#nav ul li ul li a { 
	white-space: nowrap; 
	padding: 6px 16px!important;
}
#nav ul li:hover a {  
	color: #94C947;
}
#nav ul li:hover ul a {  
	color: #242367;
}/* so only the top link stays hovered */
#nav ul li ul li a:hover {  
	color: #94C947;
} /* most specific hover */

/* ------------- CONTENT ------------ */

.custom-row { 
	position: relative; 
}
.custom-row .container { 
	position: relative; 
	z-index: 10; 
}
.overlay { 
	position: absolute; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
	z-index: 1; 
}
.light { 
	color: white; 
}

#content ul, #content ol { 
	margin-left: 20px; 
	margin-bottom: 20px; 
}
#content ul li, #content ol li { 
	margin-bottom: 5px; 
}
#content ul { 
	list-style-type: disc; 
}
#content ol { 
	list-style-type: decimal; 
}
#content ol li ol { 
	list-style-type: lower-alpha; 
}
#content p { 
	margin-bottom: 20px; 
}
p:empty {
	display: none;
}
a { 
	color: #2e74b5;
}
a:hover {
	color: #94C947;
}

img { 
	max-width: 100%!important; 
	height: auto!important; 
}
iframe { 
	max-width: 100%; 
}
.center { 
	text-align: center; 
}
.text-right {
	text-align:right;
}
.text-left {
	text-align: left;
}
.nomargin { 
	margin: 0!important; 
}
strong { 
	font-weight: bold; 
}
em { 
	font-style: italic; 
}

h1, h2, h3, h4, h5, h6 { 
	line-height: 1.2em; 
}
.light h1, .light h2, .light h3, .light h4, .light h5, .light h6 { 
	color: white; 
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}
h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 2.0em;
	color: #242367;
	font-weight: 700;
	margin-bottom: 36px;
}
.accordion-content h2 {
	margin-bottom: 16px;
}
h3 {
	color: #2e74b5;
	font-size: 1.4em;
	font-weight: 700;
	margin-bottom: 24px;
}
h4 {
	font-size: 1.2em;
	color: #242367;
	font-weight: 700;
	margin-bottom: 24px;
}
.button {
	display: inline-block;
	margin: 0 10px 10px 0;	
}
.center .button {
	margin: 0 5px 10px 5px;
}
.button a {  
	-webkit-appearance: none;
	cursor: pointer;
	color: #fff;
	background: #2e74b5;
	padding: 10px 30px;	
	border-radius: 22px;
	line-height: 24px;
	font-weight: 700;
	display: block;
	text-decoration: none;
	font-weight: 700;
	transition: all 0.2s ease-in-out;
}
.button a:hover {
	background: #94C947;	
}

input[type=text], input[type=email], input[type=tel], input[type=password], textarea { 
	width: 100%; 
	padding: 6px 10px;
	line-height: 20px;  
	border: 1px solid #c4c4c4;
	border-radius: 5px; 
	color: #2e74b5;
	margin-bottom: 12px;
}
input[type=submit] {  
	-webkit-appearance: none;
	cursor: pointer;
	color: #fff;
	background: #2e74b5;
	padding: 10px 30px;	
	border-radius: 22px;
	line-height: 24px;
	font-weight: 700;
	display:inline-block;
	transition: all 0.2s ease-in-out;
}
input[type=submit]:hover {
	background: #94C947;
}

table {
	width: 100%!important;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
table tr:nth-of-type(even) {
	background: #f8f8f8;
}
table td, table th {
	padding: 5px 20px 5px 10px;
	border-top: 1px solid #ddd;
}

.accordion-wrapper {
	margin-top: 40px;
	border-top: 1px solid #c4c4c4;
	padding-top: 24px;
}
.accordion {
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 24px;
}
.accordion-content {
	display: none;
	padding-bottom: 24px;
}
h3.accordion-toggle {
	cursor: pointer;
	position: relative;
	padding-right: 24px;
}
h3.accordion-toggle:after {
	content: "";
	position: absolute;
	right: 0;
	top: 10px;
	width: 17px;
	height: 11px;
	background-image: url(images/accordion-arrow.png);
	background-position: 0 0;
	background-repeat: no-repeat;	
}
h3.accordion-toggle.open:after {
	background-position: 0 -11px;
}

#explore {
	border: 1px solid #c4c4c4;
	padding: 80px 80px 60px 80px;
}
#explore img { margin-bottom: 10px; }
#explore h3 a  {
	text-decoration: underline;
}

#sidebar .widget-container {
	padding-bottom: 24px;
	border-bottom: 1px solid #c4c4c4;
}

#content ul.tabs-list {
	margin-left: 0;
	list-style-type: none;
	text-align: center;	
}
#content ul.tabs-list li {
	font-weight: bold;
	margin: 10px;
	cursor: pointer;
	padding: 3px;
	border-bottom: 2px solid #fff;
	display: inline-block;
}
#content ul.tabs-list li.active {
	color: #2e74b5;
	border-bottom: 2px solid #2e74b5;
}
.tab-section {
	display: none;
}
.tab-section.active {
	display: block;
}

#content .watershed-list {
	margin-left: 0;
	list-style-type: none;
}
#content .watershed-list li {
	display: inline-block;
	text-align: center;
	width: 142px;
	margin: 0 10px 20px 0;
}
#content .watershed-list li img {
	display: block;
	margin: 0 auto 10px auto;
}

/* Resources */

.resources {
	display: flex;
	flex-wrap: wrap;
}
a.resource-item {
	display: block;
	text-align: center;
	padding: 20px;
	width: 20%;
	text-decoration: none;
}

/* BLOG */

#blog-new .container {
	background: #f6f5f5;
	padding: 80px;
}
.blog-item {
	display: flex;
	align-items: center;
}
.blog-image {
	flex: 1;
	padding-right: 64px;
}
.blog-excerpt {
	flex: 1;
}
#content .blog-item p {
	margin-bottom: 36px;
}
.button#view-all a {
	text-decoration: underline;
	background-color: transparent;
	color: #2e74b5;
}
.button#view-all a:hover {
	color: #94C947;
}
.blog .blog-image, .search .blog-image {
	flex: 2;
	padding-right: 32px;
}
.blog .blog-excerpt, .search .blog-excerpt {
	flex: 3;
}
.blog .blog-item, .search .blog-item, .category .blog-item {
	margin-bottom: 60px;
}

#pagination a, #pagination span {
	display: inline-block;
	color: white;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 50%;
	background: #242367;
	text-decoration: none;
	text-align: center;
	margin: 5px;
}
#pagination span {
	opacity: 0.5;
}
#pagination a.next, #pagination a.prev {
	background: none;
	width: auto;
	height: 48px;
	color: #2e74b5;
	font-weight: 700;
}

#ai1ec-calendar-view > div:nth-child(2) > table > thead > tr:nth-child(2) > td > div.ai1ec-allday-label, #ai1ec-calendar-view .ai1ec-event, body .ai1ec-week-view .ai1ec-hour-marker div, body .ai1ec-oneday-view .ai1ec-hour-marker div, body .ai1ec-agenda-view .ai1ec-date-title, body .ai1ec-month-view th, body .ai1ec-week-view th, body .ai1ec-week-view .ai1ec-hour-marker div, body .ai1ec-week-view .ai1ec-allday-label, body .ai1ec-oneday-view th, body .ai1ec-oneday-view .ai1ec-hour-marker div, body .ai1ec-oneday-view .ai1ec-allday-label {
	color: #000!important;
} 
body .ai1ec-oneday-view .ai1ec-now-marker div, body .ai1ec-agenda-view .ai1ec-month {
	background-color: black!important;
}

/* FOOTER */

#footer-widgets {
	background: #f6f5f5;	
}
#footer-widgets .container {
	display: flex;	
}
#footer1 {
	flex: 33.33%;
	padding-right: 100px;
}
#footer2 {
	flex: 33.33%;
	padding-right: 100px;
}
#footer3 {
	33.33%;
}
#footer p {
	margin-bottom: 16px;
}
#copyright {
	background: #e0e0e0;
	font-size: 0.88em;
}
#copyright a {
	color: #000;
}
#copyright .last {
	text-align: right;
}
body ul.mks_social_widget_ul .soc_circle {
	background: #242367!important;
}
.widget-container {
	margin-bottom: 24px;
}
body ul.mks_social_widget_ul li:hover a {
	opacity: 0.9;
}
body ul.mks_social_widget_ul li a {
	margin: 0;
	display: block;
}
body ul.mks_social_widget_ul li {
	margin: 0 5px 5px 0;
}
body ul.mks_social_widget_ul li a span {
	color: #fff;
}

/* ------------------- MEDIA QUERIES -------------------- */

@media only screen and (min-width: 782px) {
	
#content .wp-block-column:not(:first-child) {
    margin-left: 64px;
}

}

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

.container, .fl-row-fixed-width { 
	width: 960px; 
}
.fl-row-content-wrap {
	padding-left: 0!important;
	padding-right: 0!important;
}

#logo {
	width: 250px;
}

#nav {
	margin-top: 4px;
}
#nav ul li { 
	margin-left: 16px; 
}
#nav ul li a {
	font-size: 0.88em;
}

a.resource-item {
	width: 25%;
}

}


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

body { font-size: 16px; line-height: 24px; }
body.size1 { font-size: 17px; line-height: 25px; }
body.size2 { font-size: 18px; line-height: 26px; }
body.size3 { font-size: 19px; line-height: 27px; }
	
.container, .fl-row-fixed-width { 
	width: 720px; 
}
#header {
	padding-bottom: 16px;
}
#header-right {
	display: flex;
	align-items: center;	
}
#search {
	width: 200px;
}
#menu-button { 
	display:inline-block; 
}
#nav {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 0;
    background: white;
    left: 0;
    right: 0;
	text-align: center;
	box-shadow: 0 6px 6px rgba(0,0,0,0.3);
}
#nav ul li {
	display: block;
	margin-left: 0;
	border-top: 1px solid #c4c4c4;
	padding: 0;
}
#nav ul li.menu-item-has-children {
	padding-right: 0;
}
#nav ul li.menu-item-has-children::before {
    right: 10px;
    margin-top: 0;
	top: 22px;
}
#nav ul li:last-of-type a {
	border-radius: 0;
}
#nav ul li ul {
    position: relative;
    right: 0;
    top: auto;
    background: #fff;
    padding-top: 0;
    border: none;
	display: none;
}
#nav ul li ul li a {
	font-weight: 400;
}

#blog-new .container {
	padding: 40px;	
}
.blog-image {
	padding-right: 20px;
}
.blog .blog-item, .search .blog-item {
	flex-wrap: wrap;
}
.blog .blog-image, .search .blog-image {
	flex: 100%;
	padding-right: 0;
}
.blog .blog-excerpt, .search .blog-excerpt {
	flex: 100%;
}

#menu-main_nav-1 {
	display: block;
}
#menu-main_nav {
	display: none;	
}

#explore {
    border: 1px solid #c4c4c4;
    padding: 40px 40px 20px 40px;
}
#explore .quarter {
	width: 48%;
	float: left;
}
#explore .quarter:nth-of-type(2) {
	margin-right: 0;
}

.resources h4 {
	font-size: 1.0em;
}

#footer-widgets .container {
	flex-wrap: wrap;
}
#footer1, #footer2, #footer3 {
	padding-right: 0;
	flex: 100%;
}
#copyright .half {
	width: 100%; 
	margin-right: 0;
	text-align: center;
}
	
}

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

.padbot-1x { padding-bottom: 20px; }
.padbot-2x { padding-bottom: 30px; }
.padbot-3x { padding-bottom: 40px; }
.padbot-4x { padding-bottom: 50px; }
.padbot-5x { padding-bottom: 60px; }
.padbot-6x { padding-bottom: 80px; }
.padbot-7x { padding-bottom: 100px; }
.padbot-8x { padding-bottom: 120px; }
.padbot-9x { padding-bottom: 140px; }
.padbot-10x { padding-bottom: 160px; }
.padtop-1x { padding-top: 20px; }
.padtop-2x { padding-top: 30px; }
.padtop-3x { padding-top: 40px; }
.padtop-4x { padding-top: 50px; }
.padtop-5x { padding-top: 60px; }
.padtop-6x { padding-top: 80px; }
.padtop-7x { padding-top: 100px; }
.padtop-8x { padding-top: 120px; }
.padtop-9x { padding-top: 140px; }
.padtop-10x { padding-top: 160px; }
.padleft-1x, .padleft-2x, .padleft-3x, .padleft-4x, .padleft-5x, .padright-1x, .padright-2x, .padright-3x, .padright-4x, .padright-5x { padding-left: 0; padding-right: 0; }
	
.container, .fl-row-fixed-width { 
	width: 620px; 
}
body .fl-col-small:not(.fl-col-small-full-width) {
    max-width: 100%;
}
.full, .half, .third, .twothirds, .quarter, .threequarters, .fifth, .twofifths, .threefifths, .fourfifths, .threeeighths, .fiveeighths, .seveneighths { 
	width: 100%; 
	margin: 0 0 20px 0; 
	float: none; 
}
#header {
	padding: 10px 0;
}
body .wp-block-column {
    flex-basis: 100% !important;
}
.blog-item {
	flex-wrap: wrap;
}
.blog-image, .blog-excerpt {
	flex: 100%;
	padding-right: 0;
}
.blog-image {
	margin-bottom: 20px;
}

#search {
	display: none;
}
#search-mobile {
	display: block;
}

a.resource-item {
	width: 33.33%;
}

h1 {
	font-size: 2.0em;
}
h2 {
	font-size: 1.8em;
}


}

@media only screen and (max-width: 679px) {
	
.container, .fl-row-fixed-width { 
	width: 470px; 
}
	
}

@media only screen and (max-width: 499px) {
	
.container, .fl-row-fixed-width { 
	width: 320px; 
}

#logo {
	width: 200px;
}

#explore .quarter {
	float: none;
	width: 100%;
	margin-right: 0;
}

a.resource-item {
	width: 50%;
}
	
}

@media only screen and (max-width: 339px) {
	
.container, .fl-row-fixed-width { 
	width: 280px; 
}
	
}