/*
Theme Name: Buzzards Bay Coallition
Theme URI: http://savebuzzardsbay.org
Author: Buzzards Bay
Author URI: http://savebuzzardsbay.org
Description: Design for the Buzzards Bay Coallition Website
Text Domain: bbc
*/


html {
	font-size: 18px;
	color: #68727c;
	background-color: #ffffff;
	
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
}

a, a:link, a:visited, a:active {
	color: #4989c3;
	text-decoration: none;
	
	font-weight: 500;
}

a:hover {
	color: #0963b6;
	text-decoration: underline;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav li {
	/*display: inline;*/
	display:block;
	float:left;
}


/* Site Header */

body > header {
	height: 137px;
	background-color: #ffffff;
	position: relative;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
}

body > header > .navigation .mobile_nav {
	display:none;
}

header .bbc_logo {
	text-indent: -9999px;
	width: 156px;
	height: 135px;
	background-image: url('images/bbc_logo.jpg');
	background-size: 100% auto;
	display:block;
	position: relative;
	top: 23.5px;
	margin-left: 6.204379562044%; /* 84px / 1370px * 100 = % */
	
	z-index: 2;
	
	background-repeat: no-repeat;
}

footer .bbc_logo {
	
}

footer .bbc_logo img {
	width: 100%;
	height: auto;
	margin-bottom: 0;
	
}

footer .bbc_logo > *:not(img) {
	text-indent: -9999px;
	height:0;
	display:block;
}

body.homepage .bbc_logo {
	top: 21.5px;
}

.mobile_sub, .mobile_sub_sub {
	display: none;
}

nav.eyebrow {
	position: absolute;
	top: 42px;
	/*right: 6.204379562044%;*/ /* 84px / 1370px * 100 = % */
	right: calc(4.08759% + 24px);
	font-size: 14px;
	letter-spacing: .6px;
	
	text-transform: uppercase;
	z-index: 1;
}

nav.eyebrow > ul > li {
	/*padding-left: 2.28571428571429em;*/
	margin: 0 calc(1.14285714285715em - 10px);
	
	/*position: relative;
	top: -5px;*/
}

nav.eyebrow > ul > li > a.touchLink {
	display: none;
}

section.cta > nav > ul > li > a.touchLink, section.cta > nav > ul > li > a.touchLink:link, section.cta > nav > ul > li > a.touchLink:visited, section.cta > nav > ul > li > a.touchLink:active {
	display:none;
	font-size: 1.5em;
    height: 40px;
    line-height: 40px;
    margin-bottom: -2px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 2px;
    vertical-align: middle;
	background-color: #0963b6;
	color: #fff;
}




nav.eyebrow > ul > li > a, nav.eyebrow > ul > li > a:link, nav.eyebrow > ul > li > a:visited, nav.eyebrow > ul > li > a:link {
	padding: 8px 8px 6px;
}

nav.eyebrow > ul > li:hover > a, nav.eyebrow > ul > li:hover > a.search:hover, nav.eyebrow > ul li.dropdown.touchActive > a:first-of-type {
	background-color: #7e9516;
	color: #fff;
}

nav.eyebrow > ul > li.siteSearchMenu:hover > a {
	background-color: inherit;
}

nav.eyebrow li a, nav.eyebrow li a:link, nav.eyebrow li a:visited {
	color: #4989c3;
}

nav.eyebrow li a:active {
	color: #7e9516;
}

nav.eyebrow li a:hover {
	color: #0963b6;
	text-decoration: none;
}

nav.eyebrow li a.search, nav.eyebrow li a.search:link, nav.eyebrow li a.search:visited, nav.eyebrow li a.search:active {
	color: #7e9516;
    display: block;
    font-size: 22px;
    font-weight: bold;
    height: 28px;
    margin-top: -8px;
    overflow: hidden;
    padding: 2px 4px 0;
	
	float:right;
}

nav.eyebrow li a.search:hover {
	color: #566c11;
}

.siteSearch {
    display:none;
	
	border: 0 none;
    padding-left: 6px;
    /*text-transform: uppercase;*/
	background-color: #f2f5f7;
    width: 310px;
	
	
	font-weight: 400;
	font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B";
	
	
	/* drop width by 75 for tablet view */
}

input, select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

input.siteSearch::placeholder {
	text-transform: uppercase;
	font-family: "Gotham SSm A","Gotham SSm B";
	font-weight: 500;
	letter-spacing: .6px;
}

input.siteSearch::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  text-transform: uppercase;
  font-family: "Gotham SSm A","Gotham SSm B";
  font-weight: 500;
  letter-spacing: .6px;
}
input.siteSearch::-moz-placeholder { /* Firefox 19+ */
    text-transform: uppercase;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-weight: 500;
	letter-spacing: .6px;
}
input.siteSearch:-ms-input-placeholder { /* IE 10+ */
    text-transform: uppercase;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-weight: 500;
	letter-spacing: .6px;
}
input.siteSearch:-moz-placeholder { /* Firefox 18- */
    text-transform: uppercase;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-weight: 500;
	letter-spacing: .6px;
}


.siteSearchMenu {
    position: relative;
    top: -9px !important;
    padding-top: 8px;
	
	z-index:-2;
	
	margin-right: 0 !important;
	
	/*background-color: #f2f5f7;
	width: 350px;*/
	
	/* drop width by 75 for tablet view */
}



nav.eyebrow li a.search:hover {
	text-decoration: none;
}

/* EYEBROW Dropdown */

nav.eyebrow .dropdown {
	position: relative;
}

nav.eyebrow .drop-nav li {
	border-bottom: 1px solid #ccd4dc;
    clear: both;
    display: block;
    padding: 10px;
    width: calc(100% - 20px);
    z-index: 10;
}

ul.drop-nav > li:last-of-type {
    border-bottom: none;
}

/*nav.eyebrow .dropdown:hover > .drop-nav {
  display: block;
}*/

nav.eyebrow .drop-nav {
	position: absolute;
	display:none;
	
    background-color: #fff;
    border-color: #ccd4dc #ccd4dc #0963b6;
    border-style: solid;
    border-width: 1px 1px 3px;
    left: 0;
    margin-top: 5px;
    /*width: 132px;*/
	width: 143px;
    z-index: -1;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.39);
}

.drop-nav a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.1px;
    text-transform: none;
}

.drop-nav > li > a.currPage {
	color: #7e9516 !important;
}

.drop-nav li:hover {
	background-color: #f2f4f6;
}

nav.eyebrow > ul > li > a.currPage {
	color: #7e9516;
}

nav.eyebrow > ul > li:hover > a.currPage {
	color: #fff;
}



nav.main {
	position: absolute;
	top: 80px;
	/*right: 6.204379562044%;*/ /* 84px / 1370px * 100 = % */
	right: 4.08759%;
	font-size: 20px;
	width: 100%;
	
	letter-spacing: -.1px;
}

nav.main li {
	padding-left: 2.4em;
}

nav.main li:first-of-type {
	margin-right: 30px;
}

nav.main li a, nav.main li a:link, nav.main li a:visited {
	color: #223445;
}

nav.main li a:active, nav.main li a.currPage {
	color: #7e9516;
}

nav.main li a:hover, nav.main li.dropdown a.touchOn {
	color: #0963b6;
	text-decoration: none;
}

nav.main .dropdown {
	
}

/*nav.main .dropdown:hover > div.main_drop {
	display:block;
}*/

nav.main div.main_drop {
    background-color: white;
    display: none;
	padding-top: 32.5px;
    position: absolute;
    /*right: calc(-2.14286vw - 1px);*/
	right: 0;
    width: 69.4891vw;
    z-index: 1;
}

body.homepage nav.main div.main_drop {
	padding-top: 30.5px;
	/*right: calc(-2.14286vw + 3px);*/
	right: 1px;
}

.drop_container {
    border-bottom: 3px solid #6799c8;
    border-left: 1px solid #ccd4dc;
    border-top: 2px solid #6799c8;
    display: table;
	width: 100%;
}

.drop_left {
    display: table-cell;
	width: 66.6667%;
	
	vertical-align: top;
}

nav.main ul li .main_drop a.drop_sectionLink {
    background-color: #f8faf2;
    border-bottom: 1px solid #ccd4dc;
    color: #839b20;
    display: block;
    font-size: 34px;
    font-weight: 300;
    letter-spacing: -0.1px;
    line-height: 45px;
    padding: 0.875912408759vw 1.167883211679vw;
}

.drop_sectionLink span {
    background-color: #839b20;
    border-radius: 50%;
    color: #fff;
    display: block;
    float: right;
    font-size: 24px;
    height: 40px;
    line-height: 46px;
    margin-top: 2px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
}

.drop_subNav {
    margin: 0 1.16788vw 30px;
    overflow: auto;
}

.drop_subNav_left, .drop_subNav_right {
    display: block;
    float: left;
    width: calc(50% - 0.5845vw);
}

.drop_subNav_left {
    /*margin-right: 1.167883211679vw;*/
}

.drop_subNav_right {
    float: right;
}

.drop_subNav_third:last-of-type {
    margin-right: 0;
}
.drop_subNav_third {
    display: block;
    float: left;
    margin-right: 1.16788vw;
    width: calc(33.33% - 0.778589vw);
}

.drop_subNav > p {
    color: #3d4a56;
    font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: calc(0.875912vw + 6px) 0 12px;
}



.subNav_title {
    border-bottom: 2px solid #ccd4dc;
    color: #223445;
    font-size: 19px;
    font-weight: 500;
    line-height: 28px;
	margin-top: calc(0.875912vw + 6px);
}

nav.main li .drop_subNav a {
    border-bottom: 1px solid #ccd4dc;
    color: #4989c3;
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 28px;
	padding: 5px;
}

nav.main li .drop_subNav a.currPage {
    color: #7e9516;
}

nav.main li .drop_subNav a.subNav_sectionLink {
    border-bottom: 0 none;
    color: #0963b6;
    font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B";
    font-weight: 500;
    text-align: right;
	letter-spacing: -0.1px;
	padding: 5px 0;
}

nav.main li .drop_subNav a:hover {
	background-color: #f2f4f6;
}

nav.main li .drop_subNav a.subNav_sectionLink:hover {
	background-color: inherit;
}

nav.main li .drop_subNav a.subNav_sectionLink:hover span:first-of-type {
	text-decoration: underline;
}

a.subNav_sectionLink span:last-of-type {
    color: #94a545;
    font-size: 0.75em;
    padding-left: 2px;
    position: relative;
    top: 0.5px;
}

nav.main li .drop_subNav a.subNav_sectionLink:hover span:last-of-type {
	text-decoration: none;
}




.drop_right {
    display: table-cell;
	width: 33.3333%;
	border-left: 1px solid #ccd4dc;
	
	vertical-align: top;
	
	background: rgba(228,235,241,1);
	background: -moz-linear-gradient(top, rgba(228,235,241,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,235,241,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(228,235,241,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(228,235,241,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(228,235,241,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(228,235,241,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ebf1', endColorstr='#ffffff', GradientType=0 );
}

.drop_featuredImage::before {
    content: "";
    display: block;
    padding-top: 51.0386%;
}
.drop_featuredImage {
    /*
	background-image: url("http://localhost/~Nalod/bbc/wp-content/uploads/2016/02/things-to-do_swimming-1-800x580.jpg");
    */
	width: 100%;
	
	background-position: center top;
	background-size: cover;
}

.drop_featured_title {
    color: #7b8690;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.56px;
    line-height: 17px;
    margin-top: 14px;
    text-transform: uppercase;
}

.drop_featured_content {
    margin: 0 1.16788vw 25px;
}

nav.main li .drop_featuredArticle_title > a {
    color: #4989c3;
    display: block;
    font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B";
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 14px;
}

nav.main li .drop_featuredArticle_title > a:hover {
	text-decoration:underline;
	color: #226aac;
}

.drop_featuredArticle_teaser, .drop_featuredArticle_teaser p, .drop_featuredArticle_teaser a  {
    font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B";
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
	margin-top: 9px;
}

.drop_featuredArticle_teaser p {
    margin: 9px 0;
}

.drop_featuredArticle_teaser p:last-of-type {
    display: inline;
}

nav.main li .drop_featuredArticle_teaser > a {
    color: #226aac;
    font-weight: 500;
}

nav.main li .drop_featuredArticle_teaser > a:hover {
	text-decoration: underline;
}


section.cta {
	width: 100%;
	height: 47px;
	background-color: rgba(197,216,127,.9);
	position: relative;
	font-family: "Gotham SSm A","Gotham SSm B";
}

section.cta > nav {
	position: absolute;
	right: 4.087591240876%; /* 56px / 1370px * 100 = % */
	font-size: 14px;
	
	text-transform: uppercase;
}

section.cta > nav > ul > li > a, section.cta > nav > ul > li > a:link, section.cta > nav > ul > li > a:visited {
	color: #ffffff;
	line-height: 47px;
	vertical-align: middle;
	height: 47px;
	
	padding: 0 2.14285714285714em;
	background-color: #7e9516;
	display: inline-block;
	
	font-weight: 500;
	letter-spacing: .6px;
}

section.cta > nav > ul > li:last-of-type > a, section.cta > nav > ul > li:last-of-type > a:link, section.cta > nav > ul > li:last-of-type > a:visited {
	background-color: #566c11;
}

section.cta > nav > ul > li > a:active, section.cta > nav > ul > li:last-of-type > a:active {
	background-color: #223445;
}

section.cta > nav > ul > li > a:hover {
	background-color: #4989c3;
	text-decoration: none;
}

section.cta > nav > ul > li:last-of-type > a:hover {
	background-color: #0963b6;
	text-decoration: none;
}

section.cta .dropdown {
	position: relative;
}

section.cta .drop-nav li {
	border-bottom: 1px solid #ccd4dc;
    clear: both;
    display: block;
    padding: 10px;
    width: calc(100% - 20px);
    z-index: 10;
}

/*section.cta .dropdown:hover > .drop-nav {
  display: block;
}*/

section.cta .drop-nav {
	position: absolute;
	display:none;
	
    background-color: #fff;
    border-color: #ccd4dc #ccd4dc #0963b6;
    border-style: solid;
    border-width: 1px 1px 3px;
    left: 0;
    /*margin-top: 5px;*/
    /*width: 132px;*/
	/*width: 143px;*/
	min-width: 143px;
	width: calc(100% - 2px);
    z-index: 1;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.39);
	font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B";
}



section.cta .drop-nav a:hover {
	text-decoration: none;
}

section.cta > nav > ul > li.dropdown:hover > a.touchLink {
	background-color: #0963b6;
	color: #fff;
}

section.cta > nav > ul > li.dropdown:hover > a, section.cta > nav > ul > li.dropdown.touchActive > a:first-of-type {
	background-color: #4989c3;
}

section.cta > nav > ul > li:last-of-type:hover > a, section.cta > nav > ul > li:last-of-type:hover > a.currPage, section.cta > nav > ul > li:last-of-type > a.touchOn {
	background-color: #0963b6;
}



.mobile_drop {
	display: none;
}

/* END Site Header */



section.hero {
	width:100%;
	/*height: 27.9022403258656vw;*/
	height: 37vw;
	position:relative;
	top: -47px;
	z-index:-1;
	
	/*background: url('images/header_swoosh_1600_v2.png') no-repeat bottom center, url('images/hero3.jpg') no-repeat top center;
	
	background-size: 100% auto;*/
	
	background-repeat: no-repeat;
	background-position: center bottom, center top, center top;
	background-size: 100% auto, cover, 0 0;
	
	background-color: #679ac9 !important;
}


/* Main Page Header */

body.homepage section.content header h1 {
	font-size: 32px;
	line-height: 38px;
	color: #7e9516;
	text-align: center;
	
	font-weight:700;
}

body.homepage section.content header .teaser, body.homepage section.content header .teaser p {
	font-size: 20px;
	line-height: 31px;
	color: #3d4a56;
	text-align: center;
}

body.homepage section.content header .teaser p {
	margin-bottom: 0;
}

body .header_background {
	background-color:white;
	width:100%;
	/*height: 27.9022403258656vw;*/
	min-height: 67vw;
	height: 100%;
	overflow: auto;
	position:relative;
	z-index:0;
	
	background-position: bottom center, top right;
	background-repeat: no-repeat, no-repeat;

	/*background: url('<?php echo 
get_template_directory_uri(); ?>/images/header_swoosh_1600_solid.png') no-repeat bottom center, url('<?php echo 
get_template_directory_uri(); ?>/images/main_page_header.jpg') no-repeat top center;*/
	/*background-position: top left;
	background-repeat: no-repeat;*/
	background-size: 100% auto, cover;
}

body.homepage > div.main_page_carrousel > ul.slick-dots {
	display: none !important;
}

body.homepage > header {
	position: absolute;
	/*top: 2.992700729927%;*/
	top: 0;
	left: 3.649635036496%;
	right: 3.649635036496%;
	z-index: 2;
	margin-top: 2.992700729927%;
	
	height: 135px;
}

body.homepage > header > .navigation {
	background-color: rgba(255,255,255,.9);
	position: relative;
}

body.homepage > header > .navigation .bbc_logo {
	margin-left: 2.189781021898%;
}

/* 2.14285714285714em;*/

body.homepage nav.main, body.homepage nav.eyebrow {
	right: 2.14285714285714%;
}

body.homepage nav.main {
    padding-right: 0;
    right: 0;
    width: 100%;
}

body.homepage nav.main ul li, nav.main ul li {
    float: right;
}








body.homepage section.cta {
    background-color: rgba(197, 216, 127, 1);
}

body.homepage section.cta > nav {
	right: 0;
}

body.homepage section.content > header {
	margin-top: 64px;
}

body.homepage .header_background {
	background-position: center bottom, right top;
    background-repeat: no-repeat;
    background-size: 100% auto, cover;
}

.header_background {
	position: relative;
	z-index: 1;
	width:100%;
}

.header_background .hero_content {
	/*position: absolute;
	width: 32.116788321168%;*/
	
	/*top: 23.430656934307vw;*/
	
	/*
	top: 20vw;
	left: 11.386861313869%;
	background-color: rgba(255,255,255,.9);*/
	
	background-color: rgba(255,255,255,.9);
	width: 32.116788321168%;
	/*margin: 23.430656934307% 0 23% 11.386861313869%;*/
	margin: calc(232px + 2.992700729927%) 0 21vw 11.386861313869%;
	overflow: auto;
	
}

.header_background .hero_content > div {
	margin: 36px 32px;
}

.header_background .hero_content > div h1 {
	font-weight: normal;
	font-size: 40px;
	line-height: 45px;
	color: #223445;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
}

.header_background .hero_content > div a.button {
	color: #fff;
	background-color: #4989c3;
	
	display: inline-block;
    height: 47px;
    line-height: 47px;
    padding: 0 2em;
    vertical-align: middle;

	font-size: 14px;
	letter-spacing: .6px;
	text-transform: uppercase;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
}

.header_background .hero_content > div a.button:hover {
	text-decoration: none;
	background-color: #7e9516;
}

.header_background .hero_content > div div.hero_nav {
	float:right;
}

.header_background .hero_content > div div.hero_nav a.prev_hero, .header_background .hero_content > div div.hero_nav a.next_hero {
	font-size: 24px;
	color: #fff;
	background-color: #839b20;
	display: inline-block;
	height: 47px;
	vertical-align: middle;
	line-height: 53px;
	width: 50px;
	text-decoration: none;
	background-color: #5a7112;
	text-align: center;
}

.header_background .hero_content > div div.hero_nav a.prev_hero:hover {
	background-color: #0963b6;
}

.header_background .hero_content > div div.hero_nav a.next_hero
{
	background-color: #7e9516;
}

.header_background .hero_content > div div.hero_nav a.next_hero:hover {
	background-color: #4989c3;
}

/* END Main Page Header */



section.content {
	margin: calc(-14vw - 5px) 6.204379562044% 0; /* 84px / 1370px * 100 = %; */
}

body section.content ~ section.content {
	margin-top: 0;
}

section.content .main:last-of-type {
	margin-bottom: 50px;
}

section.content header section.breadcrumb, section.content header section.breadcrumb a, section.content header section.breadcrumb a:hover {
	font-size: 0.88888888888889rem; /* 16px / 18px */
	color: #223445;
	text-transform: uppercase;
	margin-bottom: 11px;
	letter-spacing: .36px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
}

section.content header section.breadcrumb a.sub {
	font-weight: 400;
}

section.content header h1 {
	font-size: 54px;
	color: #7e9516;
	line-height: 59px;
	margin-bottom: 0; /* 30px / 54px */
	/*margin-top: 22px;*/
	margin-top: 0;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
}

section.content header section.breadcrumb+h1 {
	margin-top: 11px;
}

section.content header section.article_meta {
	font-size: 0.77777777777778em; /* 14px / 18px */
	color: #9aa7b2;
	text-transform: uppercase;
	margin-top: 15px;
	letter-spacing: .36px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
	
}

section.content header p {
	font-size: 1.11111111111111em; /* 20px / 18px */
	line-height: 1.5em; /* 30px / 20px */
	color: #3d4a56;
	margin: 2.1em 0 .5em 0; /* 42px / 20px and 10px / 20px */
}

section.content p {
	line-height: 1.44444444444444em;
	margin: 30px 0 30px;
}

section.content h1 {
	color: #223445;
	font-size: 32px;
	line-height: 41px;
	margin: 34px 0 30px 0;
}

section.content h2 {
	font-size: 24px;
	line-height: 26px;
	color: #223445;
	margin: 30px 0 30px;
}

section.content h3 {
	font-size: 20px;
	line-height: 26px;
	color: #223445;
	margin: 30px 0 30px;
}

section.content ul {
	list-style: none;
    padding:0;
    margin:0 0 42px 0;
}

section.content li {
    font-size: 18px;
    line-height: 26px;
    margin: 18px 0;
    padding-left: 12px;
    text-indent: -0.7em;
}

section.content ul li:before {
    content: "• ";
    color: #94a545;
	font-size: 22px;
    position: relative;
    top: 2px;
}


section.content ol { 
	counter-reset: item;
	list-style: none;
    padding:0;
    margin:0 0 42px 0;
}
section.content ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #94a545;
}

section.content blockquote {
	margin: 0;
	font-style: italic;
}

section.content hr {
	background-color: #ccd4dc;
    border: medium none;
    color: #ccd4dc;
    height: 1px;
    margin: 0;
    padding: 0;
}



figure {
	margin: 0;
}

figure.image_left, figure.alignleft, div.alignleft, div.image_left, img.alignleft {
	width: 38.6861313868612% !important;
	float: left;
	margin: 8px 38px 23px 0;
}

figure.image_right, figure.alignright, div.alignright, div.image_right, img.alignright {
	width: 38.6861313868612% !important;
	float: right;
	margin: 8px 0 38px 38px;
}

figure.full_width, figure.alignnone, div.alignnone, div.full_width, img.alignnone {
	width: 100% !important;
	margin: 0 0 30px 0;
}

figure img, div img {
	margin-bottom: 10px;
	width: 100%;
	height: auto;
}

div.column > figure:first-child > img, div.column > div:first-child > img {
	margin-top: 30px;
}

figure figcaption, div p.wp-caption-text, section.content figure figcaption, section.content div p.wp-caption-text {
	font-size: 14px;
	color: #3a4249;
	line-height: 19px;
	margin: 0px 0 0 0;
}

section.content .location_spacer {
	font-size: 1em;
	color: #acc9e5;
	padding: 0 10px;
}

section.content .pagination {
	text-align: center;
	margin: 0px auto 30px;
}

section.content .pagination a.next_pageSet, section.content .pagination a.prev_pageSet, section.content .pagination div a.slick-active:last-of-type
{
	margin-right: 0;
}

section.content .pagination a.next_pageSet {
	margin-left: -5px;
}

.page_links {
    display: inline-block;
    vertical-align: top;
    width: 165px;
}

nav.pagination .prev_pageSet.hidden, nav.pagination .next_pageSet.hidden {
	display: none;
}

section.content .pagination a {
	font-size: 24px;
	color: #fff;
	background-color: #839b20;
	display: inline-block;
	height: 50px !important;
	margin-right: 5px;
	vertical-align: middle;
	line-height: 50px;
	width: 50px;
	top: 3px;
	text-decoration: none;
}

section.content .pagination a:not(.ss-icon)
{
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
}

section.content .pagination a.ss-navigateleft, section.content .pagination a.ss-navigateright, section.content .pagination a.ss-left, section.content .pagination a.ss-right, section.content .pagination a.ss-icon {
	background-color: #5a7112;
	line-height: 55px;
}

section.content .pagination a:hover {
	text-decoration: none;
	background-color: #4989c3;
}

section.content .pagination a.ss-navigateleft:hover, section.content .pagination a.ss-navigateright:hover, section.content .pagination a.ss-left:hover, section.content .pagination a.ss-right:hover, section.content .pagination a.ss-icon:hover {
	background-color: #0963b6;
	line-height: 55px;
}

section.content .pagination a.current, section.content .pagination a.current:hover {
	background-color: #223445;
}

section.content .pagination a.disabled, section.content .pagination a.disabled:hover {
	background-color: #dee3d0;
}


/* Site Footer */

footer {
	
}

footer section.mobile {
	display: none;
}

footer section.emailSignup {
	height: 87px;
	background-color: #013f77;
	color: #dbe5ee;
	font-size: 20px;
	text-align: center;
	line-height: 87px;
	vertical-align: middle;
	letter-spacing:.05px;
	
	padding: 0 6.204379562044%; /* 84px / 1370px * 100 = %; */
	
	
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 500;
}

footer section.emailSignup.row > div {
    display: inline-block;
}

footer section.emailSignup form {
	display: inline-block;
	margin-left: 30px;
	
	vertical-align: middle;
	height: 40px;
	line-height: 87px;
	
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
	
}

footer section.emailSignup input[type="input"]
{
	border: 0 none;
	color: #7b8690;
	font-size: 16px;
	height: 40px;
	margin: 0;
	padding: 0 13px;
	width: 280px;
	
	
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
	
	vertical-align: top;
}

footer section.emailSignup input[type="submit"]
{
	background-color: #4989c3;
	border: medium none;
	color: #ffffff;
	font-size: 14px;
	height: 40px;
	margin: 0;
	padding: 0 13px;
	text-transform: uppercase;
	letter-spacing: .6px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
	
	vertical-align: top;
}

footer section.emailSignup input[type="submit"]:hover {
	background-color: #0963b6;
}

footer section.footerContent {
	background-color: #0963b6;
	color: #ffffff;
	
	padding: 46px 6.204379562044% 61px; /* 84px / 1370px * 100 = %; */
}

footer section.footerContent h2 {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 20px;
	margin-top: 0;
	
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 500;
	
}

footer section.footerContent h3 {
	font-size: 13px;
	color: #acc9e5;
	font-weight: normal;
	margin-top: 0;
	text-transform: uppercase;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
}

footer section.footerContent .socialIcon {
	color: #6dc3ff;
	font-size: 30px;
	margin-right: 18px;
	text-indent: -9999px;
}

footer section.footerContent .mainOffice {
	width: calc(50% - 15px);
	float:left;
}

footer section.footerContent .capeOffice {
	width: calc(50% - 15px);
	float: right;
}

footer section.footerContent .location {
	font-size: 16px;
	line-height: 23px;
	margin-top: 40px;
	
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
}

footer section.footerContent .location a {
	color: #6dc3ff;
	text-decoration: none;
}

footer section.footerContent a:hover {
	color: #b7dcfe;
	text-decoration: none;
}

footer section.footerContent .bbc_logo {
	top: 0;
	margin-left: 0;
	float:right;
}

footer section.footerContent .affiliate_logos {
	margin-top: 15%;
	float:right;
}

footer section.footerContent .affiliate_logos > a {
	width: 42%;
	float:left;
	display:block;
}

footer section.footerContent .affiliate_logos > a.waterkeeper_logo {
    margin-top: 10%;
    width: 52%;
}

footer section.footerContent .affiliate_logos > a:first-of-type {
	margin-right: 6%;
}

footer section.footerContent .affiliate_logos > a > img {
	margin-bottom: 0;
	width: 100%;
	height: auto;
}

footer section.footerContent .affiliate_logos > a > *:not(img) {
	display:block;
	height: 0;
	text-indent: -9999px;
}

/*footer section.footerContent .accreditedLandTrust_logo {
	height: 58px;
	width: 64px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url("images/accreditedLandTrust.png");
	position: relative;
	right: 10px;
}

footer section.footerContent .waterkeeper_logo {
	height: 33px;
	width: 82px;
	display: inline-block;
	text-indent: -9999px;
	background-image: url("images/waterkeeper.png");
	position: relative;
	top: 15px;
}*/


footer .weather .weather_container {
    /*width: 75%;*/
}

footer .weather h2 img {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 10px;
    position: relative;
    top: 1px;
    width: 95px;
}

footer .weather a {
    color: #6dc3ff;
    font-size: 16px;
    text-decoration: none;
}

footer .weather a:hover {
    text-decoration: underline;
}

footer .weather .conditions {
    display: table;
    margin-bottom: 20px;
}

footer .weather .conditions .conditions_left {
    display: table-cell;
    width: 105px;
}

footer .weather .conditions_right {
    display: table-cell;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-weight: 400;
    padding-left: 15px;
    vertical-align: middle;
}

footer .weather .conditions_left > img {
    margin-bottom: 0;
}

footer .weather .curr_temp {
    font-size: 47px;
    font-weight: 400;
    letter-spacing: -0.2px;
}

footer .weather .curr_temp sup {
    font-size: 17px;
    margin-left: 3px;
    top: -21px;
}

footer .weather .current_weather {
    font-size: 17px;
    letter-spacing: 0;
}

footer .weather .forecast {
    display: table;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-weight: 400;
    margin-bottom: 20px;
}

footer .weather .forecast > div {
    display: table-cell;
    /*font-size: 20px;*/
    padding-right: 15px;
    vertical-align: top;
}

footer .weather .forecast > div > div {
    color: #acc9e5;
    font-size: 13px;
    letter-spacing: 0.36px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

footer .weather .moreConditions {
    display: block;
    width: 65%;
}


footer .locations {
	overflow: auto;
}

footer .copyright {
	font-size: 14px;
	margin-top: 28px;
}

footer .copyright a {
	color: #6dc3ff;
}


footer section.mobile > div.copyright {
    background-color: #013f77;
    padding-bottom: 18px;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}



/* END Site Footer */

/* Add to Any Social Media Sharing CSS */

/*.column.column_2.a2a {
	position: initial;
}*/


.column.column_2.a2a {
    position: absolute;
    right: 4.75%;
    top: -8vw;
    width: 100%;
}

.a2a_kit .ss-icon span {
	display: none;
}

.a2a_kit .ss-icon, .a2a_kit .ss-icon:link, .a2a_kit .ss-icon:visited {
	/*font-size: 40px;*/
	
	/*font-size: 2.8vw;*/
	color: #4989c3;
	
	font-size: 40px;
	margin-right: 12px;
	
	/*color: #4989c3;
    font-size: 40px;
    line-height: 40px;
    margin-left: 12px;
    position: relative;
    top: 4px;*/
}

.a2a_kit .ss-icon:hover {
	color: #0963b6;
}

.a2a_kit .ss-icon:active {
	color: #7e9516;
}

.a2a_kit {
	text-align: right;
	margin-top: 20px;
	
	/*bottom: 0;
    position: absolute;
    right: 0;
    text-align: right;*/
}


/* END: Add to Any Social Media Sharing CSS */

section.content header .event_message {
    color: #fff;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 28px;
    font-weight: 500;
    line-height: 28px;
    margin: 10px 0;
    padding: 10px;
}

section.content header .event_message span {
    
    font-size: 1.25em;
    position: relative;
    top: 7px;
}

section.content header .event_ended {
	background-color: #7e9516;
}

section.content header .event_ended span {
	color: #c3d571;
}

section.content header .event_cancelled {
	background-color: #b60005;
}

section.content header .event_cancelled span {
	color: #ff9598;
}

section.content header section.event_timeframe {
	font-size: 28px;
	color: #223445;
	line-height: 38px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
}

section.content header section.event_timeframe .time {
	font-weight: 400;
}


section.content section.location {
	font-size: 16px;
	line-height: 22px;
	color: #68727c;
	margin-top: 26px;
	
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
}

section.content section.location:after {
	display:block;
	content:'';
	clear:both;
}

section.content a.location_map {
	width: 81px;
	height: 82px;
	display: inline-block;
	background-image: url('images/map_thumbnail.jpg');
	background-size: cover;
	text-indent: -9999px;
	float: left;
	margin-right: 21px;
}

section.content section.location .address {
	float:left;
}

section.content section.location .location_name {
	font-size: 18px;
	line-height: 26px;
	color: #223445;
	
	font-weight: 500;
}

section.content section.event_meta, section.content section.news_meta {
	font-size: 12px;
	color: #68727c;
	text-transform: uppercase;
	line-height: 22px;
	letter-spacing: .36px;
	margin-top: 30px;
}

section.content .event_type {
	margin-top: 15px;
}

section.content .event_type a img {
	margin-bottom: 0;
}

section.content .event_type img {
	height: 32px;
	width: 32px;
	margin-right: 10px;
}

section.content section.event_registration {
	font-size: 18px;
	color: #68727c;
	line-height: 26px;
	
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 400;
}

.buttonbg { padding: 50px 0px 0px 0px; }
.buttonbg a { background-color: #4989c3; color: #fff; display: inline-block; font-family: "Gotham SSm A","Gotham SSm B"; font-size: 14px;
    font-style: normal; font-weight: 700; height: 47px; letter-spacing: 0.6px;  line-height: 47px; padding: 0 2em; text-transform: uppercase; vertical-align: middle; margin-bottom: 30px; }
.buttonbg a:hover { background-color: #7e9516; }

#footerform { padding: 20px 20px; }
#footerform iframe { background: #fff; }

section.content section.event_registration .label {
	color: #223445;
}

section.content section.event_registration > .label {
	color: #223445;
	
	font-weight: 500;
}

section.content section.event_registration div a.button, section.content section.event_registration div.button.over  {
    background-color: #4989c3;
    color: #fff;
    display: inline-block;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: 47px;
    letter-spacing: 0.6px;
    line-height: 47px;
    padding: 0 2em;
    text-transform: uppercase;
    vertical-align: middle;
	margin-bottom:30px;
}


section.content section.event_registration div a.button:hover {
	text-decoration: none;
	background-color: #7e9516;
}

section.content section.event_registration div div.button.over {
	background-color: #b6d0e7;
}

section.content section.event_registration div .externalMessage {
    color: #68727c;
    display: inline-block;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 12px;
    font-weight: 400;
    height: 47px;
    line-height: 16px;
    margin-left: 1em;
    position: relative;
    text-transform: uppercase;
    top: -6px;
    width: 200px;
}


section.content section.filter_bar {
	height: 125px;
	width: 100vw;
	background-color: #013f77;
	margin: 38px -7.083333333333% 0px; /* 84px / 1370px * 100 = %; */
}

section.filter_bar {
	/*height: 125px;*/
	width: 100%;
	background-color: #013f77;
	margin: 38px 0px 0px; /* 84px / 1370px * 100 = %; */
}

section.filter_bar .inner_margin {
    margin: auto 6.204379562044%;
    padding: 23px 0 31px;
}

section.content .event_post {
	clear:both;
	padding-top:25px;
	padding-bottom: 20px;
	overflow: auto;
}

section.content .event_post:first-child {
	padding-top: 50px;
}

section.content .event_post .event_date {
	font-size: 20px;
	color: #231c1a;
	margin-bottom: 18px;
	
	font-family: "Gotham Narrow SSm A", "Gotham Narrow SSm B";
	font-style: normal;
	font-weight: 500;
}

section.content .event_image {
	width: 31.25%;
	float:left;
}

section.content .event_details {
	float: left;
	margin-left: 30px;
	width: calc(100% - 30px - 31.25%);
}

section.event_post div.button {
    background-color: #b60005;
    color: #fff;
    display: inline-block;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.36px;
    margin-bottom: 13px;
    padding: 8px 13px;
    text-transform: uppercase;
}

section.content .event_details .event_date {
	display:none;
}

section.content .event_details .event_time {
	font-size: 14px;
	line-height: 18px;
	color: #223445;
	letter-spacing: .36px;
	text-transform: uppercase;
	margin-bottom: 6px;
	letter-spacing: .36px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
}

section.content .event_details .event_time .hosted {
	font-weight: 400;
}

section.content .event_details .location_spacer {
	color: #7b8690;
}

section.content .event_details .event_time .location_spacer {
	font-size: 1em;
	padding: 0 5px;
}

section.content .event_details .event_address .location_spacer {
	font-size: 1em;
	padding: 0 5px;
}

section.content .event_details .event_name {
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 6px;
}

section.content .event_details .event_name a.cancelled {
	color: #b60005;
}

section.content .event_details .event_address {
	font-size: 16px;
	line-height: 22px;
	color: #7b8690;
	margin-bottom: 6px;
}

section.content .event_details .teaser {
	color: #223445;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 6px;
}

section.content .event_details .teaser p:first-child {
	margin-top: 0;
}

section.content .event_details .teaser p:last-of-type {
	margin-bottom: 0;
	display: inline;
}

div.teaser .hosted {
    font-style: italic;
}

section.content .event_details .event_label {
	font-weight: 500;
}

section.content .event_details .registration, section.content .event_details .cost {
	font-size: 16px;
	line-height: 22px;
	color: #223445;
	margin-bottom: 6px;
}



.featured_article.first {
    margin-top: 0;
}
.featured_article {
    margin-bottom: 50px;
	margin-top:0;
}

.featured_container {
    margin: 0 6.85921%;
}

.featured_heading {
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.56px;
    line-height: 17px;
    text-transform: uppercase;
}

.searchLabel.featured_heading {
    color: #223445;
    font-weight: 500;
}

.featured_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 10px;
}

section.content .featured_teaser, section.content .featured_teaser p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.featured_teaser > p {
    margin: 15px 0 !important;
}

a.detailsButton, a.detailsButton:link, a.detailsButton:visited, a.detailsButton:active {
    background-color: #4989c3;
    color: #fff;
    display: block;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 12px;
    letter-spacing: 0.6px;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
	margin-top: 30px;
}

a.detailsButton:hover {
	background-color: #7e9516;
}

a.detailsButton > span {
    padding: 0 10px;
}


/* END Event Page */


/* Item List section -- This is like News, Things To Do list pages */
section.content .item_list {
	padding-top:25px;
	padding-bottom: 20px;
}

section.content .item_list:first-of-type {
	padding-top: 50px;
}

section.content .item_list:last-of-type {
	padding-bottom: 45px;
}

section.content .item_list .item_title {
	font-size: 22px;
	line-height: 28px;
	margin-bottom: 6px;
	
	font-weight: 500;
}

section.content .item_list .item_meta {
	font-size: 16px;
	line-height: 22px;
	color: #7b8690;
	margin-bottom: 6px;
	
	font-weight: 400;
}

section.content .item_list .item_teaser, section.content .item_list .item_teaser p {
	color: #223445;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 6px;
	
	font-weight: 400;
}

section.content .item_list .item_teaser p:first-child {
	margin-top: 0;
}

section.content .item_list .item_teaser p:last-of-type {
	margin-bottom: 0;
	display: inline;
}


section.content .item_list div.item_image img {
	width:100%;
	height:auto;
}

section.content .item_list .item .pin {
	color: #ffffff;
	font-size: 14px;
	width: 30px;
	float:left;
	background: url("images/pin.png") no-repeat top left;
	height: 26px;
	
	font-weight: 700;
}

section.content .item_list .item .pin .pinLetter {
	position: relative;
	top: 5px;
	left: 6px;
}

section.content .item_list .item a:hover .pin {
	background: url("images/pin_hover.png") no-repeat top left;
}

section.content .item_list .item .item_details {
	margin-left: 0;
}

section.content .item_list .item .item_details_withPin {
	margin-left: 30px;
}



section.content .featured, section.content .featured_mobile {
	background: rgba(228,235,241,1);
	background: -moz-linear-gradient(top, rgba(228,235,241,1) 0%, rgba(249,251,252,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,235,241,1)), color-stop(100%, rgba(249,251,252,1)));
	background: -webkit-linear-gradient(top, rgba(228,235,241,1) 0%, rgba(249,251,252,1) 100%);
	background: -o-linear-gradient(top, rgba(228,235,241,1) 0%, rgba(249,251,252,1) 100%);
	background: -ms-linear-gradient(top, rgba(228,235,241,1) 0%, rgba(249,251,252,1) 100%);
	background: linear-gradient(to bottom, rgba(228,235,241,1) 0%, rgba(249,251,252,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4ebf1', endColorstr='#f9fbfc', GradientType=0 );

	height: 100vh;
	border-left: 1px solid #ccd4dc;
	
	/*position: absolute;*/
	right: 0;
	height: 100%;
}

section.content .featured_mobile {
	display:none;
}

section.content .container {
	border-bottom: 1px solid #ccd4dc;
	margin-bottom: 40px;
}

section.content .pagination_container {
	margin-top: 40px;
}



/* Item Grids -- This is like In Your Community, Things to Do, Places to Go pages */
section.content .item_grid_introduction p:last-child {
	margin-bottom: 0;
}

section.content .item_grid {
	margin-bottom: 40px;
	margin-top: 30px;
}

section.content .item_grid .item {
	text-align: center;
}

section.content .item_grid .item .img_container {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
    display: block;
    /*height: 34vh;*/
    overflow: hidden;
    text-indent: -9999px;
    width: 100%;
	
}

section.content .item_grid .item .img_container:before {
	display: block;
	  content: "";
	  width: 100%;
	  /*padding-top: 56.25%;*/
	  padding-top: 72.5%;
}

section.content .item_grid .item a.title {
	font-size: 22px;
	text-align: center;
	display:block;
	margin: 13px 30px;
	
	font-weight: 500;
}

section.content .item_grid .item p {
	margin: 0 30px;
	color: #223445;
	font-size: 16px;
	line-height: 22px;
}

section.content .item_grid .item_meta {
	font-size: 16px;
	line-height: 22px;
	color: #7b8690;
	margin-bottom: 6px;
	text-transform: uppercase;
}


/* this will work for both Item Lists and Item Grids */
section.content .item .location_spacer {
	color: #7b8690;
}

section.content .item .location_spacer {
	font-size: 1em;
	padding: 0 2px;
	
	font-weight: 400;
}

div.listDisplaying {
	border-bottom: 2px solid #ccd4dc;
	padding-bottom: 5px;

	font-family: "Gotham SSm A","Gotham SSm B";
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.6px;
	text-decoration: none;
	text-transform: uppercase;

	margin-top: 30px;
	
	color: #3d4a56;
}

.mapArea .listDisplaying {
    margin: 5px 0 20px 5px;
    width: 100% !important;
}


/* Places To Go Individual Page */

.place_owner .owner_header {
	font-size: 12px;
	line-height: 17px;
	letter-spacing: .36px;
	color: #68727c;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.place_owner > a.mobile_logo {
    display: none;
}

.place_owner .owner_name {
	font-size: 18px;
	line-height: 26px;
	color: #223445;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
}

section.content .place_owner p {
	font-size: 18px;
	line-height: 26px;
	color: #68727c;
	margin: 0;
}

.place_owner .content_left {
	width: 77.2911597729116%;
	float:left;
}
.place_owner .content_right {
	width: 20.5190592051904%;
	float:right;
	max-width: 175px;
}

.place_owner .content_right img {
	margin-bottom: 0;
}

.activities .activity_header {
	margin-top: 30px;
	font-size: 22px;
    line-height: 22px;
    margin-bottom: 15px;
    text-align: left;
	
	font-weight:500;
}

.activities div.activity_img {
	width: 40%;
	float: left;
	margin: 0 0 15% 10%;
}

.activities div.activity_img {
	display: block;
	content: "";
	width: 40%;
	padding-top: 40%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	box-shadow: inset 0px 6px 10px 0px rgba(0, 0, 0, 0.5);
}

.activities div.activity_img img {
	display: none;
}


.column.column_2.activities > a {
    border-top: 1px solid #c0c9d1;
    display: table;
    padding: 10px 0;
    width: 100%;
}

.column.column_2.activities > a.showAllActivities {
    font-size: 13px;
    font-weight: 700;
    line-height: 15px;
    padding-top: 15px !important;
    text-transform: uppercase;
}

.activity_title {
    display: table-cell;
    font-size: 13px;
    line-height: 15px;
    padding-left: 15px;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
	
	font-weight: 700;
}

.activities div.activity_img {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.5) inset;
    content: "";
    display: table-cell;
    height: 40px;
    width: 40px;
	padding-top: 0;
}

.activities div.activity_img {
    float: left;
    margin: 0;
}

.mobile_activities {
	display: none;
}


.details_demographics {
	background-color: #ecf1f5;
	margin-top: 52px;
}

.details_demographics .row {
	padding: 52px 6.204379562044%;
}

.details_demographics .header {
	font-size: 13px;
	line-height: 15px;
	color: #68727c;
	letter-spacing: .36px;
	text-transform: uppercase;
	margin-bottom: 25px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
}

.details_demographics .stat {
	font-size: 17px;
	line-height: 26px;
	color: #223445;
	margin-bottom: 5px;
}


.details_demographics .place_addr, .details_demographics .phone_email, .details_demographics p
{
    color: #223445;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 27px;
}

.details_demographics .propertyMap {
	font-size: 18px;
	line-height: 20px;
	
	font-weight: 500;
}

.details_demographics .propertyMap img {
	width: 34px;
	height: 32px;
	margin-right: 16px;
	float:left;
}

.details_demographics .fileSize {
	font-size: 12px;
	line-height: 20px;
	color: #68727c;
	
	font-weight: 400;
}

.tablet_propertyMap {
	display: none;
}

/* END Places To Go Individual Page */

/* Things to Do Inidividual Page */

section.content .places:first-of-type {
    padding-top: 50px;
}
section.content .places {
    padding-bottom: 20px;
    padding-top: 25px;
}

div.placeToGo_image img {
	width:100%;
	height:auto;
}

section.content .placeToGo .pin {
	color: rgba(255,255,255,1.0);
	font-size: 14px;
	width: 20px;
	float:left;
	background-repeat: no-repeat;
	background-position: top left;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	margin-right:10px;
	margin-top:4px;
}

section.content .placeToGo .pin .pinLetter {
	width:20px;
	text-align: center;
	
	position: relative;
	top: -1px;
	left:-.5px;
	
	font-weight:700;
}

@-moz-document url-prefix() {
	section.content .placeToGo .pin .pinLetter {
		left: 0px;
	}
}

section.content .placeToGo a, section.content .placeToGo a:link, section.content .placeToGo a:visited, section.content .placeToGo a:active {
	color: rgba(73,137,195,1.0);
	text-decoration: none;
}

section.content .placeToGo a:hover {
	color: rgba(9,99,182,1.0);
	text-decoration: none;
}

section.content .placeToGo .placeToGo_title {
	margin-bottom: 8px;
}

section.content .placeToGo a:hover .pin {
	background: url("../images/pin_hover.png") no-repeat top left;
}

section.content .placeToGo .location_name {
	font-size: 22px;
	position: relative;
	top: 3px;
	display: inline;
}

section.content .placeToGo .placeToGo_meta {
	/* margin-left: 30px; */
}

section.content .placeToGo .location, section.content .placeToGo p, section.content .placeToGo .place_bullets {
	margin: 8px 0 8px 0px;
}

section.content .placeToGo p, section.content .placeToGo .place_bullets {
	color: rgba(34,52,69,1.0);
	font-size: 16px;
	line-height: 22px;
	/* margin-left: 30px; */
}

section.content .placeToGo .location, section.content .placeToGo .distance, section.content .placeToGo .directions {
	display: inline;
	font-size: 16px;
	color: rgba(123,134,144,1.0);
}

section.content .placeToGo .location_spacer {
	font-size: 16px;
	color: rgba(172,201,229,1.0);
	padding: 0 10px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
}


/* END Things to Do Individual Page */


/* Modules */

/* Module: Issues */

section.module_issues {
	width: 100%;
	background: rgba(248,250,242,1);
	background: -moz-linear-gradient(top, rgba(248,250,242,1) 0%, rgba(238,242,224,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,250,242,1)), color-stop(100%, rgba(238,242,224,1)));
	background: -webkit-linear-gradient(top, rgba(248,250,242,1) 0%, rgba(238,242,224,1) 100%);
	background: -o-linear-gradient(top, rgba(248,250,242,1) 0%, rgba(238,242,224,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,250,242,1) 0%, rgba(238,242,224,1) 100%);
	background: linear-gradient(to bottom, rgba(248,250,242,1) 0%, rgba(238,242,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8faf2', endColorstr='#eef2e0', GradientType=0 );
	
	position: relative;
	text-align: center;
}

section.module_issues:before {
	display: block;
	content: "";
	width: 100%;
	/*padding-top: 52.627737226277%;*/
}

section.module_issues div.module_content {
	margin: 0 6.204379562044%;
	padding-bottom: 64px;
	/*position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;*/
	
	color: #223445;
	
}

section.module_issues h1 {
	font-size: 54px;
	color: #7e9516;
	margin-top: 64px;
	line-height: 1em;
	font-weight: normal;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
}

section.module_issues p {
	font-size: 20px;
	line-height: 31px;
}

section.module_issues .title {
	font-size: 16px;
	line-height: 17px;
	margin-top: 16px;
	
	font-weight: 700;
	text-transform: uppercase;
	
}

section.module_issues div.issue_img {
	width: 100%;
}

section.module_issues div.issue_img {
	display: block;
	content: "";
	width: 100%;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	box-shadow: inset 0px 6px 10px 0px rgba(0, 0, 0, 0.5);
}

section.module_issues div.issue_img img {
	display: none;
}

section.module_issues .column_3 a {
	font-weight: 700;
	letter-spacing: .16px;
	color: #0963b6;
	text-decoration: none;
}

section.module_issues .column_3 a:hover {
	color: #6799c8;
	text-decoration: none;
}

section.module_issues .column_3 a:hover div.issue_img {
	opacity: .5;
}

section.module_issues div.buttons div {
	display: inline-block;
	margin-left: 10px;
}

section.module_issues div.buttons div:first-of-type {
    margin-left: 0;
}


section.module_issues div.buttons a {
	color: #fff;
	background-color: #7e9516;
	
	display: inline-block;
    height: 47px;
    line-height: 47px;
    padding: 0 2.14286em;
    vertical-align: middle;
	
	font-size: 14px;
	letter-spacing: .6px;
	text-transform: uppercase;
	
	margin-top: 51px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
}

section.module_issues div.buttons div a:hover {
	text-decoration: none;
	background-color: #4989c3;
}

section.module_issues div.buttons div:first-of-type a {
	background-color: #446a01;
}

section.module_issues div.buttons div:first-of-type a:hover {
	text-decoration: none;
	background-color: #0963b6;
}

/* END Module: Issues */


/* Module: Bay Health */

section.module_bayHealth {
	width: 100%;
	background: rgba(248,250,242,1);
	background: -moz-linear-gradient(top, rgba(248,250,242,1) 0%, rgba(238,242,224,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,250,242,1)), color-stop(100%, rgba(238,242,224,1)));
	background: -webkit-linear-gradient(top, rgba(248,250,242,1) 0%, rgba(238,242,224,1) 100%);
	background: -o-linear-gradient(top, rgba(248,250,242,1) 0%, rgba(238,242,224,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,250,242,1) 0%, rgba(238,242,224,1) 100%);
	background: linear-gradient(to bottom, rgba(248,250,242,1) 0%, rgba(238,242,224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8faf2', endColorstr='#eef2e0', GradientType=0 );
	
	position: relative;
	text-align: left;
}

.module_bayHealth .column.column_10 {
    margin: 75px 0;
}

.module_bayHealth .bayHealthGrade {
    margin-left: 6%;
    margin-right: 6%;
    margin-top: 0;
	width: 19%;
	float: left;
}

.module_bayHealth .subembaymentScoreArea {
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
	width: 100%;
}

.module_bayHealth .introduction {
    float: left;
    position: relative;
    vertical-align: middle;
    width: 69%;
}

.module_bayHealth .intro_container {
    display: block;
}

.module_bayHealth h1 {
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 32px;
    font-weight: 300;
    line-height: 41px;
    margin-top: 0;
}

.module_bayHealth h1 span {
    font-weight: 500;
}

.module_bayHealth .bayHealthLink {
    display: block;
}

/* END Module: Bay Health */


/* Module: Take Action */

section.module_take_action {
	width: 100%;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: top center;
	background-color: #679ac9;
	
	position: relative;
	text-align: center;
	
	color: #231c1a;
	
	height: auto;
}

section.module_take_action:before {
	/*
	display: block;
	content: "";
	width: 100%;
	padding-top: 32.700729927007%;
	*/
}

section.module_take_action div.module_content {
	/*
	margin: 0 6.204379562044%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	*/
	
	overflow: auto;
}

section.module_take_action div.row {
	/*
	position: absolute;
	top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	  
	  width: 100%;
	*/
	
	margin: 91px 0;
	width: 100%;
}

section.module_take_action div.copy_block {
	background-color: rgba(255,255,255,.9);
	padding: 51px 10%;
}

section.module_take_action h2 {
	font-size: 16px;
	color: #3d4a56;
	font-weight: normal;
	margin: 0 10%;
	text-transform: uppercase;
	letter-spacing: .36px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
}

section.module_take_action h1 {
	color: #0963b6;
	font-weight: normal;
	font-size: 40px;
	margin: 13px 10% 15px;
	line-height: 47px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
}

section.module_take_action p {
	margin-top: 15px;
	font-size: 20px;
	line-height: 31px;
}

section.module_take_action p:last-of-type {
	display: inline;
}

section.module_take_action p + a {
	font-weight: 500;
	color: #0963b6;
	font-size: 20px;
	line-height: 31px;
	
	white-space: nowrap;
}

section.module_take_action p + a:hover {
	color: #6799c8;
	
	text-decoration: none;
}


/* END Module: Take Action */


/* Module: Places To Go */

section.module_places_to_go div.module_content {
	margin: 0 6.204379562044%;
}

section.module_places_to_go h1 {
	font-size: 32px;
	line-height: 38px;
	color: #223445;

	margin-top: 59px;
	margin-bottom: 0;
	
	text-align: left;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
}

section.module_places_to_go .place {
	margin-top: 32px;
	text-align: center;
}

section.module_places_to_go .img_container::before {
    content: "";
    display: block;
    padding-top: 65.079365079365%;
    width: 100%;
}
section.module_places_to_go .img_container {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 100%;
}

section.module_places_to_go .title {
	font-size: 22px;
	line-height: 28px;
	margin-top: 13px;
}

section.module_places_to_go .place_meta {
	font-size: 13px;
	line-height: 15px;
	color: #68727c;
	min-height: 15px;
}

section.module_places_to_go p {
	color: #3d4a56;
	font-size: 16px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 0;
}

section.module_places_to_go div.buttons {
	text-align: center;
}

section.module_places_to_go div.buttons a {
	color: #fff;
	background-color: #7e9516;
	display: inline-block;
    height: 47px;
    line-height: 47px;
    padding: 0 2.14286em;
    vertical-align: middle;
	
	font-size: 14px;
	letter-spacing: .6px;
	text-transform: uppercase;
	
	margin-top: 40px;
	margin-bottom: 59px;
	
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
}

section.module_places_to_go div.buttons a:hover {
	text-decoration: none;
	background-color: #0963b6;
}

/* END Module: Places To Go */


/* Module: Things To Do */

section.module_things_to_do .thing_indiv {
	width: 100%;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: top center;
	
	position: relative;
	text-align: center;
	
	color: #231c1a;
	
	height: auto;
}

section.module_things_to_do .thing_indiv:before {
	/*
	display: block;
	content: "";
	width: 100%;
	padding-top: 32.700729927007%;
	*/
}

section.module_things_to_do .thing_indiv div.thing_content {
	/*
	margin: 0 6.204379562044%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	*/
	
	overflow: auto;
	
}

section.module_things_to_do div.row {
	/*
	position: absolute;
	top: 50%;
	  -webkit-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	 */
	  width: 100%;
	  margin: 50px 0 75px 0;
}

section.module_things_to_do div.copy_block {
	background-color: rgba(255,255,255,.9);
	padding: 51px 0;
}

section.module_things_to_do h1 {
	font-size: 32px;
	line-height: 38px;
	color: #223445;

	text-align: left;
	margin: 32px 6.204379562044%;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
}

section.module_things_to_do h1:empty {
	margin: 0 6.204379562044%;
}


section.module_things_to_do h2 a {
	color: #0963b6;
	font-weight: normal;
	font-size: 40px;
	/*margin: 13px 10% 0;*/
	
	margin: 13px 0 0;
	
	line-height: 47px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
}

section.module_things_to_do h2 a:hover {
	color: #6799c8;
	text-decoration: none;
}

section.module_things_to_do h2 {
    margin: 0 10%;
}

section.module_things_to_do p:first-of-type {
	margin: 15px 10% 0;
	font-size: 20px;
	line-height: 31px;
}

section.module_things_to_do .slick-dots {
    bottom: 0;
}

section.module_things_to_do .slick-slider {
	margin-bottom: 0;
}

section.module_things_to_do a.prev, section.module_things_to_do a.next {
	font-size: 24px;
	color: #7b8690;
	background-color: rgba(255,255,255,.7);
	display: inline-block;
	height: 50px;
	vertical-align: middle;
	line-height: 55px;
	width: 50px;
	text-decoration: none;
	
	position: absolute;
	top: calc(50% - 25px);
	
}

section.module_things_to_do a.prev {
	left: 0;
	right: inherit;
	z-index: 50;
}

section.module_things_to_do a.next {
	right: 0;
	left: inherit;
	z-index: 50;
}

section.module_things_to_do a.prev:hover, section.module_things_to_do a.next:hover {
	background-color: #fff;
}

/* END Module: Things To Do */


/* Module: Activities */

section.module_activities {
	width: 100%;
	
	background: rgba(247,250,252,1);
	background: -moz-linear-gradient(top, rgba(247,250,252,1) 0%, rgba(223,234,244,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,250,252,1)), color-stop(100%, rgba(223,234,244,1)));
	background: -webkit-linear-gradient(top, rgba(247,250,252,1) 0%, rgba(223,234,244,1) 100%);
	background: -o-linear-gradient(top, rgba(247,250,252,1) 0%, rgba(223,234,244,1) 100%);
	background: -ms-linear-gradient(top, rgba(247,250,252,1) 0%, rgba(223,234,244,1) 100%);
	background: linear-gradient(to bottom, rgba(247,250,252,1) 0%, rgba(223,234,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fafc', endColorstr='#dfeaf4', GradientType=0 );
	
	position: relative;
	text-align: center;
	padding: 42px 0 50px 0;
}

div.mainPage_modules section.module_activities {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(223,234,244,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(223,234,244,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(223,234,244,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(223,234,244,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(223,234,244,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(223,234,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfeaf4', GradientType=0 );
}

section.module_activities div.module_content {
	/*margin: 0 6.204379562044%;*/
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
}

section.module_actitivies .header {
	margin: 0 6.204379562044%;
}

section.module_activities h1 {
	font-size: 32px;
	line-height: 38px;
	color: #223445;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
}

section.module_activities p {
	font-size: 20px;
	line-height: 31px;
}

section.module_activities .activity_carrousel .activity_indiv, section.module_activities .activity_carrousel_mobile .activity_indiv {
	margin: 0 6%;
	display:block;
}

.slick-slide *:focus, .slick-slide:focus, *:focus {
	outline: none;
}

section.module_activities .activity_carrousel_mobile
{
	display:none;
}


section.module_activities div.activity_img {
	width: 100%;
	margin: 0 0%;
}

section.module_activities div.activity_img {
	display: block;
	content: "";
	width: 100%;
	padding-top: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: inset 0px 6px 10px 0px rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	overflow:hidden;
	position: relative;	
}

section.module_activities .slick-dots li {
	display: none;
}

/* this is what i can use in slick to show the dots that will create a "slide paging effect".  hide all slides and then only show the ones in the formula below... */
section.module_activities .slick-dots li:nth-of-type(4n+3) {
    display: inline-block;
}

.slick-dots li {
	margin: 0;
}

.slick-dots li button {
	display: inherit;
}

.activity_carrousel .slick-dots li.slick-active button::before, .activity_carrousel_mobile .slick-dots li.slick-active button::before, .module_events .slick-dots li.slick-active button::before {
    color: #223445;
}

.slick-dots li.slick-active button::before {
    /*color: #223445;*/
	color: #fff;
    opacity: 1.0;
}

.activity_carrousel .slick-dots li button::before, .activity_carrousel_mobile  .slick-dots li button::before, .module_events .slick-dots li button::before {
    color: #6799c8;
	opacity: 1.0;
	font-size: 10px;
	
}

.slick-dots li button::before {
    /*color: #6799c8;
	opacity: 1.0;
	font-size: 10px;*/
	
	color: #fff;
    font-size: 10px;
    opacity: 0.7;
}

section.module_activities .slick-slide h1 {
	font-size: 16px;
	line-height: inherit;
	width: 75%;
	text-transform: uppercase;
	color: #0963b6;
	margin:16px auto;
	
	font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B";
	font-weight: 700;
	letter-spacing: .16px;
	
	text-decoration: none;
}

section.module_activities .slick-slide a:hover h1, section.module_activities .slick-slide a:hover {
	color: #6799c8 !important;
	text-decoration: none !important;
	border-bottom: 0 !important;
}

section.module_activities .slick-slide a:hover div.activity_img {
	opacity: .5;
}

section.module_activities .slick-slide a:hover div.activity_img.prevParent, section.module_activities .slick-slide a:hover div.activity_img.nextParent {
	opacity: 1;
}

.prevLink:hover, .nextLink:hover {
	background-color: rgba(73,137,195,.85) !important;
}

.prev {
    color: #fff;
    display: block;
    font-size: 3.5vw;
    position: absolute;
    right: 0;
    top: calc(50% - 1.75vw);
	display:none;
}

.next {
    color: #fff;
    display: block;
    font-size: 3.5vw;
    position: absolute;
    left: 0;
    top: calc(50% - 1.75vw);
	display:none;
}

/* END Module: Activities */



/* Module: News */

section.module_news div.module_content {
	margin: 0 6.204379562044%;
}

section.module_news h1 {
	text-align: center;
	font-size: 54px;
	line-height: 45px;
	color: #7e9516;
	margin-top: 59px;
	margin-bottom: 0;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
}

section.module_news .article {
	margin-top: 32px;
}

section.module_news .img_container::before {
    content: "";
    display: block;
    padding-top: 65.079365079365%;
    width: 100%;
}
section.module_news .img_container {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    width: 100%;
}

section.module_news .title {
	font-size: 22px;
	line-height: 28px;
	margin-top: 13px;
}

section.module_news .article_meta {
	font-size: 13px;
	line-height: 15px;
    color: #9aa7b2;
	margin-bottom: 10px;
	letter-spacing: .36px;
	text-transform: uppercase;
	margin-top: 3px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
}

section.module_news div.teaser {
	text-align: left;
}

section.module_news div.teaser p {
	color: #3d4a56;
	font-size: 16px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 0;
	
	text-align: left;
}

section.module_news div.buttons {
	text-align: center;
}

section.module_news div.buttons a {
	color: #fff;
	background-color: #7e9516;
	display: inline-block;
    height: 47px;
    line-height: 47px;
    padding: 0 2.14286em;
    vertical-align: middle;
	
	font-size: 14px;
	letter-spacing: .6px;
	text-transform: uppercase;
	
	margin-top: 40px;
	margin-bottom: 59px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
}

section.module_news div.buttons a:hover {
	text-decoration: none;
	background-color: #0963b6;
}

section.module_news div.teaser p:last-of-type {
	display: inline;
}

section.module_news div.teaser a {
	font-size: 16px;
	color: #226aac;
}

/* END Module: News */


/* Module: Events */

section.module_events {
	width: 100%;
	background-size: cover;
	background-repeat:no-repeat;
	background-position: top center;
	
	position: relative;
	text-align: center;
	
	/*min-height: 46.022vw;*/
}

section.module_events:before {
	/*
	display: block;
	content: "";
	width: 100%;
	padding-top: 46.022%;
	*/
}

section.module_events div.module_content {
	/*
	padding: 0 6.204379562044%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(1,63,119,.6);
	*/
	
	padding: 0 6.204379562044%;
	background-color: rgba(1,63,119,.6);
	/*min-height: 46.022vw;*/
	
}

section.module_events h1 {
	font-size: 54px;
	line-height: 60px;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 24px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 300;
}

section.module_events .event {
	background-color: #e6ecf2;
	width: 100%;
	postion: relative;
	
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.6);
	
	overflow: hidden;
}

section.module_events .event:before {
	/*
	display: block;
	content: "";
	width: 100%;
	padding-top: 145%;
	*/
}

section.module_events .event div.event_content {
	/*
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: left;
	*/
	
	text-align: left;
	margin-bottom: 75px;
}

section.module_events .img_container {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
    display: block;
    text-indent: -9999px;
	position: relative;
}

section.module_events .img_container:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 51.038575667656%;
}

section.module_events .event_meta {
	margin: 0 7%;
}

section.module_events .title {
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
	margin-top: 12px;
}

section.module_events .title a.cancelled {
	color: #b60005;
}

section.module_events .event_meta div.button {
    background-color: #b60005;
    color: #fff;
    display: inline-block;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.36px;
    padding: 8px 13px;
    text-transform: uppercase;
	margin: 4px 0;
}

section.module_events .date {
	color: #231c1a;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: .36px;
	text-transform: uppercase;
	margin-top: 10px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 500;
}

section.module_events .time {
	color: #231c1a;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: .36px;
	text-transform: uppercase;
	margin-top: 2px;
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
}

section.module_events .address {
	font-size: 16px;
	line-height: 22px;
	color: #231c1a;
	margin-top: 8px;
}

section.module_events a.map {
	color: #7e9516;
	font-size: 13px;
	line-height: 22px;
	text-transform: uppercase;
	font-weight: 500;
}

section.module_events img.pin {
	width: 12px;
	height: auto;
	margin-bottom: 0;
	position: relative;
	top: 3px;
	padding-right: 3px;
}



section.module_events div.buttons {
	text-align: center;
}

section.module_events div.buttons a {
	color: #fff;
	background-color: #4282bc;
	display: inline-block;
    height: 47px;
    line-height: 47px;
    padding: 0 2.14286em;
    vertical-align: middle;
	
	font-size: 14px;
	letter-spacing: .6px;
	text-transform: uppercase;
	
	margin-top: 40px;
	margin-bottom: 59px;
	
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.6);
	
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 700;
}

section.module_events div.buttons a:hover {
	text-decoration: none;
	background-color: #0963b6;
}


section.module_events .event_footer {
	position: absolute;
	height: 72px;
	border-top: 1px solid #c0c9d2;
	bottom: 0;
	left: 7%;
	right: 7%;
	overflow:hidden;
}

section.module_events .event_footer .footer_content {
	position: relative;
	width: 100%;
}

section.module_events .event_types {
	width: calc(100% - 100px);
	float:left;
	margin-top: 19px;
}

section.module_events .event_types a img {
	height: 32px;
	margin-right: 6px;
	width: 32px;

	margin-bottom: 20px;
}

section.module_events .learnMore {
	width: 100px;
	float:right;
	margin-top: 23px;
	text-align:right;
}

section.module_events .learnMore a {
	font-size: 15px;
	line-height: 22px;
	color: #226aac;
}

section.module_events .learnMore a:hover {
	color: #0963b6;
}

.column_1_5 + .column_1_5, .column_1 + .column_1 {
    margin-left: 0;
    width: 0;
}

/* END Module: Events */


/* END Modules */


/* Sponsorships */

.column.column_2.with_sponsors {
   /* margin-top: -1.4vw; */
    max-width: 175px;
}



.primarySponsor {
    color: #68727c;
    float: right;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.35px;
    line-height: 15px;
    /*margin-top: 22px;*/
    text-align: center;
    text-transform: uppercase;
}

.mobile_primarySponsor {
	display: none;
}


section.secondarySponsors {
	color: #68727c;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.35px;
    line-height: 15px;
    margin-top: 38px;
    text-align: center;
    text-transform: uppercase;
	
	border-top: 1px solid #ccd4dc;
	padding-top: 38px;
	
	margin-bottom: 40px;
}

div.removeBorderTop section.secondarySponsors {
	border-top: 0;
	padding-top: inherit;
	
	margin-top: 22px;
	margin-bottom: 22px;
}

div.removeBorderTopWithSpacing section.secondarySponsors {
	border-top: 0;
	
	margin-top: 22px;
	padding-top: 23px;
	margin-bottom: 22px;
}

.row.hasPagination section.secondarySponsors {
	margin-top: -8px;
	margin-bottom: 22px;
}

section.secondarySponsors > div {
	margin-bottom: 27px;
}

section.secondarySponsors a {
	width: 175px;
	display: inline-block;
	margin: 0 auto;
	/*line-height: 95px;
	vertical-align: middle;*/
}

section.secondarySponsors a + a {
	margin-left: 7%;
}

section.filter_bar .primarySponsor {
    margin-top: 0;
    max-width: 175px;
	color: #acc9e5;
}

section.filter_bar img {
    margin-bottom: 0;
}

/* END Sponsorships */


/* Bay Health Main Page */

section.healthScoreDefinitions {
	background-color: #ecf1f5;
	padding: 50px 6.20438%;
}

section.healthScoreDefinitions > .row > .column > h1 {
	font-family: "Gotham SSm A","Gotham SSm B";
	font-weight: 500;
	font-size: 32px;
	line-height: 38px;
	color: #223445;
	margin-top:0;
	margin-bottom: 30px;
}

section.healthScoreDefinitions .third {
	width: 30%;
	float:left;
	
	font-size: 16px;
	line-height: 22px;
	color: #223445;
}

section.healthScoreDefinitions .third.fair, section.healthScoreDefinitions .third.good {
	margin-left: 5%;
} 

section.healthScoreDefinitions .bayHealthScoreArea {
	width: 100%;
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	
 	border-radius: 50%;
}

section.healthScoreDefinitions .third.poor .bayHealthScoreArea .score {
	background-color: rgba(182, 0, 5, .9);
}

section.healthScoreDefinitions .third.fair .bayHealthScoreArea .score {
	background-color: rgba(247, 148, 29, .9);
}

section.healthScoreDefinitions .third.good .bayHealthScoreArea .score {
	background-color: rgba(73, 137, 195, .9);
}

section.healthScoreDefinitions .bayHealthScoreArea .score {
	
	width: 100%;
	
	border-radius: 50%;
	box-shadow: inset 0px 6px 10px 0px rgba(0, 0, 0, 0.5);
	
	position:relative;
	
	display: table;
}

section.healthScoreDefinitions .bayHealthScoreArea .score:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 100%;
}

section.healthScoreDefinitions .bayHealthScoreArea .score .scoreArea {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

section.healthScoreDefinitions .bayHealthScoreArea .score .scoreArea div {
	color: #fff;
    font-family: "Gotham SSm A","Gotham SSm B";
	font-weight: 500;
    font-size: 68px;
    letter-spacing: -0.19px;
    line-height: 68px;
    /*position: relative;*/
	position:absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	
	width: 100%;
    vertical-align: middle;
	
}

section.healthScoreDefinitions .third h1 {
	font-weight: 500;
	font-size: 20px;
	line-height: 31px;
	color: #231c1a;
	margin: 10px 0 0;
}

section.healthScoreDefinitions .third .introduction p:first-of-type {
	margin-top: 0;
}

section.healthScoreDefinitions .third .bullets {
	display: none;
}

section.healthScoreDefinitions .third.showBullets .bullets {
	display: block;
}

section.healthScoreDefinitions .third .bullets .header {
	font-weight: 500;
}

section.healthScoreDefinitions .third .bullets ul {
	padding-left: 16px;
}

section.healthScoreDefinitions .third .bullets ul li {
	font-size: 16px;
	line-height: 22px;
}

section.healthScoreDefinitions .third .bullets ul li:before {
	color: #223445;
	top: 0;
	font-size: 16px;
}

section.healthScoreDefinitions .showMore_all {
	clear: both;
	padding-top: 30px;
	text-align: center;
}

section.healthScoreDefinitions .showMore_poor, section.healthScoreDefinitions .showMore_fair, section.healthScoreDefinitions .showMore_good {
	display:none;
}

section.healthScoreDefinitions .showMore_all a {
	font-weight: 700;
	font-size: 16px;
	line-height: 14px;
	letter-spacing: .16px;
	color: #0963b6;
	text-transform: uppercase;
}

section.healthScoreDefinitions .showMore_all a:hover {
	color: #6799c8;
	text-decoration: none;
}

/* END Bay Health Main Page */

/* Bay Health List Sub Locations Pages */

.location_list {
	margin-top: 30px;
}

.sub_locations {
    border-bottom: 2px solid #ccd4dc;
    border-top: 2px solid #ccd4dc;
}

.sub_locations .sub_location {
    border-bottom: 1px solid #ccd4dc;
}

.sub_locations .sub_location:last-of-type {
    border-bottom: none;
}

.sub_locations .sub_location a:hover {
	text-decoration: none;
}

.sub_locations .sub_location a:hover .location_name {
	text-decoration: underline;
}

.sub_locations .sub_location .location {
    display: table;
    margin: 9px 0 18px;
}

.sub_locations .sub_location .location.withGrades {
	margin: 9px 0 6px;
}

.sub_locations .sub_location .location_information {
	display: table-cell;
    width: 100%;
	padding-right: 15px;
}

.sub_locations .sub_location .location_information .location_name {
    font-size: 22px;
    line-height: 28px;
	margin-bottom: 10px;
}

.sub_locations .sub_location .location_information .sub_sub_locations {
    color: #7b8690;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

.link_arrow {
    display: table-cell;
    font-size: 38px;
    vertical-align: middle;
    width: 38px;
	position: relative;
}

.link_arrow div {
	position: relative;
	top: 6px;
}


.sub_locations .sub_location .grade.hidden {
    display: none;
}

.sub_locations .sub_location .grade_container {
	display:table-cell;
	vertical-align: top;
}

.sub_locations .sub_location .grade {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 50px;
    margin-right: 42px;
    position: relative;
   /* top: -18px; */
    width: 50px;
}

.sub_locations .sub_location .grade .score {
    border-radius: 50%;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.5) inset;
    display: table;
    height: 50px;
    position: relative;
    width: 50px;
}


.sub_locations .sub_location .grade.poor .score {
	background-color: rgba(182, 0, 5, .9);
}

.sub_locations .sub_location .grade.fair .score {
	background-color: rgba(247, 148, 29, .9);
}

.sub_locations .sub_location .grade.good .score {
	background-color: rgba(73, 137, 195, .9);
}

.sub_locations .sub_location .grade.none .score {
	background-color: rgba(61, 74, 86, .75);
}

.sub_locations .sub_location .grade .score .scoreArea {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.sub_locations .sub_location .grade .score .scoreArea > div {
    color: #fff;
    font-family: "Gotham SSm A","Gotham SSm B";
	font-weight: 500;
    font-size: 22px;
    /*position: relative;*/
	position: absolute;
    text-align: center;
    top: 50%;
	
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

div.sorting {
    margin-bottom: 5px;
}

div.sorting a.sort:after {
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 5px;
    overflow: hidden;
    width: 14px;
	
	background-image: url("images/sortArrow_on.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	
}

div.sorting a.sort.off:after {
	background-image: url("images/sortArrow_off.png");
	
}

div.sorting a.sort.desc:after
{
	-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
}



div.sorting a.sort {
	font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-decoration: none;
    text-transform: uppercase;
	
	width: 92px;
	display: inline-block;
}

div.sorting a.sort.on {
    color: #3d4a56;
}

div.sorting a.sort.off {
    color: #9aa7b2;
}



/* END Bay Health List Sub Locations Pages */


/* Bay Health Chart Pages */

section.content h2.overviewTitle {
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 32px;
    font-weight: 500;
    line-height: 41px;
    text-align: center;
}

section.content .testSite h2 {
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 32px;
    font-weight: 500;
    line-height: 41px;
	margin-bottom: 9px;
	margin-top: 14px;
}

section.content .testSite .testSiteTitle {
	font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B";
	font-weight: 500;
	font-size: 22px;
	line-height: 26px;
	color: #223445;
	margin-top: 30px;
}

section.content .testSite.first .testSiteTitle {
	margin-top: 0;
}

section.content .testSite .testSiteLocation {
	font-family: "Gotham SSm A","Gotham SSm B";
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	color: #68727c;
}

/*.row.testSiteCharts .column_4:nth-of-type(4n) {
    margin-left: 0;
	clear:both;
}*/

.row.testSiteCharts .column_4:nth-of-type(3n) {
    clear: both;
    margin-left: 0;
}

.testSite.first {
    border-top: 2px solid #ccd4dc;
}

.testSite.first.noBHI {
	margin-top: 0;
}

.testSite {
    border-top: 1px solid #ccd4dc;
    margin-top: 35px;
}

.row.testSiteCharts .column_4 {
    margin-bottom: 30px;
    margin-top: 30px;
	
	width: 47.810218978102%;
	
	/*width: 50%;
	max-width: 550px;
	
	margin: 30px auto;*/
}

.row.testSiteCharts .column_4 > div.chartArea {
	width: 100%;
	
	height: 20vw;
	
	
	
	max-width: 550px;
	margin: 0 auto;
}

.subembaymentScoreArea::before {
    content: "";
    display: block;
}
.subembaymentScoreArea {
    background-position: center center;
    background-size: cover;
    border-radius: 50%;
    width: 16.8333%;
	
	float: left;
	
	margin-left: 5%;
	margin-top: calc((22vw - 16.8333%) / 2 + 20px);
}

.subembaymentScoreArea.mobile {
	display: none;
}

.subembaymentScoreArea.desktop {
	display: block;
}


.subembaymentScoreArea .score::before {
    content: "";
    display: block;
    /*padding-top: 90.5833%;*/
	padding-top: 100%;
    width: 100%;
}
.subembaymentScoreArea .score {
    /*background-color: rgba(182, 0, 5, 0.6);*/
    border-radius: 50%;
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.5) inset;
    width: 100%;
	position: relative;
}


.subembaymentScoreArea .score.poor {
	background-color: rgba(182, 0, 5, .9);
}

.subembaymentScoreArea .score.fair {
	background-color: rgba(247, 148, 29, .9);
}

.subembaymentScoreArea .score.good {
	background-color: rgba(73, 137, 195, .9);
}

.subembaymentScoreArea .score.none {
	background-color: rgba(61, 74, 86, 0.75);
}

.score.none .scoreArea div div span.bhi {
	font-weight: 400;
}

.scoreArea {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.scoreArea > div {
    color: #fff;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 12px;
    font-weight: 500;
    /*position: relative;*/
    text-transform: uppercase;
    top: 50%;
    
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	transform: translateY(-50%);
	
	position:absolute;
	width:100%;
	vertical-align:middle;
	text-align: center;
}

.scoreArea div div span.bhi {
    font-size: 85px;
    line-height: 85px;
}

.scoreArea div div span.updown {
    font-size: 22px;
    margin-bottom: 0;
}

.scoreArea div div.scoreLabel {
    letter-spacing: 0.36px;
}

.chartArea > div {
	/*margin-top: -25px;
	z-index: -1;*/
}

.chartArea > div > div {
	/*margin-left: 25px;*/
}

.chartTitle {
	font-size: 20px;
	font-weight: 500;
	color: #223445;
	text-align: center;
}

.chartLegend {
    color: #7b8690;
    font-size: 13px;
    font-weight: 400;
    /*margin-right: 50px;*/
    text-align: right;
	
	max-width: 550px;
	margin: 0 auto;
}

.chartLegend.oxygen, .chartLegend.nitrogen {
	/*text-align: center;*/
}

.chartLegend > div {
	/*display: inline-block;*/
}

.chartLegend > div + div {
	margin-left: 15px;
}

.legendColor {
    display: inline-block;
    height: 10px;
    margin-right: 5px;
    width: 10px;
}

.legendColor.water {
	background-color: #94badd;
}

.legendColor.algal {
	background-color: #607b32;
}

.legendColor.dissolved_nitrogen {
	background-color: #7e9516;
}

.legendColor.total_nitrogen {
	background-color: #c3d571;
}

.legendColor.oxygen_all {
	background-color: #7b8690;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	margin-bottom: 2.5px;
}

.legendColor.oxygen_twentyPercent {
	background-color: #f7941d;
	border-radius: 50%;
}



.chartOverlay {
    bottom: 0;
    display: table;
    height: 150px;
    position: absolute;
    top: 25px;
    width: 100%;
	right:0;
	
	display: none;
}

.poorBottomLine {
    background-color: #b60005;
    bottom: 0px;
    height: 2px;
    position: absolute;
    width: 100%;
}

.fairBottomLine {
    background-color: #f7941e;
    bottom: 51px;
    height: 2px;
    position: absolute;
    width: 100%;
}

.goodBottomLine {
    background-color: #4989c3;
    bottom: 96px;
    height: 2px;
    position: absolute;
    width: 100%;
}

.goodTopLine {
    background-color: #4989c3;
    height: 2px;
    position: absolute;
    top: -10px;
    width: 100%;
}

.poorLabel {
    /*background-color: #b60005;*/
    bottom: 0px;
    /*color: #fff;*/
	color: #b60005;
    font-size: 12px;
	font-weight: bold;
    height: 51px;
    left: 0;
    line-height: 1em;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 20px;
}

.poorLabel span {
    display: block;
    position: relative;
    top: 50%;
    
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.fairLabel {
    /*background-color: #f7941e;*/
    bottom: 51px;
    /*color: #fff;*/
	color: #f7941e;
    font-size: 12px;
	font-weight: bold;
    height: 45px;
    left: 0;
    line-height: 1em;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 20px;
}

.fairLabel span {
    display: block;
    padding-left: 4px;
    position: relative;
    top: 50%;
    
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.goodLabel {
    /*background-color: #4989c3;*/
    bottom: 96px;
    /*color: #fff;*/
	color: #4989c3;
    font-size: 12px;
	font-weight: bold;
    height: 64px;
    position: absolute;
    text-transform: uppercase;
    width: 20px;
}

.goodLabel > span {
    display: block;
    position: relative;
    top: 50%;
    
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.poorRightBorder {
    background-color: #b60005;
    bottom: 0px;
    height: 61px;
    position: absolute;
    right: 0;
    width: 2px;
}

.fairRightBorder {
    background-color: #f7941e;
    bottom: 51px;
    height: 45px;
    position: absolute;
    right: 0;
    width: 2px;
}

.goodRightBorder {
    background-color: #4989c3;
    bottom: 96px;
    height: 64px;
    position: absolute;
    right: 0;
    width: 2px;
}
	
.recentBHI {
    border-radius: 50%;
    bottom: 12px;
    color: #fff;
    display: table;
    font-size: 11px;
    height: 25px;
    position: absolute;
    right: -9px;
    text-align: center;
    width: 25px;
}

.recentBHI.poor {
	background-color: #b60005;
}

.recentBHI.fair {
	background-color: #f7941e;
}

.recentBHI.good {
	background-color: #4989c3;
}

.recentBHI span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}


.bhiGraph {
	width: 55%;
	/*max-width: 600px;*/
	position:relative;
	float:left;
	height: 22vw;
	
	margin-left: calc((100% - 76.8333%) / 2 - 3%);
}

.bhiGraph #bhi_chart {
	height: 22vw;
}

.bhiGraph .chartContainer {
	position: relative;
}

.row .column.column_10.waterQualityDescription > p:first-of-type {
	margin-top: 0;
	margin-bottom: 60px;
	text-align: center;
}

.supportingData p:first-of-type {
    margin-top: 0;
}

/* END Bay Health Chart Pages */




/* Mapping on Places to Go Individual Page */

.mapp-map-links {
	border-top: none;
	border-bottom: none;
}

.mapp-layout {
	border: none;
}

.column.column_4.places_map {
    position: relative;
}

.map_overlay {
    background-color: white;
    left: 15px;
    position: absolute;
    top: 15px;
    width: 65%;
    z-index: 1;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.map_overlay2 {
    background-color: rgba(0,0,0,0);
    position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}

.map_overlay_container {
    margin: 5px 10px;
}

.map_name {
    font-size: 18px;
    font-weight: 500;
}

.map_town {
    font-size: 14px;
    font-weight: 400;
    margin-top: 3px;
}

a.map_bigger {
    display: block;
    font-size: 12px;
    margin-top: 10px;
}


.mapLinks_listView {
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 14px;
    letter-spacing: 0.6px;
    margin-top: 41px;
    text-align: center;
    text-transform: uppercase;
}

.mapLinks_listView a.curr, .mapLinks_listView a.curr:hover {
    color: #223445;
}

.mapLinks_listView a
{
	margin-left: 33px;
}

.mapLinks_listView a:first-of-type {
    margin-left: 0px;
}

.mapLinks_listView a, .mapLinks_listView.bh a.curr {
    color: #7e9516;
}

.mapLinks_listView a:hover, .mapLinks_listView.bh a.curr:hover {
    color: #566c11;
	text-decoration: none;
}

.mapLinks_listView a span.icon {
    margin-right: 8px;
}

.mapLinks_listView .mapView span.icon {
    background-image: url("images/pin_green.png");
    background-size: cover;
    display: inline-block;
    height: 12px;
    position: relative;
    top: 1px;
    width: 8px;
}

.mapLinks_listView.bh a.mapView.curr span.icon {
	background-image: url("images/list_green.png");
	width: 14px;
}

.mapLinks_listView .mapView.curr span.icon {
	background-image: url("images/pin_black.png");
}

.mapLinks_listView .listView span.icon {
    background-image: url("images/list_green.png");
    background-size: cover;
    display: inline-block;
    height: 12px;
    position: relative;
    top: 1px;
    width: 14px;
}

.mapLinks_listView .listView.curr span.icon {
    background-image: url("images/list_black.png");
}

.content.map {
	position: relative;
}

.mapArea {
	margin-top: 30px;
	width: 100%;
	height: calc(40vw + 40px);
	
	display:block;
	
	position: absolute;
	left:-300vw;
	
	margin-bottom:50px;
	
	
}


#mapp0_layout, #mapp0-layout {
	width: 100% !important;
	height: 40vw !important;
	display: block !important;
	margin-left: 0;
	margin-right: 0;
}

div.places_map #mapp0_layout, div.places_map #mapp0-layout {
	height: 100% !important;
}


.mapp-iw {
    font-family: "Gotham Narrow SSm A","Gotham Narrow SSm B";
}

.mapp-iw * {
	font-size: inherit;
}

.mapp-left {
    display: block;
    float: left;
    width: 100px;
}

.mapp-left.bh {
    display: none;
}

.mapp-right {
    display: block;
    float: left;
    margin-left: 15px !important;
    width: 200px;
}

.mapp-right.bh {
    margin-left: 0 !important;
    width: inherit;
}

.mapp-iw .mapp-title {
    font-size: 18px;
	font-weight: 400;
}

.mapp-iw .mapp-title span {
	font-weight: 500;
}

.mapp-body {
    color: #7b8690;
    font-size: 14px;
    font-weight: 400;
}

.mapp-iw .mapp-links {
    border-top: medium none;
    padding-top: 0 !important;
}

.mapp-iw a, .mapp-iw a:link, .mapp-iw a:active, .mapp-iw a:visited {
    color: #4989c3 !important;
    font-weight: 500;
}

.mobile_mapFooter {
	display: none;
}

.places_map .gmnoprint.gm-bundled-control, .places_map .mapp-menu-toggle, .places_map .gmnoprint.gm-style-mtc { display: none; }

/* Mapping on Places to Go Individual Page */



/* WEATHER */

div.row.weather {
    margin-top: 35px;
	border-top: 1px solid #ccd4dc;
}

div.row.weather .featured_container {
    margin-top: 25px;
}

div.row.weather .featured .featured_title {
    color: #4989c3;
}

div.row.weather .featured p {
    color: #223445;
    font-size: 15px;
    margin-bottom: 18px;
    margin-top: 18px;
}

div.row.weather .featured p a {
    color: #0963b6;
}

div.row.weather .featured p a:hover {
	color: #6799c8;
	text-decoration: none;
}

div.row.weather .featured img {
    display: block;
    margin: 0 auto 18px;
    width: 178px;
}

.weatherLocation {
    clear: both;
	border-top: 1px solid #ccd4dc;
	padding-top: 20px;
	padding-bottom: 35px;
}

.weatherLocation:first-of-type {
	border-top: none;
}

.weather .pin {
    display: inline-block;
    height: 26px;
    margin-right: 10px;
    margin-top: 3px;
    vertical-align: top;
    width: 20px;
}

.weather .town {
    display: inline-block;
}

.weather .town .coordinates {
	color: rgba(123, 134, 144, 1);
    font-size: 16px;
	margin-top: 10px;
}

.row.weather .conditions {
    display: inline-block;
	margin-top: 20px;
	
	width: 33%;
}

.row.weather .conditions .conditions_row, .row.weather .conditions .feelsLike {
    margin-left: 30px;
}

.row.weather .conditions .conditions_left {
    display: table-cell;
    width: 105px;
}

.row.weather .conditions_right {
    display: table-cell;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-weight: 400;
    padding-left: 15px;
    vertical-align: middle;
}

.row.weather .conditions_left > img {
    margin-bottom: 0;
}

.row.weather .curr_temp {
    font-size: 47px;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.row.weather .curr_temp sup {
    font-size: 17px;
    margin-left: 3px;
    top: -21px;
}

.row.weather .current_weather {
    font-size: 17px;
    letter-spacing: 0;
}

.row.weather .feelsLike {
    color: #223445;
    font-size: 16px;
    margin-top: 15px;
}

.row.weather .forecast {
    display: inline-block;
    margin-top: 20px;
    vertical-align: top;
	
    font-size: 16px;
	line-height:21px;
    color: #223445;
	
	width: 66%;
    
}

.row.weather .forecast_left, .row.weather .forecast_right {
    display: inline-block;
	vertical-align: top;
	margin-left: 50px;
}

.weather .label {
    font-weight: 500;
}


.sunrise_sunset {
    display: block;
    margin-top: 35px;
    text-align: center;
}

.sunrise_sunset > div:first-of-type {
    margin-left: 0;
}
.sunrise_sunset > div {
    display: inline-block;
    margin-left: 20px;
}

.sunrise_sunset img {
    margin-right: 5px;
    vertical-align: middle;
    width: 51px;
}

.mobile_toggle {
	display: none;
}

/* END WEATHER */




/* WEATHER MAP */

.weatherMap .mapp-right {
	width: calc(100% - 15px);
}

.weatherMap .mapp-left {
	display: none;
}

.mapp-right a.weatherTown {
	display:block;
}

.mapp-right .conditions {
    display: inline-block;
	margin-top: 7px !important;
}

.mapp-right .conditions .conditions_left {
    display: table-cell;
    width: 60px;
}

.mapp-right .conditions_right {
    display: table-cell;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-weight: 400;
    padding-left: 10px !important;
    vertical-align: middle;
}

.mapp-right .conditions_left > img {
    margin-bottom: 0;
}

.mapp-right .curr_temp {
    font-size: 34px;
    font-weight: 400;
    letter-spacing: -0.2px;
}

.mapp-right .current_weather {
    font-size: 14px;
    letter-spacing: 0;
}

.mapp-right .feelsLike {
    color: #223445;
    font-size: 14px;
    margin-top: 7px !important;
}


.mapp-right .forecast {
    display: inline-block;
    vertical-align: top;
	
    font-size: 14px;
	line-height:21px;
    color: #223445;
    
	margin-top: 7px !important;
}

.mapp-right .forecast_left {
    display: inline-block;
	vertical-align: top;
	margin-left: 25px !important;
}

.mapp-right .label {
    font-weight: 500;
}



.mapp-body .sunrise_sunset {
    display: block;
    margin-top: 5px !important;
    text-align: center;
}

.mapp-body .sunrise_sunset > div:first-of-type {
    margin-left: 0 !important;
}

.mapp-body .sunrise_sunset > div {
    display: inline-block;
    margin-left: 10px !important;
}

.mapp-body .sunrise_sunset img {
    margin-right: 5px !important;
    vertical-align: bottom;
    width: 42px;
}

/* END WEATHER MAP */



/*  FILTERS */

.filter_bar .filter_title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.05px;
    margin-bottom: 15px;
}

.filter_bar .filter_search_area {
    display: inline;
}

.filter_bar .filters > div {
    /*display: inline;*/
	margin-right: 12px;
    
	display: block;
	float:left;
}

form.search.inFilterBar {
    display: inline;
}

.filter_bar input#filter_search {
    border: medium none;
	color: #223445;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 39px;
    max-height: 39px;
    padding: 0 12px;
    vertical-align: top;
	
	width: calc(100% - 82px - 24px);
}



.filter_bar input#filter_search::placeholder {
	color: #68727c;
}

.filter_bar input#filter_search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #68727c;
}
.filter_bar input#filter_search::-moz-placeholder { /* Firefox 19+ */
    color: #68727c;
}
.filter_bar input#filter_search:-ms-input-placeholder { /* IE 10+ */
    color: #68727c;
}
.filter_bar input#filter_search:-moz-placeholder { /* Firefox 18- */
    color: #68727c;
}

.filter_bar input#filter_search_submit {
    background-color: #4989c3;
    border: 0 none;
    color: #fff;
    font-family: "Gotham SSm A","Gotham SSm B";
    font-size: 14px;
    font-weight: bold;
    height: 39px;
    letter-spacing: 0.6px;
    
    position: relative;
    text-transform: uppercase;
    top: 0;
	padding: 0 10px;
}


.filter_bar.bay-health input#filter_search_submit {
	/*width: 8.33333%;*/
	width: 82px;
}

.filter_bar select {
    border: 0 none;
    height: 39px;
    vertical-align: top;

	padding:0 51px 0 12px;
	
	display: inline-block;
	
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	
	background-color: #fff;
	color: #223445;
	font-weight: 400;
	font-size: 16px;
}

.filter_bar .column_9 .filters select {
	margin-left: 1.457399103139%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .filter_bar select {padding-right:18px}
}

.filter_bar label {
	position:relative;
	height: 39px;
	vertical-align: top;
}

.filter_bar label::before {
    content: "";
    display: block;
    position: absolute;
}
.filter_bar label::after {
    background-image: url('images/select_dropdown.png');
	background-size: cover;
	background-repeat: no-repeat;
	
	content: "";
    height: 39px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 39px;
}

.filter_bar select option {
	padding: 12px 10px;
}

.filter_bar select, .filter_bar input {
	margin-bottom: 15px;
}

.filter_bar.bay-health div#div_filter_location {
    width: calc(24% - 12px);	
	min-width: 175px;
}

.filter_bar.bay-health select#filter_location, .filter_bar.bay-health div form, select#filter_sub_location, select#filter_score {
	width: 100%;
}

.filter_bar.bay-health div.filter_search_area {
	width: calc(24% - 12px);
	min-width: 295px;
}

div#div_filter_sub_location {
    /*width: calc(32.75% - 24px);*/
    width: calc(24% - 12px);	
	min-width: 205px;	
}

div#div_filter_score {
    width: calc(17% - 12px);	
	min-width: 135px;
}

.filter_bar.things div.filter_search_area {
	width: calc(31.390134529148% - 12px);
	min-width: 295px;
}

.filter_bar.things select#filter_location {
	width: 100%;
}

.filter_bar.things div#div_filter_location {
	width: calc(25% - 12px);
	min-width: 165px;
}

.filter_bar.things input#filter_search_submit {
	width: 82px;
}


.filter_bar.places select#filter_location, .filter_bar.places select#filter_activity, .filter_bar.places select#filter_type  {
	width: 100%;
}

.filter_bar.places div#div_filter_location {
	width: calc(20% - 12px);
	min-width: 165px;
}

.filter_bar.places div#div_filter_activity {
	width: calc(21% - 12px);
	min-width: 150px;
}

.filter_bar.places div#div_filter_type {
	width: calc(17% - 12px);
	min-width: 125px;
}


.filter_bar.places div.filter_search_area {
	width: calc(31.390134529148% - 12px);
	min-width: 300px;
}
.filter_bar.places input#filter_search_submit {
	width: 82px;
}



.filter_bar.news select#filter_location, .filter_bar.news select#filter_category, .filter_bar.news select#filter_year {
	width: 100%;
}


.filter_bar.news div#div_filter_location {
    width: calc(17.333333333333% - 12px);
	min-width: 160px;
}

.filter_bar.news div#div_filter_category {
    width: calc(22.916666666667% - 12px);
	min-width: 150px;
}

.filter_bar.news div#div_filter_year {
    width: calc(14.583333333333% - 12px);
	min-width: 125px;
}

.filter_bar.news div.filter_search_area {
	width: calc(23.3333% - 24px);
	min-width: 300px
}
.filter_bar.news input#filter_search_submit {
	width: 82px;
}






.filter_event_type {
    display: inline-block;
    margin-left: 2.33333%;
    margin-top: -15px;
    vertical-align: top;
    width: calc(20% - 2.33333%);
}

.filter_event_type > img {
    display: block;
    margin-bottom: 10px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 60%;
}

.filter_event_type > span {
    color: #fff;
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
	letter-spacing: .36px;
}

.filter_bar.events select#filter_location, .filter_bar.events select#filter_category, .filter_bar.events select#filter_date {
	width: 100%;
}

.filter_bar.events div#div_filter_location {
    width: calc(17.333333333333% - 12px);
	min-width: 165px;
}

.filter_bar.events div#div_filter_date {
    width: calc(14.583333333333% - 12px);
	min-width: 140px;
}

.filter_bar.events div#div_filter_category {
    width: calc(20% - 12px);
	min-width: 160px;
}

.filter_bar.events div.filter_event_types {
	width: calc(45.166666666667% - 12px);
	float:right;
	margin-right: 0;
}



/* END FILTERS */


/* SEARCH */


.search.inPage {
    margin-top: 50px;
    width: 100%;
}

.siteSearch.inPage {
    display: inline-block;
    height: 40px;
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100% - 80px);
}

form.search.inPage .ss-icon.ss-gizmo.search {
    background-color: #7e9516;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    height: 40px;
    padding-top: 2px;
    text-align: center;
    vertical-align: top;
    width: 50px;
}

/* END SEARCH */

div.noresults {
    padding-bottom: 50px;
    padding-top: 50px;
	font-style: italic;
}


/* YOUTUBE EMBED */

.yt_embed_vid > div {
    margin: 0 auto;
    max-width: 560px !important;
    width: 100% !important;
}

/* END YOUTUBE EMBED */


/* Image Thumbnails */

img.size-thumbnail {
	width: 150px !important;
}

.thumbnailBlock {
    /*display: flex;
    flex-flow: row wrap;
    align-items: center;*/
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.thumbnailBlock.images_center {
    /*justify-content: center;*/
	
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.thumbnailBlock img {
    margin-left: 0em;
    margin-right: 4em;
    margin-bottom: 2em;
}

/* END Image Thumbnails */


@media only screen and (min-width: 1600px) {
	
	.row.testSiteCharts .column_4 {
		width: 31.8735%;
	}
	
	.row.testSiteCharts .column_4:nth-of-type(3n) {
	    clear: none;
	    display: block;
	    margin-left: 2.18978%;
	}

	.row.testSiteCharts .column_4:nth-of-type(4n) {
		clear: both;
		margin-left: 0;
	}
}


@media only screen and (min-width: 1024px) {
	nav.eyebrow .dropdown:hover > .drop-nav {
	  display: block;
	}
	
	nav.main .dropdown:hover > div.main_drop {
		display:block;
	}

	section.cta .dropdown:hover > .drop-nav {
	  display: block;
	}
}



/* END: Media Queries */

/* For any view between 1025 and 1200 -- the only thing that should need changing is the header font sizes and spacing. */
@media screen and (max-width: 1199px) {
	header nav.main {
		font-size: 17.5px;
	}
	
	header nav.main li {
		padding-left: 1em;
	}
	
	
	/* Main Page Header Image */
	
	.header_background .hero_content {
		width: 40%;
		margin-left: 8.333333333334%;
	}
	/*
	.header_background .hero_content > div h1 {
		font-size: 32px;
		line-height: 36px;
	}
	
	.header_background .hero_content > div {
		margin: 18px 16px;
	}
	
	body .header_background {
		background-size: 100% auto, cover;
	}*/
	/* END Main Page Header Image */
	
	body.homepage nav.main div.main_drop {
	    padding-top: 33.5px;
	}
	
	nav.main div.main_drop {
		padding-top: 35.5px;
	}
	
	/* Bay Health Main Page */
	
	section.healthScoreDefinitions .bayHealthScoreArea .score .scoreArea div {
		font-size: 57px;
		line-height: 0;
	}
	
	/* END Bay Health Main Page */
	
	
	.row.weather .forecast_left, .row.weather .forecast_right {
		margin-left: 20px;
	}
	
	/*.filters a:first-of-type .filter_event_type {
	    margin-left: 0;
	}
	*/	
		
	.filter_event_type {
	    margin: 25px 10px 0;
	    width: 75px;
	}
	
	.filter_bar .filters > div.filter_event_types {
	    /*display: block;
		text-align: center;*/
		
		text-align: center;
		width: 100%;
	}
	
	
}

@media screen and (max-width: 1092px) {
	.row.weather .forecast_right {
	    display: block;
	    margin-top: 20px;
	}
	
	.sunrise_sunset {
	    margin-left: 0px;
	    text-align: left;
	}
	
	div.row.weather .featured img
	{
		width: 100%;
	}
}

/* For any view between 769 and 1024 -- tablet view */
@media screen and (max-width: 1024px) {
	section.content {
		margin-left: 4.166666666667%;
		margin-right: 4.166666666667%;
		margin-top: -14vw;
	}
	
	section.content.eventList {
		margin-right: 0;
	}
	
	p {
		font-size: 20px;
		line-height: 28px;
	}
	
	figure.image_right, figure.alignright, div.alignright, div.image_right, img.alignright {
		margin: 0 0 15px 15px;
	}
	
	div.row > .column_1:first-child, div.row > .column_1:last-child {
		width: 0;
	}
	
	div.row > .column_1:first-child + .column, div.row > .column + .column_1:last-child {
	    margin-left: 0%;
	}
	
	.column_1 + .column_10 {
		width: 100%;
	}
	
	/* Header and Top Navigation (eyebrow, main, and CTA) */
	
	body > header {
		height: 101px;
	}
	
	header .bbc_logo {
		margin-left: 2.864583333333%;
		height: 101px;
		width: 116px;
		top: 16.5px;
	}
	
	header nav.eyebrow, header nav.main{
		/*right: 2.864583333333%;*/
		right: 0;
	}
	
	header nav.eyebrow {
		top: 30px;
		font-size: 12px;
		margin-right: 20px;
	}
	
	header nav.main {
		top: 63px;
		font-size: 15px;
	}
	
	nav.main li:first-of-type {
		margin-right: 26px;
	}
	
	section.cta {
		height: 40px;
	}
	
	section.cta > nav {
		right: 0;
		font-size: 12px;
	}
	
	section.cta > nav > ul > li > a, section.cta > nav > ul > li > a:link, section.cta > nav > ul > li > a:visited {
		height: 40px !important;
		line-height: 40px !important;
	}
	
	.siteSearch {
		width: 235px;
	}
	
	
	.drop_subNav {
	    margin: 0 9px 30px;
	}

	.drop_subNav_left, .drop_subNav_right {
	    width: calc(50% - 4.5px);
	}
	
	.drop_subNav_third {
	    width: calc(33.33% - 8px);
	}
	
	.drop_subNav > p {
	    margin: 12px 0;
	}
	
	.subNav_title {
	    margin-top: 12px;
	}
	
	
	/* END Header */
	
	/* Footer */
	
	footer section.emailSignup {
		padding: 0 0;
		font-size: 20px;
	}
	
	footer section.emailSignup form {
		margin-left: 15px;
	}
	
	footer section.emailSignup input[type="input"] {
		font-size: 17px;
		width: 175px;
	}
	
	/* END Footer */
	
	
	/* Social Sharing links at the top of the page */
	
	.column.column_2.a2a {
		position: absolute;
		/*right: 9.375%;
		top: -7.8125vw;*/
		
		right: 2.375%;
		top: -9vw;
		
		width: 100%;
	}
	
	.a2a_kit {
	    text-align: right;
		/*position: relative;*/
	}
	
	.a2a_kit .ss-icon, .a2a_kit .ss-icon:link, .a2a_kit .ss-icon:visited {
		font-size: 36px;
		margin-left: 10px;
	}
	
	/* END Social Sharing Tools */
	
	
	/* Page Title */
	
	section.content header div.page_title {
		width: 80.338541666667vw;
	}
	
	section.content header h1 {
		font-size: 28px;
		line-height: 50px;
	}
	
	/* END Page Title */
	
	
	/* Content Header */
	
	section.content header .item_grid_introduction {
		width: inherit;
	}
	
	section.content header p {
		font-size: 22px;
		line-height: 32px;
	}
	
	section.content header p:first-of-type {
		margin-top: 15px;
	}
	section.content header .item_grid_introduction.thing_top_speace p{margin-top: 20px;} 
	section.content header section.breadcrumb, section.content header section.breadcrumb a, section.content header section.breadcrumb a:hover {
		font-size: 15px;
		margin-bottom: 11px;
	}
	
	section.content header section.breadcrumb + h1 {
	    margin-top: 11px;
	}
	
	/* END Content Header */
	
	/* Event Listing */
	
	section.content .event_details .event_time {
		font-size: 15px;
	}
	
	section.content .event_details .event_address, section.content .event_details .teaser, section.content .event_details .registration, section.content .event_details .cost {
		font-size: 17px;
		line-height: 23px;
	}
	
	/* END Event Listing */
	
	/* Item Grid */
	
	section.content .item_grid .item p {
		font-size: 17px;
		line-height: 23px;
		margin: 0 10px;
	}
	
	/* END Item Grid */
	
	
	/* Item List */
	
	.item_list .column_7.item {
		width: 74.4525547445255%;
	}
	
	section.content .item_list .item_teaser p, section.content .item_list .item_teaser a {
		font-size: 17px;
		line-height: 23px;
	}
	
	section.content .item_list .item_meta {
		font-size: 17px;
		line-height: 23px;
	}
	
	/* END Item List */
	
	
	/* Main Page */
	
	section.content header .column_1 + .column_10.page_title, section.content header .column_1 + .column_10.teaser {
		width: 100%;
	}
	
	body.homepage header nav.main {
		font-size: 14px;
	}
	
	body.homepage .bbc_logo {
	    top: 16.3333px;
	}
	
	/* END Main Page */
	
	
	/* Individual Event */
	
	section.content section.location {
		font-size: 17px;
	}
	
	section.content section.location .location_name {
		font-size: 19px;
	}
	
	section.content section.event_registration {
		font-size: 19px;
	}
	
	section.content section.event_meta, section.content section.news_meta {
		font-size: 14px;
	}
	
	/* END Individual Event */
	
	
	/* Individual Things to Do */
	
	section.content .column_7.placeToGo {
		width: 74.4525547445255%;
	}
	
	section.content .placeToGo .placeToGo_title {
		font-size: 22px;
	}
	
	section.content .placeToGo .placeToGo_meta {
		font-size: 17px;
	}
	
	section.content .placeToGo p, section.content .placeToGo .place_bullets {
		font-size: 17px;
		line-height: 23px;
	}
	
	section.content .placeToGo .location_spacer {
		padding: 0 5px;
		font-size: 17px;
	}
	
	/* END Individual Things to Do */
	
	
	/* Places to Go */
	
	.regular_propertyMap {
		display: none;
	}
	
	.tablet_propertyMap {
		display: block;
	}
	
	.details_demographics div.row div.column {
		width: 47.5%;
		float:left;
	}
	
	.details_demographics div.row div.column:nth-of-type(2n) {
		float:right;
	}
	
	.details_demographics div.row div.column:nth-of-type(2n_1) {
		clear:both;
	}
	
	section.content div.place_detail .column_1 {
		width: 0;
		margin-left: 0;
	}
	
	section.content div.place_detail .column_2 {
		width: 23.3576642335765%;
	}
	
	/* END Places to Go */
	
	
	/* Footer */
	
	footer section.emailSignup {
	    height: inherit;
		line-height: 28px;
	}
	
	footer section.emailSignup div {
	    margin: 20px 10%;
	}
	
	footer section.emailSignup div.emailSignup_container {
	    display: block;
	    margin: 0;
	}
	
	footer section.emailSignup form {
	    display: inline-block;
	    margin-bottom: 28px;
	    margin-left: 0;
	    margin-top: 8px;
	}
	
	footer section.desktop {
		display: block;
	}
	footer section.desktop .column_4, footer section.desktop .column_2 {
		display:none;
	}
	footer section.desktop #footerform { width: 100%; margin: 0px; }
	
	footer section.mobile {
		display: block;
		padding: 40px 0 0;
		overflow: auto;
	}
	
	footer section.mobile > div {
		width: 53.385416666667%;
		margin: 0 auto;
		height: 100%;
		overflow: auto;
	}
	
	footer section.mobile section.logo {
		width: 38.048780487805%;
		margin: 0 auto;
	}
	
	footer section.mobile section.social {
		clear:both;
		padding-top: 17px;
		text-align: center;
	}
	
	footer section.mobile section.social a:last-of-type {
		margin-right: 0;
	}
	
	footer section.mobile section.offices .location {
		margin-top: 20px;
		text-align: center;
		width: 100%;
	}
	
	footer section.mobile section.offices .location h3 {
		margin-bottom: 10px;
	}
	
	footer section.mobile section.affiliate_logos {
		height: 110px;
		background-color: #013f77;
		margin-top: 22px;
		float: inherit;
		clear:both;
		
		overflow: auto;
		
	}
	
	footer section.mobile section.affiliate_logos div {
		display: table;
		margin: 0 auto;
	}
	
	
	
	footer section.mobile .affiliate_logos div > a {
		float: left;
		
	}

	footer section.mobile .affiliate_logos div > a:first-of-type {
		margin-right: 40px;
	}

	footer section.mobile .affiliate_logos div > a > img {
		margin-bottom: 0;
		height: 100%;
		width: auto;
	}
	
	footer section.mobile .affiliate_logos div > a.accreditedLandTrust_logo > img {
		height: 80px;
		margin-top: 15px;
	}
	
	footer section.mobile .affiliate_logos div > a.waterkeeper_logo > img {
		height: 50px;
		margin-top: 30px;
	}

	footer section.mobile .affiliate_logos div > a > *:not(img) {
		display:block;
		height: 0;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	
	footer .weather {
	    clear: both;
	    padding-top: 40px;
	}
	
	footer section.footerContent h2 {
	    text-align: center;
	}
	
	footer .weather h2 img {
	    display: block;
	    margin: 10px auto 0;
	}
	
	footer .weather .conditions, footer .weather .forecast {
	    margin: 0 auto 20px;
	}
	
	footer .weather .moreConditions {
	    margin-bottom: 20px;
	    text-align: center;
	    width: 100%;
	}
	
	
	
	/* END Footer */
	
	
	/* Module Take Action */
	
	section.module_take_action div.copy_block {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	section.module_take_action h2, section.module_take_action h1 {
		margin-left: 5%;
		margin-right: 5%;
	}
	
	section.module_take_action p {
		line-height: 28px;
	}
	
	/* END Module Take Action */
	
	
	/* Module Issues */
	
	section.module_issues div.module_content {
	    margin: 0 4.166666666667%;
	    padding-bottom: 50px;
	}
	
	section.module_issues h1 {
		margin-bottom: 0;
		margin-top: 38px;
		font-size: 42px;
		line-height: 48px;
	}
	
	section.module_issues p {
		line-height: 28px;
	}
	
	section.module_issues p strong {
		font-weight: 500;
	}
	
	section.module_issues .title {
		font-size: 14px;
		line-height: 15px;
	}
	
	section.module_issues div.buttons a {
		margin-top: 25px;
	}
	
	/* END Module Issues */
	
	/* Module Bay Health */
	
	.module_bayHealth .module_content {
	    margin: 0 4.16667%;
	}
	
	.module_bayHealth .column.column_10 {
	    clear: both;
	    width: 100%;
		margin: 50px 0;
	}
	
	.scoreArea div div span.bhi {
	    font-size: 72px;
	    line-height: 72px;
	}
	
	
	/* END Module Bay Health */
	
	/* Module News */
	
	section.module_news div.module_content {
	    margin: 0 4.166666666667%;
	}
	
	section.module_news h1 {
		font-size: 42px;
		line-height: 48px;
		margin-top: 38px;
	}
	
	section.module_news .article {
	    margin-top: 16px;
	}
	
	section.module_news .article_meta {
		margin-top: 12px;
	}
	
	section.module_news div.teaser p:first-of-type {
		margin-top: 0;
	}
	
	section.module_news div.teaser p, section.module_news div.teaser a {
		font-size: 17px;
		line-height: 23px;
	}
	
	section.module_news div.buttons a {
		margin-top: 14px;
		margin-bottom: 50px;
	}
	
	/* END Module News */
	
	/* Module Things to Do */
	
	section.module_things_to_do div.copy_block {
		padding: 25px 0;
	}
	
	section.module_things_to_do h1 {
		margin-bottom: 16px;
	}
	
	section.module_things_to_do h2, section.module_things_to_do h2 a {
		/*margin-top: 0;
		margin-bottom: 0;*/
		
		margin:0;
		
		font-size: 42px;
	}
	
	/* END Module Things to Do */
	
	
	
	/* Module Places to Go */
	
	section.module_places_to_go div.module_content {
		margin: 0 4.166666666667%;
	}
	
	section.module_places_to_go h1 {
		margin-top: 32px;
	}
	
	
	section.module_places_to_go .title {
	    margin-top: 16px;
	}
	
	section.module_places_to_go .place {
	    margin-top: 16px;
	}	
	
	section.module_places_to_go p {
		font-size: 17px;
		line-height: 23px;
	}
	
	section.module_places_to_go div.buttons a {
		margin-top: 14px;
		margin-bottom: 50px;
	}
	
	/* END Module Places to Go */
	
	
	
	/* Module Activities */
	
	section.module_activities {
		padding: 32px 0 32px;
	}
	
	section.module_activities h1 {
		margin-top: 0;
	}
	
	/* END Module Activities */
	
	.prev {
	    font-size: 36px;
	    top: calc(50% - 18px);
	}

	.next {
	    font-size: 36px;
	    top: calc(50% - 18px);
	}
	
	
	
	
	/* Module Events */
	
	section.module_events div.module_content {
		padding: 0 c%;
	}
	
	section.module_events .module_content .row .column_2 {
	    width: 0;
	}
	
	section.module_events .module_content .row .column_2 + .column_8 {
	    margin-left: 0;
	}
	section.module_events .module_content .row .column_8 {
	    display: block;
	    text-align: center;
	    width: 100%;
	}
	
	section.module_events .module_content .row .column_1_5, section.module_events .module_content .row .column_1 {
	    width: 0;
		margin-left:0;
	}
	
	section.module_events .module_content .row .column_1_5 + .column_3, section.module_events .module_content .row .column_1 + .column_3_3 {
	    margin-left: 0;
	}
	section.module_events .module_content .row .column_3, section.module_events .module_content .row .column_3_3 {
	    display: block;
	    text-align: center;
	    width: 31.8734793187347%;
	}
	
	section.module_events .event_types a img {
		margin-right: 4px;
	}
	
	section.module_events .event_types {
		width: calc(100% - 93px);
	}
	
	section.module_events .learnMore {
		width: 93px;
	}
	
	section.module_events div.buttons a {
		margin-bottom: 50px;
	}
	
	
	/* END Module Events */
	
	/* Main Page Header Image */
	
	body.homepage nav.eyebrow {
		right: inherit;
	}
	
	body.homepage nav.main li:first-of-type {
	    margin-right: 26px;
	}
	
	body.homepage nav.eyebrow {
	    right: 0px;
	}
	
	.header_background .hero_content {
		width: 50%;
		margin-left: 8.333333333334%;
		margin-top: calc(191px + 2.992700729927%);
		/*margin-bottom: calc(20.875vw + 25px);*/
		margin-bottom: 21vw;
	}
	
	.header_background .hero_content > div h1 {
		font-size: 32px;
		line-height: 36px;
	}
	
	.header_background .hero_content > div {
		margin: 18px 16px;
	}
	
	
	/* END Main Page Header Image */
	
	
	/* Dropdown Navigation */
	
	nav.eyebrow .drop-nav
	{
		left: inherit;
		right: 0;
	}
	
	nav.eyebrow a.touchLink {
	    background-color: #566c11 !important;
	    color: #fff !important;
	    font-size: 1.25em;
	    margin: 0;
	    padding: 6px 4px 2px !important;
	    position: relative;
	    top: 2px;
	}
	
	nav.eyebrow li.dropdown.touchActive {
		top:-10px;
	}
	
	nav.eyebrow li.dropdown.touchActive a.touchLink, section.cta li.dropdown.touchActive a.touchLink {
		display: inline-block;
	}
	
	nav.eyebrow li.dropdown.touchActive .drop-nav {
		margin-top: 1px;
	}
	
	section.cta .drop-nav {
		left: inherit;
		right: 0;
	}
	
	nav.main div.main_drop {
	    background-color: white;
	    display: none;
	    overflow: hidden;
	    padding-top: 33px;
	    position: absolute;
	    width: 100vw;
	    z-index: 1;
	}
	
	/*body.homepage nav.main div.main_drop {
	    padding-top: 35px;
	    right: -2vw;
	    width: calc(100vw - 3.64963vw - 3.64963vw);
	}*/
		
		body.homepage nav.main div.main_drop {
		    left: 0;
		    padding-top: 35px;
		    width: 100%;
		}
	
	
	/* END Dropdown Navigation */
	
	
	/* Sponsorships */
	
	.column.column_2.with_sponsors {
	    margin-top: 0;
	}

	.column.column_2.with_sponsors .a2a_kit a.ss-icon {
		margin-right: 0;
	}
	
	.column.column_2.with_sponsors .primarySponsor {
		display:none;
	}
	
	.mobile_primarySponsor {
	    color: #68727c;
	    font-family: "Gotham SSm A","Gotham SSm B";
	    font-size: 12px;
	    font-weight: 400;
	    letter-spacing: 0.35px;
	    line-height: 15px;
	    margin-top: 22px;
	    text-align: center;
	    text-transform: uppercase;
		display: block;
		
		background-color: #dbe5ee;
		padding: 10px 0 0;
	}
	
	.mobile_primarySponsor.post_filter {
		display: none;
	}
	
	.mobile_primarySponsor .sponsoredLogo {
	    margin: 0 auto;
	    width: 175px;
	}
	
	/* END Sponsorships */
	
	
	/* Bay Health Main Page */
	
	section.healthScoreDefinitions .bayHealthScoreArea .score .scoreArea div {
		font-size: 50px;
		line-height: 0;
	}
	
	/* END Bay Health Main Page */
	
	
	/* Bay Health List Sub Locations Pages */
	
	div.row div.location_list {
		width: 100%;
	}
	
	/* END Bay Health List Sub Locations Pages */
	
	
	
	
	/* Bay Health Test Station Graphs */
	
	.subembayment_health .column_10 {
		width: 100%;
	}
	
	.bhiGraph, .bhiGraph #bhi_chart {
		height: 26vw;
	}
	
	.row.testSiteCharts .column_4 > div.chartArea {
	    height: 30vw;
	}
	
	.row.testSiteCharts .column_4 {
	    width: 48.9051%;
	}
	
	.row.testSiteCharts .column_4:nth-of-type(3n) {
	    clear: both;
	    display: block;
	    margin-left: 0;
	}
	
	.row.testSiteCharts .column_4:nth-of-type(4n) {
	    clear: none;
	    margin-left: 2.18978%;
	}
	
	
	/* END: Bay Health Test Station Graphs */
	
	
	.mapArea {
		height: 400px;
	}

	#mapp0_layout, #mapp0-layout {
		height: calc(100% - 40px) !important;
	}
	
	
}

/* For any view under 768 -- mobile view */
@media screen and (max-width: 767px) {
	body > header, body.homepage > header {
		height: 100px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin-top: 0;
		
		box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.4);
		
		background-color: inherit;
		
		z-index: 11;
	}
	
	body > header.shrunk {
		height: 63px;
	}
	
	body > header > .navigation
	{
		height: 81px;
		background-color: rgba(255, 255, 255, 0.95);
	}
	
	body > header.shrunk > .navigation {
		height: 51px;
	}
	
	body section.cta {
		display: none;
	}
	
	body.homepage section.cta
	{
		height: 19px;
		background-color: rgba(197, 216, 127, .95);
		display: block;
	}
	
	body div.greenBar {
		height: 19px;
		background-color: rgba(197, 216, 127, .95);
	}
	
	body.homepage header.shrunk section.cta, body header.shrunk div.greenBar {
		height: 12px;
	}
	
	body > header > .navigation .bbc_logo, body.homepage > header > .navigation .bbc_logo
	{
		margin-left: 4.6875%;
		top: 14.5px;
		height: 78px;
		width: 91px;
	}
	
	body > header.shrunk > .navigation .bbc_logo
	{
		height: 55px;
		width: 63px;
		margin-left: 5px;
		top: 5px;
	}
	
	nav.eyebrow {
		display: none;
	}
	
	nav.main {
		display: none;
	}
	
	section.cta nav {
		display: none;
	}
	
	section.hero {
		/*height: calc(37vw + 150px);*/
		height: 86vw;
		margin-top: 47px;
		background-size: 100% auto, 0 0, cover !important;
	}
	
	
	body > header > .navigation .mobile_nav {
		display:block;
	}
	
	.mobile_nav > a.hamburger::before {
	    background-image: url("./images/mobile_menu.png");
	    background-size: cover;
	    content: "";
	    display: inline-block;
	    height: 15px;
	    width: 21px;
		position: relative;
		top: 2px;
		margin-right:5px;
	}
	
	.mobile_nav > a.hamburger.menuActive::before {
	    background-image: url("./images/mobile_menu_close.png");
	    background-size: cover;
	    content: "";
	    display: inline-block;
	    height: 17px;
	    margin-right: 5px;
	    position: relative;
	    top: 3px;
	    width: 17px;
	}
	
	.mobile_nav a.menuActive {
	    color: #226aac;
	}
	
	.mobile_nav {
	    position: absolute;
	    right: 4.6875%;
	    top: 32px;
	}
	
	body > header.shrunk .mobile_nav {
		top: 16px;
	}
	
	
	
	.mobile_nav a {
	    color: #223445;
	    letter-spacing: 0.4px;
	    text-transform: uppercase;
		font-size: 15px;
	}
	
	a.ss-icon.ss-gizmo.search {
	    color: #7e9516;
	    font-size: 22px;
	    font-weight: bold;
	    position: relative;
	    /*top: 2.5px;
		margin-left: 4.6875vw;*/
	}
	
	div.siteSearchMenu {
	    display: inline-block;
	    top: 2px !important;
	    z-index: 0;
	}
	
	/* Mobile Drop Down Nav Menu */
	
	.mobile_drop {
	    background-color: #226aac;
	    padding-top: 100px;
		display:none;
	}
	
	.mobile_drop > nav, .mobile_drop > section {
		z-index: 10;
	}
	
	.mobile_drop nav.main {
	    display: block;
	    position: relative;
	    right: 0;
	    top: 0;
	}
	
	.mobile_drop section.cta {
	    display: block;
	    height: auto;
	}
	
	.mobile_drop nav.eyebrow {
	    display: block;
	    position: relative;
	    right: 0;
	    top: 0;
	}
	
	.mobile_drop section.cta nav {
	    display: block;
	    position: relative;
	}
	
	.mobile_drop nav.main li, .mobile_drop section.cta nav li {
	    float: inherit;
	    padding-left: 0;
	    width: 100%;
		border-bottom: 1px solid #013f77;
	}
	
	.mobile_drop nav.main ul.mobile_sub li, .mobile_drop section.cta nav ul.mobile_sub li {
	    border-bottom: 1px solid #446a01;
	}
	
	.mobile_drop nav.main ul.mobile_sub li:last-of-type, .mobile_drop section.cta nav ul.mobile_sub li:last-of-type {
	    border-bottom: medium none;
	}
	
	.mobile_drop .eyebrow li {
	    clear: both;
	    float: inherit;
	    margin: 0;
	    width: 100%;
	}
	
	.mobile_drop nav.main ul li a, .mobile_drop section.cta > nav > ul > li a, .mobile_drop section.cta > nav > ul > li.last-of-type a {
	    background-color: #226aac !important;
	    color: #fff;
	    display: block;
	    font-family: "Gotham SSm A","Gotham SSm B";
	    font-size: 20px;
	    font-weight: 500;
	    height: 51px !important;
	    line-height: 51px !important;
	    padding-left: 4.6875%;
	    vertical-align: middle;
		text-transform: none;
	}
	
	.mobile_drop nav.main ul li a.currPage, .mobile_drop section.cta > nav > ul > li > a.currPage {
	    background-color: #446a01 !important;
	}
	
	.mobile_drop .eyebrow ul li a {
	    background-color: #013f77;
	    color: #6dc3ff;
	    display: block;
	    font-family: "Gotham SSm A","Gotham SSm B";
	    font-size: 14px;
	    letter-spacing: 0.6px;
	    line-height: 26px;
	    padding: 7px 0 7px 4.6875% !important;
	}
	
	.mobile_drop .eyebrow ul li a:first-of-type {
	    padding-top: 15px !important;
	}
	
	.mobile_drop .eyebrow ul li:nth-last-of-type(2) a {
	    padding-bottom: 15px !important;
	}
	
	
	
	.mobile_drop nav.eyebrow li.siteSearchMenu {
	    display: none;
	}
	
	.mobile_drop nav.main ul .dropdown:hover div.main_drop, .mobile_drop section.cta nav ul .dropdown:hover ul.drop-nav, .mobile_drop nav.eyebrow ul .dropdown:hover ul.drop-nav {
		display:none;
	}
	
	body.homepage .mobile_drop nav.main ul li, nav.main ul li {
		float: none;
	}
	
	
	body nav.search {
	    display: block;
	    padding-right: 0;
	    position: relative;
	    right: 0;
	    top: 0;
	    width: 100%;
	}
	
	body .mobile_drop nav.search ul li {
		float: none;
	    background-color: #013f77;
	    padding: 16px 4.675%;
	}
	
	body .mobile_drop nav.search form.search {
	    background-color: #f2f5f7;
	    display: block;
	    height: inherit;
	    width: 100%;
	}
	
	body .mobile_drop nav.search .siteSearch {
	    font-size: 14px;
	    position: relative;
	    top: -2.5px;
	    width: calc(100% - 48px);
	}
	
	body .mobile_drop nav.search a.ss-icon.ss-gizmo.search {
	    color: #7e9516;
	    display: inline-block;
	    font-size: 22px;
	    font-weight: bold;
	    position: relative;
	    text-align: center;
	    top: 2.5px;
	    width: 30px;
		margin-left: 0;
	}
	
	.mobile_sub.currSub, .mobile_sub_sub.currSub {
		display: block;
	}
	
	.mobile_drop section.cta nav ul li ul.mobile_sub li a, .mobile_drop nav.main ul li ul.mobile_sub li a {
	    background-color: #7e9516 !important;
	    color: #f4ffbf;
	    font-weight: 400;
	    padding-left: 9.35%;
		text-decoration: none;
	}
	
	.mobile_drop nav.main ul li ul.mobile_sub_sub li a {
		background-color: #c3d571 !important;
	}
	
	nav.eyebrow > ul > li > a.currPage {
	    color: #6dc3ff;
	}
	
	nav.eyebrow ul {
		background-color: #013f77;
	}
	
	nav.eyebrow .mobile_sub.currSub {
	    margin-left: 9.35%;
	    background-color: #013f77;
	}
	
	nav.main .mobile_sub.currSub .mobile_sub_sub {
		padding-left: 9.35%;
		background-color: #c3d571;
	}
	
	nav.eyebrow .mobile_sub.currSub li {
	    border-top: 1px solid #226aac;
	    padding-top: 15px;
	}
	
	nav.main .mobile_sub.currSub .mobile_sub_sub li
	{
		border-top: 1px solid #7e9516;
		padding-top: 15px;
		border-bottom: 0;
	}
	
	nav.main .mobile_sub.currSub .mobile_sub_sub li:first-of-type {
		border-top: none;
	}
	
	nav.eyebrow .mobile_sub.currSub li a:first-of-type, nav.main .mobile_sub.currSub .mobile_sub_sub li a:first-of-type {
	    padding-top: 0 !important;
	}
	nav.eyebrow .mobile_sub.currSub li a, nav.main .mobile_sub.currSub .mobile_sub_sub li a {
	    padding-left: 0 !important;
		color: #a8d6f6;
		padding-bottom: 15px;
	}
	
	.mobile_drop nav.main ul.mobile_sub.currSub ul.mobile_sub_sub li a
	{
		color: #507705;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: 500;
		height: auto !important;
		line-height: 24px !important;
	}
	
	.mobile_drop nav.main ul.mobile_sub.currSub ul.mobile_sub_sub li a.currPage
	{
		color: #203102;
	}
	
	nav.eyebrow .mobile_sub.currSub li a.currPage, nav.main .mobile_sub.currSub .mobile_sub_sub li a.currPage {
		color: #fff;
	}
	
	nav.eyebrow > ul > li:hover > a, nav.eyebrow > ul > li:hover > a.search:hover, nav.eyebrow > ul li.dropdown.touchActive > a:first-of-type {
		background-color: inherit;
		color: #6dc3ff;
	}
	
	nav.eyebrow > ul > li:hover > a.currPage {
		color: #6dc3ff;
	}
	
	
	
	
	
	
	
	body.homepage .mobile_drop section.cta {
		height: inherit;
	}
	
	/* END Mobile Drop Down Nav Menu */
	
	
	/* Footer */
	
	footer section.emailSignup {
	    font-size: 20px;
	    height: inherit;
	    line-height: 28px;
	}
	
	footer section.emailSignup div {
	    margin: 20px 10%;
	}
	
	footer section.emailSignup form {
	    display: inline-block;
	    margin-bottom: 28px;
	    margin-left: 0;
	    margin-top: 8px;
	}
	
	footer section.mobile > div {
		width: 80%;
		padding-bottom: 15px;
	}
	
	footer section.mobile section.logo {
	    width: 50%;
		max-width: 200px;
	}
	
	footer section.footerContent .mainOffice, footer section.footerContent .capeOffice {
	    float: none;
	    width: 100%;
	}
	
	/* END Footer */
	
	
	
	
	section.content {
		margin-left:0;
		margin-right:0;
	}
	
	section.content .main {
		margin-bottom: 25px;
	}
	
	/* page title location */
	section.content header .row > .column_8 {
		width: 100%;
	}
	
	.a2a_kit {
	    text-align: right;
	}
	
	.column.column_2.a2a {
	    /*right:0;*/
		top: -10vw;
	}
	
	.a2a_kit .ss-icon, .a2a_kit .ss-icon:link, .a2a_kit .ss-icon:visited {
	    font-size: 36px;
	    margin-left: 5px;
		margin-right: 0;
	}
	
	/* Used on all of the normal pages to show the title of the page. */
	section.content header div.page_title {
	    width: 100%;
	}
	
	
	/* page title */
	section.content header h1 {
	    font-size: 33px;
	    line-height: 33px;
		margin-top: 12px;
	}
	
	section.content header section.breadcrumb, section.content header section.breadcrumb a, section.content header section.breadcrumb a:hover {
	    font-size: 14px;
	    margin-bottom: 7px;
	}
	
	section.content header section.breadcrumb + h1 {
	    margin-top: 7px;
	}
	
	/* introductory paragraph */
	section.content header p {
	    font-size: 16px;
	    line-height: 22px;
	}
	
	section.content h1 {
	    font-size: 24px;
	    line-height: 29px;
	    margin-top: 15px;
		margin-bottom: 8px;
	}
	
	section.content h2 {
		font-size: 22px;
		line-height: 26px;
		margin-top: 15px; 
		margin-bottom: 8px;
	}

	section.content h3 {
		font-size: 18px;
		line-height: 24px;
		margin-top: 15px; 
		margin-bottom: 8px;
	}
	
	section.content p {
	    font-size: 16px;
	    line-height: 22px;
	    margin-top: 15px;
		margin-bottom: 15px;
	}
	
	figure.image_left, figure.alignleft, div.alignleft, div.image_left, img.alignleft, figure.image_right, figure.alignright, div.alignright, div.image_right, img.alignright, figure.image_center, figure.aligncenter, div.aligncenter, div.image_center, img.aligncenter
	{
		width: 100% !important;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	
	.thumbnailBlock img.size-thumbnail, .thumbnailBlock img.size-thumbnail.aligncenter {
		width: 150px !important;
		margin-left: 0em;
		margin-right: 4em;
		margin-bottom: 2em;
	}
	
	img.size-thumbnail.alignleft  {
		width: 150px !important;
		
		float: left;
		margin-right: 20px;
		margin-bottom: 7px;
	}
	
	img.size-thumbnail.alignright {
		width: 150px !important;
		
		float: right;
		margin-left: 20px;
		margin-bottom: 7px;
	}
	
	section.content p.wp-caption-text, figcaption {
		margin-right: 4.6875% !important;
		margin-left: 4.6875% !important;
	}
	
	section.content ul, section.content ol {
		margin-bottom: 21px;
	}
	
	section.content li {
		margin: 9px 0;
	}
	
	
	/* Pages using Item Grids */
	section.content .row.item_grid {
	    margin-bottom: 0;
	    margin-top: 0;
	}
	
	section.content .row.item_grid:first-of-type {
	    margin-top: 30px;
	}
	
	section.content .row.item_grid:last-of-type {
	    margin-bottom: 30px;
	}
	
	.item + .item {
	    margin-left: 0;
	}
	
	section.content .item_grid .column.column_4.item {
	    float: none;
	    margin-bottom: 20px;
	    width: 100%;
	}
	
	section.content .item_grid .item a.title {
	    font-size: 21px;
	    margin-top: 13px;
		margin-bottom: 13px;
	}
	
	section.content .item_grid .item p {
	    margin-top: 0;
		margin-bottom: 0;
		font-size: 16px;
		line-height: 22px;
	}
	
	
	/* Pages using Item Lists */
	section.content .row.item_list {
	    padding-bottom: 0;
	}
	
	
	section.content .item_list:first-of-type {
	    padding-top: 30px;
	}
	
	section.content .item_list:last-of-type {
	    margin-bottom: 30px;
	}
	
	.column.column_3.item_img {
	    float: none;
	    width: 100%;
	}
	
	.column.column_3.item_img img {
		margin-bottom: 0;
	}
	
	.item_list .column.column_7.item {
	    margin-left: 0;
	    text-align: left;
	    width: 100%;
	}
	
	section.content .item_list .item_teaser p:last-of-type {
	    display: block;
	}
	
	section.content .item_teaser > p {
	    margin-left: 0;
	    margin-right: 0;
	}
	
	section.content .item_list .item_teaser, section.content .item_list .item_teaser p {
	    font-size: 16px;
	    line-height: 22px;
	    margin-bottom: 0;
	}
	
	section.content .item_list .item_meta {
	    font-size: 16px;
	    line-height: 22px;
	}
	
	section.content .item_list .item_title {
		font-size: 21px;
	    margin-top: 13px;
		margin-bottom: 13px;
	}
	
	section.content .news_article .item_title {
	    margin-bottom: 6px;
	}
	
	section.content .item_list .item_meta {
		margin-bottom: 13px;
	}
	
	/* Events */
	section.content .container {
	    border-bottom: none;
	    margin-bottom: 0px;
	}
	
	section.content .pagination_container {
	    margin-top: 0px;
		padding-top: 30px;
	}
	
	section.content .pagination {
		margin: 0 auto 20px;
	}
	
	.pagination_container .column_10 {
	    width: 100%;
	}
	
	section.content .row.container.events .column_9.column.column_9 {
	    float: none;
	    width: 100%;
	}
	
	section.content .row.container.events .column.column_3.featured {
	    display: none;
	}
	
	section.content .featured_mobile {
		display:block;
	}
	
	section.content .event_post > .event_date {
	    display: none;
	}
	
	section.content .event_details .event_date {
	    display: block;
	}
	
	section.content .event_details .teaser, section.content .event_details .cost, section.content .event_details .registration {
	    display: none;
	}
	
	section.content .row.container.events hr {
	    display: none;
	}
	
	section.content .event_image {
	    float: none;
	    width: 100%;
	}
	
	section.content .event_details {
	    float: none;
	    margin-left: 0;
	    width: 100%;
	}
	
	section.content .event_post .event_date {
	    font-size: 18px;
	    line-height: 25px;
	    margin-bottom: 5px;
	}
	
	section.content .event_details .event_time {
	    font-size: 14px;
	    margin-bottom: 10px;
	}
	
	section.content .event_details .event_name {
	    font-size: 21px;
	    line-height: 24px;
	}
	
	section.content .event_details .event_address, section.content .event_details .teaser, section.content .event_details .registration, section.content .event_details .cost {
	    font-size: 16px;
	    line-height: 22px;
	}
	
	section.content .event_post:first-child {
	    padding-top: 30px;
	}
	
	section.content .event_post {
	    clear: both;
	    margin-bottom: 34px;
	    overflow: auto;
	    padding-top: 0;
		padding-bottom: 0;
	}
	
	section.content section.event_registration div .externalMessage {
	    display: block;
	    top: -21px;
	    margin-left:0;
	}
	
	/* END Events */
	
	
	/* Things To Do Individual Page */
	
	section.content .places .placeToGo_image {
	    float: none;
	    width: 100%;
	}
	
	.placeToGo_image + .placeToGo {
	    margin-left: 0;
	}
	
	section.content .places .column.column_7.placeToGo {
	    float: none;
	    width: inherit;
	}
	
	section.content .placeToGo .location_name {
	    font-size: 21px;
	}
	
	section.content .placeToGo .placeToGo_title {
	    margin-bottom: 6px;
	}
	
	section.content .places .placeToGo > p {
	    display: none;
	}
	
	section.content .places .placeToGo .place_bullets {
		display: none;
	}
	
	section.content .places {
	    margin-bottom: 34px;
	    padding-bottom: 0;
	    padding-top: 0;
	}
	
	/* END Things to Do (Indiv) */
	
	/* News (Indiv) */
	section.content header section.article_meta, section.content section.event_meta, section.content section.news_meta {
	    font-size: 13px;
	}
	
	section.content header .event_message {
	    font-size: 22px;
	    line-height: 22px;
	    padding: 10px 4.675%;
	}

	section.content header .event_message span {
    
	    top: 5px;
	}
	
	section.content header section.event_timeframe {
		font-size: 22px;
		line-height: 28px;
		margin-top: 6px;
	}
	
	/* END News (Indiv) */
	
	/* Event (indiv) */
	
	section.content .event .column_7.main {
	    float: none;
	    width: 100%;
	}
	
	section.content a.location_map {
		display: none;
	}
	
	section.content section.location .location_name
	{
		font-size: 18px;
		line-height: 24px;
	}
	
	section.content section.location
	{
		font-size: 16px;
	}
	
	section.content .event section.event_registration
	{
		font-size: 17px;
	}
	
	.event .column_1 + .column_4 {
	    margin-left: 0;
	}
	
	section.content .event .column_4 {
	    float: none;
	    width: 100%;
		margin-bottom: 30px;
	}
	
	section.content .event .column_7 {
	    float: none;
	    width: 100%;
	}
	
	section.content .event figure img:first-of-type {
		/*margin: 0;*/
	}
	
	/* END Event (indiv) */
	
	/* Places to Go (indiv) */
	
	section.content .place_detail .column_9 {
	    float: none;
	    width: 100%;
	}
	
	section.content .place_detail .place_owner {
	    border-top: 1px solid #9ba7b1;
	    margin-top: 30px;
	    padding-top: 30px;
		text-align: center;
	}
	
	.place_owner .content_left {
	    float: none;
	    width: 100%;
	}
	
	.place_owner .content_right {
	    display: none;
	}
	
	.place_owner > a.mobile_logo {
	    display: block;
		margin: 0 auto;
		width: 50%;
	}
	
	.place_owner .mobile_logo > img {
	    margin-bottom: 0;
	}
	
	section.content .place_detail .column.column_2.activities {
	    display: none;
	}
	
	.details_demographics {
		margin-top: 26px;
	}
	
	.details_demographics .row {
		padding-top: 0px;
	}
	
	.details_demographics div.row div.column {
	    float: none;
	    width: 100%;
	}
	
	.tablet_propertyMap {
		display: none;
	}
	
	.regular_propertyMap {
		display: block;
	}
	
	.details_demographics .stat, .details_demographics .place_addr, .details_demographics .phone_email, .details_demographics p {
		font-size: 16px;
		line-height: 22px;
	}
	
	.details_demographics .propertyMap {
		font-size: 16px;
	}
	
	.details_demographics .header
	{
		margin-top: 40px;
	}
	
	.details_demographics .column:last-of-type {
	    margin-top: 30px;
	}
	
	.mobile_activities {
		display: block;
		margin-bottom: 30px;
	}
	
	.mobile_activities .column_2.activities {
	    float: none;
	    width: calc(100% - 4.6875% - 4.6875%);
	}
	
	.mobile_activities .activities .activity_header {
		font-size: 21px;
		
	}
	
	/* END Places to Go (indiv) */
	
	/* MODULES */
	
	/* Module: Take Action */
	section.module_take_action div.row {
	    margin: 50px 0;
	}
	
	section.module_take_action .column.column_2 {
	    display: none;
	}
	
	section.module_take_action div.copy_block {
	    margin-left: 4.6875%;
	    margin-right: 4.6875%;
	    padding: 34px 5%;
	    width: calc(100% - 4.6875% - 4.6875%);
	}
	
	section.module_take_action h2 {
	    font-size: 13px;
	}
	
	section.module_take_action h1 {
	    font-size: 33px;
	    line-height: 35px;
	    margin-bottom: 11px;
	    margin-top: 9px;
	}
	
	.column.column_8.copy_block > p {
	    font-size: 16px;
	    line-height: 23px;
	}
	
	section.module_take_action p + a {
	    font-size: 16px;
	    line-height: 23px;
	}
	
	/* END Module: Take Action */
	
	
	/* Module Current Issues */
	
	section.module_issues div.module_content {
	    margin: 0 4.675%;
	}
	
	section.module_issues h1 {
	    font-size: 33px;
	    line-height: 35px;
	    margin-top: 31px;
	}
	
	section.module_issues p {
	    font-size: 16px;
	    line-height: 22px;
	    margin-top: 20px;
	}
	
	section.module_issues p:last-of-type {
	    margin-bottom: 0;
	}
	
	section.module_issues .row .column_3 {
	    margin-top: 13px;
	    width: calc(50% - 1.1%);
	}
	
	section.module_issues div.issue_img {
		width: 90%;
		padding-top: 90%;
		margin: 0 auto;
	}
	
	section.module_issues .column.column_3:nth-of-type(2n) {
	    margin-left: 0;
	}
	section.module_issues .column + .column {
	    margin-left: 0;
	}
	section.module_issues .row .column_3 {
		margin-top: 25px;
		width: 100%;
	}
	
	section.module_issues .column.column_3:first-of-type {
	    display: none;
	}
	
	section.module_issues .title {
	    font-size: 13px;
	    line-height: 14px;
	    margin-top: 8px;
	}
	
	section.module_issues div.buttons a {
	    margin-top: 15px;
	}
	
	section.module_issues div.buttons div:first-of-type a {
	    margin-top: 35px;
	}
	
	section.module_issues div.buttons a {
	    font-size: 13px;
	}
	
	section.module_issues div.buttons div {
		display: block;
	}
	
	/* Module Current Issues */
	
	
	/* Module: Bay Health */
	
	.module_bayHealth .bayHealthGrade {
	    float: none;
	    margin: 0 auto !important;
	    width: 50%;
	}
	
	.scoreArea div div span.bhi {
	    font-size: 85px;
	    line-height: 85px;
	}
	
	.module_bayHealth .introduction {
	    float: none;
	    margin-top: 30px !important;
	    text-align: center;
	    width: 100%;
	}
	
	/* END Module: Bay Health */
	
	
	/* Module: News */
	
	section.module_news div.module_content {
	    margin: 0;
	}
	
	section.module_news h1 {
	    font-size: 33px;
	    line-height: 35px;
	    margin-top: 35px;
	}
	
	section.module_news .column_4 {
	    width: 100%;
		margin-top:23px;
	}
	
	section.module_news .column_4 + .column_4 {
	    margin-left: 0;
	}
	
	section.module_news .title {
	    font-size: 20px;
	    line-height: 24px;
		margin-top: 15px;
	}
	
	section.module_news .article_meta {
	    margin-top: 9px;
	}
	
	section.module_news div.teaser {
	    display: none;
	}
	
	section.module_news div.buttons a {
	    margin-top: 32px;
	}
	
	/* END Module: News */
	
	/* Module: Activities */
	
	section.module_activities .slick-slide h1 {
	    font-size: 13px;
	    line-height: 15px;
	    width: 100%;
		margin-top: 10px;
	}
	
	/* this shuts off the dots from the 4/view */
	section.module_activities .slick-dots li:nth-of-type(4n+3) {
	    display: none;
	}
	
	/* this shows the dots for the 2/view */
	section.module_activities .slick-dots li:nth-of-type(2n) {
	    display: inline-block;
	}
	
	section.module_activities .activity_carrousel
	{
		display:none;
	}
	
	section.module_activities .activity_carrousel_mobile
	{
		display:block;
	}
	
	section.module_activities h1 {
	    font-size: 24px;
	    line-height: 28px;
	}
	
	.prev, .next {
		font-size: 9vw;
		top: calc(50% - 4.5vw);
	}
	
	
	/* END Module: Activities */
	
	/* Module: Places to Go */
	
	section.module_places_to_go div.module_content {
	    margin: 0;
	}
	
	section.module_places_to_go h1 {
	    font-size: 24px;
	    line-height: 28px;
	    text-align: center;
	}
	
	section.module_places_to_go .place {
	    width: 100%;
		margin-top: 23px;
	}
	
	section.module_places_to_go .place + .place {
	    margin-left: 0;
	}
	
	section.module_places_to_go .title {
	    font-size: 20px;
	    line-height: 24px;
	    text-align: left;
		margin-top: 15px;
	}
	
	section.module_places_to_go p {
		font-size: 16px;
		line-height: 22px;
		text-align: left;
	}
	
	section.module_places_to_go div.buttons a {
	    margin-top: 32px;
	}
	
	
	/* END Module: Places to Go */
	
	/* Module: Things to Do */
	
	section.module_things_to_do h1 {
	    font-size: 24px;
	    line-height: 28px;
	    text-align: center;
	}
	
	section.module_things_to_do a.prev, section.module_things_to_do a.next {
	    display: none;
	}
	
	section.module_things_to_do .thing_content .row .column_2 + .column_8 {
	    margin-left: 0;
	}
	
	section.module_things_to_do div.row {
		margin: 50px 0;
	}
	
	section.module_things_to_do div.copy_block {
		margin-left: 4.6875% !important;
	    margin-right: 4.6875%;
	    padding: 34px 5%;
	    width: calc(100% - 4.6875% - 4.6875%);
	}
	
	section.module_things_to_do h2, section.module_things_to_do h2 a {
	    display: block;
	    font-size: 33px;
	    line-height: 35px;
	    text-align: center;
	}
	
	/* END Module: Things to Do */
	
	/* Module: Events */
	
	section.module_events div.module_content {
	    padding: 0;
	}
	
	section.module_events h1 {
	    font-size: 33px;
	    line-height: 35px;
	    margin-top: 32px;
	}
	
	section.module_events .module_content .row .column.column_3, section.module_events .module_content .row .column.column_3_3 {
	    width: 100%;
		
	}
	
	section.module_events .module_content .row .column_3 + .column_3, section.module_events .module_content .row .column_3_3 + .column_3_3 {
	    margin-left: 0;
	}
	
	section.module_events .event {
	    width: 93.75%;
		margin-left: 1.875%;
	}
	
	section.module_events .event_footer {
		right: 10%;
	}
	
	section.module_events .slick-dots {
	    bottom: 0;
	    position: relative;
		margin-top:32px;
	}
	
	section.module_events .slick-slider {
		margin-bottom: 0;
	}
	
	section.module_events div.buttons a {
		margin-top: 0;
	}
	
	
	/* END Module: Events */
	
	
	
	/* END MODULES */
	
	
	/* Home page header hero image */
	
	body.homepage .header_background .hero_content {
	    background-color: rgba(255, 255, 255, 0);
	    margin-left: 0;
	    width: 100%;
		
		overflow: hidden;
	}
	
	.header_background .hero_content > div {
	    margin: 0 4.675%;
	}
	
	.header_background .hero_content > div h1 {
	    background-color: rgba(255, 255, 255, 0.95);
	    font-size: 26px;
	    line-height: 33px;
	    /*margin-bottom: 4.675%;*/
	    padding: 6.25%;
		margin-top: 0;
	}
	
	.header_background .hero_content > div a.button {
	    font-size: 12px;
		padding: 0 1.5em;
	}
	
	body.homepage section.content > header {
	    margin-top: 0;
	}
	
	body.homepage .header_background {
	    /*
		background-image: url("http://localhost/~Nalod/bbc/wp-content/themes/bbc/images/header_swoosh_1600_solid.png"), -moz-linear-gradient(center top , rgba(34, 52, 69, 0) 0%, rgba(34, 52, 69, 0) 50%, rgba(34, 52, 69, 1) 79%, rgba(34, 52, 69, 1) 100%), url("http://localhost/~Nalod/bbc/wp-content/uploads/2016/01/DSC_7524-2500x1400.jpg") !important;
	    */
		
		/*
		background-position: center bottom, center bottom, right top, right top;
	    background-repeat: no-repeat;
	    background-size: 100% auto, 100% auto, 0 0, cover;
		*/
		
		margin-top: -25vw;
		
		min-height: 0vw;
		
		background-color: rgba(255, 255, 255, 0);
		
		background-image: url('./images/header_swoosh_1600_solid.png'), -moz-linear-gradient(center top , rgba(34, 52, 69, 0) 0%, rgba(34, 52, 69, 0) 0px, rgba(34, 52, 69, 1) 75px, rgba(34, 52, 69, 1) 100%) !important;
		background-image: url('./images/header_swoosh_1600_solid.png'), -webkit-gradient(left top, left bottom, color-stop(0%, rgba(34, 52, 69, 0)), color-stop(0px, rgba(34, 52, 69, 0)), color-stop(75px, rgba(34,52,69,1)), color-stop(100%, rgba(34,52,69,1))) !important;
		background-image: url('./images/header_swoosh_1600_solid.png'), -webkit-linear-gradient(top, rgba(34, 52, 69, 0) 0%, rgba(34, 52, 69, 0) 0px, rgba(34,52,69,1) 75px, rgba(34,52,69,1) 100%) !important;
		background-image: url('./images/header_swoosh_1600_solid.png'), -o-linear-gradient(top, rgba(34, 52, 69, 0) 0%, rgba(34, 52, 69, 0) 0px, rgba(34,52,69,1) 75px, rgba(34,52,69,1) 100%) !important;
		background-image: url('./images/header_swoosh_1600_solid.png'), -ms-linear-gradient(top, rgba(34, 52, 69, 0) 0%, rgba(34, 52, 69, 0) 0px, rgba(34,52,69,1) 75px, rgba(34,52,69,1) 100%) !important;
		background-image: url("./images/header_swoosh_1600_solid.png"), linear-gradient(to bottom, rgba(34, 52, 69, 0) 0%, rgba(34, 52, 69, 0) 0px, rgba(34, 52, 69, 1) 75px, rgba(34, 52, 69, 1) 100%) !important;
		
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100% auto;
		
	}
	
	.header_background_top::before {
	    content: "";
	    display: block;
	    padding-top: 100%;
	}
	.header_background_top {
	    background-position: right top;
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 100%;
	    z-index: -36;
	}
	
	.header_background .hero_content {
	    margin-bottom: 0;
	    margin-top: 0;
	}
	
	.header_background .hero_content > div {
	    background-color: rgba(255, 255, 255, 0);
	    margin-bottom: 25vw;
	}
	
	.header_background .hero_content > div div.hero_nav {
	    margin-bottom: 25px;
	}
	
	
	/* Sponsors */
	
	section.secondarySponsors a {
	    margin-left: 3%;
	    margin-right: 3%;
	}
	
	section.secondarySponsors a + a {
		margin-left: 3%;
	}
	
	section.secondarySponsors > div {
		margin-bottom: 18px;
	}
	
	.filter_bar .column_8, .filter_bar .column_9 {
		width:100%;
	}
	
	.filter_bar .column_1, .filter_bar .column_3 {
		display: none;
	}
	
	.mobile_primarySponsor.post_filter {
	    background-color: #226aac;
	    color: #acc9e5;
	    margin-top: 0;
		
		display: block;
	}
	
	/* END Sponsors */
	
	
	/* Bay Health Main Page */
	
	section.healthScoreDefinitions {
	    padding-left: 0;
	    padding-right: 0;
	}
	
	section.healthScoreDefinitions .third {
	    float: none;
	    margin-left: 0 !important;
	    text-align: center;
	    width: 100%;
	}
	
	section.healthScoreDefinitions .third.poor, section.healthScoreDefinitions .third.fair {
	    border-bottom: 1px solid #9aa7b2;
	    margin-bottom: 30px;
	    padding-bottom: 30px;
	}
	
	section.healthScoreDefinitions .third > * {
		margin-left: 4.675%;
		margin-right: 4.675%;
	}
	
	section.healthScoreDefinitions .bayHealthScoreArea {
	    margin: 0 auto;
	    max-width: 225px;
	}
	
	section.healthScoreDefinitions > .row > .column > h1 {
	    font-size: 24px;
	    line-height: 29px;
	    text-align: center;
		
		margin-left: 4.675%;
		margin-right: 4.675%;
	}
	
	section.healthScoreDefinitions .third h1 {
		margin-left: 4.675%;
		margin-right: 4.675%;
	}
	
	section.healthScoreDefinitions .showMore_all {
		display: none;
	}
	
	section.healthScoreDefinitions .showMore_poor, section.healthScoreDefinitions .showMore_fair, section.healthScoreDefinitions .showMore_good {
		display:block;
		text-align: center !important;
	}
	
	section.healthScoreDefinitions .showMore_poor a, section.healthScoreDefinitions .showMore_fair a, section.healthScoreDefinitions .showMore_good a {
	    color: #0963b6;
	    font-size: 14px;
	    font-weight: 700;
	    letter-spacing: 0.16px;
	    line-height: 14px;
	    text-transform: uppercase;
	}
	
	section.healthScoreDefinitions .showMore_poor a, section.healthScoreDefinitions .showMore_fair a, section.healthScoreDefinitions .showMore_good a {
		color: #6799c8;
		text-decoration: none;
	}
	
	section.healthScoreDefinitions .third.showBullets_mobile {
		text-align: left;
	}
	
	section.healthScoreDefinitions .third.showBullets .bullets {
		display:none;
	}
	
	section.healthScoreDefinitions .third.showBullets_mobile .bullets {
		display: block;
	}
	
	
	
	/* END Bay Health Main Page */
	
	
	/* Bay Health List Sub Locations Pages */
	
	.sub_locations .sub_location .grade
	{
		margin-right: 15px;
	}
	
	/* END Bay Health List Sub Locations Pages */
	
	
	/* Bay Health Test Station Charts */
	
	.row.testSiteCharts .column_4 {
	    clear: both;
	    display: block;
	    float: none;
	    margin: 30px auto !important;
	    width: 90.65%;
	}
	
	.row.testSiteCharts .column_4 > div.chartArea {
	    height: 65vw;
		
		max-width: inherit;
		
		position: relative;
		left: -4%;
	}
	
	.bhiGraph .chartContainer
	{
		left: -4%;
	}
	
	.chartLegend {
	    max-width: inherit;
	}
	
	.subembaymentScoreArea {
	    float: none;
	    margin: 30px auto 0 auto;
	    width: 200px;
	}
	
	.subembaymentScoreArea.mobile {
		display: block;
	}
	
	.subembaymentScoreArea.desktop {
		display: none;
	}
	
	.bhiGraph, .bhiGraph #bhi_chart {
	    height: 65vw;
	}
	.bhiGraph {
	    float: none;
	    margin: 30px auto 0;
	    width: 90.65%;
	}
	
	.row.subembayment_health::after {
	    clear: both;
	    content: "";
	    display: block;
	    margin-bottom: 25px;
	}
	
	/* END Bay Health Test Station Charts */
	
	
	/* FILTERS */
	
	.filter_bar .filters > div {
		display: block;
		float: none;
		clear:both;
		/*margin-top: 15px;*/
	}
	
	.filter_bar select {
	    margin-left: 0 !important;
		/*width: auto !important;*/
	}
	
	.filter_bar input#filter_search
	{
		/*width: auto !important;*/
	}
	
	.filter_bar input#filter_search_submit {
		/*width: auto;
		padding: 0 10px;*/
	}
	
	
	
	
	
	
	/* END FILTERS */
	
	
	/* Mapping */
	
	.mapArea {
		top: 0;
		left: -300vw;
		height: calc(100% - 56px);
		z-index: 1;
		margin: 0;
		position: absolute !important;
	}
	
	.mapArea .listDisplaying {
		display: none;
	}
	
	div.listDisplaying {
		margin-bottom: 20px;
		text-align: center;
	}
	
	#mapp0_layout, #mapp0-layout {
		height: 100% !important;
	}
	
	.mapp-layout {
		margin: 0;
	}
	
	.mapLinks_listView {
		margin-bottom: 15px;
	}
	
	.mapLinks_listView a.listView {
		display: none;
	}
	
	.mapp-left {
	    width: 70px;
	}
	
	.mapp-right {
	    margin-left: 10px !important;
	    width: 150px;
	}
	
	.mapp-iw .mapp-title {
	    font-size: 16px;
	}
	
	.mapp-body, .mapp-links {
	    font-size: 13px;
	}
	
	.mapLinks_listView a {
	    margin-left: 0;
	}
	
	.mobile_mapFooter {
	    background-color: white;
	    bottom: 0;
	    height: 56px;
	    position: absolute;
	    width: 100%;
		
		display: none;
	}
	
	.mobile_closeMap {
	    background-color: #183957;
	    display: inline-block;
	    font-family: "Gotham SSm A","Gotham SSm B";
	    font-size: 12px;
	    margin: 9px;
	    padding: 10px;
	    text-transform: uppercase;
	}
	
	.mobile_closeMap a {
	    color: #fff;
	}
	
	.mobile_closeMap a span.icon {
	    background-image: url("images/mobile_map_close.png");
	    background-size: cover;
	    display: inline-block;
	    height: 14px;
	    margin-right: 8px;
	    position: relative;
	    top: 2px;
	    width: 14px;
	}
	
	.mobile_social.a2a {
	    display: inline-block;
	    float: right;
	    margin-top: 12px;
	}
	
	.mobile_social.a2a .a2a_kit a {
	    font-size: 28px;
	}
	
	.mobile_social.a2a .a2a_kit {
	    margin-right: 9px;
	}
	
	/* END Mapping */
	
	
	/* Weather */
	
	.weatherLocation > * {
	    margin-left: 4.675%;
	    margin-right: 4.675%;
	}
	
	.row.weather .weatherLocation.open {
		background-color: #edf2f6;
	}
	
	.row.weather .weatherLocation.open .forecast {
		display: block;
	}
	
	.row.weather .forecast
	{
		display:none;
	}
	
	.row.weather .forecast_left, .row.weather .forecast_right, .sunrise_sunset {
	    margin-left: 30px;
	}
	
	section.content .row.container.weather .column.column_3.featured {
	    border-left: 0 none;
	    display: block;
	    margin-left: 0;
	    width: 100%;
		height: inherit !important;
	}
	
	div.row.weather .featured_container {
	    margin-left: 4.675%;
	    margin-right: 4.675%;
	}
	
	div.row.weather .featured p {
	    margin-left: 0;
	    margin-right: 0;
	}
	
	div.row.weather .featured img {
	    margin-bottom: 30px;
	    width: 178px;
	}
	
	.mobile_toggle {
	    display: inline-block;
	    float: right;
	    vertical-align: top;
		font-size: 29px;
		color: #0963b6;
		text-decoration: none;
		position: relative;
		top: -5px;
	}
	
	/* END Weahter */
	
	
	/* WEATHER MAP */
	
	.mapp-right .forecast, .mapp-body .sunrise_sunset {
	    display:none;
	}
	
	
	/* END WEATHER MAP */
	
	/* SEARCH */
	
	.search.inPage {
		width: auto;
	}
	
	/* END SEARCH */
	
	
	section.content header h1, section.content header p, section.content h1, 
	section.content h2, section.content h3, section.content p, section.content ul, 
	section.content ol, section.content .item_grid .item a.title, section.content .item_grid .item p, 
	section.content .item_list .item_title, section.content .item_list .item_teaser, section.content .item_list .item .item_details, 
	section.content .event_details div, section.content header section.breadcrumb, 
	section.content .places .column.column_7.placeToGo, section.content header section.article_meta, 
	section.content section.event_meta, section.content section.news_meta, 
	section.content header section.event_timeframe, section.content .event section.location, 
	section.content .event section.event_registration, 
	section.content .place_detail .place_owner, .mobile_activities .column_2.activities,
	section.module_news h1, section.module_news .title, section.module_news .article_meta,
	section.module_places_to_go .title, section.module_places_to_go p, section.module_places_to_go h1, section.content .a2a_kit,
	.sub_locations, div.testSiteLocation, section.module_bayHealth .module_content, .search.inPage, div.testSiteTitle
	{
		margin-right: 4.6875%;
		margin-left: 4.6875%;
	}
	
	/* Bay Health Sorting */
	
	div.sorting {
		display: none;
	}
	/* END Bay Health Sorting */
	
	
	.column.column_9.page_title.singletopspeace {margin-top: 150px;}
	.column.column_10.singletopspeace { margin-top: 140px !important;}
	.column.column_9.singletopspeace { margin-top: 150px !important;}
	
	
	
}

@media screen and (max-width: 1280px) {
	
	.sponsored{right: 0px!important;}
	.column.column_10.singletopspeace { margin-top: 60px;}
	.column.column_9.singletopspeace {margin-top: 110px;}
	
	
}

@media screen and (max-width: 991px) {
	
	.sponsored{right: 0px!important;}
	.column.column_10.singletopspeace { margin-top: 50px;}
	.column.column_9.singletopspeace {margin-top: 100px;}
	
	
}

@media screen and (max-width: 550px) {
	.filter_event_types > a:nth-of-type(4n)::before { 
	    content: "";
	    display: block;
	}
	.sponsored{right: 0px!important; top: 46px !important;}
	.column.column_9.singletopspeace { margin-top: 170px !important;}
	
	.filter_event_types > a:nth-of-type(4n) div {
	    margin-left: 0;
	}
}

@media screen and (max-width: 500px) {
	.thumbnailBlock {
		/*flex-direction: column;*/
		
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;	
	}
	
	.thumbnailBlock img.size-thumbnail, .thumbnailBlock img.size-thumbnail.aligncenter {
		margin-left: 0;
		margin-right: 0;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	
	img.size-thumbnail.alignleft, img.size-thumbnail.alignright  {
		float: none;
		margin: 1.5em auto 1em;
		display: block;
	}
	
	.sponsored .sponsor3{ width: 165px !important; }
	section.content header div.page_title.topspace{ margin-top: 20px; }
	section.content header .item_grid_introduction>p{ margin-top: 15px; }
	section.filter_bar .inner_margin{margin-top: 20px; }
	.sponsored .sponsor3 .innersponsor4{width: 120px !important;}
}

@media screen and (max-width: 402px) {
	.column.column_2.a2a {
	    top: -13vw;
	}
	
	.a2a_kit .ss-icon, .a2a_kit .ss-icon:link, .a2a_kit .ss-icon:visited {
		font-size: 10vw;
	}
	
	section.secondarySponsors a img {
		margin-top: 0 !important;
		margin-bottom: 25px;
	}
	
	.bhiGraph .chartContainer {
		left: -1%;
	}

}

@media screen and (max-width: 335px) {
	
	.mapp-right {
		width: 139px;
	}
	
}
/* END Media Queries */

/*manu*/


.sponsored {position: absolute;top: 64px;right: -20px;width: auto;height: auto;text-align: center; z-index: 2; max-width: 304px; }
.sponsored p{margin: 11px 0px 0px 0px !important; font-size: 17px !important;} 
.sponsored .sponsor1{width: 222px;margin: 7px auto;}
.sponsored .sponsor2{width: 222px;margin: 7px auto;}
.sponsored .sponsor2 .innersponsor2{width: 222px;margin: 0px auto; }
.sponsored .sponsor3{width: 222px;margin: 7px auto;}
.sponsored .sponsor3 .innersponsor4{width: 159px;margin: 7px auto; }



.print-page-cta {
	text-align: right;
    margin-top: 90px;
    margin-right: 50px;
	font-size: 18px;
	display: none;
}

.print-page-cta a {	
	background-color: #7e9516;
	color: white;
	padding: 8px;
}