/*
Theme Name: ESAA
Author: Membee
Author URI: http://www.membee.com
Description: Custom website created for the Environmental Services Association of Alberta (ESAA)
Version: 1.0
*/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body { font: 14px/21px "roboto",Arial,Sans-Serif; color:#333; }
ol, ul { list-style: none; }
img { height: auto; max-width: 100%; }
a img{border:none;}
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; max-width:100%; }
b, strong, dt { font-family: "roboto-bold", arial, sans-serif; }
.bold-italic { font-family: "roboto-bolditalic"; }
dd { margin: 0 1.5em 1.5em; }
dfn, cite, em, i, .italic { font-style: italic; }
code, kbd, tt, var { font: 15px Monaco, Consolas, monospace; }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
mark, ins { background: #fff9c0; text-decoration: none; }
sup, sub { font-size: 75%; 	height: 0; 	line-height: 0;	position: relative;	vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 75%; }
big { font-size: 125%;  }
figure { margin: 0; }
pre { background: #eee; font-family: Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; }
.alignleft { display: inline; float: left; margin-right: 2.5%;	}
.alignright { display: inline; float: right; margin-left: 2.5%; }
.aligncenter { clear: both; display: block; margin: 0 auto; }
.center { text-align:center; }
.float-left { float:left; }
.float-right { float:right; }
.noMargin { margin:0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#wpadminbar{position:fixed !important}

.outer-wrapper { background: url('images/footer-background.png') repeat-x bottom; float:left; width:100%; }
header { background: #fff url('images/top-border.png') repeat-x; float: left; position: fixed;  z-index: 10; width:100%; height:140px; }
.inner-container { max-width:940px; margin: 0 auto; padding: 0 1%; }
.inner-container.scrollable { margin-top:140px; }
.social-search { width:100%; padding-top:19px; height:27px; }
ul.social { float:right; width:80%; }
ul.social li { float:right; margin-right:11px; width:22px; height:22px; }
.search-form { float: right; width: 162px; height:25px; background:url('images/text-bg.png') no-repeat; } /* 162/940 */
.search-form input.textbx { border:0; color: #999; font-size:.93em; margin: 4px 0 0 5px; width: 125px; }
.search-form input.submitbtn { background: url("images/search-button.png") no-repeat scroll 0 0 #FFFFFF; padding:0; border: none; margin:1px; cursor: pointer; float: right; height: 23px; width: 28px } 
.mobile-logo, .mobile-nav { display:none; background-color:#fff; }
.logo-nav { height:40px; width:100%; height:75px; }
.logo-nav ul.main-nav { float:left; margin-top:30px; padding:0; background: url('images/left-nav-bg.png') repeat-x; width:100%; float: left; height: 42px; margin-top: 30px;}
ul.main-nav li {  padding: .75em 2.4%; }
.logo-nav ul li, .mobile-nav div { float:left; font-size:1.07em; background: url('images/divider.png') no-repeat right 11px; margin:0 2px; } /* 20/329 */
.logo-nav ul li.last, .mobile-nav div.last,.logo-nav ul li.menu-item-1222 { background:none; }
.logo-nav ul li a, .mobile-nav div a { color:#333; text-decoration:none; }
.logo-nav ul li a:hover, .mobile-nav div a:hover,  .logo-nav ul li.current_page_item a, .logo-nav ul li.current-menu-ancestor a { color:#d5202b; }
ul.main-nav li.menu-item-object-page.current_page_item, ul.main-nav li.current-menu-ancestor, ul.main-nav li.menu-item-object-page.current_page_item a, ul.main-nav li.current-menu-ancestor a  { color:#d5202b !important; }
.logo-nav ul li.menu-item-object-page:hover, .mobile-nav div:hover, ul.main-nav li.menu-item-object-page.current_page_item, ul.main-nav li.current-menu-ancestor
{
    background-image: url(images/active-left.png), url(images/active-right.png) !important;
	background-repeat: no-repeat !important;
	background-position: left.75em, right .75em  !important;
}
.logo-nav ul li.logo { width: 28%; padding:0 0 0 3%; background: #fff url('images/logo.png') no-repeat 25px 0 !important;  margin:0; position:relative; top:-30px; height:90px; }
.logo a { display:inline-block; width:100%; height:100%; }
.logo-nav ul li.noDivider { background:none; }
.banner { margin: 0 0 60px; position: relative;}
.banner-nav { width:100%; background: url('images/hr.png') repeat-x center center; }
.banner .slides > li { display:none; }
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.banner .slides img { display: block; width: 100%; }
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; background: url('images/hr.png') repeat-x center 5px; }
.flex-control-nav li { zoom: 1; *display: inline; background-color: #FFFFFF; display: inline-block; height: 12px; margin: 0; position: relative;  width: 25px;}
.flex-control-nav li:first-child { padding-left:15px; }
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: url(images/banner-button.png) no-repeat; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; }
.flex-control-paging li a.flex-active { background: #D5202B; cursor: default; }

.home-content { padding:20px 0 10px; margin-bottom:30px; 
                background-image:url("images/leaf-icon.png"), url("images/border-vertical.png"), url("images/leaf-icon.png"), url("images/border-vertical.png"); 
                background-repeat: no-repeat, repeat-y, no-repeat, repeat-y; background-position: 33.5% 50%, 34% top, 66.5% 50%, 66% top; }
.home-content h1 { color:#00599a; font: 1.57em 'roboto-bold', arial, sans-serif; margin: 5px 0 15px; }
.home-content h6, aside h6, .home-content .MembeeFLName { font-family: "roboto-bold", Arial, Sans-Serif; margin-bottom:20px; }
h6 a { color:#333; text-decoration:none; }
h6 a:hover { color:#333; text-decoration:underline; }
.home-content p { margin-bottom:20px; }
.one-third { width:32%; float:left; text-align:center; padding-right:2%; }
.one-third.last { padding-right:0; background:none; }
.view-button { margin:0 auto; display:block; width:67px; height: 23px; background: url('images/button-bg.png') no-repeat;  font: .85em/23px "roboto-bold", arial, sans-serif; color:#333; text-decoration:none;}

footer { background:#13110e url('images/footer-bg.png'); color:#ccc; float:left; width:100%; }
footer section { margin:15px 0; width:48%; float: left; font-size: .857em; padding-right:4%; }
footer section.right { text-align:right; padding-right:0; }
footer strong { font-size: 1.083em; }
footer em { padding:0 8px; font-style:normal; }
footer a { color:#ccc; text-decoration:none; }
footer a:hover { color:#ccc; text-decoration:underline; }

/* Content */
.sub-wrapper { float:left; width:100%; background: url('images/border-vertical.png') repeat-y 28.72% top; margin-bottom: 30px; } /*270/940*/
aside { width: 25.53%; float:left; overflow:hidden; } /* 240/940 */
aside div:first-child { background:none; }
.sub-content { width: 68.09%; float:right; overflow:hidden; } /*640/940*/
h1.page-title { color:#00599a; font: 2.7em/2.2em 'roboto-bold', arial, sans-serif; width:100%; background: url(images/hr.png) repeat-x left bottom; margin-bottom:25px; }
h1 { font:1.5em "roboto-bold", arial, sans-serif; margin-bottom:.8em; }
h2 { font:1.285em "roboto-bold", arial, sans-serif; margin-bottom:.7em; }
h3 { font: 1.2em "roboto-medium",arial,sans-serif; margin-bottom:.3em; color: #00599A; }
h4 { font: 1.2em "roboto-medium",arial,sans-serif; margin-bottom:.2em; }
h5 { font: 1.1em "roboto-bolditalic",arial,sans-serif; margin-bottom:.2em; }
h6 { font: 1em "roboto-medium-italic"; }
a { color: #00599a; text-decoration:underline; }
a:hover, a:focus, a:active { color: #d5202b; text-decoration:none; }
hr { background-color: #ccc; border: 0;	height: 1px; margin-bottom: 1.5em; }
table { border: 1px solid #CCCCCC; margin-bottom:1.5em; }
.noBorder, table.noBorder td, table.noBorder th { border:0; }
td, th { border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; padding: .7em; line-height:18px; }
th { vertical-align:middle; font-weight:500; letter-spacing: 0.1em; text-transform: uppercase;}
.sub-content p { margin-bottom: 1.5em; }
.sub-content ul, .sub-content ol { margin: 0 0 1.5em 2em; }
.sub-content ul li { background: url(images/bullet.png) no-repeat left .6em; padding-left:.9em; }
.sub-content ul ul { list-style: circle; }
.sub-content ul ul ul { list-style: square; }
.sub-content ol { list-style-type: decimal; }
.sub-content ol ol { list-style: upper-alpha; }
.sub-content ol ol ol { list-style: lower-roman; }
.sub-content ol ol ol ol { list-style: lower-alpha; }
.sub-content li > ul, .sub-content li > ol { margin-bottom: 0; margin-left: 1.5em; }
.item-block { margin-bottom:2em; }
.post-navigation { margin-top:2em; }
ul.news-list { font: 'roboto-medium', arial, sans-serif; margin-left:0; }
ul.news-list li { margin-bottom:1em; }
img.border{padding:7px;-webkit-box-shadow: 0 0 3px rgba(0,1,1,.32);-moz-box-shadow: 0 0 3px rgba(0,1,1,.32);box-shadow: 0 0 3px rgba(0,1,1,.32); }
img.frame{-webkit-box-shadow:0 0 4px rgba(0, 1, 1, 0.35);-moz-box-shadow:0 0 4px rgba(0, 1, 1, 0.35);box-shadow:0 0 4px rgba(0, 1, 1, 0.35);border:9px solid #fff}
img.padded-border{padding:10px;background:#fff;border:1px solid #ddd}
img.unpadded-border{border:1px solid #ddd}


/* Sidebar */
aside h2 { color:#00599a; }
aside .widget h2, aside .quick-link h2 { padding: 15px 0 15px 56px;  line-height:1.2em; margin-bottom:0; display:inline-block; }
aside h6 { margin: .5em 0 1em; }
aside p { line-height:1.3em; font-size:.92em; margin-bottom:1em; }
aside .view-button { margin: 15px 0 0; text-align:center; }
.quick-link a { color:#00599a; text-decoration:none; }
.quick-link a:hover { text-decoration:underline; }
.subnav { margin: 0 0 20px 0.5em; }
.subnav li, aside .MembeeFLWrapper .MembeeFLName { background: url(images/bullet.png) no-repeat left .6em; padding-left: 1em; margin-bottom:.5em; }
.subnav a { color:#333; text-decoration:none; }
.subnav a:hover { text-decoration:underline; }
.subnav li.logo { display:none; }
.quick-link, .widget { background:url(images/border-sidebar.png) no-repeat 0 0; }
.join h2 { background:url(images/icon-n-members-sm.png) no-repeat 0 center; }
.directory h2 { background:url(images/icon-members-sm.png) no-repeat 0 center; }
.jobs h2 { background:url(images/icon-jobs.png) no-repeat 0 center; }
.remtech h2 { background:url(images/icon-remtech.png) no-repeat 0 center; }
.watertech h2 { background:url(images/icon-watertech.png) no-repeat 0 center; }
.email h2 { background:url(images/icon-email.png) no-repeat 0 center; }
.news h2 { background:url(images/icon-news-sm.png) no-repeat 0 center; }
.f-members h2 { background:url(images/icon-members-sm.png) no-repeat 0 center; }
.n-members h2 { background:url(images/icon-n-members-sm.png) no-repeat 0 center; }
.artworks h2 { background:url(images/icon-artworks-sm.png) no-repeat 0 center; }
.widget, .advertising { padding: 15px 0 20px; }
.MembeeNM { display:block; margin-bottom:1.5em; line-height:1em; }
.MembeeNMName a, .MembeeFLName a { font-family: 'roboto-bold', arial, sans-serif;  color:#333; text-decoration:none; }
.MembeeNMName a:hover, .MembeeFLName a:hover { text-decoration:underline; }
.MembeeNMJoined { font-size: .85em; }
.MembeeNMMore, .MembeeNMText, .MembeeFLText { display:none; }
.MembeeFLWrapper { margin:1em 0 0; }


/* WordPress */
#commentform label { width:60px; float:left; }
p.comment-awaiting-moderation { color:Red; margin:5px 0 0; }
div.comment-content { margin:10px 0; }
.wpcf7-form label { display:inline; float:left; width:120px; padding-right:15px; text-align:right; }
.wpcf7-text { width:373px; }
.wpcf7-textarea { height:100px; width:373px; }
.required-note { font-size:12px; text-align:right; font-style:italic; }
div.wpcf7-validation-errors { font-weight:bold; text-align:center; }
.nav-previous { float: left; width: 49%; }
.nav-next { float: right; text-align: right; width:49%; }
.post-meta { font: 12px 'open_sansitalic'; margin-bottom:.5em; }
.comment-edit-link { padding-left:15px; }

/* Forms  */
legend { padding: 0 0.8em; color: #000000; font-family: "roboto-bold"; font-size: 1em;  text-transform: uppercase; }
fieldset { border: 1px solid #ccc; margin:0 0 30px; padding:0 1.6em; }
fieldset.last { margin:0; }
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle; 
    line-height: normal;
}
textarea { overflow: auto; vertical-align: top; width: 98%;	}
input, textarea { cursor: text; }
input[type='hidden'] { display: none; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;  }
.sub-content input[type="text"],input[type="url"],input[type="tel"],input[type="email"],input[type="password"],input[type="search"], input[type="number"], select, textarea { 
    padding: 3px !important; color: #666; border: 1px solid #ccc; border-radius: 3px; background: #fff; font-size:.9em !important; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
.sub-content input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, select:focus, textarea:focus,input[type="url"]:focus,input[type="tel"]:focus, input[type="number"]:focus { border-color: #888; outline: #E4E4E4 solid 2px; }
.sub-content input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="search"]:hover, select:hover, textarea:hover,input[type="url"]:hover,input[type="tel"]:hover, input[type="number"]:hover { border-color: #AAA; }
button, html input[type="button"], input[type="reset"], .sub-content input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; 
	-webkit-appearance: button; 
	font-size: 1.2em;
	line-height: 1;
	padding: .3em .5em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, .sub-content input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus, html input[type="button"]:focus, input[type="reset"]:focus, .sub-content input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, .sub-content input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
.gform_heading { display:none; }
.gform_wrapper { max-width:100%; }
.gform_wrapper .gform_footer.left_label { padding-left:40%; }
.sub-content .gform_wrapper li, .gform_wrapper form li { list-style: none outside none !important;  margin-left: 0 !important; padding-left:0 !important; background:none !important; }
.ui-datepicker { display:none; }
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li, body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li { list-style:none !important; }
.gform_fields { padding:20px 0 !important; }
.gform_wrapper .left_label .gfield_label { text-align:right; font-weight:normal !important; }
.gfield_required { display:none; }
.gfield_contains_required .gfield_label:before { content:"\2217"; color:#790000; margin-right:3px; position:relative; top:-3px; }
.gform_wrapper div.validation_error { font-weight:normal !important; font-family:"roboto-medium"; background-color:#FFFF00; }
.gform_wrapper .ginput_complex .ginput_full { min-height:0;}
.gform_wrapper .gfield_description { padding:0; }
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label { font-weight:normal; }
.gform_wrapper .gform_footer { margin:0; }
#input_5_4 { width:63%; }
#field_5_33 .gfield_label:after { content:"(check what should be public)"; font-size:.8em; display:block; }
#input_5_33 li { margin:0; }
#field_5_2 .ginput_container { width:68%; float:left; padding-bottom: 10px; }
#input_5_2_tbl { border:1px solid #ccc; border-radius: 3px; }
#gform_fields_5 { padding-bottom:0 !important; }
#recaptcha_widget_div{margin-top:20px}
.wp_themeSkin tr.mceFirst td.mceToolbar { background-color:#fff !important; }
@font-face {
    font-family: 'roboto';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-bold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-bolditalic';
    src: url('fonts/roboto-bolditalic.eot');
    src: url('fonts/roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bolditalic.woff') format('woff'),
         url('fonts/roboto-bolditalic.ttf') format('truetype'),
         url('fonts/roboto-bolditalic.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-medium';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto-medium-italic';
    src: url('fonts/roboto-mediumitalic-webfont.eot');
    src: url('fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-mediumitalic-webfont.woff') format('woff'),
         url('fonts/roboto-mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/roboto-mediumitalic-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media only screen and (max-width: 940px)  {
    .inner-container.scrollable { margin-top:230px; }
    .social-search { width:265px; margin: 0 auto; }
    ul.social { width:100px; }
    .logo-nav { display:none; }
    .mobile-logo { display:block; padding: 25px 0 0 20px; text-align: center; }
    .mobile-nav {  display:block; text-align:center; background-image: url('images/hr.png'),url('images/hr.png'); background-repeat: repeat-x; background-position: 0 0, 0 bottom; }
    .mobile-nav div { display:inline-block;padding:.75em 4.4%; float:none; }
   
}
@media only screen and (max-width: 805px) {
    .mobile-nav div { padding: .75em 3.5%; }
}
@media only screen and (max-width: 785px) {
    .mobile-nav div { padding: .75em 3.5%; }
}
@media only screen and (max-width: 800px) {
    .home-content { background: none; }
    .one-third { width: 100%; background: url("images/hr.png") repeat-x center bottom; padding: 20px 0; }
    .one-third.last { padding-bottom: 0; background: none; }
    .one-third:first-child { padding-top: 0; }
}  
@media only screen and (max-width: 660px) {
    .mobile-nav div { padding: .75em 2%; }
    footer section, footer section.right { width:100%; text-align:center; }
    aside, .sub-content { width:100%; }
    .sub-content { background: url("images/hr.png") repeat-x left bottom; }
    .subnav { margin: 0; float:left; padding: 15px 0; background:url("images/hr.png") repeat-x left bottom; width:100%; }
    .subnav li { float:left; margin-right:2em; }
    .sub-wrapper { background:none; }
    .quick-link { float:left; background:none; }
    .quick-link h2 { padding-left:2em; padding-right:1.4em; }
    .widget { float:left; width:100%; background-repeat:repeat-x; text-align:center; }
    .advertising {  float:left; background:url("images/hr.png") repeat-x left top; text-align:center; width:100%; padding: 20px 0 15px}
    aside .MembeeFLWrapper .MembeeFLName { background:none; }
    aside .view-button { margin:0 auto; }
}
@media only screen and (max-width: 505px) {
    .inner-container.scrollable { margin-top:270px; }
    .mobile-nav div { padding: .75em 3.5%; background:none; }
}