/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html, body {
	height: 100%;
	
}
html {
	font-size:62.5%;
}
body {
	font:300 12px/1.4 'Lato', sans-serif;
	font-weight: 500;
	color:#444;
	background-color: #91a9b9;
}

[class*="page-template-template-paypal"] .footer {
	position: relative !important;
}

[class*="page-template-template-paypal"] main {
	padding: 120px 20px 50px 20px !important;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}

td, th {
	padding: 5px;
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus, textarea:focus {
	outline:0;
	border:1px solid #04A4CC;
}
select:focus {
	outline:0;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-container-left {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-item {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
		margin: 0 auto;

}

/* Rotate Titles */
th.rotate {
  /* Something you can count on */
  height: 120px;
  white-space: nowrap;
  background: #113c5f;
}
th.first-th {
	background: #113c5f no-repeat;
	background-image: url(img/parks-logo.jpg);
	background-position: 10px 10px;
	background-size: 230px;

	padding:20px;
	font-size: 60px;
	font-style: italic;
}

th.rotate > div {
  transform:
    translate(-1px, 51px)
    rotate(270deg);
  width: 20px;
}
th.rotate > div > span {
  padding: 5px 10px;
}

/* Single Events Page CSS */

main, #tribe-events-pg-template {
	position: relative;
	padding: 120px 20px 200px 20px !important;
}

.liquid-slider {
	background: rgba(255, 255, 255, 0.95);
}

.single-tribe_events h2.tribe-events-single-event-title {
	margin-left: 10px;
}

#tribe-events .tribe-events-content p, .tribe-events-after-html p, .tribe-events-before-html p,
.tribe-events-meta-group dd, #tribe-events-content .tribe-events-abbr{
	font-size: 14px;
}

.single-tribe_events .tribe-events-schedule h3 {
	font-size: 33px;
}

.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group{
	width: 100%;
}

.tribe-events-meta-group-details>dl, .tribe-events-meta-group-organizer>dl{
	margin-top: 15px;
}

.tribe-events-meta-group-details>dl>dt, .tribe-events-meta-group-organizer>dl>dt{
	font-size: 18px;
}

.tribe-events-back>a{
	color: white;
	font-weight: 400;
}

.single-tribe_events .secondary .tribe-events-venue-map.tribe-events-venue-map {
	margin: 20px 15px 0;
	width: 90%;
}

.event-content{
	width: 60%;
}

.event-address{
	width: 35%;
}



@media only screen and (max-width: 768px){
	#main-nav li.open > a {
		background-color: rgb(104, 104, 104) !important;
	}
	#main-nav#main-nav li a:hover {
		background: inherit;
	}

	.panel-container > .published.published {
		min-width: 33.333333%;
		min-width: calc(100%/ 3);
		max-width: 33.333333%;
		max-width: calc(100%/ 3);
	}

	.home_slider > .panel-container > .currentPanel{
		min-width: 20%;
		max-width: 20%;
		margin-left: 0px;
	}

	.event-content{
		width: 100%;
	}

	.event-address{
		width: 100%;
	}
	.single-tribe_events .tribe-events-schedule {
		padding: none;
		margin: none;
		background: transparent;
		border: none;
	}
	.liquid-slider {
		background: rgba(255, 255, 255, 0.95);
		height: 100% !important;
	}

}


/*events single page possible edits to make event title & date stand out*/
/*
div#tribe-events #tribe-events-content h2 {
    color: #fff;
    text-shadow: 1px 1px 6px #000;
}
*/

main {
	margin: 0 15px;
}
.hero-background {
	height: 100%;
	height: 110vh;
	width: 100%;
	position: fixed;
	z-index: -100;
	top: 0;
	left: 0;
	transition: height 1000000s ease;
	-webkit-transition: height 1000000s ease;
	-moz-transition: height 1000000s ease;
	-o-transition: height 1000000s ease;
}
/*------------------------------------*\
    WRAPPER 																							 	WRAPPER
\*------------------------------------*/


.wrapper {
	margin:0 auto;
	position: relative;
	min-height: 100%;
}

.page-template-template-M .wrapper{
	padding-bottom: 150px;
}

.wrap {
	width:1000px;
	margin:0 auto;
}
.content-wrapper {
	width: 1000px;
	margin: 0 auto;
	padding:0 41px;
}
@media screen and (max-width: 1000px) {
	.wrap, .content-wrapper {
		width: 100%;
	}
	.content-wrapper {
		padding:0px 20px;
	}
}

pre {
	background-color: none;
	border: none;
}

/*------------------------------------*\
    HEADER 																							 		HEADER
\*------------------------------------*/
.show {
	display: none !important;
}

.header {
	width:100%;
	position: absolute;
	z-index: 1000;
}
.search-input, .search-input:focus {
	font-weight: 500;
	padding: 1px 5px;
	border: none;
	width:118px;
}
.search-submit {
	border: none;
	text-indent: -99999px;
	height: 20px;
	width: 20px;
	background: 76% 28% url(img/madera.png);
	background-size: 1000%;
	padding: 0;
	margin-right:25px;
}
.search-input:focus {
	outline: transparent none;
}
input::-webkit-input-placeholder {
	color: #aaaaaa;
}

.breadcrumb {
	margin-top: -10px;
	background: transparent;
	padding:8px 0px !important;
}
.breadcrumb li {
	font-weight: 800;
	color: white;
}
.breadcrumb li a {
	color: white;
}
.breadcrumb li a:hover {
	text-decoration: none;
	color: #3e6730;
}
.breadcrumb>li+li:before {
	color: white;
	content: '|' !important;
}

.breadcrumb-wrapper {
	width: 1000px;
	margin:0 auto;
	position: relative;
	min-height: 100%;
	/*padding-bottom: 150px;*/
}

#social {
	padding-top: 10px;
}
.socialMedia {
	float: left;
	display: inline-block;
}
.socialMedia a {
	width: 20px;
	height: 20px;
	margin: 2px 1px;
	display: inline-block;
	padding: 0 !important;
	text-indent: -9999px;
}
li.dcsns-li.dcsns-facebook {
    word-wrap: normal !important;
    white-space: normal !important;
    word-break: normal;
}
.facebook {
	background: 87.5% 0 url(img/madera.png);
	background-size: 1000%;
}
.twitter {
	background: 74.5% 0 url(img/madera.png);
	background-size: 1000%;
}
.instagram {
	background: 100% 0 url(img/madera.png);
	background-size: 1000%;
}
#main-nav .sub-menu{
	list-style: none;
	padding: 0;
}
#menu-menu-main.navbar-nav {
	float:right;
	margin-right: 38px;
}
#menu-menu-main .dropdown-menu .menu-item-object-page {
	margin-left:0px !important;
	margin-right:0px !important;
}
#main-nav>ul>li>a {
	display: none;
}
#main-nav .dropdown-menu>li>ul>li {
	border-bottom: 1px solid transparent;
	 break-inside: avoid-column;
	 page-break-inside: avoid;
	 -webkit-column-break-inside: avoid;
	 position: relative;
}

.arrow{
    content: "";
    cursor: pointer;
	display: block;
	height: 7px;
	width: 7px;
	border-left: 7px solid green;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position: absolute;
	top: 9px;
	left: 5px;
	transition: transform 0.05s ease-in;
	-webkit-transition: transform 0.05s ease-in;
	-moz-transition: transform 0.05s ease-in;
	-o-transition: transform 0.05s ease-in;
}

.more-info .arrow{
	border-left: 8px solid green;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	top: 12px;
	left: -13px;
}

.arrowDown{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}

@media only screen and (max-width: 768px){
	.arrow{
		content: "";
	    cursor: pointer;
		display: block;
		height: 10px;
		width: 10px;
		border-left: 10px solid white;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		position: absolute;
		top: 6px;
		left: 10px;
	}
}

#dropdown-nav>ul>li>ul>li>a {
	border-bottom: 1px solid darkgrey;
}
#dropdown-nav>ul>li>ul>li>a {
	color: rgb(18, 157, 31);
	font-weight: 700;
}
#dropdown-nav a {
	padding: 7px 10px;
	display: block;
	font-size: 13px;
	white-space: normal;
}
#dropdown-nav .dropdown-menu>.active>a {
	background-color: rgb(139, 198, 142);
}
#dropdown-nav>ul>li>ul {
	margin: 0;
	padding: 0;
	display: block;
	position: static;
	border: none;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	width: 100%;
}
#google_language_translator {
	float:left;
	margin-right:7px;
	clear:none !important;
}
#google_language_translator .goog-te-gadget {
	margin-top:0px !important;
}
#google_language_translator .goog-te-combo {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size:11px;
	margin:1px 0px;
	padding:2px 5px 0px !important;
	height:16px;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	width:118px !important;
}

@media only screen and (max-width: 768px){
	.search-submit{
		margin: 0 auto;
	}
}
/*------------------------------------*\
    LOGO 																							 				LOGO
\*------------------------------------*/

.logo {

}
.logo-img {

}

/*------------------------------------*\
    NAV 																							 				NAV
\*------------------------------------*/
#main-nav li {
	position: static;
}
#main-nav .dropdown-menu {
	width: 100%;
	left: -60px;
	padding: 0;
}
#main-nav .dropdown-menu>li>a {
	display: none;
}
#main-nav .dropdown-menu a {
	padding: 8px;
	padding-left: 50px;
	display: block;
	text-transform: none;
}
#main-nav .dropdown-menu>li>ul>li>a {
	font-weight: 600;
}

#site-title {
	display: none;
}
#main-nav #site-title {
	display: block;
	position: absolute;
	height: 50px;
	width: 67px;
	background: 0 0 url(img/madera.png);
	background-size: 153%;
	text-indent: -99999px;
}
#main-nav .search {
	float: right;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	font-size: 14px;
	width: auto;
}
#main-nav .search input {
	width: 85%;
}
#main-nav .search submit {
	height: 23px;
	width: 23px;
}
.navbar-toggle {
	position: absolute;
	right: 0;
}
/*.admin-bar .nav-container {*/
	/*margin-top: 32px;*/
/*}*/
.nav-container {
	/* position: absolute; */
	position: fixed;
	width: 100%;
	z-index: 1000;
}
.mobile-nav {
	width: 100%;
	min-height:50px;
	padding-left:70px;
	padding-right:70px;
}
.mobile-nav form {
	margin: 0;
}
.navbar {
	min-height: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,
 .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a {
	background: none;
}
#main-nav {
	background-color: #252525;
	margin-bottom: 0;
	border-radius: 0;
	border: none;
}
#main-nav .navbar-header {
	background-color: black;
}
#footer-nav li {
	display:inline-block;
}
#footer-nav li a {
	padding: 0 5px;
	font-weight: 500;
	line-height: 12px;
	color: #d7d7d7;
	border-left: 1px solid #d7d7d7;
}
#footer-nav li>a:hover {
	background: none;
}
#main-nav .navbar-header li a:hover, #main-nav .navbar-header li a:active,
#main-nav .navbar-header li a:focus, #main-nav .navbar-header li a:visited {
		color: #d7d7d7;
}
 #footer-nav li:first-child a {
	border-left: none;
}
#footer-nav span {
	display: none;
}
#main-nav .navbar-collapse span {
	display: inline;
}
#main-nav .navbar-header {
	background: #252525;
}
#main-nav li a {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	border-top: 1px solid black;
	border-bottom: 1px solid rgb(154, 147, 152);
	color: white;

}
#main-nav li a:hover, #main-nav .navbar-nav>.active>a {
	background: #686868;
}
#secondary-nav {
	margin-bottom: 0;
	border: 0;
}
#menu-menu-social-1.navbar-nav {
	margin: 0;
	float: left;
}
#menu-menu-social-1 li {
	display: inline-block;
}
#menu-menu-social .menu-item {
	margin: 0px 2px 0px 0px
}
#secondary-nav li a {
	font-weight: 500;
	font-size: 11px;
	padding: 0px 5px;
	text-transform: uppercase;
	color: #d7d7d7;
	border-left: 1px solid;
	line-height: 11px;
	margin: 5px 0;
}
#secondary-nav li:first-child a {
	border-left: none;
}
#secondary-nav form {
	float: left;
}
#footerNav ul li a, .copywrite {
	padding: 15px 10px;
	margin: 0;
	transition: margin .5s;
	-webkit-transition: margin .5s;
	-moz-transition: margin .5s;
	font-weight: 700;
	color: #ffffff;
	font-size: 1.1em;
}
.copywrite {
	padding-left: 30px;
}
#footerNav ul li a:hover {
	background-color: rgba(255, 255, 255, 0.7);
	color:#252525;
}
.navbar-default .navbar-ex1-collapse {
	float:right !important;
	margin-right:38px;
}

@media only screen and (max-width: 1000px){
	.menu-item-object-page{
		margin-left: 0px;
		margin-right: 0px;
	}
}


/*---- FOOTER FIX ------*/

.code-enforcement .footer, .page-template-default .footer{
	position: relative;
}




/*------------------------------------*\
    MORE INFO 																							 		MORE INFO
\*------------------------------------*/
.more-info {
	margin-bottom: 20px;
	clear: both;
}

.more-info .sub-menu {
	display: none;
}
.more-info.open .submenu {
	display: block;
}
#main-nav>ul, .documents{
	margin: 0 auto;
	padding: 0 5px;
}
.documents>ul {
	padding: 0;
}
.documents form {
	float: right;
}
.documents input, .documents input:focus {
	border: 1px solid #b1babf;
}
.more-info>ul {
	margin: 0 auto;
	padding: 0;
}
.more-info>ul>li {
	list-style: none;
	margin-top: 20px;
}
.documents h2 {
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0 0 0;
}
.documents li {
	list-style: none;
	break-inside: avoid-column;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;

}
.more-info>ul>li>a {
	font-size: 15px;
	font-weight: 600;
	padding: 10px 18px;
	display: block;
	width: 300px;
	color: white;
	background:rgba(75, 110, 137, 0.9);
	width: 100%;
	margin-bottom: 5px;
	text-transform: uppercase;
	cursor: pointer;
}
.more-info>ul>li>ul>li {
	 break-inside: avoid-column;
	 page-break-inside: avoid;
	 -webkit-column-break-inside: avoid;
	 position: relative;
}
.more-info .sub-menu a {
	font-weight: 400;
	font-size: 14px;
	color: rgb(0, 0, 0);
	padding: 13px;
	width: 100%;
	display: block;
	padding: 8px 0;
}
.more-info .sub-menu a:hover{
	text-decoration: underline;
}

#main-nav .dropdown-menu>li>ul>li.no-underline>a, .more-info .sub-menu>li.no-underline>a {
	text-decoration: none;
}

.more-info.open .sub-menu {
	display: block;
}
.more-info .sub-menu, .documents .sub-menu {
	padding: 0;
	list-style: none;
}
.more-info>ul>li>ul, .documents {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
	-webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    background: rgba(255, 255, 255, 0.95);
    padding: 10px !important;
}
.more-info .sub-menu .sub-menu a {
	display: block;
	border-bottom: none;
	color: black;
	font-weight: 300;
}
.documents a {
	padding: 8px 23px;
	display: block;
	border-bottom: none;
	color: black;
	font-weight: 300;
}
.page-template-template-B .more-info .sub-menu {
	display: block;
}

.more-info>ul>li>ul>li{
	margin-left: 25px;
}

/* More Info doesn't hide automatically */




/*------------------------------------*\
    SIDEBAR 																							 		SIDEBAR
\*------------------------------------*/
.sidebar {
	background-color: lightgrey;
	padding: 10px;
	position: relative;
}

/*------------------------------------*\
    FOOTER 																							 			FOOTER
\*------------------------------------*/

.footer {
	background-color: #252525;
	height: 150px;
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
}
.fix-foot {
	position: fixed;
	bottom: 0;
	left: 0;
}
.fix-nav {
	position: fixed;
	top: 0;
	left: 0;
}
.wider {
	width: 100%;
	position: relative;
}

/*------------------------------------*\
    Staff Shortcode
\*------------------------------------*/

.even {
	background-color: #dcdedd;
}

.staff{
	padding-top: 10px
}

/*------------------------------------*\
    TEMPLATES
\*------------------------------------*/

/*------------------------------------*\
    TEMPLATE A 																							 TEMPLATE A
\*------------------------------------*/

#titleA {
	font-weight: 900;
}
#NewFontSize {
	font-size: 13px;
}

/*------------------------------------*\
    TEMPLATE B 																							 TEMPLATE B
\*------------------------------------*/
.liquid-content {
	font-weight: 400;
	background: white;
	padding: 20px;
	margin-bottom: 20px;
	font-size: 1.2em;
}
.content-width {
	max-width: 900px;
}
.liquid-sidebar {
	margin-bottom: 20px;
}
.liquid-header {
	color: black;
	font-size: 15px;
	font-weight: 800;
	padding: 8px;
	margin: 69px 0 5px 0;
	position: relative;
}
.facebook-header:after {
	position: absolute;
  content:"";
  background: 87% 0% url(img/madera.png);
  background-size: 990%;
	height: 25px;
	width: 25px;
	top: 5px;
	right: 5px;
  float: right;
  overflow: no-display;
}
.liquid-title, .liquid-sidebar-right #contactTitle {
	background: rgba(114, 125, 132, 0.90);
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: white;
	padding: 8px;
	margin-bottom: 5px;
}
.liquid-text {
	background-color: rgba(255, 255, 255, 0.95);
	font-weight: 400;
	font-size: 13px;
	padding: 10px;
	min-height: 193px;
	margin-bottom: 17px;
	width: 100% !important;
}
.index-image {
	border: 2px solid white;
	height: 230px;
	position: relative;
}
.index-text {
	font-size: 14px;
	background: rgba(255, 255, 255, 0.95);
	padding: 18px;
	font-weight: 500;
	width: 100% !important;
	margin-bottom: 20px;

}
.liquid-box {
	padding: 14px;
	background: rgba(255, 255, 255, 0.95);
	margin-bottom: 40px;

}
.index-page {
	margin-bottom: 20px;
}
.index-page h1 {
	color: white;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 28px;
	position: absolute;
	bottom: 0;
	margin: 10px;
}
.index-page h1 span {
	font-size: 20px;
	font-weight: 600;
}
.index-page h2{
	color: white;
	font-size: 15px;
	font-weight: 600;
	margin: 10px 0 5px 0;
	padding: 8px 18px;
	background:rgba(75, 110, 137, 0.9);
	text-transform: uppercase;
	width: 100% !important;
}

h2.liquid-header{
	color: white;
	font-size: 15px;
	font-weight: 600;
	margin: 0px 0 5px 0;
	padding: 8px 10px;
	background:rgba(75, 110, 137, 0.9);
	text-transform: uppercase;
	width:100% !important;
}

.departmentlink a{
	cursor:auto !important;
}

@media only screen and (min-width: 768px){
.index-container {
	margin-bottom:25px;
	}
}

.index-text.b-content h1 {
	position: inherit !important;
	color: #3e6730 !important;
}

.facebook{
	position: relative;
}

#fb-link{
	position: absolute;
	right: 8px;
	top: 6px;
}

.dcwss.dc-feed .controls{
	top: -5px;
}


/*------------------------------------*\
    TEMPLATE C 																							 TEMPLATE C
\*------------------------------------*/

.tribe-events-page-title, .tribe-events-page-title a {
	color: white !important;
}
#tribe-events-list-widget-2 h3{
	font-weight: bold;
}
.tribe-events-calendar {
	background: rgba(255, 255, 255, 0.95);
}
.tribe-events-loop.vcalendar {
		background: rgba(255, 255, 255, 0.95);
}
.type-tribe_events {
	padding: 10px !important;
	margin-left: 0;
}
.tribe-events-list-separator-month span, .tribe-events-day .tribe-events-day-time-slot h5{
	color: white;
	background: rgba(75, 110, 137, 0.9);
}
.tribe-events-sub-nav a{
	color: white;
}
.single-tribe_events .tribe-events-event-meta{
	background:none !important;
	border:none !important;
	margin:0px 0px !important;
}
#calendarFilter>.dropdown-menu {
	padding: 0;
}
#c-about {
	width: 100%;
}
#c-about p {
	font-size: 1em;
}
#c-contact {
	position:relative;
	float:right;
	height: 300px;
	width: 150px;
	background-color:grey;
	bottom: 120px;

}
#c-container {
	margin-right: 150px;
}
#c-bigImg {
	height: 150px;
	background-color: grey;
}
#c-portrait {
	height: 100px;
	background-color: grey;
}

/*------------------------------------*\
    TEMPLATE D 																							 TEMPLATE D
\*------------------------------------*/

.panel {
	margin-bottom: 0 !important;
}

.panel-body h3 {
	font-size: 18px;
	font-weight: 600;
}
.panel-collapse {
	max-width: 1000px;
}
.panel-heading a.accordion-toggle:after {
    /* symbol for "opening" panels */
	position: absolute;
    content:"";
    background: 89% 93% url(img/madera.png);
	background-size: 900%;
	height: 25px;
	width: 25px;
    float: right;
    color: #000;
    overflow: no-display;
		top: 3px;
		right: 5px;
}
.panel-heading a.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content:"";
    background: 75% 93% url(img/madera.png);
    background-size: 900%;
}
a.accordion-toggle{
	display: block;
	padding: 5px 0;
  text-decoration: none;
	position: relative;
}
div.panel-heading {
	padding: 0;
}
.contact-tempd {
	margin-top: 200px;
}
.outer-tab {
	background-color: lightgrey;
}
.column-content {
	padding: 30px 0;
}
.ls-wrapper[style] {
	max-width: 100% !important;
}
.panel-wrapper {
	padding: 10px;
}
h1.e-title{
	color: white !important;
}
/*------------------------------------*\
    TEMPLATE Parks Accordion																			Parks Accordion
\*------------------------------------*/
#accordion-page {
	width: 100%;
	font-size: 1.1em;
	background: rgba(255, 255, 255, 0.95);
	padding-bottom: 10px;
}
.accordion-panel {
	text-align: center;
}
#accordion-page .panel {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding-top: 10px;
}
#accordion-page .panel-heading {
	background: none;
	border-bottom: 3px solid rgb(75, 110, 137);
}
#accordion-page .panel-title {
	font-weight: 300;
	font-size: 18px;
	padding-right: 28px;
}
#accordion-page p a {
	text-decoration: underline;
}
#parks-accordion{
	font-size: 11px;
	font-weight: 700;
	color: white;
	text-align: center;
	overflow: scroll;
}
#parks-accordion a {
	color: white;
}
#parks-accordion a:hover {
	color: white;
	text-decoration: none;
}
#parks-accordion td, #parks-accordion th {
	padding: 2px;
}
#parks-accordion table {
	border-collapse: separate;
	border-spacing: 2px;
	margin: 20px 0 10px 0;
	display: inline-block;
}
#parks-accordion .upper-left-c {
	border-radius: 20px 0 0 0;
	overflow: hidden;
}
#parks-accordion .upper-right-c {
	border-radius: 0 20px 0 0;
	overflow: hidden;
}
#parks-accordion td {
	text-align: center;
	padding: 5px;
}
#parks-accordion td:first-child {
	text-align: left;
}
#accordion-page .accordion-divider {
	padding: 25px 5px 5px 0;
}
#accordion-page .accordion-heading {
	font-weight: 700;
}
.park-type-1 {
	background: #73954a;
}
.park-type-2 {
	background: #91aaba;
}
.park-type-3 {
	background: #b8d098;
}
.park-type-4 {
	background: #7393a3;
}
.park-type-5 {
	background: #3f6730;
}
.park-type-6 {
	background: #b3bbbe;
}
.parks-key {
	color: black;
	list-style: none;
	padding: 0;
	display: inline-block;
}
.parks-key li {
	display: inline-block;
	padding: 5px;
}
.parks-key span {
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 5px;
}
.reservation-link, .accordion-link {
	font-weight: 700;
	font-size: 20px;
	padding-top: 10px;
}
.accordion-link {
	float: left;
	padding-right: 5px;
}
.reservation-link {
	float: left;
	padding-left: 5px;
}
.reservation-link:hover, .accordion-link:hover {
	text-decoration: none;
	color: #3e6730;
}
/*------------------------------------*\
    TEMPLATE E 																							 TEMPLATE E
\*------------------------------------*/
#e-date {
	margin-bottom: 10px;
}
#e-date p {
	position: relative;
	top: 10px;
}

/*------------------------------------*\
    TEMPLATE F 																							 TEMPLATE F
\*------------------------------------*/

.temp-fopen {
	font-size: 1.5em;
	width: 80%;
}
/* template F1 */
#f1Column {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;
}
/* template F2 */
.temp-ftwo {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
/* template F3 */
.section-styles {
	background: rgba(255, 255, 255, 0.95);
}
.section-styles p {
	margin-bottom: 15px;
}
.section-styles h3{
	margin: 0;
	margin-bottom: 5px;
}
.section-styles h4{
	margin-bottom: 0;
	color: #3e6730;
	font-weight: 600;
	font-size: 16px;
	text-transform: uppercase;
}
.section-styles .image-container img {
	padding: 30px;
	width: 100%;
	max-width: 1200px;
}
.image-container {
	position: relative;
}
.image-container h1 {
	font-size: 18px;
	margin-right: 40px;
	font-weight: 600;
	text-transform: uppercase;
}
.image-container .image{
	position: absolute;
	bottom: 30px;
	left: 50px;
	color: white;
}
.image-container .image a, .image-container .image a:hover {
	text-decoration: none;
	color: white;
}
.image-container .no-image {
	padding: 30px 10px 20px 30px;
}
.image-container .no-image a, .image-container .no-image a:hover{
	text-decoration: none;
	color: #3e6730;
}
.page-content {
	padding: 0 30px 30px 30px;
	font-size: 1.2em;
	font-weight: 500;
}
.main-content {
	max-width: 1150px;
}
.page-content .main-content a {
	text-decoration: underline;
}
.page-content .main-content table td {
	min-width: 115px;
}
/* template F4 */
.temp-ffour {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

/*------------------------------------*\
    TEMPLATE M 																							 TEMPLATE M
\*------------------------------------*/

#m-contact {
	position:relative;
}
#m-formcheckBox {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
#m-formInfo {
	color: #000000;
	font-weight: 400;
	font-size: 1.1em;
}
#m-formInfo input {
	margin-bottom: 10px;
	margin-right: 10px;
	border: 1px solid #b1babf;
	padding: 2px 5px 2px 5px;
	min-width: 290px;
}
#m-formInfo select {
	min-width: 290px;
	margin-bottom: 10px;
	font-size: 16px;
}
#m-formInfo label {
	padding-left: 5px;
}
.m-button {
	text-align: right;
	width: 100%;
}
.m-button button {
	border-radius: 0;
	background: #123c5f;
	color: white;
	border: none;
	font-size: 18px;
	font-weight: 400;
}
#m-formMessage {
	width: 100%;
	padding: 5px;
	max-width: 100%;
	min-width: 100%;
	height: 200px;
	border: 1px solid #b1babf;
}
::-webkit-input-placeholder{
	position:relative;
	left:5px;
	color: #000000;
}
.g-recaptcha {
	margin: 10px 0;
}
#m-formSend {
	margin:10px 0;
}
#firstinfoContent {
	position: relative;
	top: 10px;
}
#firstinfoTitle {
	font-weight: bold;
}
#secondInfo {
	position:relative;
	top: 20px;
}
#secondinfoTitle {
	font-weight: bold;
}

/*Custom "City of Madera Directory" Link styling*/
#ContactDirectory{
	font-weight: bold;
	color:#fcaf17;
	text-decoration:underline;
}

/*------------------------------------*\
    TEMPLATE X-SOCIAL
\*------------------------------------*/
.page-content__social-stream{
		padding: 0 0 30px 0;
		font-size: 1.2em;
		font-weight: 500;
	}



/*------------------------------------*\
    POST PAGES
\*------------------------------------*/

.single .post-title {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
}
.single .post-title a:hover, .single-post-image a:hover {
	text-decoration: none;
	color: #3e6730;
}
.single .accordion-link {
	float: none;
	margin-bottom: 20px;
	display: block;
}

/*------------------------------------*\
    HOME PAGE 																							 HOME PAGE
\*------------------------------------*/
#home-content {
	margin-top: 55px;
	margin-bottom: 220px;
}
.home_page--margin {
	margin-top: 15px !important;
	margin-bottom: 55px !important;
}
.home h3 {
	font-size: 17px;
	font-weight: 600;
	color: rgba(75, 110, 137, 1);
}
.home .liquid-slider {
	background-color: rgba(242, 242, 242, 0.9);
}
.event-tile {
	margin-bottom: 10px;
}
.twitter-follow-button {
	float:right;
	margin-right:19px;
	margin-top:-2px;
}
.newscontainer, .eventscontainer {
	float:left;
}
.newscontainer .news-container {
	padding:0px 13px;
}
.newscontainer a.good-news-read-more {
	float:right;
	display:block;
	color: white;
	background: rgba(75, 110, 137, 0.9);
	padding:3px 5px;
	margin: 0px 12px;
}
.newscontainer a.good-news-read-more:hover {
	text-decoration: none;
	background: rgb(0, 130, 0);
}
.newscontainer .panel-wrapper {
	padding:10px 10px 15px
}
.newscontainer hr {
	margin-bottom:0px;
}
.newscontainer .news-image {
	float:left;
	padding:11px 12px;
}
.twitter, .home-video {
	max-width:354px;
}
.home_page--video {
	width: 50%;
	height: 50vh;
}

.home-video {
	padding-top: 8px;
}
.padding-override {
	padding-left:0px;
	padding-right:0px;
}
.padding-override .home-video div {
	padding-left:0px !important;
	padding-right:0px !important;
	margin-left:0px !important;
	margin-right:0px !important;
	margin-top:0px !important;
	padding-top:0px !important;
}
.twitter-content {
	background: rgba(242, 242, 242, 0.9);
	height: 280px
}
#bold-news {
	font-weight: 600;
}
.rwd-line {
	display: inline;
}
.article-title {
	font-size: 17px;
	color: rgba(75, 110, 137, 1);
	margin-top: 0px;
	font-weight: 600;
    padding-top: 9px;
    padding-left: 10px
}
.article-excerpt {
	font-weight: 400;
	font-size: 13px;
	line-height: 110%;
    padding-left: 10px;
}
.home-item-link:hover {
	text-decoration: none;
}
.triangle-mark {
	position: relative;
	left: 5px;
	top: -4px;
	width: 0;
	height: 0;
	border-bottom: 3px solid transparent;  /* left arrow slant */
	border-top: 3px solid transparent; /* right arrow slant */
	border-left: 3px solid #76B043; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
}
#good-news-arrows {
	float:right;
}
#good-news-right, #good-news-left, #upcoming-events-right, #upcoming-events-left {
	display: block;
	width: 20px;
  height: 20px;
	float: right;
  background-repeat: no-repeat;
	z-index: 3;
}
#good-news-right:hover, #good-news-left:hover, #upcoming-events-right:hover, #upcoming-events-left:hover {
	cursor: pointer;
}
#good-news-right, #upcoming-events-right {
	background: 100% 0% url(img/arrow-white.png);
	margin-left: 13px;
	margin-right: 18px;
}
#good-news-left, #upcoming-events-left {
	background: 0% 0% url(img/arrow-white.png);
}
#home-news-title, #home-video-title, .home-box-title {
	font-size: 14px;
	padding: 13px 0px 10px 20px;
	background-color:rgba(75, 110, 137, 0.9);
	margin-bottom: 3px;
	color: #FFFFFF;
	font-weight: 600;
}
#good-news-slider-wrapper .ls-panel {
	width: 354px;
	position: relative;
}
#good-news-slider-wrapper.ls-responsive {
	max-width: 354px;
}
#promo-ad {
	margin-top: 18px;
	max-width: 354px;
	height: 140px;
}
.eventscontainer {
	max-width: 537px;
}
#home-event-title {
	font-size: 16px;
	font-weight: 600;
	padding: 13px 0px 10px 20px;
	background-color:rgba(75, 110, 137, 0.9);
	margin-bottom: 3px;
	color: #FFFFFF;
}
#upcoming-events-slider-wrapper .ls-panel {
	width: 535px;
	min-height:136px;
}
#upcoming-events-arrows {
	float: right;
}
.panel-wrapper .container {
	width: auto;
}
#upcoming-events-slider h3 {
	margin-top: 1px;
	margin-bottom: 2px;
}
.date-square {
	background-color: rgba(75, 110, 137, 0.9);
	width: 60px;
	height: 60px;
	float: left;
	color: #fff;
	text-align: center;
	margin-right: 20px;
	margin-bottom:10px;
}
.date-square div {
font-size: 20px;
font-weight: 500;
line-height: 100%;
margin-top: 10px;
}

/*------------------------------------*\
    Police Divisions
\*------------------------------------*/

#divContent p {
	padding-top: 10px;
	max-width: 100px;
}
#divContent {
	max-width: 100px;
	padding: 0px 25px;
}
.police-title {
	padding-left: 10px;
}

.container.divisions{
	width: 100% !important;
}
.panel-body.divisions{
	padding: 0px;
}
.div-accordion{
	width: 100%;
	float: left;
}
/*------------------------------------*\
    SEARCH RESULTS																				Search Results
\*------------------------------------*/
.search main, .archive main, .tag main, .category main, .author main {
	margin: 0;
}
.search-page.search {
	text-align: center;
	margin: 10px;
}
.search-page input{
	width: 265px;
	font-size: 14px;
}
.search-page button {
	width: 20px;
	height: 23px;
	font-size: 15px;
}
.search-container article a:hover{
	text-decoration: none;
}
.search-container article {
	background: rgba(255, 255, 255, 0.95);
	margin: 10px 0;
	padding: 8px;
	border-radius: 3px;
	min-height: 130px;
	position: relative;
}
.search-title {
	text-align: center;
	font-size: 24px;
	font-weight: 800;
	color: white;
}
.search-container h2 {
	font-size: 16px;
	margin: 0 0 8px 0;
	font-weight: 600;
	text-transform: uppercase;
}
.search-container #blogExcerpt {
	margin-bottom: 20px;
}
.search-container img {
	float: left;
	margin-right: 8px;
}
.search-container .view-article {
	position: absolute;
	font-weight: 600;
	bottom: 0;
	right: 0;
	padding: 5px 5px 3px 10px;
	background: #123c5f;
	color: white;
	border-radius: 10px 0 0 0;
}
.search-container .attachment {
		height: 90px;
		min-height: 0;
		margin: 22px 0;
}
.search-container .attachment img {
	width: 70px;
}
.search-container .attachment h2 {
	font-size: 13px;
}
.pagination {
	width: 100%;
	text-align: center;
}
.pagination .page-numbers, .pagination span {
	font-size: 13px;
	font-weight: 500;
	display: inline-block;
	color: white;
	background: #123c5f;
	border-radius: 3px;
	padding: 5px 5px;
	margin: 1px;
}
.pagination .page-numbers:hover {
	text-decoration: none;
	background: #91a9b9;
}
.pagination .dots:hover {
	background: #123c5f;
}
.pagination .page-numbers.current {
	background: #4b6e89;
	font-weight: 800;
}
.pagination .prev.page-numbers, .pagination .next.page-numbers {
	text-indent: -999999px;
	height: 28px;
	width: 28px;
	display: inline-block;
	padding: 5px 0;
}
.pagination .prev.page-numbers {
	background: 75.5% 61.5% url(img/madera.png);
	background-size: 950%;
}
.pagination .next.page-numbers {
	background: 88.9% 61.5% url(img/madera.png);
	background-size: 950%;
}

.psuedo-label {
	display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.page-content-actual {
	padding-top: 30px;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900);
@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:768px) {
	input[type="text"].wpcf7-form-control.wpcf7-form-control {
		width: 95%;
	}
	input[type="date"].wpcf7-form-control.wpcf7-form-control {
		width: 95%;
	}
	input[type="email"].wpcf7-form-control.wpcf7-form-control {
		width: 95%;
	}
	input[type="tel"].wpcf7-form-control.wpcf7-form-control {
		width: 95%;
	}
	input[name="full-name"].wpcf7-form-control.wpcf7-form-control {
		width: 70%;
	}
	.g-recaptcha.my-recaptcha.my-recaptcha {
		display: flex;
		justify-content: flex-end;
	}
	div.wpcf7 .wpcf7-recaptcha iframe[title="recaptcha widget"] {
		transform: scale(.75);
	}
	#footer-nav {
		padding-top: 10px;
	}
	#footerNav ul {
		display: none;
	}
	.date-square {
		clear: both;
	}
	.iframe--wrapper {
		position: relative;
    padding-bottom: 70%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	}
	.iframe--wrapper iframe[src*="facebook.com/plugins/video"] {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
@media only screen and (max-width:325px) {
	div.wpcf7 .wpcf7-recaptcha iframe[title="recaptcha widget"] {
		transform: scale(.4);
	}
}

@media only screen and (max-width:320px) {
	#promo-ad {
		height: 83px;
	}
}
@media only screen and (max-width: 375px){
	.wpcf7-submit {
		width: 100% !important;
	}
	.g-recaptcha.my-recaptcha.my-recaptcha {
		display: flex;
		justify-content: center;
	}

	div.wpcf7 .wpcf7-recaptcha iframe[title="recaptcha widget"] {
		transform: scale(.5);
	}
}
@media only screen and (min-width:414px) {
	.pagination .page-numbers, .pagination span {
		padding:  5px 10px;
		margin: 3px;
	}
	.search-container .attachment {
		height: 60px;
	}
}
@media only screen and (max-width:425px) {
	.rwd-line {
		display: block;
	}
	#good-news-arrows {
		position: relative;
		top: -18px;
	}
	.twitter-follow-button {
		position:relative !important;
		top:-16px;
		margin-right:15px;
	}
	#upcoming-events-arrows {
		position: relative;
		top: -35px;
	}
}
@media only screen and (min-width:480px) {
	.more-info>ul>li>ul, .documents .sub-menu{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.blog-container {
		background-color: rgba(255, 255, 255, 0.95);
	}
}
@media only screen and (max-width:480px) {
	input[name="full-name"].wpcf7-form-control.wpcf7-form-control {
		width: 65%;
	}

	.g-recaptcha.my-recaptcha.my-recaptcha {
		display: flex;
		justify-content: center;
	}

	div.wpcf7 .wpcf7-recaptcha iframe[title="recaptcha widget"] {
		transform: scale(.55);
	}

	.newscontainer {
		margin-left: 0px;
	}

	.panel-wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
	.blog-container {
		background: rgba(255, 255, 255, 0.95);
	}
}
@media only screen and (min-width:321px) and (max-width:480px) {
	#promo-ad {
		height: 143px;
	}
	.wrapper {
		overflow:hidden;
	}
}
@media only screen and (min-width:568px) {
	main {
		margin: 0 30px;
		margin-left: 0;
   		margin-right: 0;
	}
		#footer-nav span {
		display: inline;
	}
}
@media (min-width:100px) {
	.navbar-default .navbar-ex1-collapse {
		float: none !important;
		margin-right:0px !important;
	}
}
@media only screen and (min-width:768px) {
	/* Nav */
	#main-nav .navbar-collapse span {
		display: none;
	}

	.show {
		display: block !important;
	}

	.main-nav-bg {
		background-color: rgba(255, 255, 255, 0.95);
	}

	#site-title {
		display: block;
		float: left;
		height: 88px;
		width: 118px;
		margin: 0 -117px 0 0;
		background: 0 0 url(img/madera.png);
		background-size: cover;
		text-indent: -99999px;
		position: absolute;
		top: 0px;
	}

	#main-nav {
		margin-left: 117px;
		height: 44px;
		background-color: inherit;
	}

	#main-nav li a:hover {
		color: rgb(0, 130, 0);
		background-color: rgba(255, 255, 255, 0.50);
		text-decoration: underline;
	}

	#main-nav .navbar-nav > .active > a {
		background: #ffffff;
	}

	#main-nav .dropdown-menu a, #main-nav .dropdown-menu > li > ul > li > a {
		padding: 8px 0;
	}

	#main-nav .dropdown-menu {
		padding: 8px;
	}

	#main-nav .dropdown-menu > li > ul > li > a {
		color: rgb(0, 130, 0);
		border-bottom: solid 1px rgba(128, 128, 128, 0.51);
		margin-left: 25px;
	}

	#main-nav .dropdown-menu > li > ul > li > ul > li > a {
		margin-left: 25px;
	}

	#main-nav li a {
		font-weight: normal;
		padding: 12px 4px;
		color: black;
		border-top: none;
		border-bottom: none;
	}

	#main-nav #site-title {
		display: none;
	}

	#main-nav .dropdown-menu a {
		padding: 8px 0;
	}

	.dropdown-menu {
		padding: 10px;
	}

	#secondary-nav {
		height: 44px;
		padding: 10px 0;
		background: #252525;
		border: none;
		border-radius: 0;
		width: auto;
	}

	#secondary-nav .navbar-collapse {
		padding: 0 16px 0 0;
		float: right;
	}

	#main-nav .navbar-collapse {
		float: left;
		padding: 0px;
	}

	.breadcrumb {
		margin: 88px 0 0 0;
	}

	.mobile-nav {
		display: none;
	}

	#footer-nav {
		display: none;
	}

	.more-info > ul > li > ul, .documents .sub-menu {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}

	#main-nav .dropdown-menu {
		column-count: 3;
		-moz-column-count: 3;
		-webkit-column-count: 3;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;

	}

	#footerNav ul li a {
		text-transform: uppercase;
		font-weight: 500;
		color: #ffffff;
		font-size: 1.1em;
	}

	/*#footerNav ul li a:hover {
		background-color: #ffffff;
		color:#252525;
	}*/
	/* Template E - Good News */
	.content-container {
		margin-right: -250px;
		width: 100%;
		float: left;
		position: relative;
	}

	/*.content {
		margin-right: 250px;
	}*/
	.sidebar {
		width: 250px;
		float: right;
		padding: 10px;
		background-color: lightgrey;
	}

	.blog-content {
		width: 70%;
	}

	/* -----------------------------------
		TEMPLATE E
		---------------------------------- */
	.blog-header {
		padding: 0px 27px
	}

	.blog-header h1, .blog-header.single h3.e-title {
		font-size: 36px;
		font-weight: bold;
		margin-bottom: 20px;
		text-transform: uppercase;
		color: #fff;
	}

	.blog-header h1 span, .blog-header.single h3.e-title span {
		font-size: 24px !important;
	}

	.blog-container {
		font-size: 14px;
		background: rgba(255, 255, 255, 0.95);
		font-weight: 500;
		width: 100% !important;
		padding: 22px 27px;
	}

	.blog-container h3, .blog-container.single h1 {
		margin-top: 0px;
		font-size: 18px;
		margin-top: 11px;
		color: #000;
	}

	.blog-container .date {
		color: #000;
	}

	.blog-container p.excerpt {
		font-size: 15px;
		color: #000;
		margin-bottom: 24px;
		line-height: 20px;
	}

	.blog-container .wp-post-image {
		margin-bottom: 15px;
	}

	.blog-container .blog-sidebar h3 {
		font-size: 18px;
		font-weight: bold;
		margin-top: 61px;
	}

	.blog-container .blog-sidebar ul {
		padding-left: 20px;
	}

	.blog-container .blog-sidebar li {
		font-size: 14px;
		color: #000;
		line-height: 20px;
		margin-bottom: 20px;
	}

	.blog-container .blog-sidebar li a {
		color: #000 !important;
		font-size:14px !important;
	}

	.blog-container .next {
		float: left;
	}

	.blog-container .prev {
		float: right;
	}

	/*------------------------------------*\
        TEMPLATE B 																							 TEMPLATE B
    \*------------------------------------*/
	.liquid-container {
		width: 100%;
		float: left;
	}

	.headeroverview {
		min-height: 230px;
		margin-bottom: 25px;
		margin-left: -15px;
	}

	.bodycontent {
		margin-left: -15px;
	}

	.bodycontent a, .b-content a {
		text-decoration: underline;
	}

	.liquid-container h1 {
		color: white;
	}

	.index-container {
		width: 100%;
		float: left;
		/*margin-right: -250px;*/
	}

	/*.liquid-content {*/
	/*min-height: 500px;*/
	/*}*/
	.liquid-sidebar {
		width: 100%;
		float: right;
	}

	.liquid-container-right {
		width: 100%;
		float: right;
		margin-left: -250px;
	}

	.liquid-content-right {
		margin-left: 270px;
		min-height: 480px;
	}

	.liquid-sidebar-right {
		width: 250px;
		float: left;
	}

	.index-text {
		width: 250px;
		float: right;
		min-height: 193px;
		margin-bottom: 20px;
	}

	.index-page h2 {
		width: 250px;
		background: rgba(75, 110, 137, 0.9);
		margin: 0 0 5px 0;
		float: right;
		padding-left: 18px;
	}
}
@media only screen and (max-width:768px){
	/* Mobile Menu Override */
	#menu-menu-main.navbar-nav {
		float:none;
		margin-right: 0px;
		max-height: 360px;
		overflow-y: scroll;
	}

	h2.liquid-header {
		padding-left: 0;
	}
	/*------------------------------------*\
	    TEMPLATE F 																							 TEMPLATE F
	\*------------------------------------*/
	.image-container
	 {
		font-size: 24px;
	}
	.search-container .attachment {
		margin: 10px 0;
	}
	.navbar-ex2-collapse {
		background: #252525 !important;
		width:100% !important;
	}
	#google_language_translator {
		margin:7px 0px 5px !important;
		float:none;
		text-align:right;
	}
	#google_language_translator .goog-te-combo {
		padding:3px 5px !important;
		height:30px;
	}
	.navbar-ex2-collapse .navbar-nav, .navbar-ex2-collapse .menu-menu-social, .navbar-ex2-collapse .search {
		display:none;
	}

}
@media only screen and (min-width:910px) {
	#main-nav .navbar-collapse span {
		display: inline;
	}
	#footerNav ul li a {
		margin: 0 10px;
	}

}
@media only screen and (min-width: 991px) {
	.newscontainer {
		margin-right: 0px
	}
	.eventscontainer {
		margin-left: 0px;
		margin-bottom:8px;
	}
}

@media only screen and (min-width:992px) {
	.police-slider .ls-wrapper .liquid-slider div div div div div.row :nth-child(8) {
		clear: left;
	}
}

@media only screen and (max-width:991px) {
	.newscontainer, #promo-ad, #good-news-slider-wrapper.ls-responsive {
		max-width: 535px;
	}
}
@media only screen and (min-width: 200px) and (max-width: 991px) {
	#promo-ad {
		height: 205px;
	}
}

@media only screen and (min-width:1024px) {
	.more-info>ul>li>ul, .documents .sub-menu{
		-webkit-column-count: 4;
		-moz-column-count: 4;
		column-count: 4;
	}
	.more-info>ul>li>ul {
		border-top: solid 8px transparent;
	}
	#main-nav .dropdown-menu {
		column-count: 4;
		-moz-column-count: 4;
		-webkit-column-count: 4;
	}
}
@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
CUSTOM ACCORDION CSS
\*------------------------------------*/

/* Alldion Styles */
.tr-accordion, .tr-accordion-wrapper {
	margin: 1em 0;
}
.tr-accordion {
	border-radius: 5px;
}
.tr-accordion .tr-panel-dt, .tr-accordion .tr-panel {
	margin: 0;
	overflow: hidden;
}
.tr-accordion .first-panel-dt, .tr-accordion .first-panel-dt a {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding-top: 10px;
}

.tr-panel-dt a {
	font-weight: 300;
}

.first-panel-dt a{
	font-weight: 300 !important;
}

.tr-accordion dt{
	border-bottom: 3px solid rgb(75, 110, 137);
}
.tr-accordion .last-panel {
	position: relative;
	top: -1px;
}
.tr-accordion .tr-panel-dt a {
	display: block;
	padding: 15px 0px 5px 0px;
	text-decoration: none;
	position: relative;
	font-size: 18px;
}
.tr-panel-dt a:before{
	content: "";
	width: 25px;
	height: 25px;
	background: 75% 93% url('../../../themes/html5blank-stable/img/madera.png');
	background-size: 900%;
	position: absolute;
	right: 0;
	bottom: 5px;
}

.active-dt a:before{
	content: "";
	width: 25px;
	height: 25px;
	background: 89% 93% url('../../../themes/html5blank-stable/img/madera.png');
	background-size: 900%;
	position: absolute;
	right: 0;
	bottom: 5px;
}

.tr-accordion .tr-panel {
	border-top: 0;
	font-size: 13px !important;
	padding: 10px;
}
.tr-accordion .tr-panel a {
	text-decoration: underline;
}
.tr-accordion .last-panel-dt.active-dt, .tr-accordion .last-panel-dt.active-dt a{
	border-radius: 0;
}
.tr-accordion .tr-panel.active {

}
.tr-accordion .tr-panel a:hover{
	box-shadow: inset 0 10px 15px 5px rgba(0,0,0,0.03);
}

.tr-accordion .tr-panel-dt a:hover .tr-panel-arrow, .tr-accordion .active-dt a:hover .tr-panel-arrow{
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-image: url(../img/arrow.png);
	width: 9px;
	height: 8px;
	position: absolute;
	top: 40%;
	right: 15px;
}
.tr-accordion .active-dt a:hover .tr-panel-arrow{
	background-position: 0 0;
}

.tr-accordion .active-dt a, .tr-accordion .active-dt a:hover {
	color: #555;
}
.tr-accordion-wrapper .clearfix {
	float: none;
	clear: both; }

@media all and (max-width: 991px) {
	.videoClearfix{
		float: none;
		clear: both;
	}
	.tr-panel-html-wrap {
		overflow-x: auto;
	}
}

.tr-accordion:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; }

html[xmlns] .tr-accordion {
	display: block; }

* html .tr-accordion {
	height: 1%; }

.tr-panel .entry-title {
	margin: 0 0 0.5em;
}

.tr-accordion img {
	max-width: 100%;
	display: block; }

.tr-accordion .tr-panel img {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.tr-panel.video, .tr-panel.image{
	padding: 0;
}
.tr-panel-image-wrap {
	position: relative;
	overflow: hidden;
}
.tr-accordion .tr-panel-image-wrap.not-linked:before, .tr-accordion .tr-panel-image-wrap a:before{
	display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
}
.tr-accordion .video iframe {
	width: 100%; }

.tr-panel-video-wrap {
	background: #1F1F1F;
	line-height: 0%;
	position: relative;
}

.post-video {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom: 0;
}

.tr-panel-post-wrap {
	overflow: hidden; }

.tr-panel-post-featimg img {
	float: left;
	margin: 0 5% 10px 0; }
.tr-panel-post-featimg img.attachment-full {
	float: none;
}

.tr-panel-post-content {
	overflow: hidden; }

.tr-accordion-caption {
	background: none;
	zoom: 1;
	width: 98%;
	padding: 1% 10px;
	position: absolute;
	left: 0;
	bottom: 5px;
	text-align: center; }

.tr-accordion .tr-accordion-caption, .widget .tr-accordion .tr-accordion-caption {
	margin-bottom: 0; }

.tr-accordion-caption span, .tr-panel-video-caption {
	color: #f2f2f2;
	font-weight: 400;
	text-align: center;
	background: #333;
	background: rgba(0, 0, 0, 0.55);
	padding: 4px 12px 6px;
	line-height: 1.5em;
}

.tr-accordion-caption span {
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px; }

/* Products */
.tr-panel.productslide {
	position: relative;
}
.tr-panel-product .price {
	margin-bottom: 1em;
	display: block;
	font-size: 1.4em;
	font-weight: 700;
}
.tr-panel-product .price del {
	font-size: 0.8em;
	font-weight: 400;
}
.tr-panel-product .price ins {
	padding: 2px 3px;
	border-radius: 5px;
}
.tr-panel-product .quantity, #content .tr-panel-product .quantity {
	margin: 0 5px 5px 0;
	float: left;
}
.tr-panel-product .quantity input.qty, #content .tr-panel-product .quantity input.qty{
	height: 24px;
}
.tr-panel-product .cart {
	overflow: hidden;
}

/* Widget */
.widget .tr-accordion-wrapper {
	background: none;
	margin-bottom: 0;
	padding-bottom: 5px; }

.tr-accordion-wrapper .aligncenter {
	text-align: center;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}



/*City of Madera..............................*/

.cityofmadera p{
	font-size:24px !important;
	color:white !important;
}

	/* Videos */
	.wpvl_auto_thumb_box{
		position: relative;
		width: 354px;
		height: 242px;
	}

	.wpvl_auto_thumb_play{
		position: absolute;
		left: 155px;
		top: 85px;
	}

	.video_lightbox_auto_anchor_image {
		width: 354px;
		height: 242px;
	}

	.water_applications {
		display: inline-block;
		margin-bottom: 10px;
	}

	.water_header--spacing {
		margin-bottom: 10px;
	}

	.water_collumn--spacing {
		padding-left: 30px;
	}

	.home_slider {
		min-height: 242px;
		max-height: 242px;
	}

	.mtsnb {
		position: fixed !important;
	}

	.m-button > button:disabled {
		opacity: .6;
	}

/****** Styles for IE10+ *******/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#google_language_translator .goog-te-combo {
		width: 125px !important;
	}
	main, #tribe-events-pg-template {
		padding: 120px 20px 200px 0px !important;
	}
}

@media only screen and (max-width: 768px) {
	#good-news-slider {
		max-height: 100%;
	}
	.article-excerpt {
		display: flex;
		padding: 0px 0px 10px 0px
	}
	.nav-container {
		position: static;
	}
	.mtsnb {
		position: absolute !important;
		top: 0 !important;
	}
}