/* Custom styles.css for ___________ */

/* Font-Face ------------------------------------------- */

/*	@font-face {
            font-family: 'FontName';
            src: url('../fonts/FontName.eot');
            src: url('../fonts/FontName.eot?iefix') format('eot'),
                 url('../fonts/FontName.woff') format('woff'),
                 url('../fonts/FontName.ttf') format('truetype'),
                 url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
            font-weight: normal;
            font-style: normal; }
*/


/* Site styles ------------------------------------------- */

body {
    font-family:'Lato', sans-serif;
    font-weight:300;
    font-size:18px;
    color:rgb(94,88,79);
    padding-top:118px;
}

p {

}

a, a:visited {

}

a:hover, a:active, a:focus {

}

ul {

}

li {

}

hr {
    border: 0;
    border-bottom: 1px solid #333;
}

/* Selection color */
::-moz-selection { background: #428bca; color: #fff; text-shadow: none; }
::selection { background: #428bca; color: #fff; text-shadow: none; }

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

img{
    max-width:100%;
    height:auto;
}

/* HEADER --------------------------------------------------------------------- */


header{
    position:fixed;
    top:0;
    width:100%;
    height:118px;
    z-index:100;
    background-color:white;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    box-shadow: 0px 0px 5px rgb(225,225,225);
}

.nav-up{
    top:-118px;
}

header.nav-up{
    opacity:0;
}
header.nav-down{
    opacity:1;
}

.subnav-wrapper{
    overflow:hidden;
    background-color:rgb(42,178,175);
    color:white;
    height:38px;
}

.sub-nav{
    float:right;
    height:38px;
}

.sub-nav ul{
    list-style-type:none;
    padding:0;
    margin:0;
    overflow:hidden;
    float:left;
}

.sub-nav ul > li{
    float:left;
    margin:0;
    padding:7px 25px;
}

.sub-nav ul > li a{
    color:white;
    font-weight:400;
    font-size:16px;
}

.sub-nav ul > li a:hover, .sub-nav ul > li a:focus {
    text-decoration:none;
    color:rgb(123,229,227);
}

.request .sub-nav ul li a.request, .contact .sub-nav ul li a.contact, .employee .sub-nav ul li a.employee, .news .sub-nav ul li a.news, .account.employee .sub-nav ul li a.account{
    color:rgb(123,229,227) !important;
}

.account.employee .sub-nav ul li a.employee{
    color:white !important;
}

header .search{
    float:right;
    margin-left:15px;
    width:300px;
    background-color:rgb(141,199,63);
    height:100%;
    padding:6px 15px;
}

header .search input{
    background-color:transparent;
    background-color:initial;
    color:white;
    border:0;
}

header .search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: white;
    font-weight:700;
    font-size:16px;
}
header .search input::-moz-placeholder { /* Firefox 19+ */
    color: white;
    font-weight:700;
    font-size:16px;
}
header .search input::-ms-input-placeholder { /* IE 10+ */
    color: white;
    font-weight:700;
    font-size:16px;
}
header .search input::-moz-placeholder { /* Firefox 18- */
    color: white;
    font-weight:700;
    font-size:16px;
}

header .search button{
    float:right;
    background-color:transparent;
    background-color:initial;
    border:0;
}

header .search .btn-primary:hover, header .search .btn-primary:focus{
    background-color:transparent;
    background-color:initial;
    border:0;
}

.main-nav .navbar-nav{
    position:absolute;
    background-color:white;
    right:-10px;
}

.main-nav .logo{
    float:left;
    padding:10px 15px;
    position:relative;
    z-index:10;
}

.main-nav .navbar-default, .main-nav .row{
    margin:0;
}

.main-nav .container-fluid, .main-nav .navbar-collapse{
    padding:0;
}

.main-nav .navbar-default{
    border:0;
    border-radius:0;
    background-image:none;
    background-color:transparent;
    background-color:white;
    box-shadow:none;
}

.main-nav .navbar-default .navbar-collapse{
    border:0;
}

.main-nav .caret{
    color:rgb(141,199,63);
}

.main-nav .navbar-default .navbar-nav > li{
    border-left:1px solid rgb(202,236,235);
    display:inline-block;
}

.main-nav .navbar-default .navbar-nav > li > a{
    font-family:'Libre Baskerville', serif;
    font-weight:700;
    font-size:16px;
    color:rgb(94,88,79);
    padding:30px;
}

.main-nav .navbar-default .navbar-nav > li > a:hover, .main-nav .navbar-default .navbar-nav > li > a:focus, .main-nav .navbar-default .navbar-nav > li > a:hover .caret, .main-nav .navbar-default .navbar-nav > li > a:focus .caret{
    background-color:rgb(141,199,63);
    color:white;
}

.main-nav a.individual{
    display:none;
}

.parks .main-nav a.individual.parks, .community .main-nav a.individual.community, .economic .main-nav a.individual.economic, .engineering .main-nav a.individual.engineering, .fire .main-nav a.individual.fire, .police .main-nav a.individual.police, .policy .main-nav a.individual.policy, .public .main-nav a.individual.public, .water .main-nav a.individual.water, .library .main-nav a.individual.library, .government .main-nav .navbar-default .navbar-nav > li > a.government, .visitors .main-nav .navbar-default .navbar-nav > li > a.visitors, .calendar .main-nav .navbar-default .navbar-nav > li > a.calendar, .directory .main-nav .navbar-default .navbar-nav > li > a.directory, .jobs .main-nav .navbar-default .navbar-nav > li > a.jobs{
    display:block;
    background-color:rgb(141,199,63);
    color:white;
}

.main-nav a.individual .caret, .government .main-nav .navbar-default .navbar-nav > li > a.government .caret, .visitors .main-nav .navbar-default .navbar-nav > li > a.visitors .caret{
    color:white;
}

.main-nav .navbar-nav > li > .dropdown-menu{
    padding:0;
    border:0;
    border-radius:0;
    min-width:100%;
}

.main-nav .dropdown-menu > li{
    border-bottom:1px solid rgb(202,236,235);
}

.main-nav .dropdown-menu > li:last-child{
    border-bottom:0;
}

.main-nav .dropdown-menu > li > a{
    padding:10px 20px;
}

.main-nav .dropdown-menu > li > a:hover, .main-nav .dropdown-menu > li > a:focus{
    background-color:rgb(141,199,63);
    color:white;
}

/* VIDEO ----------------------------------------------------------------------- */

#video-bg {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  overflow: hidden;
}
#video-bg > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) {
  #video-bg > video { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  #video-bg > video { width: 300%; left: -100%; }
}
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
  #video-bg > video {
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }
}


/* CONTENT --------------------------------------------------------------------- */

.home .main-new{
    height:68vh;
    position:relative;
}


.home .main{
    height:960px;
    background:url(/images/home_main.jpg) left center no-repeat;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    position:relative;
}
.home .main-new .direction{
    position:absolute;
    bottom: 0;
    width: 100%;
    margin-top:-160px;
    font-family:'Libre Baskerville', serif;
    color:white;
    padding: 10px 35px;
    text-align:center;
    background-color:rgba(42,178,175,.85);
}

.home .main-new .direction h1{
    margin: 0;
}
@media (max-width: 767px) {
    .home .main-new .direction h1{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        width: 100%;
        height: 100%;
        align-items: center;
    }
    .home .main-new{
        height: 450px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .home .main-new .direction hr{
        display: none;
        padding: 0
    }
}
.home .main-new .direction p{
    margin-bottom:25px;
    text-align: center;
}

.home .direction h1 .top{
    font-size:45px!important;
    line-height:45px;
    text-align: center !important;
}

.home .direction .middle{
    font-size:82px;
    line-height:88px;
    font-style:italic;
    margin-left: 0px;
    margin-top:-5px;
}
.home .direction .bottom{
    font-size:30px;
    line-height:45px;
    margin-left: 0px;
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:.15;
    }
    100% {
        opacity:1;
    }
}
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:.15;
    }
    100% {
        opacity:1;
    }
}

.home .direction .button-blink{
    display:inline;
    margin-top:15px;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;

    -webkit-animation-direction: normal;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;

    -moz-animation-direction: normal;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;
}

.home .direction .button-blink:hover{
    -webkit-animation-play-state:paused;
    animation-play-state:paused;
    -moz-animation-play-state:paused;
}

.home .links{
    padding:50px 35px;
    text-align:center;
}

.home .links .container{
    max-width:1200px;
}

.home .links .option{
    padding-top:15px;
}

.home .option {
    height: 200px;
}

.home .option img {
    height: 6.5rem;
}

.home h2{
    font-family:'Libre Baskerville', serif;
    font-size:45px;
    margin-bottom:25px;
}

.home .links h2{
    color:rgb(42,178,175);
}

h2 span{
    font-style:italic;
}

.links p.title{
    font-weight:700;
    margin:15px 0 5px 0;
    font-size:22px;
}

.links a{
    color:rgb(42,178,175);
    font-weight:700;
}

.links a:hover, .links a:focus{
    color:rgb(141,199,63);
    text-decoration:none;
}

p.intro{
    font-size:22px;
    margin-bottom:35px;
}

.library .content img.library-logo {
	margin: 0 10px 20px 0;
}
.library .content .std-form h3 {
	margin-bottom: 10px;
}
.library .content .dynamic-form-panel {
	padding: 5px 20px;
	border: 1px solid rgba(128,128,128,0.25);
}
.library .content .dynamic-form-panel.not-chosen {
	opacity: 0.25;
	pointer-events: none;
}
.library .content .std-form .state-postal > div {
	width: auto;
}
.library .content .std-form .postal-code {
	width: 105px;
}
.events{
    background:url(/images/home-events-spring.jpg) center center no-repeat;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-webkit-background-size:cover;
}

.events .row{
    margin:0;
}

.events h2{
    color:white;
    padding:0 15px;
    margin-bottom:35px;
}

.events .listing{
    padding:50px 70px;
    overflow:hidden;
}

.events .listing .item{
    background-size:cover !important;
    -moz-background-size:cover !important;
    -webkit-background-size:cover !important;
    min-height:250px;
    padding:0 !important;
    position:relative;
    transition:opacity .3s ease;
    -webkit-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
}

.events .details{
    padding:0 15px 30px 15px;
    overflow:hidden;
    position:relative;
}

.events .listing a:hover .item, .events .listing a:focus .item {
    opacity:.75;
}

.events .listing a.event-no-hover:hover .item,.events .listing a.event-no-hover:focus .item {
    cursor: default;
    opacity:1;
}

.events .listing a:hover .event-name, .events .listing a:focus .event-name{
    background-color:rgb(141,199,63);
}

.events .listing a.event-no-hover:hover .event-name, .events .listing a.event-no-hover:focus .event-name{
    cursor: default;
    background-color:rgb(255,255,255);
}

.events .item .date{
    background-color:rgb(42,178,175);
    height:85px;
    width:85px;
    color:white;
    text-align:center;
    padding:3px;
}

.events .date .day-name, .events .date .month{
    font-size:12px;
    line-height:12px;
    text-transform:uppercase;
    margin:0;
}

.events .date .day{
    margin:0;
    font-size:50px;
    line-height:50px;
    padding-top:3px;
    font-family:'Libre Baskerville', serif;
}

.events .listing .event-name{
    bottom:0;
    right:0;
    left:0;
    background-color:rgba(255,255,255,.85);
    padding:15px;
    font-size:18px;
    font-weight:700;
    color:rgb(94,88,79);
    transition:background-color .3s ease;
    -moz-transition:background-color .3s ease;
    -webkit-transition:background-color .3s ease;
}

.events .listing .event-name p{
    margin:0;
}

.events .listing .button{
    float:right;
    margin:25px 10px;
}

.events .news{
    background-color:rgba(94,88,79,.85);
    padding:50px 35px;
}

.events .news .news-items{
    padding:0 10px 25px 10px;
}

.home .news-items .topic{
    padding:25px 0;
    border-bottom:1px solid rgba(255,255,255,.5);
}

.home .topic p{
    color:white;
}

.home .topic a:hover, .home .topic:focus{
    text-decoration:none;
}
.home .topic a:hover p, .home .topic:focus p{
    color:rgb(141,199,63);
}

.home .topic .news-title, .home .topic .news-date{
    margin-bottom:0;
}

.home .topic .news-title{
    font-size:20px;
    font-weight:700;
}

.home .news .button{
    float:right;
    margin-top:25px;
}

.home .videos{
    padding:75px 0 0 0;
    text-align:center;
    background-size:cover !important;
    -moz-background-size:cover !important;
    -webkit-background-size:cover !important;
}

.home .videos .video-intro{
    padding:0 35px;
}

.home .videos .row{
    margin:0;
}

.home .videos h2{
    color:rgb(42,178,175);
}

.home .videos .intro{
    margin-bottom:50px;
}

.home .videos .video-links{
    overflow:hidden;
    background-color:rgb(94,88,79);
}

.home .video{
    min-height:425px;
    z-index:1;
    position:relative;
}

.home .videos .video:after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-1;
    transition:opacity .3s ease;
    -webkit-transition:opacity .3s ease;
    -moz-transition:opacity .3s ease;
    background-size:cover !important;
    -webkit-background-size:cover !important;
    -moz-background-size:cover !important;
}

.home .videos .video.welcome:after{
    background:url(/images/welcome-video.jpg) center center no-repeat;
}
.home .videos .video.quality:after{
    background:url(/images/quality-video.jpg) center center no-repeat;
}
.home .videos .video.realestate:after{
    background:url(/images/realestate-video.jpg) center center no-repeat;
}

.home a:hover .video:after{
    opacity:.25;
}

.home .videos .video-play{
    position:absolute;
    top:50%;
    left:50%;
    margin:-50px 0 0 -50px;
    transform:translate3d(0,0,0);
    transition:transform .3s ease;
}

.home .videos a:hover .video-play{
    transform:translate3d(0,25px,0);
}

.home .videos .video-title{
    color:white;
    font-weight:700;
    font-size:35px;
    transform:translate3d(0,100px,0);
    opacity:0;
    transition:all .3s ease;
}

.home .videos a:hover .video-title{
    opacity:1;
    transform:translate3d(0,125px,0);
}

.secondary .main{
    height:500px;
    background-size:cover !important;
    -webkit-background-size:cover !important;
    -moz-background-size:cover !important;
}

.community .main{
    background:url(/images/community_main.jpg) center center no-repeat;
}
.economic .main{
    background:url(/images/economic_main_2.jpg) left center no-repeat;
    /*/background:url(/images/economic_main.jpg) left center no-repeat;*/
}
.engineering .main{
    background:url(/images/engineering_main.jpg) center center no-repeat;
}
.fire .main{
    background:url(/images/fire_main.jpg) center center no-repeat;
}
.library .main{
    background:url(/images/library_main.jpg) center center no-repeat;
}
.police .main{
    background:url(/images/police_main.jpg) center center no-repeat;
}
.policy .main{
    background:url(/images/policy_main.jpg) center center no-repeat;
}
.public .main{
    background:url(/images/public-works_main.jpg) center center no-repeat;
}
.water .main{
    background:url(/images/water_main.jpg) center center no-repeat;
}



.secondary .content-wrapper{
    padding:75px 45px;
}

.secondary .content{
    padding:0 45px 35px 15px;
    border-right:1px solid rgba(172,170,169,.5);
}

.codes .content, .profile .content, .registration .content{
    height:auto !important;
}

.secondary.calendar .content{
    padding:0 0 35px 0;
    border-right:0;
}

.secondary .content p{
    font-size:20px;
    line-height:32px;
    margin-bottom:15px;
}

.secondary .quick-links{
    padding-left:45px;
    height:100%;
}

.secondary h1{
    font-family:'Libre Baskerville', serif;
    font-size:55px;
    margin:0 0 25px 0;
    color:rgb(42,178,175);
}
.secondary h2.helpful{
    font-family:'Libre Baskerville', serif;
    font-size:30px;
    margin:25px 0 20px 0;
    padding-bottom:20px;
    border-bottom:1px solid rgba(172,170,169,.25);
}

.secondary h2{
    font-size:45px;
    font-family:'Libre Baskerville', serif;
}


.secondary .content h2{
    font-size:28px;
    font-family:'Lato', sans-serif;
    font-weight:700;
    margin:35px 0 15px 0;
}

.secondary .content .cal-display h2{
    margin:0;
    padding:0 5px;
    width:300px;
    text-align:center;
}

.secondary .content h3{
    font-size:24px;
    font-family:'Lato', sans-serif;
    font-weight:700;
    margin:25px 0 0 0;
    color:rgb(141,199,63);
}

.secondary .quick-links h3{
    font-size:24px;
    font-family:'Lato', sans-serif;
    font-weight:700;
    margin:25px 0 15px 0;
    color:rgb(141,199,63);
}

.secondary .content h4{
    font-size:20px;
    font-family:'Lato', sans-serif;
    font-weight:700;
    margin:25px 0 10px 0;
}

.secondary .content section{
    margin: 20px 0 0 0;
    border-bottom: 1px solid rgba(172,170,169,.5);
    padding-bottom: 20px;
}

.secondary .content section:last-child{
    border-bottom:0;
    padding-bottom:0;
}

.secondary .content a{
    color:rgb(42,178,175);
    font-weight:bold;
}

.secondary .content a.button, .secondary .content a.button:hover, .secondary .content a.button:focus{
    color:white;
}

.secondary .content a:hover, .secondary .content a:focus{
    color:rgb(141,199,63);
    text-decoration:none;
}

.secondary .content ul, .secondary .content ol, .secondary .content dl{
    margin-bottom:15px;
}

.secondary .content  ul li ul{
    margin-top:5px;
}

.secondary .content ul li, .secondary .content ol li, .secondary .content dl dd{
    line-height:32px;
    font-size:20px;
    margin-bottom:5px;
}

.secondary .content dl dt{
    margin-top:10px;
}


.content .nested-lists ol{
    padding-left:15px;
    margin-top:15px;
}
.content .nested-lists ul{
    margin:0;
}

.secondary .content section.address li{
    margin-bottom:0;
}

.content .nested-lists ul li{
    margin:0;
    padding:0;
}

.secondary .quick-links ul{
    list-style-type:none;
    padding:0;
    margin:0;
}

.secondary .quick-links ul > li{
    padding-bottom:20px;
    border-bottom:1px solid rgba(172,170,169,.25);
    margin-bottom:20px;
}

.secondary .quick-links .link-name{
    color:rgb(42,178,175);
    font-weight:700;
    margin-bottom:5px;
    display:block;
}

.secondary .quick-links .link-name:after{
    content:"";
    position:absolute;
    margin:6px 0 0 5px;
    height:12px;
    width:12px;
    background-image:url(/images/link-icon.png);
}

.secondary .quick-links .link-name:hover, .secondary .quick-links .link-name:focus{
    text-decoration:none;
    color:rgb(141,199,63);
}

.secondary .quick-links p{
    font-size:18px;
    margin:0;
}

.secondary .content .direct-links{
    padding-top:50px;
    overflow:hidden;
}

.secondary .content .callout{
    float:left;
    padding-bottom:35px;
}

.secondary .content .callout.center{
    margin:0 7%;
}

.secondary .content .callout p{
    font-size:18px;
    line-height:26px;
    color:rgb(94,88,79);
    font-weight:300;
}

.secondary .content .callout .description{
    margin-top:25px;
    padding:0 5px;
    max-width:300px;
}

.secondary .content .callout .title{
    font-size:22px;
    color:rgb(42,178,175);
    font-weight:700;
    margin-bottom:10px;
}

.secondary .content .callout img{
    background-color:rgb(42,178,175);
}

.secondary .content .callout img, .secondary .content .callout .title{
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
}

.secondary .content .callout a:hover, .secondary .content .callout a:focus{
    text-decoration:none;
}

.secondary .content .callout a:hover .title, .secondary .content .callout a:focus .title{
    color:rgb(141,199,63);
}

.secondary .content .callout a:hover img, .secondary .content .callout a:focus img{
    opacity:.5;
}

.secondary .events{
    padding:50px 35px;
}

.secondary .events .listing{
    padding:0;
}

.secondary .events .container{
    padding:0;
}

.secondary .events .listing .item{
    min-height:200px;
}

.dept-content .breadcrumbs {
    background: repeating-linear-gradient(
        -55deg,
        #def8f8,
        #def8f8 1px,
        #bdf2f1 1px,
        #bdf2f1 10px
        );
    padding:20px 45px 10px 45px;
    background-color:#bdf2f1;
}

.dept-content .breadcrumbs ol{
    margin:0;
    padding:0 0 0 15px;
    background-image:none;
    background-color:transparent;
    background-color:initial;
    color:rgb(94,88,79);
}

.dept-content .breadcrumb > .active, .dept-content .breadcrumb > li + li:before, .dept-content .breadcrumbs ol a{
    color:rgb(94,88,79);
    font-size:20px;
}

.dept-content .content img{
    margin-bottom:25px;
}

.dept-content .content section section{
    clear:both;
    overflow:hidden;
    margin-top:0;
    border-bottom:0;
    padding-bottom:0;
}

/*.programs.dept-content .content section section{
    margin-bottom:25px;
}*/
.programs .program-options{
    overflow:hidden;
    float:none;
}

.dept-content .content section.facility section h3{
    margin-top:55px;
}

.dept-content .facility{
    clear:both;
}

.dept-content .content .panel-title > a:after{
    content:"";
    position:absolute;
    margin:3px 0 0 5px;
    height:15px;
    width:15px;
    background:url(/images/link-icon.png) center center no-repeat;
    background-size:cover;
    -webkit-background-size:cover;
    -moz-background-size:cover;
}

.dept-content .content .panel-title > a.collapsed[data-toggle='collapse']:after{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

.dept-content .content .panel-heading{
    padding:15px 0;
}

.dept-content .content .panel-title{
    margin-top:10px;
}

.dept-content .content .panel-title a{
    font-size:20px;
    color:rgb(94,88,79);
}

.dept-content .content .panel-title a:hover, .dept-content .content .panel-title a:focus{
    color:rgb(141,199,63);
}

.dept-content .panel-default, .dept-content .panel-default > .panel-heading{
    background-color:transparent;
    background-color:initial;
    background-image:none;
    border:0;
    border-radius:0;
}

.dept-content .panel-default .panel-collapse.in .panel-body{
    border-top:1px solid rgba(172,170,169,.5);
    border-bottom:1px solid rgba(172,170,169,.5);

}

.dept-content .panel-group .panel{
    border:0;
    border-radius:0;
    box-shadow:none !important;
}

.dept-content section article{
    padding-bottom:25px;
}

.dept-content section article:last-child{
    padding-bottom:0;
}

#parks-accordian h2 a:after {
    content: "";
    position: absolute;
    margin: 12px 0 0 5px;
    height: 15px;
    width: 15px;
    background: url(/images/link-icon.png) center center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
}
#parks-accordian .pr_details_btn {
    font-size: 16px;
    padding: 7px 15px;
}

.no-show {display: none;}

.inbody-table{
    max-width:750px;
}

.inbody-table ul{
    list-style-type:none;
    overflow:hidden;
    padding:0;
    margin:0;
}

.inbody-table ul li{
    overflow:hidden;
}

.inbody-table h3, .inbody-table h4{
    float:left;
    padding:0 15px 0 0;
}

.inbody-table .headers{
    padding-bottom:5px;
}

.inbody-table .left{
    width:35%;
}

.inbody-table h4{
    font-weight:700;
}

.inbody-table .right{
    padding-left:50px;
    width:65%;
}

.inbody-table li.info{
    margin:0;
    padding:5px 0;
}

.inbody-table .headers, .inbody-table li.info{
    border-bottom:1px solid rgba(172,170,169,.25);
}

.inbody-table li.info p{
    float:left;
    margin-bottom:0;
    white-space:normal;
}

.inbody-table li.info p.left{
    width:35%;
}

.inbody-table li.info p.right{
    padding-left:50px;
    width:65%;
}

.inbody-table li a{
    word-break:break-all;
}

.economic .inbody-table .left{
    width:65% !important;
}

.economic .inbody-table .right{
    width:35% !important;
}

.full-table{
    margin:25px 0;
}

.full-table.three-col .col{
    width:33%;
}

.full-table .table-row{
    clear:both;
    overflow:hidden;
    border-bottom:1px solid rgba(172,170,169,.25);
}

.full-table .table-cell{
    float:left;
    padding:10px 15px;
}

.full-table .table-cell:nth-of-type(1){
    padding-left:0;
}

.full-table .headers{
    overflow:hidden;
}

.full-table .headers h3{
    margin:0;
    color:rgb(94,88,79);
    font-size:22px;
}

.full-table .table-cell p{
    margin-bottom:0;
}

.button{
    padding:10px 25px;
    display:inline-block;
    color:white;
    font-size:18px;
    font-weight:700;
    background-color:rgb(42,178,175);
    transition:background-color .3s ease;
    -webkit-transition:background-color .3s ease;
    -moz-transition:background-color .3s ease;
    text-decoration:none !important;
    border:0;
    box-shadow:none;
}

.button:hover, .button:focus{
    background-color:rgb(123,229,227);
    text-decoration:none;
    color:white;
    cursor: default;
}

.dept-content .content .button{
    margin-top:15px;
    padding:10px 25px;
}

.list-spacer{
    margin-bottom:5px !important;
}

.text-right{
    float:left;
    padding:35px 35px 35px 0;
    margin:0 !important;
}

p.small{
    font-size:85% !important;
}

.secondary .content li p{
    margin-bottom:10px;
}

.content ul.forms a{
    padding-right:30px;
}

.content ul.forms li{
    padding-bottom:10px;
}

.content ul.forms p{
    display:inline-block;
    margin-bottom:0 !important;
}

.calendar .sort{
    background-color:rgb(243,242,242);
    overflow:hidden;
    padding:25px 50px;
    margin:25px 0 50px 0;
}

.calendar .sort h4{
    color:rgb(42,178,175);
    font-weight:700;
    font-size:24px;
    margin:0 0 15px 0;
}

.calendar .options > div{
    float:left;
    margin:0 25px 15px 0;
}

.calendar .options label{
    margin-right:10px;
}

.calendar .options input, .calendar .options select{
    border-color:rgb(141,199,63);
    border-width:1px;
    padding:3px;
    height:35px;
    border-style:solid;
}

.calendar .options .date input{
    width:110px;
}

.calendar .options .date img{
    margin-bottom:4px;
}

.calendar .options .button{
    margin-top:0;
    padding:5px 25px;
}

.cal-display .filtered-events{
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.25);
    clear: both;
    margin-top: 5px;
    padding: 5px;
}

.calendar .event-filter-tags {
    clear: both;
    border-top:1px solid rgba(172,170,169,.25);
    padding-top:10px;
    margin-top:25px;
}

.calendar .event-filter-tags > .filter-tag {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.25);
    padding: 5px;
    display: inline-block;
    margin:10px 0;
}

.calendar .event-filter-tags > .filter-tag > .remove-filter {
    vertical-align: text-top;
    margin-left:5px;
}
#myModal .short-list,
.calendar .filtered-events > .short-list {
    padding: 5px 0;
}

#myModal .modal-link,
.calendar .filtered-events > .modal-link {
    padding-top: 5px;
}


.cal-display .fc-list-view .fc-today{
    background-color:initial;
}

.cal-display .fc-list-view .fc-agendaList-dayHeader{
    font-weight:700;
    font-size:24px;
    margin-top:50px;
    padding-bottom:15px;
    border-bottom:1px solid rgba(172,170,169,.25);
}

.cal-display .fc-list-view .fc-agendaList-item{
    border-bottom:1px solid rgba(172,170,169,.25);
    padding:10px 0 15px 0;
    margin:0;
}


.cal-display .fc-list-view .fc-agendaList{
    list-style-type:none;
    padding:0;
    margin:0;
}

.cal-display #calendar button{
    outline:0;
}

.cal-display .fc-agendaList .fc-eventlist{
    padding-left:35px;
}

.cal-display .fc-agendaList .fc-eventlist:before{
    content:"";
    position:absolute;
    left:0;
    height:25px;
    width:25px;
    margin-top:5px;
}

.fc-agendaList-event-administration.fc-eventlist:before{
    background-color:rgb(14,102,100);
}
.fc-agendaList-event-community-development.fc-eventlist:before{
    background-color:rgb(151,34,113);
}
.fc-agendaList-event-fire-ambulance.fc-eventlist:before{
    background-color:rgb(227,108,19);
}
.fc-agendaList-event-economic-development.fc-eventlist:before{
    background-color:rgb(141,199,63);
}
.fc-agendaList-event-engineering.fc-eventlist:before{
    background-color:rgb(191,35,39);
}
.fc-agendaList-event-library.fc-eventlist:before{
    background-color:rgb(84,14,101);
}
.fc-agendaList-event-parks-recreation.fc-eventlist:before{
    background-color:rgb(8,133,37);
}
.fc-agendaList-event-police.fc-eventlist:before{
    background-color:rgb(35,78,191);
}
.fc-agendaList-event-public-works.fc-eventlist:before{
    background-color:rgb(240,166,8);
}
.fc-agendaList-event-water.fc-eventlist:before{
    background-color:rgb(37,143,201);
}

.event.secondary .helpful{
    border-bottom:0;
    margin-bottom:15px;
}

.event .small-cal-display .fc-toolbar{
    display:none;
}
.event .small-cal-display .fc-day-header{
    font-size:12px;
    padding:5px !important;
}
.event .small-cal-display .fc-ltr .fc-basic-view .fc-day-number{
    font-size:12px;
    padding:3px 0 0 0;
    height:22px;
    width:100%;
    background-color:transparent;
    background-color:initial;
    color:rgb(42,178,175);
}
.event .small-cal-display .fc-bg table{
    height:25px;
}
.event .small-cal-display .fc-basic-view .fc-body .fc-row{
    height:25px !important;
    min-height:0;
}
.event .small-cal-display .fc-row .fc-content-skeleton{
    height:25px;
    min-height:0;
    padding-bottom:0;
}
.event .content h1{
    margin-bottom:35px;
}
.event .content .details{
    padding-left:0;
}

.event .content .details .info{
    margin-bottom:25px;
}

.event .content .details .info .type{
    color:rgb(141,199,63);
    font-weight:700;
    margin-bottom:0;
    font-size:20px;
}

.event .content .details .info p{
    font-size:18px;
    line-height:26px;
}
.event .content .details .info a{
    font-size:16px;
    line-height:20px;
}

.event .content .details .info ul li{
    margin:0;
    line-height:26px;
}

.event .content .description p{
    text-align:left !important;
}

.event #canvas1{
    height:525px;
}

.event #canvas1 iframe{
    height:525px;
    width:100%;
}


.event .content .back{
    display:inline-block;
    position:relative;
    margin-left:20px;
}

.event .content .back:before{
    content:"";
    position:absolute;
    left:-20px;
    margin:5px 0 0 0;
    height:12px;
    width:12px;
    background:url(/images/link-icon.png) center center no-repeat;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.event .small-cal-views{
    margin-top:25px;
}

.event .small-cal-views .views{
    font-weight:700;
    font-size:20px;
    margin-bottom:10px;
}

.event .small-cal-views p{
    margin-bottom:10px;
}

.event .small-cal-views a{
    position:relative;
    font-weight:700;
    color:rgb(94,88,79);
    font-size:16px;
}

.event .small-cal-views a:hover{
    text-decoration:none;
    color:rgb(141,199,63);
}

.event .small-cal-views .event-cal, .event .small-cal-views .event-list{
    margin-left:30px;
}

.event .small-cal-views .event-cal:before, .event .small-cal-views .event-list:before{
    content:"";
    position:absolute;
    left:-30px;
    margin:0;
    height:25px;
    width:25px;
}
.event .small-cal-views .event-cal:before{
    background:url(/images/calendar-month.png) center center no-repeat;
}
.event .small-cal-views .event-list:before{
    background:url(/images/calendar-list.png) center center no-repeat;
}

.cal-display .fc-right button{
    background:transparent;
    background:initial;
    border-radius:0;
    border:0;
    box-shadow:none;
    position:relative;
    margin-right:25px;
    text-transform:capitalize;
    font-weight:700;
    color:rgb(94,88,79);
}

.cal-display .fc-right button:before{
    content:"";
    position:absolute;
    left:-20px;
    height:25px;
    width:25px;
}

.cal-display .fc-right button.fc-month-button:before{
    background:url(/images/calendar-month.png) center center no-repeat;
}
.cal-display .fc-right button.fc-basicWeek-button:before{
    background:url(/images/calendar-week.png) center center no-repeat;
}
.cal-display .fc-right button.fc-basicDay-button:before{
    background:url(/images/calendar-day.png) center center no-repeat;
}
.cal-display .fc-right button.fc-list-button:before{
    background:url(/images/calendar-list.png) center center no-repeat;
}

.cal-display .fc-right button.fc-today-button{
    margin-right:0;
    background-color:rgb(141,199,63);
    color:white;
    text-shadow:none;
    opacity:1;
}

.cal-display .fc-right button.fc-today-button:hover, .calendar .fc-right button.fc-today-button:focus{
    opacity:.65;
}

.cal-display .fc-list-view{
    height:auto !important;
}

.calendar .content{
    height:auto !important;
}

.scrolloff {
    pointer-events: none;
}

.alert-signup footer .alerts{
    display:none;
}

.std-form{
    max-width:800px;
}
.std-form section{
    overflow:hidden;
}

.login .std-form{
    max-width:850px;
}
.std-form input{
    max-width:100%;
    width:100%;
    border:1px solid rgb(141,199,63);
    height:35px;
    padding:3px;
    float:none;
}

.std-form select{
    border:1px solid rgb(141,199,63);
    height:35px;
    font-size:16px;
}

.std-form textarea{
    border:1px solid rgb(141,199,63);
    height:200px;
    width:100%;
}

.std-form .field{
    padding:0 25px 0 0;
    margin-bottom:25px;
    overflow:hidden;
}

.std-form .field label{
    float:none;
    text-align:left;
    width:auto;
}

.std-form .field .input{
    width:100%;
}

.std-form .required{
    color:rgb(141,199,63);
}
.std-form .field{
    float:left;
    width:50%;
}

.std-form .field.zip{
    float:left;
    width:150px;
    clear:both;
}

.std-form .field label.inline-checkbox input[type="checkbox"] {
    margin-right: 10px;
    margin-left: 20px;
    position: relative;
    top: 12px;
    width: auto;
}

.std-form .field label.inline-checkbox.only-checkbox input[type="checkbox"] {
    height: 22px;
    top: 6px;
}

.std-form .field.comments{
    clear:both;
    float:none;
    width:100%;
}

.std-form .button{
    border:0;
    box-shadow:none;
    width:inherit !important;
    height:inherit;
    clear:both;
}

.login .std-form .buttons{
    float:right;
    padding-right:25px;
    overflow:hidden;
}

.login .std-form .field{
    padding-bottom:10px;
}

.std-form .label-only {
    margin-bottom: 0;
}

.std-form #_global_validation, .std-form .validation{
    color:red;
    padding:5px 0 10px 0;
    font-size:14px;
    font-weight:700;
}

.std-form .password{
    padding:0 25px 10px 0;
    font-size:14px;
    display:block;
    text-align:right;
}

.std-form .form-row{
    overflow:hidden;
}

.std-form .field.clear-right{
    clear:both;
    float:none;
}

.std-form .field .new-pass{
    padding-bottom:15px;
}

.std-form .full-width{
    width:100%;
}

.std-form .boxes label{
    float:left;
    margin-right:15px;
}
.library .std-form .boxes label,
.jobs .std-form .boxes label{
    float:none;
}
.std-form .boxes .input label input{
    height:auto;
    width:auto;
}

.std-form legend{
    border-bottom:0;
}

.std-form .field-input{
    padding-right:15px;
}

.secondary .content .std-form .pass-descrip{
    font-size:16px;
    line-height:22px !important;
    padding-top:10px;
}

.alert-signup .alert-form .sms{
    padding-top:15px;
}


.std-form #current_members .headers{
    overflow:hidden;
}

.std-form .current_member {
    height:45px;
    margin-bottom:10px;
}
.std-form #current_members .name, .std-form #new_members .name{
    padding-left:0;
}

.std-form .member-panel{
    overflow:hidden;
    float:none;
}

.std-form .btn-default:hover, .std-form .btn-default:focus, .std-form .btn-default:active, .btn-default.active{
    background-color:rgb(42,178,175);
    color:white !important;
}

.farmers-market-form select, .farmers-market-form .radio-group, .farmers-market-form .checkbox, .farmers-market-form .signature, .farmers-market-form .textarea, .farmers-market-form .rules {
    width: 100%;
}

.farmers-market-form .other_goods_field, .farmers-market-form #_f_read_rules {
    display: none;
}

.farmers-market-form #_v_read_rules {
    display: block;
}

.farmers-market-form .radio-group label, .farmers-market-form .checkbox label {
    display: flex;
    align-items: center;
    font-weight: bold;
}

.farmers-market-form .radio-group label input, .farmers-market-form .checkbox label input {
    width: auto;
    margin-right: 2rem;
}

.farmers-market-form .checkbox label input {
    margin-left: 0;
    width: 1.5rem;
    height: 1.5rem;
}

#directory .content{
    height:auto !important;
}

#directory .content .nav-tabs{
    margin:0;
    padding-bottom:25px;
}

#directory .content .nav-tabs > li{
    font-size:16px;
    margin:0 10px 10px 0;
}

#directory .content .nav-tabs > li > a{
    border:1px solid rgb(141,199,63);
    border-radius:0;
    padding:10px;
}

#directory .content .nav-tabs > li > a:hover, #directory .content .nav-tabs > li > a:focus{
    background-color:rgb(141,199,63);
    color:white;
}

#directory .content .nav-tabs > li.active > a{
    background-color:rgb(141,199,63);
    color:white;
}

#directory .tab-pane ul li{
    border-bottom:1px solid rgba(172,170,169,.25);
    padding:25px 0;
    margin:0;
}

#directory .council.archive .tab-pane ul li{
    border:0;
    padding:0;
    margin-bottom:5px;
}

#directory .tab-pane ul li p{
    margin-bottom:0;
}

#directory .tab-pane ul li p.name{
    font-weight:700;
}

#directory .tab-pane ul.board-members li p.name{
    color:rgb(42,178,175);
}


#directory .council.archive .tab-pane ul.board-members li{
    border-bottom:0;
    padding:5px 0;
}

#directory .council.archive .tab-pane h2:first-child{
    margin-top:0;
}

.council .name{
    margin-top:10px;
}

.content.council .contact-details p{
    margin-bottom:0;
}

.content.council .address{
    list-style-type:none;
    margin:0;
    padding:0;
}

.content.council .address li{
    margin:0;
}

.content.council section{
    overflow:hidden;
}

.contact .address p{
    margin-bottom:0;
}

.content .pdf:after, .content .excel:after, .content .word:after, .content .doc:after{
    margin-top:4px;
}

.content.archive .panel-heading{
    padding:10px 0;
}

.content.archive .panel-group{
    margin-bottom:10px;
}

.content.archive h2.panel-title, .content.archive h3.panel-title, .content.archive h4.panel-title{
    margin:0;
}
.content.archive h2.panel-title a{
    font-size:28px;
    font-family:'Lato', sans-serif;
    font-weight:700;
}

.content.archive h2.panel-title > a:after{
    margin-top:10px;
}

.content.archive h3.panel-title a{
    font-size:22px;
    font-family:'Lato', sans-serif;
    font-weight:700;
    color:rgb(42,178,175);
}

.content.archive .panel-body ul{
    margin:0;
}

.content.archive section{
    padding-bottom:25px;
}

.content.archive .panel-default .panel-collapse .panel-body .panel-collapse .panel-body{
    border:0 !important;
    padding:0 10px 15px 10px;
}

.content.archive .panel-default .panel-collapse:last-child .panel-body{
    border-bottom:0;
}

.employee .access .button{
    padding:3px 10px;
    font-size:16px;
}

.employee .access .logout{
    background-color:white;
    border:1px solid rgb(141,199,63);
    color:rgb(42,178,175);
    float:right;
}

.employee .access {
    overflow:hidden;
}

.employee .access .logout:hover, .employee .access .logout:focus {
    background-color:rgb(141,199,63);
    color:white;
}

.employee .breadcrumbs ol{
    float:left;
}
.site-search .content h1{
    text-align:left;
}

.site-search .content #results .title, .site-search .content #results .description{
    font-size:18px;
}
.site-search .search-form{
    padding-bottom:25px;
}

.site-search .search-form table{
    border:0;
}

.site-search .search-form table td{
    padding-right:15px;
}

.site-search .search-form input{
    border:1px solid rgb(141,199,63);
    height:35px;
    padding:3px;
    margin-bottom:5px;
    width:100%;
    font-size:20px;
    font-family:'Lato', sans-serif;
}
.site-search .search-form input[type=submit]{
    padding:6px 25px;
    display:inline-block;
    color:white;
    font-size:16px;
    font-weight:700;
    background-color:rgb(42,178,175);
    transition:background-color .3s ease;
    -webkit-transition:background-color .3s ease;
    -moz-transition:background-color .3s ease;
    text-decoration:none !important;
    border:0;
    height:36px;
    box-shadow:none;
}

.site-search .search-form input[type=submit]:hover, .site-search .search-form input[type=submit]:focus{
    background-color:rgb(123,229,227);
    text-decoration:none;
    color:white;
}

.site-search #result_report{
    padding:10px 0;
    background-color:rgb(141,199,63);
    color:white;
    margin-bottom:25px;
}

.site-search #results .url{
    padding-bottom:25px;
    border-bottom:1px solid rgba(172,170,169,.25);
    margin-bottom:10px;
}
.pdf:after{
    content:"";
    background: url('/images/pdf-icon.png') center center;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    height:20px;
    width:19px;
    position:absolute;
    margin-left:5px;
}

.excel:after{
    content:"";
    background: url('/images/excel-icon.png') center center;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    height:19px;
    width:18px;
    position:absolute;
    margin-left:5px;
}

.word:after, .doc:after, .docx:after{
    content:"";
    background: url('/images/word-icon.png') center center;
    background-size:cover;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    height:19px;
    width:18px;
    position:absolute;
    margin-left:5px;
}

ul.unstyled{
    padding:0;
    margin:0;
    list-style-type:none;
}

.top{
    margin-top:25px !important;
}

.no-bottom{
    margin-bottom:0 !Important;
}

.clear-fix{
    float:none !important;
    clear:both !important;
}
.wrap{
    float:right;
    margin:0 0 25px 25px;
}
.content a.break{
    word-break: break-all;
}
.jobs .content{
    height:auto !important;
}
/* CODES & ORDINANCES ------------------------------------------------------------- */

.government .codes.content .ordinance-area{
    margin-top:35px;
    overflow:hidden;
}

.ordinance-area .codes-nav{
    width:25%;
    float:left;
    padding-right:25px;
}

.ordinance-pdfs li {
    list-style-type: none;
}

.ordinance-pdfs li a {
    font-weight: unset !important;
}

.ordinance-pdfs li a i {
    display: inline-block;
    margin-right: 10px;
}

.codes.content h3.panel-title a, .codes.content h4.panel-title a{
    font-size:18px;
    line-height:20px;
}
.codes.content h4.panel-title a{
    font-size:16px;
    line-height:18px;
}

.dept-content .codes.content .panel-title > a:after{
    margin-top:10px;
    height:12px;
    width:12px;
}
.dept-content .codes.content h4.panel-title > a:after{
    margin-top:8px;
}

.codes .codes-nav .panel{
    box-shadow:none;
    margin-bottom:0;
}

.codes.content .panel-group{
    margin-bottom:0;
}

.codes.content .level-one .panel-heading{
    padding:5px 0;
}

.secondary .codes.content .codes-nav .panel-body{
    padding:10px 0;
}
.dept-content .codes-nav .panel-default .panel-collapse.in .panel-body{
    border-bottom:1px solid rgba(172,170,169,.5);
}

.secondary .codes.content .codes-nav ul{
    padding:0;
    list-style-type:none;
}

.secondary .codes.content .codes-nav ul li{
    line-height:18px;
    margin-bottom:10px;
}

.secondary .codes.content .ordinance ol li{
    margin-bottom:10px;
}

.secondary .codes.content .ordinance ol.alpha{
    list-style-type:upper-alpha;
}

.secondary .codes.content .codes-nav ul a{
    font-size:16px;
    color:rgb(94,88,79);
    font-weight:300;
}

.secondary .codes.content .codes-nav ul a:hover, .secondary .codes.content .codes-nav ul a:focus{
    color:rgb(141,199,63);
}

.secondary .codes.content .codes-nav .panel-body.internal-body{
    padding:0 !important;
}

.secondary .codes.content .codes-nav .internal-body .chapter-name{
    padding-right:5px;
}

.secondary .codes.content .codes-nav .internal-body ul{
    padding-left:0;
}

.ordinance-area .ordinance{
    width:75%;
    float:left;
    padding-left:25px;
    border-left:1px solid rgba(172,170,169,.25);
}

.secondary .codes .ordinance h2{
    margin-top:10px;
}

.secondary .codes .ordinance p.small{
    margin-bottom:5px;
    line-height:inherit;
}

.codes .content .ordinance article{
    padding-top:35px;
}

.codes .content .ordinance h3{
    margin-top:0;
}

/* ACCOUNT AREA ------------------------------------------------------------- */

.account .content .details{
    margin-bottom:25px;
}

.account .content .details .info{
    margin-bottom:15px;
}

.account .content .details .info .type{
    color:rgb(141,199,63);
    font-weight:700;
    margin-bottom:0;
    font-size:20px;
}

.account .content .details .info p{
    font-size:18px;
    line-height:26px;
    margin-bottom:0;
}






/* FACILITY RENTAL FORM------------------------------------------------------------- */

.rental .content{
    padding:0 15px 35px 15px;
    height:auto !important;
}

.rental.secondary .helpful{
    border-bottom:1px solid rgba(172,170,169,.25);
}

.rental .content .details{
    padding-right:0;
}

.rental .cal-display{
    padding-left:15px;
}

.rental .cal-display .fc-toolbar{
    margin-bottom:25px;
}

.rental .cal-display .fc-toolbar .fc-left{
    overflow:hidden;
    margin:3px 0 0 0;
}

.rental .content .cal-display h2{
    border-bottom:0;
    font-size:20px;
    width:200px;
}

.rental .cal-display .fc-right button{
    font-size:14px;
}
.rental .cal-display .fc-right button:before{
    top:0px;
}

.rental .cal-display .fc-day-header{
    font-size:14px;
    padding:5px 0 !important;
}

.rental .fc-ltr .fc-basic-view .fc-day-number{
    font-size:14px;
    height:20px;
    width:20px;
}

.rental .details.std-form .field{
    float:none;
    width:100%;
    padding-right:0;
}

.rental .details.std-form .field input{
    font-size:16px;
}

.rental .details.std-form .field select{
    font-size:14px;
}

.rental .std-form .field input[type=text]{
    width:100%;
}
.rental .quick-links p, .login .quick-links p{
    margin-bottom:10px;
}

.rental .quick-links p a, .login .quick-links p a{
    color:rgb(42,178,175);
    font-weight:700;
}

.rental .quick-links p a:hover, .rental .quick-links p a:focus, .login .quick-links p a:hover, .login .quick-links p a:focus{
    color:rgb(141,199,63);
    text-decoration:none;
}

.rental .cal-display .fc-list-view .fc-agendaList-dayHeader, .rental .cal-display .fc-list-view .fc-agendaList-item, .cal-display .fc-list-view .fc-agendaList-dayHeader{
    font-size:18px;
}

.rental .cal-display .fc-list-view .fc-agendaList-dayHeader{
    margin-top:25px;
}

.rental .cal-display .teal-pavilion-rental, .rental .fc-agendaList-event-teal-pavilion-rental.fc-eventlist:before {
    background-color:rgb(14,102,100);
}
.rental .cal-display .orange-pavilion-rental, .rental .fc-agendaList-event-orange-pavilion-rental.fc-eventlist:before {
    background-color:rgb(227,108,109);
}
.rental .cal-display .yellow-pavilion-rental, .rental .fc-agendaList-event-yellow-pavilion-rental.fc-eventlist:before {
    background-color:rgb(239,166,31);
}
.rental .cal-display .green-pavilion-rental, .rental .fc-agendaList-event-green-pavilion-rental.fc-eventlist:before {
    background-color:rgb(18,134,66);
}
.rental .cal-display .red-pavilion-rental, .rental .fc-agendaList-event-red-pavilion-rental.fc-eventlist:before {
    background-color:rgb(191,35,39);
}
.rental .cal-display .blue-pavilion-rental, .rental .fc-agendaList-event-blue-pavilion-rental.fc-eventlist:before {
    background-color:rgb(55,86,166);
}
.rental .cal-display .brown-pavilion-bandshell-rental, .rental .cal-display .brown-pavilion-rental, .rental .fc-agendaList-event-brown-pavilion-rental.fc-eventlist:before {
    background-color:rgb(86,45,29) !important;
}
.rental .cal-display .community-center-rental, .rental .fc-agendaList-event-community-center-rental.fc-eventlist:before {
    background-color:rgb(151,34,113);
}


.rental .quick-links h3 span{
    color:rgb(94,88,79);
    font-weight:300;
}

.rental .std-form textarea, .jobs .std-form textarea{
    height:100px;
}

.forestry-img {
    float: right;
}

@media screen and (min-width:992px){
    .forestry-img {
        padding: 15px;
    }
}
/* NEWS/BLOG ----------------------------------------------------------------------- */

.blog .entry-info{
    margin-bottom:25px;
}

.blog .entry-info > span{
    margin:5px 15px 5px 0;
}

.blog .entry-info span.cat-links{
    display:block;
}

.blog #recent-comments-2, .blog #meta-2, .blog #archives-2 h4{
    display:none;
}

.blog.secondary .quick-links ul > li{
    border-bottom:0;
    padding:0;
}

.blog .quick-links section{
    border-bottom:1px solid rgba(172,170,169,.25);
    padding:10px 0 20px 0;
    margin-bottom:20px;
}

.blog .quick-links h4{
    font-weight:700;
    font-size:20px;
    margin-bottom:20px;
}

.blog .quick-links a{
    color:rgb(42,178,175);
    font-weight:700;
    display:block;
    font-size:18px;
}

.blog .quick-links p{
    margin-bottom:10px;
}

.blog .quick-links li .post-date{
    font-size:18px;
}

.blog .quick-links a:after{
    content:"";
    position:absolute;
    margin:6px 0 0 5px;
    height:12px;
    width:12px;
    background-image:url(/images/link-icon.png);
}
.blog .quick-links a:hover, .blog .quick-links a:focus{
    text-decoration:none;
    color:rgb(141,199,63);
}

.blog .quick-links #search-2 label span, .blog.search .content .no-results span{
    display:block;
    padding-bottom:10px;
}

.blog .quick-links #search-2 input, .blog.search .content .no-results input{
    border:1px solid rgb(141,199,63);
    height:35px;
    padding:3px;
    margin-bottom:5px;
    width:100%;
}

.blog .quick-links #search-2 .search-submit, .blog.search .content .no-results .search-submit{
    padding:6px 10px;
    display:inline-block;
    color:white;
    font-size:16px;
    font-weight:700;
    background-color:rgb(42,178,175);
    transition:background-color .3s ease;
    -webkit-transition:background-color .3s ease;
    -moz-transition:background-color .3s ease;
    text-decoration:none !important;
    border:0;
    height:36px;
    box-shadow:none;
}

.blog .quick-links #search-2 .search-submit:hover, .blog .quick-links #search-2 .search-submit:focus{
    background-color:rgb(123,229,227);
    text-decoration:none;
    color:white;
}

.blog .quick-links #archives-2 select{
    border:1px solid rgb(141,199,63);
    height:35px;
    margin-left:10px;
}


.blog.single .content .navigation h2{
    display:none;
}

.blog.single .content .navigation{
    font-size:16px;
    padding-top:25px;
}

.blog.single .content .navigation .nav-links a{
    margin-bottom:10px;
    display:block;
}

.blog.single .entry-content img{
    margin-bottom:0;
}

.blog .content .navigation.pagination h2{
    display:none;
}

.blog .content .navigation.pagination .nav-links{
    font-size:16px;
}
.blog .content .navigation.pagination .nav-links .page-numbers{
    font-size:16px;
    margin:0 5px;
}
.blog .content .navigation.pagination .nav-links .prev{
    margin-right:10px;
}
.blog .content .navigation.pagination .nav-links .next{
    margin-left:10px;
}

/*
* Scroll to top link inside footer,
* but fixed relative to viewport
*/
#scroll-top {
    position:fixed;
    /* On top of everything */
    z-index:9999;
    bottom:0;
    right:0;
    margin:0.9em;
    display:none;
    padding:5px 15px;
    border-radius:3px;
    color:white;
    font-size:16px;
    text-decoration:none;
    border:1px solid transparent;
    background:rgb(42,178,175);
}

/*
* Up Arrow for the scroll top link
*/
#scroll-top:after {
    content:"";
    display:inline-block;
    vertical-align:middle;
    margin-left:0.35em;
    width: 0;
    height: 0;
    border-left: 0.3em solid transparent;
    border-right:  0.3em solid transparent;
    border-bottom:  0.3em solid #fefefe;
}

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

footer .row{
    margin:0;
}

footer .alerts{
    padding:55px 35px 75px 35px;
    position:relative;
    z-index:10;
    color:white;
}

footer .alerts:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgb(42,178,175);
    opacity:.85;
    z-index:-1;
}

footer .alerts:after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:url(/images/footer-alerts.jpg) center center no-repeat;
    background-size:cover;
    z-index:-5;
}

footer .alerts .alert-container{
    max-width:700px;
}

footer .alerts p{
    margin-bottom:50px;
    font-size:20px;
}

footer .alerts .button{
    background-color:rgb(141,199,63);
}

footer .alerts .button:hover{
    background-color:rgb(198,227,159);
}

.footer-nav{
    overflow:hidden;
    background-color:rgb(94,88,79);
    color:white;
    padding:25px 35px 15px 35px;
    font-size:16px;
}

.footer-nav a{
    color:white;
}

.footer-nav a:hover, .footer-nav a:focus{
    color:rgb(141,199,63);
    text-decoration:none;
}

.footer-nav .nav-links{
    overflow:hidden;
    float:left;
    padding-bottom:25px;
}

.footer-nav ul{
    list-style-type:none;
    text-align:left;
    padding:0;
    margin:0;
}

.footer-nav ul > li{
    padding:0 25px 0 0;
}

.footer-nav ul > li a{
    font-size:16px;
    color:white;
}

.footer-nav .left li{
    line-height:28px;
}

.footer-nav .left a{
    font-weight:700;
}

.footer-nav .right a{
    font-weight:300;
    font-size:14px;
}

.footer-nav .nav-links .general, .footer-nav .nav-links .dept, .footer-nav .left, .footer-nav .right{
    float:left;
}


.footer-nav .nav-links p, .footer-nav .contact-us p{
    text-align:left;
    margin-bottom:0;
    font-weight:700;
    color:white;
}

.footer-nav .address{
    margin-bottom:10px;
}

.footer-nav p.phone, .footer-nav p.fax{
    font-weight:300;
}

.footer-nav .contact-us{
    float:right;
    clear:right;
}

.footer-nav .contact-us .info{
    float:left;
}

.footer-nav .contact-us .location{
    float:right;
    margin-top:15px;
}

.footer-nav .contact-us a{
    color:rgb(141,199,63);
}
.footer-nav .contact-us a:hover, .footer-nav .contact-us a:focus{
    text-decoration:underline;
}

.footer-nav .contact-us a:hover img{
    opacity:.5;
}

.footer-nav .contact-us .location a span{
    display:block;
}

footer .copyright{
    clear:both;
    float:left;
}

footer .privacy{
    float:right;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


/* MEDIA QUERIES---------------------------------------------------------------- */

@media screen and (max-width:1584px){
    .secondary .content .callout.center{
        margin:0;
    }
    .secondary .content .callout{
        padding:0 15px;
        width:33.3333%;
    }
}

@media screen and (min-width:1255px) and (max-width:1625px){
    .main-nav .navbar-default .navbar-nav > li > a{
        font-size:14px;
        padding:30px 12px;
    }
}

@media screen and (min-width:1201px) and (max-width:1254px){
    .main-nav .navbar-default .navbar-nav > li > a{
        font-size:14px;
        padding:24px 12px;
    }

    .main-nav .logo{
        width:200px;
    }

    header{
        height:106px;
    }

    body{
        padding-top:106px;
    }
}

@media screen and (min-width:1200px){
    .navbar-nav li:hover .dropdown-menu{
        display:block;
    }

    .dept-content .content section section{
        padding-bottom:25px;
    }

    .parks.dept-content .content .facility .park img{
        margin-bottom:200px !important;
    }


}

@media screen and (max-width:1200px){
    .home .video, .home .video-links a{
        height:250px;
        min-height:0;
    }
    .home .videos .video-title{
        opacity:1;
        transform:none;
    }

    .home .videos a:hover .video-title{
        transform:none;
    }

    .home .videos .video-play{
        margin:-25px 0 0 -25px;
    }

    .home .videos .video-play img{
        max-height:50px;
    }

    .home .videos .video:after{
        opacity:.35;
    }
    .secondary .content .callout.center{
        margin:0;
    }
    .secondary .content .callout{
        padding:0 15px 25px 15px;
        width:50%;
    }
    .dept-content .breadcrumbs ol{
        padding-left:10px;
    }
    .parks.dept-content .content .facility .park img.text-right{
        float:none;
    }

    .parks.dept-content .content .facility .park{
        padding-bottom:25px;
    }
}

@media screen and (min-width:992px) and (max-width:1400px){
    .rental .details.std-form .field{
        float:left;
        width:auto;
        margin:0 15px 10px 0;
    }

    .rental .details p.cf{
        float:none;
        clear:both;
    }

    .rental .details.std-form .buttons{
        clear:both;
        float:none;
    }

    .rental .content .details{
        margin-bottom:45px;
        width:100% !important;
    }

    .rental .content .description{
        width:100% !important;
    }
    .rental .content .description, .rental .content .cal-display{
        padding:0;
    }
}

@media screen and (min-width:1201px) and (max-width:1300px){

    .home .videos .video-title{
        transform:translate3d(0,50px,0);
    }

    .home .videos a:hover .video-title{
        transform:translate3d(0,75px,0) !important;
    }
}
@media screen and (min-width:992px) and (max-width:1200px){
    .main-nav .navbar-default .navbar-nav > li > a{
        font-size:12px;
        padding:18px 8px;
    }

    .main-nav .logo{
        width:160px;
    }

    .sub-nav ul > li a{
        font-size:12px;
    }

    header{
        height:94px;
    }

    body{
        padding-top:94px;
    }

    .sub-nav .search{
        padding-top:10px;
    }

    .sub-nav .search .btn{
        padding-top:0;
    }

    .sub-nav .search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: white;
        font-weight:700;
        font-size:14px;
    }
    .sub-nav .search input::-moz-placeholder { /* Firefox 19+ */
        color: white;
        font-weight:700;
        font-size:14px;
    }
    .sub-nav .search input::-ms-input-placeholder { /* IE 10+ */
        color: white;
        font-weight:700;
        font-size:14px;
    }
    .sub-nav .search input::-moz-placeholder { /* Firefox 18- */
        color: white;
        font-weight:700;
        font-size:14px;
    }
    .home .main{
        background-image:url(/images/home_main_lg.jpg);
        background-position:left center;
    }
    .home .videos .video-title{
        padding-top:50px;
        line-height:40px;
        font-size:30px;
        line-height:34px;
    }

    .home .videos .video-play{
        top:65%;
    }

    .secondary .main{
        height:400px;
    }

    .secondary .content-wrapper{
        padding:50px 25px;
    }

    .secondary .content{
        padding:0 25px 35px 15px;
    }

    .secondary .quick-links{
        padding-left:25px;
    }
    .secondary .content section{
        margin-top:30px;
        padding-bottom:35px;
    }

    .parks.dept-content .content .facility .park img.text-right{
        float:none;
        padding-bottom:0;
    }

}


@media screen and (max-width:991px){
    header{
        height:70px;
    }
    body{
        padding-top:70px;
    }
    body.department{
        padding-top:121px;
    }
    body.library{
        padding-top:70px !important;
    }
    .main-nav .logo img{
        max-height:50px;
    }
    .main-nav .navbar-toggle{
        margin-top:25px;
        border:0;
    }

    .main-nav .navbar-default .navbar-toggle .icon-bar{
        background-color:rgb(141,199,63);
    }

    .main-nav .navbar-default .navbar-toggle:hover, .main-nav .navbar-default .navbar-toggle:focus{
        background-color:rgb(141,199,63);
    }
    .main-nav .navbar-default .navbar-toggle:hover .icon-bar, .main-nav .navbar-default .navbar-toggle:focus .icon-bar{
        background-color:white;
    }

    .main-nav .navbar-nav{
        margin:0;
        position:relative;
        right:0;
        width:100%;
    }
    .main-nav .navbar-default .navbar-nav > li{
        display:block;
        border-left:0;
    }
    .main-nav .navbar-default .navbar-nav > li > a{
        padding:15px 10px;
        border-bottom:1px solid rgb(202,236,235);
    }

    .main-nav .navbar-default .navbar-collapse{
        border-top:1px solid rgb(202,236,235);
        max-height:425px;
        -webkit-box-shadow: 2px 6px 9px 0px rgba(94,88,79,0.48);
        -moz-box-shadow: 2px 6px 9px 0px rgba(94,88,79,0.48);
        box-shadow: 2px 6px 9px 0px rgba(94,88,79,0.48);
    }

    .main-nav .navbar-nav > li > .dropdown-menu{
        border-bottom:1px solid rgb(202,236,235);
    }

    .main-nav .container > .navbar-header, .main-nav .container-fluid > .navbar-header, .main-nav .container > .navbar-collapse, .main-nav .container-fluid > .navbar-collapse{
        margin:0;
    }

    .main-nav .navbar-collapse .navbar-nav a.individual{
        display:none !important;
    }

    body:not(.department) .main-nav .navigation.visible-xs.visible-sm{
        display:none !important;
    }

    header .search{
        float:none;
        width:100%;
        margin:0;
        border-bottom:1px solid white;
    }
    .subnav-wrapper{
        display:none;
    }
    .events .listing .item{
        min-height:200px;
    }

    .secondary .main{
        height:250px;
    }

    .secondary .content-wrapper{
        padding:50px 25px;
    }

    .secondary .content .direct-links{
        padding-top:25px;
    }

    .secondary .content .callout .title{
        font-size:20px;
    }

    .secondary h2.helpful{
        font-size:26px;
    }


    .dept-content .content section.facility section h3{
        margin-top:0;
    }

    .dept-content .content section.facility section{
        padding-bottom:35px;
    }

    #parks-accordian h2 a:after {margin-top: 10px;}

    .full-table .headers{
        display:none;
    }

    .full-table .table-row{
        padding:10px 0;
    }

    .full-table .table-cell, .full-table .table-cell:nth-of-type(1){
        float:none;
        padding:0 0 0 50%;
        width:inherit !important;;
    }

    .economic .full-table .table-cell:before{
        position:absolute;
        padding:2px 50px 0 0;
        left:25px;
    }

    .economic .full-table .table-cell:nth-of-type(1):before{
        content:"Name";
    }
    .economic .full-table .table-cell:nth-of-type(2):before{
        content:"Product / Service";
    }
    .economic .full-table .table-cell:nth-of-type(3):before{
        content:"Employment";
    }

    .fc-toolbar .fc-right{
        display:none;
    }

    .fc-toolbar{
        margin:25px 0 25px 0;
    }

    .rental .content .cal-display h2, .secondary .content .cal-display h2{
        width:inherit;
    }

    .secondary .content .cal-display h3{
        font-size:26px;
        margin-top:35px;
    }

    .cal-display, .rental .cal-display{
        border-top:1px solid rgba(172,170,169,.5);
        margin-top:35px;
        padding:0;
    }

    .rental .description{
        padding:0;
    }

    .cal-display #calendar{
        padding-bottom:35px;
    }
    .cal-display .fc-list-view .fc-agendaList-dayHeader{
        border-bottom:0;
        padding-bottom:0;
        margin-top:35px !important;
    }
    .cal-display .fc-list-view .fc-agendaList-item{
        padding:0 0 10px 0;
        border-bottom:0;
        border-top:1px solid rgba(172,170,169,.25);
        padding:10px 0 10px 0;
    }
    .cal-display .fc-list-view .fc-agendaList-item:last-child{
        border-bottom:0;
    }

    .council .council-img, .council .council-member{
        padding:0;
    }

    .event .content .details .info{
        margin-bottom:10px;
    }

    .event .content .description{
        padding:0;
    }

    .event .content img{
        margin:25px 0;
    }

    .event #canvas1, .event #canvas1 iframe{
        height:250px;
    }


    .codes .slide-out{
        position:fixed;
        top:0;
        z-index:9999;
        height:100vh;
    }

    .zindex-reset{
        z-index:0 !important;
    }

    .codes .menu-wrap{
        background-color:rgba(222,248,248,.90);
        position:absolute;
        left:0;
        height:100%;
    }
    .codes .menu-wrap.shown{
        display:block;
        width:250px;
        position:relative;
    }

    .ordinance-area .codes-nav{
        height:100%;
        overflow:auto;
        float:none;
        width:250px;
        position:relative;
    }

    .ordinance-area .menu-button{
        content:"";
        position:absolute;
        top:50%;
        right:-35px;
        margin-top:-87.5px;
        background:url(/images/menu-slide.png) no-repeat center center;
        height:175px;
        width:38px;
        z-index:100;
    }

    .codes.secondary .content{
        padding:0 0 25px 0;
    }


    .ordinance-area .ordinance, .codes .intro-area{
        width:100%;
        float:none;
        padding:0 25px 0 50px;
        border-left:0;
    }

    .ordinance-area .codes-nav{
        padding:15px;
    }

    .codes .ordinance-area .panel{
        box-shadow:none !Important;
        margin-bottom:0;
    }

    footer .alerts{
        padding:35px 25px;
    }
    footer .alerts .container, footer .footer-nav .container{
        padding:0;
    }

    .footer-nav{
        padding:35px 25px 15px 25px;
    }
    .footer-nav .copyright{
        font-size:16px;
    }

    .footer-nav .nav-links{
        float:none;
    }

    .footer-nav .contact-us, .footer-nav .contact-us .info{
        float:none;
    }

    .footer-nav .contact-us .location{
        float:left;
        margin:15px 0;
    }

    .footer-nav .contact-us .location img{
        max-height:50px;
    }
    .footer-nav .nav-links .general{
        margin-bottom:15px;
    }
}

@media screen and (max-width:1846px){
    .home .direction .button-blink{
        text-align: center;
    }
}

@media screen and (min-width:1846px){
    .home .direction .button-blink{
        text-align: center;
    }
}

@media screen and (min-width:992px) and (max-width:1845px){
    .home .main-new .direction{
        right: 0%;
        width: 100%;
        text-align: center;
        padding: 10px 35px;
        position: absolute;
        bottom: 0;
    }
    .home .main-new .direction p{
        margin-bottom: 25px;
    }
    .home .direction .top{
        text-align: center !important;
        font-size: 32px !important;
    }
    .home .direction .middle{
        font-size: 64px !important;
        margin-left: 0px;
    }
    .home .direction .bottom{
        font-size: 32px !important;
        margin-left: 0px;
    }
    .home .direction .button-blink{
        display: inline;
    }
    .home .direction .button-blink img{
        width: 54px;
        vertical-align: -10px;
    }
}

@media screen and (min-width:768px) and (max-width:991px){
    .home .main-new{
        height:53vh;
    }
    .home .main{
        height:450px;
        background-image:url(/images/home_main_md.jpg);
        background-position:left center;
    }

    .home .main-new .direction{
        /* top:45%;
        right:5%; */
        right: 0%;
        width: 100%;
        text-align: center;
        padding: 0px 35px;
        position: absolute;
        bottom: 0;
    }
    .home .main-new .direction p{
        margin-bottom: 25px;
    }
    .home .direction .top{
        text-align: center !important;
        font-size: 24px !important;
    }
    .home .direction .middle{
        font-size: 50px !important;
        margin-left: 0px;
    }
    .home .direction .bottom{
        font-size: 24px !important;
        margin-left: 0px;
    }
    .home .direction .button-blink{
        display: inline;
    }
    .home .direction .button-blink img{
        width: 48px;
        vertical-align: -10px;
    }

    .home .links .option{
        padding-bottom: 15px;
    }

    .home .links .option img{
        max-height:65px;
    }

    .home h2{
        font-size:38px;
    }
    .home .topic .news-title{
        font-size:18px;
    }

    .events .listing, .events .news{
        padding:35px 25px;
    }
    .events h2{
        margin-bottom:20px;
    }
    .home .news-items .topic:first-child{
        padding-top:0;
    }

    .events .listing .item{
        min-height:200px;
    }

    .home .videos{
        padding-top:35px;
    }
    .home .videos .video-title{
        padding-top:50px;
        line-height:40px;
        font-size:30px;
        line-height:34px;
    }

    .home .videos .video-play{
        top:65%;
    }


    .secondary .main{
        height:250px;
    }

    .secondary h1{
        font-size:45px;
    }
    .secondary h2{
        font-size:36px;
        line-height:45px;
    }
    .secondary .content section{
        margin-top:25px;
    }

    .secondary .content h2{
        font-size:24px;
        line-height:30px;
        margin:15px 0;
    }
    .secondary .content h3{
        font-size:22px;
        margin:15px 0;
    }
    .secondary .content-wrapper{
        padding:35px 0px;
    }

    .secondary .content{
        padding:0 35px 35px 25px;
        width:70% !important;
    }

    .secondary.calendar .content{
        width:100% !important;
        padding: 0 25px 25px 25px;
    }

    .dept-content .breadcrumbs{
        padding:10px;
    }
    .dept-content .breadcrumb > .active, .dept-content .breadcrumb > li + li:before, .dept-content .breadcrumbs ol a{
        font-size:16px;
        line-height:16px;
    }

    .secondary .quick-links{
        padding-left:25px;
        width:30% !important;
    }
    .secondary .events{
        padding:35px 25px;
    }

    .secondary .events .details{
        width:50%;
        float:left;
    }

    .secondary .content .inbody-table h3{
        font-size:20px;
        margin:15px 0;
    }

    .inbody-table li.info p{
        font-size:18px;
        line-height:28px;
    }

    .inbody-table .right, .inbody-table li.info p.right{
        padding-left:35px;
    }

    .text-right{
        float:none;
        padding:25px 25px 25px 0;
    }

    .calendar .options .button{
        clear:both;
        float:none;
    }

    .calendar .fc-ltr .fc-basic-view .fc-day-number{
        font-size:16px;
        height:20px;
        width:20px;
    }

    .calendar .fc-day-header{
        font-size:18px;
    }

    .calendar .fc-toolbar{
        margin-bottom:0;
    }

    .calendar .fc-toolbar .fc-right{
        display:block;
    }

    .calendar .fc-toolbar .fc-left, .calendar .fc-toolbar .fc-right{
        float:none;
        overflow:hidden;
    }

    .calendar .fc-toolbar .fc-right{
        padding-left:25px;
        margin-top:15px;
    }

    .std-form .field{
        float:none;
        width:100%;
        margin-bottom:10px;
    }
}

@media screen and (max-width:767px){

    .home .main{
        height:500px;
    }

    .home .main-new .direction{
        right:0;
        bottom:0;
        left:0;
        top:0;
        margin:0;
        padding: 35px;
    }

    .home .links .option img{
        max-height:50px;
    }
    .events .news{
        padding:25px;
        height:inherit !important;
        overflow:hidden;
    }

    .events .listing{
        padding:25px;
        height:inherit !important;
    }
    .events .listing .button{
        margin:25px 0;
    }
    .events h2{
        margin-bottom:25px;
        padding:0;
    }
    .events .date .day{
        font-size:40px;
        line-height:40px;
    }
    .events .item .date{
        height:75px;
        width:75px;
    }
    .events .listing .event-name p{
        font-size:16px;
    }

    .events .news .news-items{
        padding:0;
    }
    .home .news-items .topic:first-child{
        padding-top:0;
    }

    .home .news-items .topic{
        padding:15px 0;
    }
    .home .videos{
        padding-top:35px;
    }
    .secondary .content, .secondary.calendar .content{
        padding:0 25px 25px 25px;
        margin-bottom:45px;
        border-right:0;
        border-bottom:1px solid rgba(172,170,169,.5);
        height:auto !important;
    }
    .secondary .quick-links{
        padding:0 25px;
    }
    .secondary h1{
        font-size:36px;
        margin-bottom:15px;
        line-height:42px;
    }

    .secondary h2{
        font-size:32px;
    }

    .secondary .content section{
        margin-top:35px;
        padding-bottom:35px;
    }

    .secondary .content h2{
        font-size:24px;
        margin:15px 0;
    }
    .secondary .content h3{
        font-size:22px;
        margin:25px 0 15px 0;
    }
    .dept-content .breadcrumbs{
        padding:5px 10px;
    }
    .dept-content .breadcrumb > .active, .dept-content .breadcrumb > li + li:before, .dept-content .breadcrumbs ol a, .dept-content .breadcrumb li{
        font-size:14px;
        line-height:14px;
    }

    #parks-accordian h2 a:after {margin-top: 8px;}

    .secondary h2.helpful{
        border-bottom:0;
        padding-bottom:10px;
    }

    .secondary .content .inbody-table h3{
        font-size:16px;
        margin:15px 0;
    }

    .secondary .content ul, .secondary .content ol{
        padding-left:25px;
    }
    .secondary .content ul.unstyled, .content .inbody-table ul{
        padding:0;
    }
    .secondary .content ul li, .secondary .content ol li, .secondary .content dl dd{
        margin-bottom:10px;
    }

    .secondary .content p, .secondary .content ul li, .secondary .content ol li, .secondary .content dl dd{
        font-size:18px;
        line-height:28px;
    }

    .full-table, .inbody-table{
        margin-top:10px !important;
    }

    .inbody-table h4{
        margin-top:10px !important;
    }

    .inbody-table li.info p, .full-table .table-cell p, .economic .full-table .table-cell:before{
        font-size:16px;
        line-height:26px;
    }

    .economic .full-table .table-cell:before{
        padding-top:0;
    }

    .inbody-table .right, .inbody-table li.info p.right{
        padding-left:25px;
    }


    .secondary .content h4, .dept-content .content .panel-title a{
        font-size:18px;
        line-height:22px;
    }
    .dept-content .content .panel-heading{
        padding:5px 0;
    }
    .dept-content .panel-default .panel-collapse .panel-body{
        padding:10px 0;
    }

    .secondary .quick-links ul > li:last-child{
        border-bottom:0;
    }

    .secondary .events{
        padding:35px 25px;
    }

    .text-right{
        float:none;
        padding:15px 0 15px 0;
    }
    .wrap{
        float:none;
        margin:15px 0;
    }

    .button{
        font-size:16px;
    }

    .std-form .field{
        width:100%;
        margin-bottom:10px;
    }

    .std-form .current_member{
        height:inherit;
        margin-bottom:25px;
    }

    .std-form #current_members .name, .std-form #new_members .name, .std-form #current_members .age, .std-form #new_members .age, .std-form #current_members .remove, .std-form #new_members .remove{
        padding:0;
        margin-bottom:10px;
    }

    .std-form #current_members .name:before, .std-form #new_members .name:before{
        content:"Name*";
        font-weight:700;
    }
    .std-form #current_members .age:before, .std-form #new_members .age:before{
        content:"Age*";
        font-weight:700;
    }
    .std-form #current_members .headers{
        display:none;
    }

    .content.archive h2.panel-title a{
        font-size:24px;
    }
    .content.archive h2.panel-title > a:after{
        margin-top:5px;
    }

    .calendar .sort{
        padding:15px;
    }
    .calendar .options .date input{
        width:auto;
    }
    .calendar .options > div{
        float:none;
        margin:0 25px 10px 0;
    }

    .calendar .options input, .calendar .options select{
        height:30px;
    }

    .calendar .options label{
        font-size:16px;
    }


}
@media screen and (min-width:481px) and (max-width:767px){
    .home .main{
        background-image:url(/images/home_main_sm.jpg);
        background-position:left center;
    }

    .home .direction .top{
        font-size:35px;
        line-height:35px
    }

    .home .direction .middle{
        font-size:65px;
        line-height:70px;
    }

    .home .direction .bottom{
        font-size:25px;
        margin-left:45px;
        line-height:40px;
    }

    .home h2{
        font-size:38px;
    }

    .home .videos .video-title{
        padding-top:50px;
        font-size:28px;
    }

    .events .details{
        width:50%;
        float:left;
        padding:0 10px 15px 10px;
    }

    .secondary .main{
        height:250px;
    }

    .secondary .content-wrapper{
        padding:50px 0;
    }

    #directory .content .nav-tabs > li{
        font-size:14px;
    }
    #directory .content .nav-tabs > li > a{
        padding:5px;
    }
    #directory .content .nav-tabs{
        padding:0 0 15px 0;
    }

    .footer-nav .general ul > li{
        width:180px;
        padding:0;
    }


}

@media screen and (max-width:480px){
    .home .main{
        background-image:url(/images/home_main_xs.jpg);
        background-position:left center;
    }

    .home .direction .top{
        font-size:30px;
    }

    .home .direction .middle{
        font-size:45px;
        line-height:50px;
    }

    .home .direction .bottom{
        font-size:20px;
        margin-left:45px;
        line-height:35px;
    }

    .home h2{
        font-size:30px;
    }
    p.intro{
        font-size:20px;
        margin-bottom:25px;
    }
    .links p.title{
        font-size:20px;
    }

    .home .videos .video-title{
        font-size:26px;
        line-height:32px;
        padding-top:35px;
    }
    .home .topic .news-title{
        font-size:18px;
    }

    .events .details{
        padding:0 0 15px 0;
    }

    .secondary .main{
        height:200px;
    }
    .secondary .content-wrapper{
        padding:35px 0;
    }

    .secondary .content .callout, .secondary .content .callout.center{
        width:100%;
        padding:0;
        margin-bottom:25px;
    }

    .economic .inbody-table .left{
        width:55% !important;
    }
    .economic .inbody-table .right{
        width:45% !important;
    }

    .secondary .content .cal-display h2{
        font-size:18px;
    }

    .fc button.fc-next-button, .fc button.fc-prev-button{
        height:20px !important;
        width:20px !important;
        background-size:cover !important;
        -moz-background-size:cover !important;
        -webkit-background-size:cover !important;
    }

    .rental .cal-display .fc-list-view .fc-agendaList-dayHeader, .rental .cal-display .fc-list-view .fc-agendaList-item{
        font-size:16px;
    }

    #directory .content .nav-tabs > li{
        font-size:12px;
    }
    #directory .content .nav-tabs > li > a{
        padding:5px;
    }
    #directory .content .nav-tabs{
        padding:0 0 15px 0;
    }
    .std-form select#_f_country{
        font-size:12px;
    }
    .std-form .field label.inline-checkbox input[type="checkbox"]{
        margin-left:0;
    }
}

@media screen and (min-width:481px) and (max-width:767px){
    .home .main-new{
        background-image:url(/images/home_main-new_sm.jpg);
        background-position:left center;
    }
}

@media screen and (max-width:480px){
    .home .main-new{
        background-image:url(/images/home_main-new_xs.jpg);
        background-position:left center;
    }
}

/*Fire Safety Page*/
.fire .content-wrapper .container .row .images-grid{
    display: grid;
    grid-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
}
.fire .content-wrapper .container .row .content-grid{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.fire .content-wrapper .container .row .content-grid p{
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: 26px;
    background-color: rgb(42,178,175);
    color: white;
    font-size: 24px;
    font-weight: 600;
    padding: 2.5rem;
    width: 250px;
    height: 250px;
}
.fire .content-wrapper .container .row .images{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.fire .content-wrapper .container .row .phase-images{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.fire .content-wrapper .container .row .phase-images img{
    width: 450px;
    height: auto;
}
.fire-safety .project-phases p{
    font-size: 22px;
    max-width: 100%;
    margin-bottom: 28px
}
.fire-safety .project-phases .testimonial{
    background-color: rgba(42, 178, 175, 1);
    border-radius: 26px;
    max-width: 100%;
    padding: 2rem;
    margin: 2.5rem 0;
}
.fire-safety .project-phases .testimonial p{
    width: 100%;
    text-align: left;
    margin-bottom: 0;
    color: white;
    font-size: 22px;
    font-weight: 600;
    padding: 0;
}
.fire-safety .project-phases .phase-3 .testimonial{
    margin-bottom: 0;
}
.fire-safety .project-phases .phase-3 .testimonial p{
    background-color: transparent;
    color: white;
    font-size: 22px;
    font-weight: 600;
    padding: 0;
}
.fire-safety .project-phases .phase-3 .testimonial p.name{
    font-size: 24px;
    font-weight: 900;
    width: 100%;

}
.fire-safety .project-phases .testimonial p.name{
    text-align: right;
    font-size: 24px;
    font-weight: 900;
    width: 100%;
    margin-top: 1rem;
    font-style: italic;
}
.fire-safety .project-phases h3{
    font-weight: bold;
    font-size: 28px;
}
.fire-safety .project-phases .phase-3 p{
    background-color: white;
    color: rgb(94,88,79);
    text-align: left;
    font-weight: normal;
    padding: 0;
}

.fire.fire-safety img.safety-first{
    width: 100%;
    height: auto;
    max-width: 100%;
}
.fire .content-wrapper .container .row h3{
    margin-bottom: 28px
}
@media (max-width: 1200px) {
    .fire .content-wrapper .container .row .images-grid .fire .content-wrapper .container .row .content-grid{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .fire .content-wrapper .container .row .images-grid .fire .content-wrapper .container .row .content-grid{
        grid-template-columns: 1fr;
    }
}
.department.secondary.fire .content .direct-links{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 8.5rem;
    grid-row-gap: 6rem;
}
.fire .content .direct-links .callout{
    padding-bottom: 0;
}
.fire .content .direct-links .callout img{
    width: 100%;
    max-width: 500px;
    aspect-ratio: 3/2;
    object-fit: cover;
}
.fire .content .direct-links .callout .description{
    max-width: 100%;
}
@media (max-width: 1585px) {
    .department.secondary.fire .content .direct-links{
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }
    .department.secondary.fire .content .callout{
        width: 100%;
    }
}

.std-form .recaptcha-field{
    float: none;
}
/* N O T I C E */
@keyframes notice-fade{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}



.notice{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: notice-fade;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    z-index: 9999999;
}


.notice .notice-wrap{
    text-align: center;
    width: 700px;
    max-width: 100%;
    margin: 1em;
    padding: 2em;
    background: #2AB2AF;
    position: relative;
    color: #fff;
}
.notice .notice-wrap p{
    font-size: 20px
}
.notice .close{
    color: white;
    text-shadow: none;
    position: absolute;
    top: .25em;
    right: .5em;
    font-size: 2em;
    opacity: 1;
}

.notice .close:hover{
    opacity: .6
}
.big-update{
    background-color: #2AB2AF;
    padding: 30px;
    margin-bottom: 25px;
    text-align: center;
}
.landing.water .main{
    position: relative;
    z-index: 0;
}
.landing.water .main::before{
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}
.landing.water .main .container{
    height: 100%;
    position: relative;
    z-index: 2;
}
.main .big-update{
    background-color: transparent;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.big-update p, .big-update h2{
    color: white;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .landing.water.secondary .main {
        height: auto;
    }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
    .landing.water.secondary .main {
        height: auto;
    }
}
@media screen and (max-width: 550px){
    .notice .notice-wrap{
        overflow-y: scroll;
        max-height: 600px
    }
}
@media screen and (max-width: 480px) {
    .landing.water.secondary .main {
        height: auto;
    }
}