/* ESyntaxis (Pvt) Ltd :  http: //www.esyntaxis.com Compiled by Srinath */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
	margin-bottom: 10px;
}
html {
  box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */  
}
*, *:before, *:after {
  box-sizing: inherit;
	-moz-box-sizing: inherit; /*Firefox 1-3*/
	-webkit-box-sizing: inherit; /* Safari */  
  
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.crm-container input.crm-form-submit,
.crm-container button.crm-form-submit
.crm-container .crm-button {
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	color: #555;
	text-align: center;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #bbb;
	cursor: pointer;
	box-sizing: border-box;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	border-color: #888;
	outline: 0;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	background-color: #33C3F0;
	border-color: #33C3F0;
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	background-color: #1EAEDB;
	border-color: #1EAEDB;
}
#crm-container.crm-public input[type="text"] {
	margin-bottom: 5px;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	width: 100%;
	height: 38px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box;
	max-width: 500px !important;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
select {
	height: auto;
}
textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #33C3F0;
	outline: 0; }
label,
legend {
	display: block;
	margin-bottom: .5rem;
}
#e-mail_alert label {
	display: inline;
}
fieldset {
	padding: 0;
	border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
	display: inline-block;
	margin-right: 2px;
	margin-left: 6px}
label > .label-body {
	display: inline-block;
	margin-left: .5rem;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ol, ul {
	padding-left: 24px
}
ul ul,
ul ol,
ol ol,
ol ul {
	margin: 1.5rem 0 1.5rem 3rem;
}
li {
	margin-bottom: 1rem;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table {
	width: 100%;
}
th {
	background-color: #2a54cc !important;
}
th,
td {
	padding: 5px 10px;
	text-align: left;
	border: 1px solid #2d82db;
	border-bottom: none;
}
th {
	background-color: #4989c8;
}
th:first-child,
td:first-child {
	border-left: none;
	border-right: none;
}
th:last-child,
td:last-child {
	border-left: none;
	border-right: none;
}
table tr:last-child {
	border-bottom: 2px solid #2d82db;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem;
 }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol {
  margin: 1rem 0;
}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
}
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}
.u-pull-right {
  float: right;
}
.u-pull-left {
  float: left; 
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
	border: 0 none;	
}

/*
 * Remove default fieldset styles.
 */

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}
button:disabled, input:disabled, select:disabled, textarea:disabled {
    cursor:not-allowed !important;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	background-color: #fff;
	padding: 0;
}
a:hover {
   		-moz-transition: background .25s linear;
	   -webkit-transition: background .25s linear;
	transition: background .25s linear;
}
.container {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1240px;
	padding: 0 20px;
	box-sizing: border-box;	
}
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}
h1 {
}
h2 {
	margin-bottom: 15px;
}
h3 {
	margin: 0 0 15px;
}
h4 {
	margin: 20px 0 10px;
}
h5 {
	margin: 10px 0 10px;
}
h6 {
	margin-bottom: 15px;
}
#top-logo {
	display: inline;
	position: absolute;
	float: left;
	margin-bottom: 18px;
}
#top-menu {
	position: absolute;
	right: 20px;
	display: inline;
	float: right;
	height: 34px;
	line-height: 34px;
	text-align: right;
}
.top-buttons a {
	height: 14px;
	padding: 0 5px;
}
#top-menu .common-button {
	float: right;
	padding: 0 10px;
}
input[type="search"] {
	background-color: transparent;
}
#search-box {
	display: none;
	height: auto;
	background-color: rgba(255,255,255,0.95);
	border: 1px solid #e5e5e5;
}
#search-box input {
	position: relative;
	height: 32px;
	width: 93%;
	margin: 2px 10px;
	border: none;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#search-box .button {
	position: absolute;
	width: auto;
	
	right: 5px;
	border: none;
	background: url(../images/icons/grey-arrow.png) no-repeat center;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	
}
#search-box label,
#search-box-home label {
	display: none;
}
#search-box-home {
	height: 56px;
	padding-left: 10px;	
}
#search-box-home .search {
	border-radius: 1.5em;	
	border: 1px solid #e5e5e5;
}
#search-box-home input {
	height: 50px;
	width: 90%;
	margin: 2px 10px;
	border: none;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#search-box-home .button {
	position: absolute;
	
	width: 24px;
	height: 54px;
	margin: 0;
	right: 10px;
	padding: 0 30px;
	border: none;
	background: url(../images/icons/search-icon-home.png) no-repeat center;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	

}
header {
	padding-top: 18px;	
	height: 176px;
}
.top-buttons {
	float: right;
	padding: 0 10px;
}
/* Rotate first bar */

#mobile-menu {
	display: none;
	cursor: pointer;
}
#mobile-menu div {
    width: 36px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
}
#main-navigation {
	position: relative;
	margin-top: 106px;

	z-index: 100;
}
#main-navigation ul {
	float: right;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#main-navigation .nav-header {
	padding: 0;
}
#main-navigation li {
	float: left;
	margin-left: 16px;
	list-style: none;
}
#main-navigation li a {
	display: block;
}
#main-navigation > ul > li:hover,
#main-navigation > ul > li.active {
	border-bottom: 6px solid #66a091;
}
#main-navigation > ul > li:hover > ul {
	visibility:visible;
	opacity: 1;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;	
}
#main-navigation ul.nav-child {
	visibility: hidden;
	position: absolute;
	min-width: 168px;
	width: auto;
	max-width: 220px;
	height: auto;
	margin-top: 6px;
	padding: 0;
	opacity: 0;
	
	background-color: #f2f2f2;
	box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	z-index: 100;
}
span.nav-header {
	display: block;
}
#main-navigation ul.nav-child > li {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}
#main-navigation ul.nav-child li a {
	padding: 10px 15px;
}
#main-navigation ul.nav-child > li.current {
	background-color: #FFF;
}
#main-navigation ul.nav-child > li:hover {
	background-color: #FFF;
}
#sub-nav {
	padding-right: 30px;
	margin-bottom: 20px;
}
#sub-nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#sub-nav li {
	background-color: #d8e1e1;
	height: auto;	
	padding: 10px 26px;
	margin-bottom: 2px;
}
#sub-nav li.current {
	background: #65a091; /* Old browsers */
	background: rgb(0,61,99);
	background: linear-gradient(90deg, rgba(0,61,99,1) 0%, rgba(102,160,145,1) 100%);
}
#breadcrumb ul li {
	float: left;
	list-style: none;
}
#banner-container {
	position: relative;
	width: 100%;
	margin: auto;
}
#banner-container img {
	float: right;
}
#banner {
	position: relative;
	width: 100%;
	max-width: 2400px;
	height: 550px;
	margin: auto;
	overflow: hidden;
	background-color: #2d82db;
	border-top: 5px solid #2d82db;	
	z-index: 0;
}
#banner.conference {
	text-align: center;
}
#banner .orbit-container {
	height: 550px;
}
#banner .orbit-container .orbit-slides-container img {
	max-width: inherit;
}
#mask-left {
	display: flex;
	align-items: center;
	position: relative;
	left: 0;
	top: 0;
	width: 55%;
	height: 545px;
	overflow: hidden;
	z-index:3;
}
#mask-left.conference {
/*	background:url(../images/template/home-banner-splash.png) no-repeat right; */
	background-color: #4c7e96;
	z-index: 40;	
}
.orbit-container .orbit-slides-container > * .orbit-caption {
	bottom: initial;
	padding: 0;
	background-color: transparent;
}
#mask-left.one {
	background: url(../images/template/home-banner-bg-dark-blue.png) right top no-repeat;
}
#mask-left.two {
	background: url(../images/template/home-banner-bg-light-blue.png) right top no-repeat;
}
#mask-left.three {
	background: url(../images/template/home-banner-bg-light-green.png) right top no-repeat;
}
#mask-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	text-align: left;
	
	z-index: 2;
}
#mask-right img {
	float: right;
}
#mask-container {
	position: absolute;
	width: 100%;
	top: 612px;
	height: 198px;
	background:url(../images/template/banner-mask-wave-home.png) no-repeat center;
}
#mask-bottom {
	position: relative;
	margin: auto;
	width: 100%;
	max-width: 2400px;
	overflow: hidden;	
}
#banner-text {
	position: absolute;
	width: 100%;
	max-width: 600px;
	right: 80px;
}
#mask-left.conference #banner-text {
	top: 20px;
	text-align: center;
}
#banner-text h1 sup {
	position: absolute;
	top: 46px;
	margin-left: -56px;
}
#mask-left.conference #banner-text h1 {
	margin-bottom: 0;	
}
#mask-left.conference #banner-text h2 {
	margin-bottom: 30px;	
}
#mask-left.conference #banner-text h3 {
	margin-bottom: 10px;
}
#mask-left.conference #banner-text h4 {
	margin: 0;
}
#mask-left.conference #banner-text h1 sup {
	top: 32px;
	margin-left: -42px;
}
#content {
	margin-top: 30px;
	z-index: 20;
}
#home-page,
#conference-home-page {
	margin-top: 70px;
}
#home-page .row {
	margin-bottom: 30px;
}
#home-page .row .c4:first-child {
	padding-right: 20px;
}
#home-page .row .c4:nth-child(2) {
	padding-left: 10px;
	padding-right: 10px;
}
#home-page .row .c4:last-child {
	padding-left: 20px;
}
#home-page .c4 > div {
	position: relative;
	padding: 20px;
	border-radius: 1em;
	background-color: #d8e1e1;
	box-shadow: 0 6px 12px rgba(0,25,20,.25);
}
.photo-tile img {
	border-radius: 1em;
	border: 3px solid #d8e1e1;
	box-shadow: 0 6px 12px rgba(0,25,20,.25);
}
.photo-tile .c4:hover img,
.photo-tile .c6:hover img  {
	transition-duration: 1s;	
	border: 3px solid #4989c8;
}
#home-page row.last .c4 > div {
	padding: 30px 20px;
}
#home-pres-message {
	height: 530px;
	background: url(/images/presidents-messages/home-president-photo.jpg) center bottom no-repeat;
	border: 2px solid #d8e1e1;	
}
#home-pres-message .alpha-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 300px;
	border-radius: 1em;	
}
#home-pres-message .custom {
	position: relative;
	z-index: 10;
}
#home-regions {
	height: 530px;
	background: url(../images/template/home-regions.png) bottom left no-repeat;
	background-position: 60px;
	border: 2px solid #d8e1e1;	
}
#home-regions .custom {
	position: absolute;
	bottom: 68px;
}
#home-events {
	/* height: 250px; */
	height: 530px;
	margin-bottom: 30px;
	background-color: #abb8bf;
	border: 2px solid #d8e1e1;	
}
#home-updates {
	position: relative;
	height: 250px;
	margin-top: 30px;
	background: url(../images/template/home-dnr-updates.png) center right no-repeat;
	border: 2px solid #d8e1e1;	
}
#home-updates .custom {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
}
#home-clarifier {
	height: 250px;
	margin-bottom: 30px;
	border: 2px solid #d8e1e1;	
}
#home-waters {
	height: 250px;
	margin-top: 30px;
	text-align: center;
	border: 2px solid #d8e1e1;	
}
#home-waters img {
	line-height: 250px;
}
#home-news {
	height: 530px;
	border: 2px solid #d8e1e1;	
}
#home-news > div.feed {
	height: 380px;
	overflow: hidden;
}
#home-news ul.newsfeed {
	list-style: none;
	padding: 0;
}
#home-news .learn-more,
#home-events .learn-more {
	position: absolute;
	bottom: 15px;
	right: 30px;
}
#home-conference {
	display: flex;
	height: 530px;
	background: url(/images/home/home-annual-conference.png) center center no-repeat;
	border: 2px solid #b3d0c8;
	
	justify-content: center;
	align-items: end;
}
#home-conference-text sup {
	position: absolute;
	top: 54px;
	margin-left: -40px;
}
#home-member {
	height: 300px;
	margin: 20px 0 52px;
	background: url(../images/template/home-become-a-member-bg.jpg) top center no-repeat;
	box-shadow: 0 5px 10px rgba(0,0,0,.3);
}
#home-member > div {
	display: flex;
	align-items: center;
	height: 300px;
	opacity: 0.8;
}
#home-member .custom {
	text-align: center;
}
#home-page .row.last {
	margin-bottom: 90px;
}
#home-what-is-wwoa {
	height: 594px;
	border: 2px solid #96c1ed;
}
#home-e-newsletter {
	height: 594px;	
	border: 2px solid #96c1ed;
}
#home-e-newsletter input {
	cursor: pointer;	
}
#home-what-is-wwoa .learn-more {
	position: absolute;
	right: 35px;
	bottom: 44px;
}
#home-e-newsletter .learn-more {
	float: right;
	margin-top: 30px;
}
#home-tips-ideas {
	height: 594px;
	border: 2px solid #b3d0c8;	
}
#home-tips-ideas ul {
	list-style: none;
	text-align: center;
}
.icon-home {
	display: block;
	margin: 15px auto 20px;
}
#inner-banner {
	width: 100%;
	height: auto;
	border-top: 5px solid #2d82db;
	margin-bottom: 30px;
	overflow: hidden;
}
#conference-inner-banner {
	height: 210px;
	width: 100%;
	border-top: 5px solid #2d82db;
	background: url(../images/template/conference-banner-mask-wave-inner.jpg) no-repeat center;
}
#inner-banner img {
	min-width: 1600px;
	width: 100%;
	max-width: 2400px;
	height: auto;
}
#inner-wave {
	position: absolute;
	left: 0;
	right: 0;
	margin-top: -160px;
	width: 100%;
	height: 210px;
	background: url(../images/template/banner-mask-wave-inner.png) no-repeat center;
}
#page-title {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	padding: 0 20px;
	max-width: 1240px;
	margin: 0 auto 50px;
	z-index: 50;
}
#breadcrumb ul {
	padding: 0;
}
#inner-page .c9 {
	margin-bottom: 120px;
	min-height: 500px;
}
#inner-page img {
	max-width: 100%;
	height: auto;
}
#inner-page .c12 {
	margin-bottom: 20px;
}
#inner-page .c12 .border-left {
	border-left: 1px solid #E1E1E1;
}
#home-page #news-strip,
#conference-home-page #news-strip,
#news-strip {
	border: 5px solid #66a091;
	border-radius: 1.5em;
	padding: 30px;
	margin-bottom: 232px;
	box-shadow: none;
}
#conference-home-page #news-strip img {
	width: 100%;
	border-radius: 1.5rem;
	height: auto;
}
#right-member-strip {
	height: auto;
	padding: 36px 20px 96px;
	border-radius: 1.5em;	
	margin-bottom: 100px;
	border: 2px solid #66a091;
	box-shadow: 0 3px 6px rgba(0,25,20,.25);	
}
#right-member-strip img {
	display: block;
	margin: auto;
}
#logo-footer {
	float: left;
}
#footer-navigation {
	text-align: right;
}
#footer-navigation ul {
	position: relative;
	margin: 0;
	padding: 0;
}
#footer-navigation ul li {
	margin: 0;
	list-style: none;
}
#footer-navigation .common-button {
	margin-bottom: 10px;
}
#footer-note {
	position: relative;
	height: 36px;
	text-align: right;
}
/* dashboard */
#dashboard,
#photo-gallery {
	margin-top: 30px;
}
#dashboard h3 {
	margin: 0;
}
#photo-gallery h3 {
	position: absolute;
	left: 20px;
}
#dashboard .c4:nth-child(1) {
	padding-right: 15px;
}
#photo-gallery .c4 {
	padding-left: 10px;
	padding-right: 10px;
}
#dashboard .c4:nth-child(2) {
	padding-left: 15px;
}
#dashboard .c4:nth-child(3) {
	padding-left: 30px;
}
#photo-gallery .member-tile img {
	width: 100%;
	border-radius: 1.5em;
	background-color: #d8e1e1;
}
.member-tile {
	display: flex;
	align-items: center;	
	height: 250px;
	padding: 15px;
	margin-bottom: 30px;
	border-radius: 1.5em;
	
	box-shadow: 0 3px 6px rgba(0,25,20,.25);		
}
#photo-gallery .member-tile {
	position: relative;
	padding: 0;
	margin-bottom: 20px;
	height: auto;
}
.member-tile.logout {
	align-items: center;
	justify-content: center;
}
.member-tile.logout h3 a {
	text-align: center;
}
.member-details {
	height: 730px;
	padding: 30px 10px;
	text-align: center;
	border: 2px solid #66a091;
	border-radius: 1.5em;
	box-shadow: 0 3px 6px rgba(0,25,20,.25);
}
#dashboard .member-photo {
	max-width: 216px;
	height: auto;
	max-height: 216px;
	margin: 20px auto;
	border-radius: 90%;
	border: 2px solid #fff;
}
#dashboard .c4:nth-child(1) .member-tile:nth-child(1) {
	background: url(../images/dashboard/board-meeting.png) right #d8e1e1 no-repeat;
}
#dashboard .c4:nth-child(1) .member-tile:nth-child(2) {
	background: url(../images/dashboard/member-directory.png) right #d8e1e1 no-repeat;
}
#dashboard .c4:nth-child(1) .member-tile:nth-child(3) {
	background: url(../images/dashboard/association-news.png) right #d8e1e1 no-repeat;
}
#dashboard .c4:nth-child(2) .member-tile:nth-child(1) {
	background: url(../images/dashboard/regional-meeting.png) right #d8e1e1 no-repeat;	
}
#dashboard .c4:nth-child(2) .member-tile:nth-child(2) {
	background: url(../images/dashboard/events-calendar.png) right #d8e1e1 no-repeat;
}
#dashboard .c4:nth-child(2) .member-tile:nth-child(3) {
	background-color: #abb8bf;
}
#dashboard .c4:nth-child(1) .member-tile:nth-child(odd):hover,
#dashboard .c4:nth-child(2) .member-tile:nth-child(even):hover {
	background-color: #b2d0c8;
}
#dashboard .c4:nth-child(1) .member-tile:nth-child(even):hover,
#dashboard .c4:nth-child(2) .member-tile:nth-child(odd):hover {
	background-color: #96c1ed;
}
#photo-gallery .c4:nth-child(even) .member-tile:hover img {
	background-color: #96c1ed;
}
#photo-gallery .c4:nth-child(odd) .member-tile:hover img {
	background-color: #b2d0c8;
}
#gallery-main .c4 .back {
	position: absolute;
	left: 0;
	top:0;
	padding: 0 30px;
	display: flex;
	max-width: 390px;
	height: 280px;
	align-items: center;
	text-align: center;
	border: 1px solid #FFF;
	background-color: rgba(150,193,237,0.8);	
}
/* end dashboard */
/*Search Results Page */
form#searchForm {
	float: left;
	width: 23%;
	margin-right: 2%;
}
dl.search-results {
	float: right;
	width: 75%;
}
input#search-searchword {
	width: 100%;
}
/* End Search Results Page */
/* Accordian Styles */
#accordian dd,
#gallery-mini dd {
	margin: 20px 0 20px 64px;
}
#accordian h4 {
	margin: 0;
}
#gallery-mini dd .sigplus-lightbox-none img {
	cursor: default;
}
#presentations dd {
	margin: 20px 0 20px 30px;
}
#presentations dd h4 {
	cursor: pointer;
}
#presentations dd h4:after {
	content: "\2BC8";
	position: absolute;
	margin-left: 5px;
}
.simple-accordian dt {
}
.simple-accordian h5 {
	display: inline-block;
	padding-bottom: 8px;
	border-bottom: 1px dashed #004659;
	cursor: pointer;
}
.simple-accordian h5:after {
	content:"";
	position: absolute;	
	width: 0; 
	height: 0;
	margin-left: 5px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #004659;	
}
.simple-accordian dd {
	margin: 0;
}
.simple-accordian dd ul {
	margin-left: 15px;
	columns: 2;
}
#presentation dd ul {
	margin-left: 15px;
}
.accordian-tab {
	display: flex;
	align-items: center;
	height: 54px;
	padding: 0 10px 0 80px;
	margin-bottom: 10px;
	background-color: #181f8e;
	
	cursor: pointer;
}
.accordian-tab:hover {
	background-color: #2d82db;
}
#inner-page .c9 .accordian-tab a:hover {
	border-bottom: none;
}
.accordian-tab.double {
	height: 64px;
}
.accordian-tab.double a {
	padding: 10px 0;
}
.accordian-tab:before {
	content:"";
	position: absolute;
	left: 0;
	width: 62px;
	height: 54px;
	
	background: #2d82db; /* Old browsers */
	background: rgb(24,65,175) url(../images/icons/white-arrow-expand.png) no-repeat center;
}
.accordian-tab.double:before {
	height: 64px;
}
.accordian-tab.swap:before {
	  transition-delay: 1s;
	-webkit-transform: rotate(180deg);
	/* Firefox */
	-moz-transform: rotate(180deg);
	/* IE */
	-ms-transform: rotate(180deg);
	/* Opera */
	-o-transform: rotate(180deg);
	/* Internet Explorer  four values: 0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degrees respectively.*/
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.accordian-tab li {
	margin-bottom: 0.5rem;	
}
#inner-page .c9 .sigplus-gallery a,
#inner-page .c9 .sigplus-gallery a:hover {
	border-bottom: none;
}
.sigplus-gallery {
	float: left;
}
/* End of Accordian Styles */
/* inner page styles */
#article-photo .item-image {
	float: left;
	width: 40%;
	margin-bottom: 0;
}
#directors {
	padding: 50px 0;
	border-top: 1px dashed #181f8e;
	border-bottom: 1px dashed #181f8e;
}
#directors .c4 {
	margin-bottom: 20px;
}
#directors .director-details {
	position: absolute;
	width: 100%;
	height: 322px;
	margin: auto;
	max-width: 250px;
	left: 5px;
	right: 5px;
	top: 0;
	padding: 0 30px;
	background-color: #d8e1e1;
	border-radius: 0.75em;

	opacity: 0;
}
#directors .director-details:hover {
	transition-duration: 1s;
	opacity: 0.9;
}
#directors .director-details div {
	position: absolute;
	width: 100%;
	padding: 20px;
	left: 0;
	bottom: 0;
}
.archive-heading {
	width: 368px;
	height: auto;
	padding: 30px 15px;
	text-align: center;
	border-radius: 1em;
	background-color: #d8e1e1;	
}
.archive-tiles {
	height: 320px;
	margin: 15px;
	padding: 30px 15px;
	border-radius: 1em;
	background-color: #d8e1e1;	
}
.archive-tiles.large {
	height: 460px;
}
.archive-tiles ul {
	list-style: none;
	padding: 0;
}
.category-desc img {
	padding: 15px 30px 0 0;
}
.parent-category-name {
	margin: 0;
	padding-top: 20px;
	border-top: 1px solid #d8e1e1;
}
.news .items-leading .c12,
.careers .items-leading .c12 {
	border-bottom: 1px dashed #66a091;
}
.news .items-leading .c12:last-child,
.careers .items-leading .c12:last-child {
	border-bottom: none;
}
#map-legend div.c2 div,
#map-legend div.c3 div {
	float: left;
	width: 14px;
	height: 14px;
	margin: 4px;
}
#clarifier-issues {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	gap: 15px 10px;
}
#clarifier-issues .issue {
	position: relative;
	width: 31%;
	height: auto;
}
#clarifier-issues .issues-details {
	position: absolute;
	width: 100%;
	height: auto;
	margin: auto;
	left: 0;
	bottom: 0;
	padding: 5px 15px;
	background-color: #d8e1e1;

	opacity: 0;
}
#clarifier-issues .issue .issues-details {
	transition-duration: 1s;
	opacity: 0.85;
}
/* deorecated 
#clarifier-issues .c4:hover .issues-details {
	transition-duration: 1s;
	opacity: 0.85;
}
#clarifier-issues .c4 {
	padding-right:15px;
	padding-bottom: 15px;
}
*/
#clarifier .c6:nth-child(odd) {
	padding-right: 15px;
}
#clarifier .c6:nth-child(even) {
	padding-left: 15px;
}

/* End inner page styles */
/* component styles */
.pagination {
  display: inline-block;
  float: right;
}
.pagination ul,
.pagenav {
	list-style: none;
}
.pagination li,
.pagenav li {
	margin-right: 10px;
	float: left;
}
.pagination li span,
.pagination li a {
  padding: 8px 16px;	
}
.pagination li a:hover {
	background-color: #66a091;
}
.field-entry {
	margin: 20px 0 10px;
}
/* photo gallerly over ride */
.captionplus-align small {
	border-radius: 1em;
	background-color: #2a54cc;
	padding: 2px 6px;
	white-space: nowrap;
}
#gallery-mini .captionplus-outside {
	height: 70px;
}
#gallery-mini .captionplus-outside small {
	display: none;
}
/* Event Calendar Styling */
.com-dpcalendar-calendar.fc .fc-daygrid-day-frame {
	min-height: 120px;
} 
.fc-list-table .fc-theme-standard th {
	background-color: #939598;
}
#gallery-main .captionplus {
	background-color: #96c1ed;
}
/* End Event Calendar Styling */
/* component styles */
/* Civicrm Styles */
.crm-section.credit_card_info-section input[type="text"],
.crm-section.credit_card_info-section select {
	width: auto;
}
.select2-drop,
.select2-results {
	z-index: 1000000;
}
.crm-container .crm-section .label {
	width: 28%;
}
.crm-container .crm-section .content {
	margin-left: 30%;
}
.crm-container .crm-button {
	background-color: #181f8e;
}
.crm-container .crm-button:hover {
	background-color: #2d82db;
}
.crm-profile-id-15 .crm-section .label {
	width: 100%;
	text-align: left;
}
.crm-profile-id-15 .crm-section .content,
#crm-main-content-wrapper .content.description {
	margin-left: 0%;
	width: 100%;
/*	text-align: right; */
}
.crm-profile-id-15 .crm-section .content input {
	width: 100%;
	margin-top: 0.5rem;
	margin-bottom: 1rem;
}
.crm-container a.button, .crm-container a.button:link {
	background: #181f8e;	
	line-height: 32px;
}
.crm-container table {
	width: 100%;
}
.crm-container td {
	padding: 10px;
/*	border-bottom: 1px dotted #ccc; */
}
#crm-container.crm-public .price-set-row input {
	vertical-align: initial;
}
#crm-container #priceset .crm-section {
/*	padding-bottom: 10px;
	border-bottom: 1px solid #ccc; */
	margin-bottom: 10px;
}
#crm-container.crm-public input[type="text"] {
	margin-bottom: 0;
}
#crm-container.crm-public .label {
	padding-top: 10px;
/*	height: 28px; */
}
.crm-container div.form-item {
	padding: 0;
}
.crm-container .crm-form-block {
	background-color: transparent;
	border: 1px dashed #e5e5e5;
}
#crm-container.crm-public #profilewrap16 .label {
	padding: 6px;
	background-color: #e5e5e5;
}
#crm-container.crm-public #profilewrap16 .content {
	padding: 6px;
}
#crm-container.crm-public #phone-2-1 {
	width: 12em;
}
#crm-container.crm-public #phone_ext-2-1 {
	width: 4em;
}
#search-status {
	padding: 10px;
	background-color: #e5e5e5;
}
table#crm-content {
	width: 100%;
}
table#crm-content,
table#crm-content td {
	border: none;
}
#custom_20,
#custom_22 {
	width: 80%;
}
#crm-container #pricevalue {
	border-top: 1px solid #000;
	border-bottom: 4px double #000;
	width: 90px;
	text-align: right;
}
#crm-container h3 {
	margin-top: 10px;
}
#crm-tooltip-wrapper legend,
#crm-tooltip-wrapper .content {
	font-size: 0.8em;
}
.crm-container .four {
	width: 6em;
	text-align: right;
}
span.price-field-amount {
	display: none;
}
#priceset .crm-section {
	padding-bottom: 10px;
}
#civi-error {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #000;
	margin-bottom: 10px;
}
#crm-container.crm-public .content {
	padding-top: 10px;
}
#_qf_Register_reload {
	background-color: #2d82db;
}
#crm-container.crm-public .crm-contribution-page-id-4 .price_set-section #priceset .crm-section {
	margin-bottom: 0;
	padding-bottom: 0;
}
#crm-container.crm-public .crm-contribution-page-id-4 #priceset .content {
	padding-top: 0;
}
#crm-container.crm-public .crm-contribution-page-id-4 #priceset .crm-section {
	margin-bottom: 0;
}
#crm-container.crm-public .crm-contribution-page-id-4 #percentagepricesetfield_pricelabel {
	padding-top: 0;
}
/* End Civicrm Styles */
/* Other Styles */
.mod-dpcalendar-upcoming-default .dp-link {
	margin-bottom: 0;
	height: 20px;
	overflow: hidden;
}
.login-description {
	margin: 20px 0;
}
#login-form .control-label,
.login .control-group:nth-child(3) .control-label {
	float: left;
}
#login-form #modlgn-remember,
#remember {
	margin-left: 5px;
	margin-top: 6px;
}
.logout-button,
.icons .btn-group.pull-right {
	display: none;
}
#system-message-container .alert .close {
	display: none;
}
#system-message-container .alert-message {
	margin-bottom: 20px;
}
.popover {
	width: 200px;
	background-color: #FFC;
	border: 1px dotted #ccc;
	border-radius: 3px;
	padding: 3px;
}
#member-profile {
	width: 50%;
	margin: auto;
}
#member-profile fieldset:nth-child(1) .control-group:nth-child(3),
#member-profile fieldset:nth-child(1) .control-group:nth-child(4),
#member-profile fieldset:nth-child(1) .control-group:nth-child(7),
#member-profile fieldset:nth-child(1) .control-group:nth-child(8),
#member-profile fieldset:nth-child(2),
#member-profile fieldset:nth-child(3),
#member-profile fieldset:nth-child(4) {
	display: none;
}
#member-profile .optional {
	display:none;
}
/*--------------------------------------------------------------
# Common Classes
--------------------------------------------------------------*/
.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.no_border {
	border: none;
}
.cell {
	display: table-cell;
}
.border-top {
	border-bottom: 1px dashed #181f8e;
}
.border-bottom {
	border-bottom: 1px dashed #181f8e;
}
.border-right {
	border-right: 1px solid #4d4d4d;
}
.black-bg {
	background-color: #111;
}
.white-bg {
	background-color: #fff;
}
.dark-blue-bg {
	background-color: #181f8e;
}
.light-blue-bg {
	background-color: #2d82db;
}
.blue-border {
	border-top: 10px solid #2d82db;
}
.dark-blue-border {
	border-top: 6px solid #181f8e;
}
.dark-blue-bg a,
.light-blue-bg a {
	color: #fff;
}
.gradient-bg-vert {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2466c6+67,1841ab+100 */
	background: rgb(30,102,198);
	background: -moz-linear-gradient(top,  #2466c6 40%, #1841ab 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2466c6 40%,#1841ab 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2466c6 40%,#1841ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2466c6', endColorstr='#1841ab',GradientType=0 ); /* IE6-9 */
}
.gradient-bg-green {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#65a091+0,003d63+100 */
	background: rgb(102,160,145);
	background: -moz-linear-gradient(180deg, rgba(102,160,145,1) 0%, rgba(0,61,99,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(102,160,145,1) 0%, rgba(0,61,99,1) 100%);
	background: linear-gradient(180deg, rgba(102,160,145,1) 0%, rgba(0,61,99,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66a091",endColorstr="#003d63",GradientType=1);
}
.gradient-bg-blue {
	background: rgb(45,130,219);
	background: -moz-linear-gradient(180deg, rgba(45,130,219,1) 0%, rgba(150,193,237,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(45,130,219,1) 0%, rgba(150,193,237,1) 100%);
	background: linear-gradient(180deg, rgba(45,130,219,1) 0%, rgba(150,193,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d82db",endColorstr="#96c1ed",GradientType=1);
}
.alpha-mask {
	background: rgb(216,225,225);
	background: -moz-linear-gradient(top, rgba(216,225,225,1) 0%, rgba(216,225,225,.3) 70%, rgba(216,225,225,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(216,225,225,1) 0%, rgba(216,225,225,.3) 70%, rgba(216,225,225,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(216,225,225,1) 0%, rgba(216,225,225,.3) 70%, rgba(216,225,225,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e1e1', endColorstr='#00d8e1e1',GradientType=0 ); /* IE6-9 */
}
.map-light-green-bg {
	background-color: #b2d0c8;
}
.map-light-blue-bg {
	background-color: #96c1ed;
}
.map-blue-bg {
	background-color: #4989c8;
}
.map-dark-blue-bg {
	background-color: #2a54cc;
}
.map-grey-bg {
	background-color: #939598;
}
.map-dark-green-bg {
	background-color: #66a091;
}
.map-black-green-bg {
	background-color: #134653;
}
.common-button,
.btn-primary {
	width: 138px;
	height: 34px;
	padding: 0 12px;
	text-align: center;
	white-space: nowrap;
	margin: auto;
	border-radius: 0;
	border: none;
}
.btn-primary {
	width: auto;
	height: auto;
	background-color: #2d82db;	
}
.btn-primary:hover {
	background-color: #181f8e;
}
.common-button.large {
	width: 250px;
}
.common-button.home {
	position: absolute;
	top: 0;
	right: 30px;
	width: 196px;
	height:	48px;
}
.common-button a {
	display: block;
}
.common-button:hover {
	background-color: #66a091;
}
.special-link {
	display: inline-block;
	padding-bottom: 2px;
	margin-right: 50px;
}
.special-link:after {
	content:"";
	position: absolute;	
	width: 0; 
	height: 0;
	margin-left: 10px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #004659;	
}
.special-link:hover:after {
	border-left: 12px solid #181f8e;	
}
#inner-page .common-button {
	width: auto;
}
.learn-more {
	width: auto;
	padding: 0;
	
	border-radius: 0;
	border: none;
	border-top: 3px solid #2d82db;
	border-bottom: none;
	margin-bottom: 10px;
}
#banner-text .learn-more {
	margin-top: 40px;
}
.learn-more:hover {
	border-top: 3px solid #66a091;
	border-bottom: none;	
}
.learn-more.white {
	border-top: 3px solid #fff;
}
.learn-more.white:hover {
	border-top: 3px solid #404041;
}
#news-strip .learn-more {
	border-top: 3px solid #fff;
}
.panel-link {
	width: 96%;
	height: auto;
	padding: 10px 30px;
	background-color: #d8e1e1;
	border-radius: 0.25em;

	box-shadow: 0 3px 6px rgba(0,25,20,.25);	
}
.alpha {
	opacity: 0.90; filter: alpha(opacity=90); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.round-corner {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.columns-3 {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.hide {
	display: none;
}
.success {
	background-color: #6C3;
	padding : 10px;
}
.error {
	background-color: #C30;
	padding: 10px;
}
/* Margin Settings */
.ma-5 {
	margin: 5px
}
.ma-10 {
	margin: 10px;
}
.ma-15 {
	margin: 15px;
}
.ma-20 {
	margin: 10px;
}
.ma-30 {
	margin: 30px;
}
.ma-40 {
	margin: 40px;
}
.mt-10 {
	margin-top: 10px;
}
.mr-10 {
	margin-right: 10px;
}
.mb-10 {
	margin-bottom: 10px;
}
.ml-10 {
	margin-left: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mr-15 {
	margin-right: 15px;
}
.mb-15 {
	margin-bottom: 15px;
}
.ml-15 {
	margin-left: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mr-20 {
	margin-right: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}
.ml-20 {
	margin-left: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.mr-30 {
	margin-right: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}
.ml-30 {
	margin-left: 30px;
}
.mt-40 {
	margin-top: 40px;
}
.mr-40 {
	margin-right: 40px;
}
.mb-40 {
	margin-bottom: 40px;
}
.ml-40 {
	margin-left: 40px;
}
.mtb-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mlr-10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mtb-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mlr-15 {
	margin-left: 15px;
	margin-right: 15px;
}
.mtb-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mlr-20 {
	margin-left: 20px;
	margin-right: 20px;
}
.mtb-30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mlr-30 {
	margin-left: 30px;
	margin-right: 30px;
}

/* Padding Settings */
.pa-10 {
	padding: 10px;
}
.pa-20 {
	padding: 20px;
}
.pa-30 {
	padding: 30px;
}
.pa-40 {
	padding: 40px;
}
.pt-10 {
	padding-top: 10px;
}
.pr-10 {
	padding-right: 10px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pl-10 {
	padding-left: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pr-15 {
	padding-right: 15px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pl-15 {
	padding-left: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pr-20 {
	padding-right: 20px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pl-20 {
	padding-left: 20px;
}
.pt-30 {
	padding-top: 30px;
}
.pr-30 {
	padding-right: 30px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pl-30 {
	padding-left: 30px;
}
.ptb-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.plr-10 {
	padding-left: 10px;
	padding-right: 10px;
}
.ptb-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.plr-15 {
	padding-left: 15px;
	padding-right: 15px;
}
.ptb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.plr-20 {
	padding-left: 20px;
	padding-right: 20px;
}
.ptb-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.plr-30 {
	padding-left: 30px;
	padding-right: 30px;
}
.plr-35 {
	padding-left: 35px;
	padding-right: 35px;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.set-flex {
	display: flex;
	align-items: center;
}
.alignleft,
.pull-left {
	display: inline;
	float: left;
	margin-top:1.0em;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
	height: auto;
}
.btn-toolbar .pull-left {
	margin: 0;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.center-text {
	text-align: center;
}
.left-text {
	text-align: left;
}
.right-text {
	text-align: right;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.float-none {
	float: none;
}
.newspaper {
	  /* Old Chrome, Safari and Opera */
  -webkit-column-count: 3;
  -webkit-column-gap: 40px;
    
 /* Old Firefox */
  -moz-column-count: 3;
  -moz-column-gap: 40px;
  
 /* Standard syntax */
  column-count: 3;
  column-gap: 40px;
}
.pointer {
	cursor: pointer;
}
/* ==========================================================================
   Responsive classes
   ========================================================================== */
.wfull {
	width: 100%;
	max-width: 100%
}
.w1200 {
	max-width: 1200px
}
.w960 {
	max-width: 960px
}
.w640 {
	max-width: 640px
}
.w320 {
	max-width: 320px
}
.row {
	margin-bottom: 20px;
}
.c1 {
	width: 8.33%
}
.c2 {
	width: 16.66%
}
.c3 {
	width: 25%
}
.c4 {
	width: 33.33%
}
.c5 {
	width: 41.66%
}
.c6 {
	width: 50%
}
.c7 {
	width: 58.33%
}
.c8 {
	width: 66.66%
}
.c9 {
	width: 75%
}
.c10 {
	width: 83.33%
}
.c11 {
	width: 91.66%
}
.c12 {
	width: 100%
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
	position: relative;
	float: left;
	min-height: 1px;
}
.s1 {
	margin-left: 8.33%
}
.s2 {
	margin-left: 16.66%
}
.s3 {
	margin-left: 25%
}
.s4 {
	margin-left: 33.33%
}
.s5 {
	margin-left: 41.66%
}
.s6 {
	margin-left: 50%
}
.s7 {
	margin-left: 58.33%
}
.s8 {
	margin-left: 66.66%
}
.s9 {
	margin-left: 75%
}
.s10 {
	margin-left: 83.33%
}
.s11 {
	margin-left: 91.66%
}
.end {
	float: right!important
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

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

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

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

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

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

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `: before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}
.container:after,
.row:after,
.u-cf,
#gallery-mini dd:after {
  content: "";
  display: table;
  clear: both; }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
.black-alpha {
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.70);
	/* For IE 5.5 - 7*/
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.rotate {
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
	/* IE */
	-ms-transform: rotate(-90deg);
	/* Opera */
	-o-transform: rotate(-90deg);
	/* Internet Explorer  four values: 0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degrees respectively.*/
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.upgradeie {
	margin: 0.5em 0;
	color: #fffFFF;
	padding: 1em;
	font-size: 1.1em;
	background-color: #C30;
	text-align: center;
}

/*==========  Media Querries  ==========*/
@media only screen and (max-width : 1350px) {
	#top-menu {
		right: 40px;
	}
	#main-navigation > ul > li:last-child > ul {
		margin-left: -55px;
	}
	#main-navigation > ul > li:last-child > ul li {
		text-align: right;
	}
	#banner-text {
		right: auto;
		left: 80px;
		max-width: 500px;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	#mask-left {
		width: 80%;
	}
	.container {
		padding: 0 40px;
	}
	#banner-text {
		width: 70%;
	}
	#logo {
		width: 364px;
		height: auto;
		margin-bottom: 0;
	}
	#dashboard .member-details {
		height: 815px;
	}
	#dashboard .learn-more {
		float: none;
		width: 100%;
	}
	#inner-page .c9 {
		width: 66.66%;
	}
	#inner-page .c3 {
		width: 33.33%;
	}
	#home-clarifier img {
		width: 100%;
		max-width: 348px;
		height: auto;
	}
	#conference-home-page img {
		width: 100%;
		height: auto;
	}	
	#home-updates {
		background-position: 174px;
	}
	#home-events > div {
		overflow: hidden;
	}
	.desktop {
		display: none;
	}
	.crm-search-results table tr th:nth-child(1),
	.crm-search-results table tr td:nth-child(1),
	.crm-search-results table tr th:nth-child(5),
	.crm-search-results table tr td:nth-child(5),
	.crm-search-results table tr th:nth-child(6),
	.crm-search-results table tr td:nth-child(6),
	.crm-search-results table tr th:nth-child(7),
	.crm-search-results table tr td:nth-child(7){
		display: none;
	}	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#mask-left {
		width: 100%;
	}	
	header {
		height: 156px;
	}
	.container {
		padding: 0 20px;
	}
	#top-menu {
		right: 20px;
	}
	.top-buttons a {
		padding: 0;
	}
    #mobile-menu {
		display: block;
		position: absolute;
		top: -68px;
		right: 45px;
	}
	#mobile-menu:after,
	.nav-header:after {
		content:"";
		position: absolute;
		right: -25px;
		top: 21px;
		background: url(../images/icons/mobile-menu.png) 0 0;
		width: 20px;
		height: 13px;
	}
	#mobile-menu.click:after,
	#main-navigation > ul.menu li.focus .nav-header:after {
		background: url(../images/icons/mobile-menu.png) 0 13px;		
	}
	.nav-header:after {
		right: 40px;
		background: url(../images/icons/mobile-menu.png) 0 26px;
	}
    #main-navigation {
		position: absolute;
		width: 100%;
		left: 0;
		margin-top: 130px;
		z-index: 110;
    }
    #main-navigation > ul.menu {
        display: none;
        position: static;
        height: auto;
        width: 100%;
		background-color: #d8e1e1;
    }
    #main-navigation ul.menu.mobile-show {
        display:inline-block;
		padding: 0;
    }
	#main-navigation > ul > li > ul > li {
		margin-bottom: inherit;
		border-right: none;
		margin: 4px 0;
		padding-bottom: 26px;
		border-bottom: 1px solid #FFF;
	}
	#main-navigation ul li {
		margin: 0;
	}
	#main-navigation > ul.nav > li.active.parent {
		background-color: #66a091;
	}
	#main-navigation>ul>li>ul>li>ul.nav-child {
		position: absolute;
	}
    #main-navigation > ul.menu  >li.focus > ul {
        display: flex;
    }
	#main-navigation ul.nav-child {
		display:flex;
		max-width: 100%;
		flex-direction: column;
		box-shadow: none;
	}	
	#main-navigation .nav-child ul {
		display: inline-block !important;
	}
	#main-navigation .nav-child ul li:hover {
		background-color: #808080;
	}
	#main-navigation ul.menu ul {
		display: none;
		position: relative;
		background-color: #f2f2f2;		
	}
	#main-navigation > ul > li.focus > ul {
		visibility: visible;
		opacity: 1;
	}
	#main-navigation ul.menu li {
		position: relative;
		width: 100%;
        height: auto;
		border-bottom: 1px solid #fff;	
	}
	#main-navigation ul.menu .nav-header {
		padding: 20px 40px;
	}
	#main-navigation > ul > li {
		border-bottom-width: 1px !important;
	}
	#main-navigation > ul > li > ul > li {
		height: auto;
	}
	#main-navigation > ul > li > ul > li:hover {
		background-color: #808080;
	}
	#main-navigation > ul > li > ul > li > ul {
		width: 90%;
		max-width: 100%;
		background-color: inherit;
		top: 0;
	}
	#main-navigation ul.nav-child {
		width: 100%;
	}
	#main-navigation ul.nav-child li a {
		padding: 8px 20px 8px 72px;
	}
	#main-navigation > ul > li:last-child > ul {
		margin-left: inherit;
	}
	#main-navigation > ul > li:last-child > ul li {
		text-align: left;
	}	
	#main-navigation ul.nav-child ul.nav-child li {
		padding: 6px 10px;
	}
	#main-navigation ul.nav-child ul.nav-child li a {
		line-height: 1.2;
	}
	#main-navigation ul.nav-child ul.nav-child li:hover {
		background-color: #000;
	}
	#main-navigation.conference ul.menu li {
		padding: 0 40px;
	}
	#home-page .row {
		margin-bottom: 20px;	
	}
	#home-page .c4 {
		width: 50%;
	}
	#home-page .row:nth-child(3) .c4:first-child {
		padding-right: 10px
	}
	#home-page .row:nth-child(3) .c4:nth-child(2) {
		padding-left: 10px;
		padding-right: 0;
	}
	#home-page .row:nth-child(3) {
		margin-bottom: 0;
	}
	#home-page .row:nth-child(3) .c4:last-child,
	#home-page .row:nth-child(4) .c4:first-child {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 20px;
	}
	#home-page .row:nth-child(4) .c4:nth-child(2){
		padding-left: 0;
		padding-right: 10px;
	}
	#home-page .row:nth-child(4) .c4:nth-child(3) {
		padding-left: 10px;
		padding-right: 0;
	}
	#home-waters,
	#home-clarifier,
	#home-updates {
		width: calc(50% - 10px);
		margin-bottom: 0;
	}
	#home-events {
		width: 100%;
	}		
	#home-events,
	#home-clarifier {
		float: left;
	}
	#home-waters, 
	#home-updates {
		float: right;
	}
	#home-events,
	#home-waters {
		margin-top: 20px;
	}
	#home-updates {
		margin-top: 0;
	}
	#home-events > div {
		height: auto;
		overflow: hidden;
	}	
	#home-member {
		margin: 40px 0;
	}
	#home-page .row.last {
		margin-bottom: 20px;
	}
	#home-page .row.last .c4 {
		width: 33.33%;
	}
	#home-page .row.last .c4:first-child {
		padding-right: 5px;
	}
	#home-page .row .c4:nth-child(2) {
		padding-left: 5px;
		padding-right: 5px;
	}
	#home-page .row .c4:last-child {
		padding-left: 5px;
	}
	#clarifier-issues .issues-details {
		opacity: 0.85;
		height: 60px
	}
	.newspaper {
		  /* Old Chrome, Safari and Opera */
	  -webkit-column-count: 2;
	  -webkit-column-gap: 40px;
		
	 /* Old Firefox */
	  -moz-column-count: 2;
	  -moz-column-gap: 40px;
	  
	 /* Standard syntax */
	  column-count: 2;
	  column-gap: 40px;
	}
	#footer-navigation .c6 {
		width: 100%;
	}
	#footer-navigation .c2 {
		width: 33.33%;
	}
	#map-legend .s2.c2 {
		margin-left: 0;
	}
	#map-legend .c2 {
		width: 25%;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.top-buttons a:nth-child(2),
	.top-buttons a:nth-child(3),
	.top-buttons a:nth-child(4) {
		display: none;
	}
	.top-buttons.conference a:nth-child(2) {
		display: inline-block;
	}	
	table { 
  		width: 100%; 
  		border-collapse: collapse; 
	}
	.c9, .c8 {
		width: 50%;
	}
	.c3, .c4 {
		width: 50%;
	}
	#banner {
		height: 450px;
	}
	#mask-container {
		top: 490px;
	}
	#banner-container {
		width: auto;
	}
	#mask-left {
		width: 120%;
		opacity: 0.8;
	}
	#banner-text {
		top: 36px;
		left: 30px;
		width: 70%;
		max-width: 100%;
	}
	#mask-left.conference #banner-text h1 sup {
		top: 18px;
		margin-left: -32px;
	}	
	#mask-left.conference #banner-text h2 {
		margin-bottom: 10px;
	}
	#home-page #search,
	#search-box-home {
		padding: 0;
		width: 100%;
	}
	#home-what-is-wwoa,
	#home-e-newsletter,
	#home-tips-ideas {
		height: 262px;
		overflow: hidden;
	}
	#home-events > div {
		overflow: hidden;
	}	
	#home-e-newsletter .custon {
		margin-bottom: 70px;
	}
	#home-e-newsletter .learn-more {
		display: none;
	}
	#conference-home-page .c8,
	#conference-home-page .c4 {
		width: 100%;
	}	
	#conference-home-page #news-strip {
		margin-bottom: 40px;
	}	
	#inner-page .c9 {
		width: 100%;
		margin-bottom: 20px;
		min-height: auto;		
	}
	#inner-page .c3 {
		width: 100%;
		padding-left: 0;		
	}
	#inner-page .c9 .mr-30 {
		margin-right: 0;
	}
	#right-member-strip {
		margin-bottom: 20px;
	}
	#sub-nav {
		padding-right: 0;
	}
	.common-button.home {
		position: relative;
		width: 100%;
		right: 0;
		margin-bottom: 20px;
	}
	.archive-tiles,
	.archive-tiles.large {
		height: auto;
	}
	#dashboard .c4:nth-child(3) {
		width: 100%;
		padding-left: 0;
	}
	#right-member-strip .learn-more.float-left,
	#dashboard .learn-more.float-left {
		float: left;
		width: auto;
	}
	#right-member-strip .learn-more.float-right,
	#dashboard .learn-more.float-right {
		float: right;
		width :auto;
	}
	#right-member-strip,
	#dashboard .member-details {
		height: auto;
		padding-bottom: 60px;
	}
	#clarifier .c6:nth-child(1) {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	#clarifier .c6:nth-child(2)	{
		width: 100%;
	}
	#clarifier-issues .c4 {
		width: 33.33%;
		margin-bottom: 10px;
	}
	#clarifier-issues .c4 {
		padding: 0 5px;
	}
	#sub-nav ul {
		column-count: 2;
		margin-bottom: 0;
	}
	#footer-note {
		text-align: center;
		height: auto;
		padding: 15px;
	}	
	/*Search Results Page */
	form#searchForm {
		float: left;
		width: 33%;
		margin-right: 2%;
	}
	dl.search-results {
		float: right;
		width: 65%;
	}
	.row.mr-30 {
		margin-right: 0;
	}	
	#crm-container.crm-public input[type="text"],
	#crm-container.crm-public textarea,
	#crm-container.crm-public select {
		width: 100%;
	}
	#crm-container .element-right {
		margin-right: 5px;
	}
	.crm-container .crm-pager-nav {
		margin-top: 0;
	}		
	/* End Search Results Page */	
}
@media only screen and (max-width : 600px) {
	#banner-text {
		left: 20px;
	}
	#mask-left.conference #banner-text h1 sup {
		top: 26px;
		margin-left: -42px;
	}	
	.row {
		margin-bottom: 0!important
	}
	.c1, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 20px
	}
	header {
		height: 164px;
		padding: 0;
	}
	#logo {
		margin-top: 10px;
		width: 340px;
		height: auto;
	}
	#mobile-menu {
		top: -58px;
	}
	#mobile-menu::after {
		top: 15px;
	}
	#top-menu {
		top: 130px;
		right: 0;
		width: 100%;
	}
	.top-buttons {
		float: left;
		width: 40%;
		padding: 0;
	}
	#top-menu .common-button {
		width: 30%;
		margin: 0;
	}
	#top-menu .top-buttons a {
		float: left;
		width: 50%;
	}
	#top-menu .top-buttons a {
		text-align: center;
	}
	#search {
		margin-bottom: 0;
	}
	#home-page .c4 {
		width: 100%;
	}
	#home-page .c8 {
		padding-right: 0;
		margin-bottom: 0;
	}
	#home-page .c8 .mr-30,
#conference-home-page .c8 .mr-30 {
		margin-right: 0;
	}
	#home-page #content .row .c4 {
		min-height: auto;
		padding: 0;
	}
	#home-page .container .row .c4 {
		padding: 0 5px;
	}
	#home-what-is-wwoa,
	#home-e-newsletter,
	#home-tips-ideas {
		height: 250px;
	}	
	#home-news {
		height: auto;
	}
	#home-news div.feed {
		height: auto;
		margin-bottom: 20px;
	}	
	#home-events > div {
		height: auto;
	}
	#inner-banner {
		border-top: none;
	}
	#inner-banner img {
		min-width: 1200px;
	}
	#home-page #search-box-home {
		margin-bottom: 30px;
	}
	#home-what-is-wwoa,
	#home-e-newsletter,
	#home-tips-ideas {
		height: 228px;
	}
	#home-events {
		margin-top: 0;
	}
	#home-updates {
		margin-top: 20px;
		background-position: center right;
	}
	#home-events,
	#home-waters,
	#home-clarifier,
	#home-updates {
		float: none;
		width: 100%;
		margin-bottom: 0;
	}		
	.icon-home {
		width: 100px;
		height: 83px;
	}
	.archive-tiles {
		margin: 0;
	}
	#directors .row.border-bottom {
		border-bottom: none;
	}
	#dashboard .c4:nth-child(1),
	#dashboard .c4:nth-child(2) {
		padding: 0;
	}
	.newspaper {
		  /* Old Chrome, Safari and Opera */
	  -webkit-column-count: 1;
	  -webkit-column-gap: 40px;
		
	 /* Old Firefox */
	  -moz-column-count: 1;
	  -moz-column-gap: 40px;
	  
	 /* Standard syntax */
	  column-count: 1;
	  column-gap: 40px;
	}
	#map-legend .c2 {
		width: 50%;
	}
	#gallery-main .sigplus-gallery,
	#gallery-main .sigplus-gallery>ul>li {
		width: 100%;
	}
	#gallery-main .desktop {
		display: block;
	}
	#clarifier .c6:nth-child(odd),
	#clarifier .c6:nth-child(even) {
		padding: 0;
	}
	.alignleft, .pull-left {
		margin-right: 0;	
	}
	#member-profile {
		width: 100%;
	}
	.crm-search-results table tr th:nth-child(4),
	.crm-search-results table tr td:nth-child(4){
		display: none;
	}	
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	header {
		height: 144px;
	}
	#home-what-is-wwoa,
	#home-e-newsletter,
	#home-tips-ideas {
		height: 174px;
	}
	.icon-home {
		width: 72px;
		height: 60px;
	}		
	#main-navigation {
		margin-top: 110px; 
	}
	#top-menu {
		top: 110px;
		right: 0;
		width: 100%;
	}	
	#logo {
		margin-top: 10px;
		width: 278px;
	}
	p img {
		width: 100%;
		height: auto;
		margin-bottom: 20px;		
	}
	.newspaper {
		  /* Old Chrome, Safari and Opera */
	  -webkit-column-count: 2;
	  -webkit-column-gap: 40px;
		
	 /* Old Firefox */
	  -moz-column-count: 2;
	  -moz-column-gap: 40px;
	  
	 /* Standard syntax */
	  column-count: 2;
	  column-gap: 40px;
	}		
	#footer-navigation .common-button {
		float: left;
		width: 46%;
		margin: 0 2%;
	}
	#logo-footer {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	#footer-navigation .c2 {
		width: 50% !important;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 20px;
		
		text-align: center;
	}
	#footer-navigation .c2:last-child {
		width: 100% !important;
		display: inline-block;
		text-align: center;
	}
	.c2.pt-30 {
		padding-top: 10px;
	}
	#map-legend .c2 {
		width: 100%;
	}	
	/*Search Results Page */
	form#searchForm {
		float: left;
		width: 100%;
		margin-right: 0;
	}
	dl.search-results {
		float: right;
		width: 100%;
	}
	#crm-container.crm-public #priceset input[type="text"] {
		width: inherit;
	}
	.crm-container .crm-section .label,
	.crm-container .select2-container {
		width: 100%;
	}
	.crm-container .crm-section .content {
		margin-left: 0;
	}	
	/* End Search Results Page */
}
@media only screen and (max-width : 420px) {
	header {
		height: 134px;
	}
	#mask-left {
		width: 130%;
	}	
	#main-navigation {
		margin-top: 100px; 
	}
	#top-menu {
		top: 100px;
	}
	#mobile-menu {
		top: -60px;
		right: 40px;		
	}
	#logo {
		width: 220px;
	}
	.crm-search-results table tr th:nth-child(3),
	.crm-search-results table tr td:nth-child(3){
		display: none;
	}	
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 360px) {
	header {
		height: 114px;
	}
	#home-what-is-wwoa,
	#home-e-newsletter,
	#home-tips-ideas {
		height: 150px;
	}
	.icon-home {
		width: 52px;
		height: 43px;
	}	
	#main-navigation {
		margin-top: 80px; 
	}
	#top-menu {
		top: 80px;
	}	
	#mobile-menu {
		top: -45px;
		right: 40px;		
	}	
	#logo {
		width: 196px;
	}	
}

@media print,
       (-o-min-device-pixel-ratio:5/4),
       (-webkit-min-device-pixel-ratio:1.25),
       (min-resolution:120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */


@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
	@page {
	  margin-left: 1.5cm;
	  margin-top: 1.5cm;
	  margin-right: 1cm;
	  margin-bottom: 1cm;
	}
	@page:left {
	  @bottom-left {
		content: "Page " counter(page) " of " counter(pages);
	  }
	}		
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}