/* CSS Document */


/* Structure
--------------------------------------------------*/

/* Standard Selectors
--------------------------------------------------*/
a {
	color: inherit;	
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
a:hover, a:focus, a:active {
	
  color: inherit;	
  outline: none;
  text-decoration:none;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
}
img {
  max-width: 100%;
}
a > img {
  opacity: 1;	
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
a:hover > img {
  opacity: 0.7;	
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
}
p {
  margin:0;
  padding:0;
}
.entry {
  font-size: 16px;	
}

.entry p{
  
  margin-bottom:20px;
}
.entry a{
	text-decoration:underline;
}
.entry a,.cat-container a ,.entry-summary a {
  color: rgb(1, 150, 218);
  text-decoration: underline;
}
.entry a:hover,.cat-container a:hover,.entry-summary a:hover {
  text-decoration: none;
}

.entry > ul {
  margin-left: 20px;
}
li {
  list-style: none outside none;
}
.entry li {
  list-style: inherit;
}
.wp-caption {
  max-width: 100%;
  position: relative;
}
.wp-caption > .wp-caption-text {
  background: none repeat scroll 0 0 rgb(255, 255, 255);
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
  bottom: 0;
  display: block;
  left: 0;
  margin: 0;
  padding: 5px;
  position: absolute;
  width: 100%;
}
.sidebar ul {
  margin-left: 10px;
}
/* Special Selectors
--------------------------------------------------*/
.widget_nav_menu li {
  list-style: none outside none;
}
.widget_nav_menu li a {
  font-size: 14px;
  line-height: 24px;
}
.wave-sm-grey, .wave-sm-white {
  background-repeat: repeat-x;
  bottom: 0;
  display: block;
  height: 10px;
  position: absolute;
  width: 100%;
  z-index: 9;
}
#bottom-image .container {
	position:relative;
	padding:0;
	}
#bottom-image {overflow:hidden;}	
.wave-sm-grey {  background-image: url(../images/wave-sm-grey.png);}
.wave-sm-white {  background-image: url(../images/wave-sm-white.png);}
.waves-lg {
  background: url("../images/curve.png") no-repeat scroll center top ;
  display: block;
  height: 96px;
  width: 100%;
}
.pre-wave,.post-wave {
  background: url("../images/side.png") repeat-x scroll center top ;
  display: block;
  height: 96px;
  position: absolute;
  width: 100%;
  top:0;
}
.pre-wave {left: -100%;}
.post-wave {right: -100%;}
#weather {
  color: rgb(255, 255, 255);
  display: none;
  left: 26%;
  position: absolute;
  top: 25%;
}
#weather > h2 {
  color: inherit;
}
#weather i {
  color: #fff;
  font-family: weather;
  font-size: 40px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
}
input.search-query {
  border: medium none;
  border-radius: 10px;
  color: rgb(102, 102, 102);
  font-size: 18px;
  padding: 6px 10px;
}
#searchsubmit {
  background: none repeat scroll 0 0;
  border: medium none;
  font-size: 26px;
  margin: 0;
  padding: 0;
  top: 6px;
}
/* Top
--------------------------------------------------*/

#top {
  background: none repeat scroll 0 0 rgb(1, 150, 218);
  color: rgb(255, 255, 255);
  min-height: 124px;
  text-align: right;
}
#top .form-search {
  margin-top: 55px;
}
#top .widget_text {
font-family: 'clarendon_condensedbold';
}
#top .widget_text h2 {
margin:5px 0 0;
color:inherit;
}
#top .widget_text .textwidget {
  font-size: 24px;
  line-height: 30px;
}
/* Nav
--------------------------------------------------*/
#main-nav {
  border-bottom: 8px solid rgb(0, 150, 217);
}
.navbar {
  border: medium none;
  margin: 0;
  min-height: 0;
  position: relative;
}
.logo {
  background: url("../images/logo.png") no-repeat scroll 0 0 ;
  bottom: -130px;
  display: block;
  height: 345px;
  position: absolute;
  width: 216px;
  z-index: 99999;
}
.navbar-collapse {
  margin-left: 216px;
}
.navbar-nav > li > a {
  color: rgb(0, 129, 188);
  font-size: 20px;
  line-height: 20px;
  padding: 40px 25px 30px;
}
.no-touch .navbar-nav > li > a {
  transition: none;
}
.nav > li > a:hover,.nav > li > a:focus,
.nav .open > a,.nav .open > a:hover,.nav .open > a:focus {
background: none ;
}
.no-touch .nav > li > a:hover,.no-touch .nav > li > a:focus,
.no-touch .nav .open > a,.no-touch .nav .open > a:hover, .no-touch .nav .open > a:focus {
background: none ;
color: rgb(85, 197, 207);
}
.nav > li > a:hover, .nav > li > a:focus,.nav > li.current-menu-item > a,.nav > li.current-menu-parent > a,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
color: rgb(85, 197, 207);
font-family: 'clarendon_condensedbold';
font-size: 22px;
transition: none;
}

.touch .drop-caret {
	display:inline-block !important;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
  margin: 1px;
  padding: 17px;
  position: absolute !important;
  right: 0;
  top: 0;
  z-index: 999999;
}

.no-touch .drop-caret,.no-js .drop-caret {  display:none;}
.no-touch .navbar-nav > li:hover > .dropdown-menu {
	display:block;
	visibility:visible;
}

.dropdown-menu {
  background: none repeat scroll 0 0 rgb(1, 150, 218);
  background: none repeat scroll 0 0 rgba(1, 150, 218, 0.86);
  border: medium none;
  border-radius: 0;
  padding: 15px 0;
}
.dropdown-menu > li > a {
    color: rgb(255, 255, 255);
    font-size: 20px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,.dropdown-menu > li.current-menu-item > a {
    background: none;
	font-family: 'clarendon_condensedbold';
  	color: rgb(85, 197, 207);
}
.navbar-toggle {
  border: 1px solid rgb(1, 150, 218);
  box-shadow: 0 0 3px rgba(1, 150, 218, 0.5) inset;
}
.navbar-toggle .icon-bar {
  background: none repeat scroll 0 0 rgb(1, 150, 218);
}

.widget_nav_menu li a:hover, .widget_nav_menu li.current_page_item a {
  color: rgb(85, 197, 207);
}
/*Carousel
--------------------------------------------------*/
  /* Carousel base class */

.carousel .container {
  position: relative;
  z-index: 9;
}
.carousel .item {
  background-position: center top;
  background-repeat: no-repeat;
  height: 570px;
}
.carousel.carousel-fade .item {
  -webkit-transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
  left: 0;
  z-index: 1;
}

/* Main Content
--------------------------------------------------*/
#main-content.home  {
	background:url(../images/grey-bg.png) repeat #ECECEB;
	position: relative;
	}
#main-content.internal {
	background-image: url("../../../uploads/slide1.jpg");
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: center top;
	background-size: auto 100%;
	position: relative;
	}

	
#main-content .container.hasfeature {
  padding-top: 220px;
}	
#main-content .container.normal-padding {
  background: url("../images/grey-bg.png") repeat scroll 0 0 rgb(236, 236, 235);
  border: 4px solid rgb(255, 255, 255);
  padding-top: 120px;
  padding-bottom: 50px;
}
#bottom-image {
  background-position: center center;
  background-repeat: no-repeat;
  height: 440px;
  position: relative;
}


/* Home Page
--------------------------------------------------*/
#featurette {
  position: absolute;
  top: -140px;
  width: 100%;
  z-index: 999;
}
.circle-link > a {
    background: none repeat scroll 0 0 rgb(37, 164, 224);
	background: none repeat scroll 0 0 rgba(37, 164, 224, 0.8);
    display: block;
    height: 300px;
	text-align: center;
    width: 300px;
}
.circle-link > a:hover {
	background: none;
    background: none repeat scroll 0 0 rgba(37, 164, 224, 0.3);
	text-decoration: none;
	transition: all 1s;
    -webkit-transition: all 1s;
}
.circle-link > a > span {
  color: rgb(255, 255, 255);
  display: inline-block;
  font-family: 'clarendon_condensedbold';
  font-size: 34px;
  margin-top: 33%;
}
.circle-link {
	background-size: 100% auto;
    border: 5px solid rgb(255, 255, 255);
    border-radius: 300px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    display: inline-block;
    overflow: hidden;
}
.home-page-img {
  width: 100%;
}
/* Interior pages
--------------------------------------------------*/
.page-id-1657 .entry ul li a,
.page-id-1661 .entry ul li a,
.page-id-1659 .entry ul li a {
  font-size: 22px;
  padding: 5px;
}/* link on index pages for dropdowns, government, residents, visitors */


.sidebar .nav > li > a {
  padding: 2px 10px 0 0;
}
.sidebar .textwidget a {
  color: rgb(37, 164, 224);

}
.sidebar .textwidget a:hover {
  text-decoration: underline;
}
.profile > .row {
  border-top: 1px solid rgb(206, 206, 206);
  margin: 15px 0;
  padding: 15px 0;
}
.profile h3 {
  margin-top: 10px;
}
.category.business {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25);
  border: 1px solid rgb(204, 204, 204);
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
  margin: 10px 0;
  padding: 10px;
}
.bus-details {
  margin-top: 8px;
}
.business .row {
  margin: 15px 0;
}
.business > h3 {
  border-bottom: 1px solid rgb(200, 200, 200);
  margin: 10px 0 0;
  padding: 0 0 10px;
}
.cat-container a.pdf, .entry-summary a.pdf,
 .archive a.pdf, .sidebar a.pdf {
  background: rgb(1, 150, 218);
  background:  rgba(1, 150, 218, 0.8);
  border-radius: 5px;
  color: rgb(255, 255, 255);
  display: inline-block;
  padding: 5px 15px;
  text-decoration:none;
}
.cat-container .list-content .pdf {
  margin-top: 10px;
}
.cat-container a.pdf:hover,.entry-summary a.pdf:hover,.archive a.pdf:hover {background: rgb(1, 150, 218);}
.list-coll .row {
  margin: 0;
}
.list-coll h3 a {  text-decoration: none;}
.toggler .glyphicon:before {content:"";}
.toggler.open .glyphicon:before {content:"";}


#bwg_container1_0 #bwg_container2_0 #spider_popup_overlay_0 {
  background-color: rgb(255, 255, 255) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.spider_popup_wrap {
  background-color: rgb(255, 255, 255) !important;
  background-color: rgba(255, 255, 255, 0.4) !important;
}


/* Footer
--------------------------------------------------*/
#site-footer {
  padding: 30px 0 15px;
}	
#site-footer input.search-query {
  background: none repeat scroll 0 0 rgb(37, 164, 224);
  color: rgb(255, 255, 255);
}
#site-footer #searchsubmit {
  color:rgb(37, 164, 224);
}
.footer-right {  text-align: right;}
.footer-right a{color: rgb(29, 127, 174);}
.footer-right img {
  margin-bottom: 10px;
}
#gMap {
    height: 230px;
    width: 564px;
}
.sub-footer {
    border-top: 1px solid rgb(234, 234, 234);
	margin-top:10px;
    padding: 15px 0 0;
    text-align: center;
}
.sub-footer img {
    margin: 0 40px;
}

#copyright .row > div {    text-align: right;}
#copyright .row > div:first-child {    text-align: left;}


#copyright {
  background: none repeat scroll 0 0 rgb(37, 164, 224);
  color: rgb(255, 255, 255);
  padding: 30px 0;
}
#copyright p {
	margin-bottom:20px;
	}
.eel:hover {
  text-decoration: underline;
}	
/* RESPONSIVE
-----------------------------*/
.debug {position:fixed;top:0;left:50%;display:block;z-index: 9999999; color:#FFF;}/*<div class="debug"></div>*/


@media (min-width: 1229px) {
.debug:after {content:"desktop above 1220";}

}

@media (max-width: 1219px) {
.debug:after {content:"desktop below 1220";}
input.search-query {  width: 180px;}
.navbar-nav > li > a {  padding: 40px 12px 30px;}
.waves-lg {  background-size: 100% 96px;}
#weather {  left: 31%;}
.widget.bwp_gallery.sidebar {  overflow: hidden;}
}

/*nav switch*/
@media (max-width: 991px) {
.debug:after {content:"tablet landscape";}
#top {  min-height: 90px;}
#top .form-search {  margin-top: 26px;}
#top .widget_text h2 {  font-size: 16px;}
#top .widget_text .textwidget {
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 10px;
}
#main-nav {  border-bottom: 4px solid rgb(0, 150, 217);}
.logo {
  background: url("../images/logo-sm.png") no-repeat;
  bottom: -60px;
  height: 160px;
  width: 100px;
}
.navbar-collapse {  margin-left: 100px;}



.navbar-nav > li > a {  font-size: 16px;  padding: 15px 12px;}
.nav > li > a:hover, .nav > li > a:focus,
.nav > li > a:hover, .nav > li > a:focus,.nav > li.current-menu-item > a,.nav > li.current-menu-parent > a,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
font-family: inherit;
font-size: 16px;
}
.dropdown-menu > li > a {  font-size: 16px;}
.carousel .item,#bottom-image {  height: 378px;}
.circle-link > a {  height: 210px;  width: 210px;}
.circle-link > a > span {  font-size: 24px;  margin-top: 34%;}
#weather {  left: 21%;  top: 15%;}
#main-content .container.hasfeature {  padding-top: 110px;}
.sidebar-conatiner > div {  display: inline-block;  float: left;  padding: 10px 4%;}


.footer-right {  text-align: center;}
#copyright .row > div:first-child, #copyright .row > div {  text-align: center;}
#copyright p {  margin-bottom: 0;}

}

/*span to 100%*/
@media (max-width: 767px) {
.debug:after {content:"tablet portrait";}
input.search-query {  width: 160px;}
#top .widget_text {  font-family: inherit;}
#top .widget_text h2, #top .widget_text .textwidget {  font-size: 14px; line-height:18px;}
#top .form-search {  margin-top: 6px;}
.navbar-collapse {
  background: none repeat scroll 0 0 rgb(1, 150, 218);
  background: none repeat scroll 0 0 rgba(1, 150, 218, 0.89);
  margin: 0;
  max-height: 999px;
  max-width: 260px;
  overflow-y: hidden;
  position: absolute;
  right: 0;
  top: 50px;
  width: 70%;
  z-index: 9999;
}
.navbar-nav > li > a {  color: rgb(255, 255, 255);}
.no-touch .navbar-nav > li:hover > .dropdown-menu {
  background: none;
  box-shadow: none;
  position: relative;
  width: 100%;
}
#main-content.internal {background:none;}/*dont load huge bg images when not shown*/
.dropdown-menu > li > a {  white-space: normal; padding: 5px 12px;}
.carousel .item,#bottom-image {  height: 280px;}
#featurette {  top: -80px;}
#featurette .col-xs-4 {  padding: 0;text-align: center;}
.circle-link > a {  height: 140px; position: relative; width: 140px;}
.circle-link > a > span {  font-size: 18px;}
#weather {  left: 0;  margin-left: 15px;  top: 3px;}
#weather > ul > li:first-child {  display: none;}
}

@media (max-width: 480px) {
.debug:after {content:"phone landscape";}
 /* Not part of bootstrap, makes the smallest col size full width on phone*/
 .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: none;
  padding-left: 15px;
  padding-right: 15px;
  width:100%;
}
#top .widget_text .textwidget {  padding: 0 0 10px 110px;}
#featurette {  position: relative;  top: 0;}
.circle-link {
  background-position: center center;
  border-radius: 0;
  display: block;
  margin: 5px;
}
.circle-link > a {  height: auto;  width: 100%;}
.circle-link > a > span {  font-size: 26px;  margin-top: 0;}
#weather {
  left: 0;
  margin-left: 0;
  position: relative;
  top: 0;
}

.carousel .item,#bottom-image {  height: 156px;}
#bottom-image > .container {  display: none;}
#weather > h2, #weather ul {  margin: 0;}
#weather > ul > li:first-child {  display: block;}
#main-content .container.hasfeature {  padding-top: 50px;}
footer .widget_nav_menu li {  display: inline;}
footer .widget_nav_menu li a:before{  content: ":: "; padding:0 2px;}
footer .widget_nav_menu li:first-child a:before{  content: ""; padding:0;}

.bwp_gallery.sidebar,.sidebar #text-7 { display:none;}
}

@media (max-width: 400px) {
.debug:after {content:"phone portrait";}

}	

h2 {
 color: #0196DA;
 }
	
	
	