@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
*    user zoom.
*/


html body {
background: #fffae1;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: normal;
color: #231f20;
-webkit-font-smoothing: antialiased;
}

body#ctl00_PageBody .responsiveTemplate {
opacity: 0;
background: #fffae1; }

/**
* Remove default margin.
*/

body {
margin: 0;
}

/* HTML5 display definitions
========================================================================== */

/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/

audio,
canvas,
progress,
video {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

audio:not([controls]) {
display: none;
height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/

[hidden],
template {
display: none;
}

/* Links
========================================================================== */

/**
* Remove the gray background color from active links in IE 10.
*/

a {
background-color: transparent;
}

/**
* Improve readability when focused and also mouse hovered in all browsers.
*/

a:active,
a:hover {
outline: 0;
}

/* Text-level semantics
========================================================================== */

/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/

abbr[title] {
border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/

b,
strong {
font-weight: bold;
}

/**
* Address styling not present in Safari and Chrome.
*/

dfn {
font-style: italic;
}

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/

h1 {
font-size: 2em;
margin: 0.67em 0;
}

/**
* Address styling not present in IE 8/9.
*/

mark {
background: #ff0;
color: #000;
}

/**
* Address inconsistent and variable font size in all browsers.
*/

small {
font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

/* Embedded content
========================================================================== */

/**
* Remove border when inside `a` element in IE 8/9/10.
*/

img {
border: 0;
}

/**
* Correct overflow not hidden in IE 9/10/11.
*/

svg:not(:root) {
overflow: hidden;
}

/* Grouping content
========================================================================== */

/**
* Address margin not present in IE 8/9 and Safari.
*/

figure {
margin: 1em 40px;
}

/**
* Address differences between Firefox and other browsers.
*/

hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}

/**
* Contain overflow in all browsers.
*/

pre {
overflow: auto;
}

/**
* Address odd `em`-unit font size rendering in all browsers.
*/

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

/* Forms
========================================================================== */

/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/

/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/

button,
input,
optgroup,
select,
textarea {
color: inherit; /* 1 */
margin: 0; /* 3 */
}

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/

button {
overflow: visible;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/

button,
select {
text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/

button[disabled],
html input[disabled] {
cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

input {
line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
*    (include `-moz` to future-proof).
*/

input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

/**
* Define consistent border, margin, and padding.
*/

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
border: 0; /* 1 */
padding: 0; /* 2 */
}

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/

textarea {
overflow: auto;
}

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/

optgroup {
font-weight: bold;
}

/*-- END RESET --*/

/*-- Fix Menn vs. Banner Z-index --*/

body .wrapword { z-index: 3000 !important; }

/*--------------------------------*/

h1 {
font-size:	36px;
}

h2 {
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}

h3 {
font-size:	24px;
font-weight: 600;
}

h4 {
font-size:	18px;
font-weight: 600;
}

h5 {
font-size:	14px;
font-weight: 600;
}

h6 {
font-size:	12px;
font-weight: 600;
}

b, strong {
font-weight: 600;
}

a, a:hover {
color: #1D1D1D;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.clear {
clear: both;
}

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

.row {
margin-bottom: 20px;
}

.pr { position: relative; }

.w-25 { width: 25%; float: left; }
.w-30 { width: 30%; float: left; }
.w-33 { width: 33.33334%; float: left; }
.w-40 { width: 40%; float: left; }
.w-50 { width: 50%; float: left; }
.w-60 { width: 60%; float: left; }
.w-66 { width: 66.66667%; float: left; }
.w-70 { width: 70%; float: left; }
.w-75 { width: 75%; float: left; }

.mb-0 { margin-bottom: 0px; }

.fl {
float: left;
}

.fr {
float: right;
}

.w-66 .ptl_portlet_vertical {
overflow: visible;
}

p {
line-height: 23px;
letter-spacing: .3px;
margin: 0px 0px 15px;
}

.row.bg-d p {
color: #ffffff;
margin: 0px;
font-size: 18px;
line-height: 29px;
}

#outside-wrapper { position: relative; }

.inside-padding {
padding: 10px;
max-width: 1200px;
margin: 0px auto;
}

.row.bg-d { margin-bottom: 0px; }

.row.bg-d .inside-padding {
padding: 20px;
}

.mb-0 > .inside-padding { padding: 0px 10px 0px 10px; }

#content-col-wrapper.row {
margin-bottom: 0px;
}


/*==== UPCOMING EVENTS ====*/

.pageContent button[id*="btn_month"] { 
color: #000000 ; }

.PO-calendar .CAL-search {
background: #4080c8 !important; }

.ptl_upcomingevents_item {
width: 33.3333%;
display: inline-block;
margin-bottom: 20px;
}

.ptl_upcomingevents {
margin: 5px 0px 20px;
}

.ptl_upcomingevents_item .ptl_upcomingevents_date {
width: 50px;
height: 50px;
-webkit-box-shadow: none;
box-shadow: none;
border-width: 2px;
font-family: inherit;
background-image: none;
border-radius: 6px;
padding: 5px;
}

.ptl_upcomingevents_item .ptl_upcomingevents_date .ptl_upcomingevents_month {
background-image: none;
border-radius: 0px;
color: #000000;
font-weight: normal;
}

.ptl_upcomingevents_date .ptl_upcomingevents_month {
font-size: 16px;
color: #ffffff;
}

.ptl_upcomingevents_details .event_time {
font-size: 14px;
font-style: italic;
color: #ffffff;
}

.ptl_upcomingevents_item .ptl_upcomingevents_date .ptl_upcomingevents_day {
font-size: 20px;
font-weight: bold;
display: block;
}

.ptl_upcomingevents_date .ptl_upcomingevents_day {
padding: 0;
}

.ptl_upcomingevents_item .ptl_upcomingevents_events {
position: relative;
margin-left: 80px;
}

.ptl_upcomingevents_item .ptl_upcomingevents_details .event_title {
font-family: 'Open Sans', sans-serif; /* 1 */
font-weight: 600;
color: #ffffff;
}

.ptl_upcomingevents_item span.more_events_label {
font-weight: normal;
}

.ptl_upcomingevents_footer .more_events:link, .ptl_upcomingevents_footer .more_events:visited, .ptl_upcomingevents_footer .more_events:active {
background: #333333;
color: #FFFFFF;
font-size: 12px;
padding: 5px 10px;
text-decoration: none;
display: inline-block;
}

.ptl_upcomingevents_footer .more_events:hover {
background: #333333;
}

.ptl_upcomingevents_footer .more_events_arrows { display: none; }

#news-summary .content .summary, .newscontent .summary, #news-summary .content .summary p, .newscontent .summary p {
line-height: 1.5;
}

#news_content_date {
font-family: inherit;
font-size: 14px;
color: #303030;
margin-bottom: 5px;
}


body .nivoSlider {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.nivoSlider .nivo-directionNav a {
background-image: url('https://cdnsm4-hosted.civiclive.com/common/resources/DesignPortfolio/SiteThemes/CommonLib/arrows.png');
opacity: 0.6;
}

.nivoSlider .nivo-directionNav a:hover {
opacity: 0.95;
}

.nivoSlider .nivo-caption {
background: #FFFFFF;
opacity: 0.9;
text-align: center;
}

.nivoSlider .nivo-caption p {
color: #000000;	
}


#RSSLink { display: none; }

.social li a, #social li a, #social li a[title="Email"], .social li a[title="Email"], .w-social li a[title="Email"] .w-social li a {
text-indent: 900px;
}

#mobile-bar {
display: none;
text-decoration: none;
text-indent: 0px;
position: relative;
padding: 10px;
font-size: 20px;
text-align: right;
background: #53953c;
color: #ffffff;
text-transform: uppercase;
}

#sub-content-right .inside-padding {
min-height: 500px;
}

/*-- Fix Default Layouts --*/

/*-- One Col 100% --*/
.ptl_col_1 { width: 98%; padding: 1%; }

/*-- Two Col 50% --*/
.ptl_col_1_2 { width: 48%; padding: 1%; }

/*-- Two Coll 25% / 65% --*/
.ptl_col_1_4 { width: 23%; padding: 1%; }
.ptl_col_3_4 { width: 63%; padding: 1%; }

/*-- Two Coll 66% / 33% --*/
.ptl_col_2_3 { width: 64%; padding: 1%; }
.ptl_col_1_3 { width: 31%; padding: 1%; }



#skip a {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}	

#skip a:focus { 
left: 0;
font-size: 20px;
position: relative;
text-align: center;
width: 100%;
height: auto;
z-index: 9;
margin: auto;
display: block;
padding: 10px;
background: #303030;
color: #fff;
}


/* -------------------- MEGA MENU -------------------- */


#menubar {
position: relative;
margin: 0 auto;
width: 100%;
z-index: 9;
}

.inner-bar { 
width: 80%;
float: right;
}

#logo {
display: table-cell;
vertical-align: top;
position: absolute;
top: 0;
left: 0;
width: auto;
z-index: 8;
}

#logo a { display: block; }
#logo a:hover, #logo a:focus { opacity: 0.8; }

#logo img { 
max-width: 100%;
max-height: 100%;
height: 100px;
}

.inside-nav {
position: relative;
vertical-align: middle;
display: table-cell;
width: 100%;
margin: auto;
}

.megamenu .clear > span { display: none; }

/* .container{
max-width: 1100px;
margin: 0 auto;} */

.desktopMenu {
width: 100%;
}

li.logo.nav-item {
text-align: left;
display: inline-block !important;
}

li.logo.nav-item img{
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}

.megamenu {
margin: 0px auto;
}

.megamenu > div > ul {
list-style: none;
margin: 0px;
padding: 0px;
position: relative;
display: table;
width: 100%;}

.megamenu > div > ul > li:hover > a span.menuTitle{
-webkit-transition: .3s all ease-in;
-moz-transition: .3s all ease-in;
-o-transition: .3s all ease-in;
transition: .3s all ease-in;
}

.megamenu > div > ul:after {
content: '';
display: block;
clear: both;}

.megamenu > div > ul  li.level1 {
text-align: center;
display: table-cell;
vertical-align: middle;}

.megamenu .level1 > a{
color: #3b74a0;
font-size: 18px;
line-height: 25px;
font-weight: 600;
display: table;
-webkit-transition: .1s all ease-in;
-moz-transition: .1s all ease-in;
-o-transition: .1s all ease-in;
transition: .1s all ease-in;
position: relative;
z-index: 7010;
text-decoration: none;
padding: 15px 5px 5px 5px;
}

.megamenu .level1 > a:after{
content: "\f107";
display: block;
color: #fbbb18;
font-family: FontAwesome;
padding: 0;
font-size: 1em; 
}

.megamenu .mega_how_do_i a:after {
content: "";
margin: 0;
padding: 0;
}

.megamenu .mega_how_do_i {
background: #fbbb18;
}

.megamenu .mega_how_do_i a {
color: #000000;
padding: 10px 5px 5px 5px;
}

.megamenu .mega_how_do_i:hover,
.megamenu .mega_how_do_i:focus{
background: #53953c;
}

.megamenu .mega_how_do_i:hover > a {
color: #fff;
}

.megamenu .mega_how_do_i:hover ul.second-level-list, .megamenu .mega_how_do_i a:focus ul.second-level-list {
top: 15px; }

.megamenu .mega_how_do_i .level2 > a {
font-weight: normal;
font-size: 16px;
color: #383838;
-webkit-transition: .1s all ease-in;
-moz-transition: .1s all ease-in;
-o-transition: .1s all ease-in;
transition: .1s all ease-in;
}

.megamenu .mega_how_do_i .level2 > a:hover,
.megamenu .mega_how_do_i .level2 > a:focus {
margin-left: 3px;
text-decoration: none; }

.megamenu .level1 > a > .fa{
color: #fff;
font-size: 2em;}

.megamenu .level1 > a > img{
vertical-align: middle;}

.megamenu .level2{
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
padding: 3px;
box-sizing: border-box; }

.megamenu .level2 > a {
color: #498334;
font-size: 17px;
border-bottom: solid 1px #e6e6e6;
font-weight: 900;
padding: 7px;
display: block;
-webkit-transition: .3s all ease-in;
-moz-transition: .3s all ease-in;
-o-transition: .3s all ease-in;
transition: .3s all ease-in;
text-decoration: none;
}

.megamenu .level2 a:hover,
.megamenu .level2 a:focus,
.megamenu .level2 a:active {
color: #498334;
text-decoration: none; }

.level2 span.description {
display: block;
color: #000000;
font-size: 14px;
font-weight: 300;}

.megamenu .level3 a {
font-size: 15px;
color: #383838;
font-weight: 400;
padding: 6px 7px 6px 7px;
display: block;
-webkit-transition: .1s all ease-in;
-moz-transition: .1s all ease-in;
-o-transition: .1s all ease-in;
transition: .1s all ease-in;
letter-spacing: 0.01em;
text-decoration: none;}

.megamenu .level3 a:hover,
.megamenu .level3 a:focus,
.megamenu .level3 a:active {
margin-left: 3px;
text-decoration: none;}

.megamenu ul.second-level-list {
background: rgba(255, 255, 255, 1);
z-index: 7006;
position: absolute;
left: 0;
top: 0;
width: 100%;
list-style: none;
margin: 0px;
padding: 10px 20px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 50, 0.23);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 50, 0.23);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 50, 0.23);
text-align: left;
box-sizing: border-box;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

ul.third-level-list {
list-style: none;
margin: 0px;
padding: 0px;}

/* mega menu list */
.nav-menu {
list-style: none;
margin: 0;
padding: 0 20px;
display: table;
float: right; }

/* a top level navigation item in the mega menu */
.nav-item {
display: table-cell;
padding: 0 10px;
margin: 0;
text-align: center;
vertical-align: middle; 
border-right: 1px solid #e6e6e6;
}

.nav-item:last-child {
border-right: none; }

/* first descendant link within a top level navigation item */
.nav-item > a {
color: #000000;
display: block;
-webkit-transition: .3s all ease-in;
-moz-transition: .3s all ease-in;
-o-transition: .3s all ease-in;
transition: .3s all ease-in;
position: relative;
text-decoration: none;
letter-spacing: 0.03em;
padding: 0px;}

/* focus/open states of first descendant link within a top level navigation item */
.nav-item > a:focus, .nav-item > a:hover, .nav-item > a.open {
color: #2D597B;
}

/* open state of first descendant link within a top level navigation item */
.nav-item > a.open {
z-index: 1;}

.megamenu > ul > li:hover > a {
text-decoration: none;
position: relative;
}

/* sub-navigation panel */
.sub-nav {
position: absolute;
display: none;
width: 100%;
left: 0;
z-index: 9999;
}

/* sub-navigation panel open state */
.sub-nav.open {
display: block;}

/* list of items within sub-navigation panel */
.sub-nav ul {
vertical-align: top;
margin: 0;
padding: 0;}

/* list item within sub-navigation panel */
.sub-nav li {
display: block;
list-style-type: none;
margin: 0;
padding: 0;}

/** Category Setting **/
.megamenu .class-cat .cat-title{
color: #fff;
background: #0d1b2b;
font-weight: 500;
padding: 7px 7px 7px 7px;
font-size: 17px;}

.megamenu .class-cat li{
padding: 0;}

.megamenu .class-cat li > a{
color: #FFF;
background: none;
font-weight: 300;
padding: 6px 7px 6px 7px;
display: block;
-webkit-transition: .3s all ease-in;
-moz-transition: .3s all ease-in;
-o-transition: .3s all ease-in;
transition: .3s all ease-in;
font-size: 14px;
letter-spacing: 0.01em;
text-decoration: none;}

.megamenu .class-cat li > a:hover,
.megamenu .class-cat li > a:focus,
.megamenu .class-cat li > a:active {
background: #0d1b2b;
background: rgba(13, 27, 43, 0.6);
text-decoration: none;}

.megamenu .iconItem ul.second-level-list{
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;}

.mm-list > li > a, .mm-list > li > span{
color: #fff !important;}


/* -------------------- SEARCH-------------------- */
.searchPanel { position: relative; }

.searchPanel input.SearchTerm {
width: 90%;
text-transform: uppercase;
font-size: 17px;
margin: 10px auto;
background: #fff;
color: #000;
border: none;
height: 35px;
line-height: 35px;
padding: 0px 5px;
font-weight: 300;
outline: none;
}

.searchPanel input.SearchTerm:hover,
.searchPanel input.SearchTerm:focus { color: #000; }

.divSearchBox { padding: 0px !important; }

a#ctl00_btnSearch {color: #676767;background: #fff;}
a#ctl00_btnSearch:hover { color: #53953c; }

.searchPanel a {
font-size: 19px;
position: absolute;
top: 10px;
right: 8px;
padding: 5px;
transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
overflow: hidden;
width: 42px;
box-sizing: border-box;
}

.searchPanel a span {
position: absolute;
left: -900px;
}

.searchPanel a img { display: none; }

/* ------------- GOOGLE TRANSLATE ------------- */

.goog-te-gadget img{ display: none; }

.goog-te-gadget-simple .goog-te-menu-value span {
display: none;
}

div#google_translate_element {
display: block;
width: 150px;
height: 28px;
margin: 10px auto;
overflow: hidden;
}


/* -------------------- HOME-SIDEBAR -------------------- */

#home-sideBar {
position: fixed;
top: 0px;
width: 7%;
height: 100%;
background: #3b74a0;
border-right: solid 1px #3b74a0;
color: #ffffff;
text-align: center;
display: table;
z-index: 9;
padding: 2% 0;
}

#home-sideBar ul {
list-style: none;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}

.divSearchBox { overflow: hidden; }

#home-sideBar #searchPanel a {
background: #3b74a0;
color: #ffffff;
padding: 5px 10px;
font-size: 24px;
position: absolute;
right: -2px;
bottom: 3px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
box-sizing: border-box;
-o-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}

#home-sideBar #searchPanel a span {
position: absolute;
left: -900px;
}

#home-sideBar #searchPanel a img { display: none; }

/* Hover */
#home-sideBar li.icon {
padding: 9px 0;
position: relative;
}

#home-sideBar li.icon a {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

#home-sideBar li a span.icn-hover {
display: none;
color: #fff;
font-size: 15px;
text-shadow: 1px 1px 1px #000;
position: absolute;
left: calc(100% - 65px);
margin: auto;
text-align: center;
bottom: -30px;
box-sizing: border-box;
height: auto;
padding: 0;
width: 70px;
}

#home-sideBar li a:hover, #home-sideBar li a:focus {
height: 90px;
margin-bottom: 20px;
}

#home-sideBar li a:hover span.icn-hover, #home-sideBar li a:focus span.icn-hover {
display: block;
width: 90px;
margin: 30px auto 0 auto;
padding: 5px 0;
box-sizing: border-box;
}


#home-sideBar  li.icon a {
display: inline-block;
position: relative;
}

#home-sideBar  li.icon a { display: inline-block; }

#home-sideBar li.icon.searchSite a { 
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/search.svg');
width: 39px; 
height: 39px;
}

#home-sideBar li.icon.facebook a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/facebook.svg');
width: 40px; 
height: 40px;
}

#home-sideBar li.icon.twitter a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/twitter.svg');
width: 44px; 
height: 36px;
}

#home-sideBar li.icon.instagram a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/instagram.svg');
width: 40px; 
height: 40px;
}

#home-sideBar li.icon.youtube a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/youtube.svg');
width: 40px; 
height: 28px;
}

#home-sideBar li.icon.translate a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/translate.svg');
width: 40px; 
height: 40px;
}

#home-sideBar li.icon.contact a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/contact.svg');
width: 40px; 
height: 40px;
}

#home-sideBar li.icon.login a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/login.svg');
width: 40px; 
height: 40px;
}

#home-sideBar li.icon.seeclickfix a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/innovation.svg');
width: 35px; 
height: 38px;
}

#home-sideBar li.icon.site-map a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/sitemap.svg');
width: 40px; 
height: 40px;
}

#home-sideBar li.icon.nextdoor a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/nextdoor.svg?v=1');
width: 40px; 
height: 32px;
}

/* -------------------- CANVAS -------------------- */

html, body{
overflow-x: hidden;
/* height: 100%; */
-webkit-overflow-scrolling: touch;
}

.pushy {
position: fixed;
top: 0;
width: 240px;
height: 100%;
padding: 6% 0;
text-align: center;
z-index: 9999;
background: #191918;
color: #fff;
overflow: auto;
-webkit-overflow-scrolling: touch;
/* enables momentum scrolling in iOS overflow elements */
}
.pushy a {
display: block;
color: #b3b3b1;
padding: 6px;
text-decoration: none;
}
.pushy a:hover {
color: #FFF;
}
.pushy ul:first-child {
margin-top: 10px;
}
.pushy.pushy-left {
left: 0;
}
.pushy.pushy-right {
right: 0;
}

.pushy-content {
visibility: hidden;
}

/* Menu Movement */
.pushy-left {
-webkit-transform: translate3d(-240px, 0, 0);
-ms-transform: translate3d(-240px, 0, 0);
transform: translate3d(-240px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
-webkit-transform: translate3d(240px, 0, 0);
-ms-transform: translate3d(240px, 0, 0);
transform: translate3d(240px, 0, 0);
}

.pushy-right {
-webkit-transform: translate3d(240px, 0, 0);
-ms-transform: translate3d(240px, 0, 0);
transform: translate3d(240px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
-webkit-transform: translate3d(-240px, 0, 0);
-ms-transform: translate3d(-240px, 0, 0);
transform: translate3d(-240px, 0, 0);
}

.pushy-open-left .pushy,
.pushy-open-right .pushy {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.pushy-open-left .pushy-content,
.pushy-open-right .pushy-content {
visibility: visible;
}

/* Menu Transitions */
#container,
.pushy,
.push {
transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

.pushy-content {
transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
display: block;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9998;
background-color: rgba(0, 0, 0, 0.5);
-webkit-animation: fade 500ms;
animation: fade 500ms;
}

@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Submenu Appearance */
.pushy-submenu {
/* Submenu Buttons */
/* Submenu Icon */
}
.pushy-submenu ul {
padding-left: 15px;
transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu ul .pushy-link {
transition: opacity 0.2s ease-in-out;
}
.pushy-submenu button {
width: 100%;
color: #b3b3b1;
padding: 15px 30px;
text-align: left;
background: transparent;
border: 0;
}
.pushy-submenu button:hover {
color: #FFF;
}
.pushy-submenu > a,
.pushy-submenu > button {
position: relative;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
content: '';
display: block;
height: 11px;
width: 8px;
position: absolute;
top: 50%;
right: 15px;
/* background: url("../img/arrow.svg") no-repeat; */
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
transition: transform 0.2s;
}

/* Submenu Movement */
.pushy-submenu-closed ul {
max-height: 0;
overflow: hidden;
visibility: hidden;
}
.pushy-submenu-closed .pushy-link {
opacity: 0;
}

.pushy-submenu-open {
/* Submenu Icon */
}
.pushy-submenu-open ul {
max-height: 1000px;
visibility: visible;
}
.pushy-submenu-open .pushy-link {
opacity: 1;
}
.pushy-submenu-open a::after,
.pushy-submenu-open button::after {
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
}

/* -------------------- PORTLETS -------------------- */

#contentWrapper {
width: 93%;
margin-left: 7%;
}


#banner {
position: relative;
}

#banner .slick-dotted.slick-slider, #banner .slick-dotted.slick-slider .slick-slide {
height: 32vw;
max-height: 600px;
overflow: hidden; 
}

.banner-item .inside {  max-height: 700px; }

.cropContainer {
max-width: 1200px;
margin: auto;
position: relative;
}

.banner-item {
position: relative; 
z-index: 7; 
}


/* Banner Start/Stop  */

.controls {
position: relative;
}

.bannerStartStop {
position: absolute;
right: 0;
z-index: 8;
overflow: hidden;
width: 45px; }

.bannerStartStop a {
background: rgba(68,68,68,0.8);
color: #ffffff;
font-size: 16px;
padding: 10px 17px;
display: block;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.bannerStartStop a em,
.bannerPrev a em,
.bannerNext a em {
position: absolute;
top: 100px;
}

.bannerStartStop a:hover,
.bannerPrev a:hover,
.bannerNext a:hover {
color: #ffffff;
}

.bannerStartStop a:focus,
.bannerPrev a:focus,
.bannerNext a:focus {
background: #1d1d1d;
}

.bannerStartStopControl.pause span:before {
content: "\f04c";
}

.bannerStartStopControl.play span:before {
content: "\f04b";
}

#controlsWrapper, .bannerNewsContent, .captionContainer .read-more {
position: relative;
display: inline-block;
vertical-align: top;

}

.sliderPanel img {
width: 100%;
height: auto;
}

.captionContainer {
position: absolute;
top: 45%;
transform: translate(-10%, -45%);
right: 0;
z-index: 9; 
}

.bannerNewsContent {
background: rgba(0, 0, 0, 0.65);
border: solid 2px #fbbb18;
color: #ffffff;
text-align: left;
width: 460px;
padding: 40px;
line-height: 1.8em;
}

.bannerNewsDate {
font-size: 15px;
font-weight: 400;
font-style: italic;
color: #ffffff;
margin: 0 0 10px 0;
}

.bannerNewsTitle {
color: #ffffff;
font-size: 1.5em;
line-height: normal;
font-weight: 600;
}

.bannerNewsSummary { margin-top: 15px; }

.captionContainer .read-more { margin-top: 30px; }

.captionContainer .read-more a {
border-top: solid 2px #fbbb18;
border-right: solid 1px transparent;
border-bottom: solid 1px transparent;
border-left: solid 1px transparent;
color: #ffffff;
font-size: 0.9em;
text-transform: uppercase;
line-height: 1.2em;
font-weight: 600;
padding: 10px 20px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}

.captionContainer .read-more a:hover, .captionContainer .read-more a:focus {
background: rgba(0, 0, 0, 0.75);
border: solid 1px #fbbb18;
text-decoration: none;
}

#controlsWrapper .controlBtn { display: block; }

#banner .slick-arrow {
background: rgba(0, 0, 0, 0.75);
border-top: solid 2px #fbbb18;
border-left: solid 2px #fbbb18;
border-bottom: solid 2px #fbbb18;
border-right: none;
color: #fbbb18;
padding: 5px 15px;
}

#banner .slick-next:before{
font-family: "FontAwesome";
font-size: 25px;
font-weight: 900;
content: "\f105";
}

#banner .slick-prev:before {
font-family: "FontAwesome";
font-size: 25px;
font-weight: 900;
content: "\f104";
}

#banner ul.slick-dots {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 10px;
}

#banner ul.slick-dots li {
display: inline-block;
}

#banner ul.slick-dots li button {
border: solid 2px #000000;
background: #ffffff;
width: 15px;
height: 15px;
padding: 3px;
border-radius: 50%;
margin: 5px;
outline: none !important;
font-size: 0;
cursor: pointer;
}

#banner ul.slick-dots .slick-active button {
border: solid 2px #ffffff;
background: #097ec5;
}

#banner ul.slick-dots .slick-active button:focus,
#banner ul.slick-dots li button:focus  {
background: #097ec5 !important;
}

/* -------------------- EVENTS -------------------- */

#events {
width: 100%;
display: table;
border-collapse: separate;
border-spacing: 10px;
}

#eventsContainer {
border-top: solid 1px #bbbdbf;
}

#events .sectionHeading {
width: 20%;
display: table-cell;
vertical-align: middle;
text-align: center;
}

#eventsList {
display: table-cell;
vertical-align: middle;
}

#eventsList ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#eventsList ul li {
width: 33.33%;
display: table-cell;
vertical-align: top;
padding: 5px;
}

a.event {
width: 100%;
display: block;
text-align: left;
padding: 10px;
text-decoration: none !important;
}

a.event:hover,
a.event:focus {
background: #fdf6d3;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}

.event-date {
/* display: table-cell;
vertical-align: top; */
float: left;
margin-right: 10px;
background: #ffffff;
color: #333333;
text-decoration: none;
text-align: center;
width: 90px;
height: 90px;
border: solid 1px #bbbdbf;
}

.month {
background: #fbbb18;
padding: 10px;
display: block;
font-weight: 700;
}

.day {
color: #231f20;
display: block;
font-size: 28px;
font-weight: 700;
padding: 5px 10px;
}

.event-content {
font-family: 'Open Sans', sans-serif;
color: #000000;
text-decoration: none;
}

.event-title {
color: #3b74a0;
font-size: 15px;
font-weight: 700;
}

.event-location, .event-time {
color: #666666;
font-size: 14px;
margin-bottom: 5px;
}

#events .view-all {
border-top: solid 1px  #e2a41a;
padding-top: 15px;
width: 200px;
margin: auto;
}

#events .view-all a {
color: #3b74a0;  
font-weight: 600;
}

/* -------------------- QUICK LINKS -------------------- */

.ql-container ul {
list-style-type: none;
padding: 0;
margin: 10px auto;
display: block;
width: 100%;
text-align: center;
}

.ql-container ul li {
width: 240px;
display: inline-block;
vertical-align: middle;
background: #53953c;
position: relative;
overflow: hidden;
margin: 2px;
}

.ql-container ul:after {
content: ''; 
display: block; 
clear: both; 
}

ul.quicklink-list li a {
text-decoration: none;
display: block;
padding: 10px;
}

ul.quicklink-list li a:hover, ul.quicklink-list li a:focus {
background-color: #3b74a0 !important;
-webkit-transition: background-color 250ms linear;
-moz-transition: background-color 250ms linear;
-o-transition: background-color 250ms linear;
-ms-transition: background-color 250ms linear;
transition: background-color 250ms linear;
}

ul.quicklink-list li a:hover .ql-icon img, ul.quicklink-list li a:focus .ql-icon img {
-webkit-transform: rotate(15deg) scale(1.4);
transform: rotate(15deg) scale(1.4);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.ql-icon {
display: table-cell;
vertical-align: middle;
}

.ql-icon img {
width: 70px;
height: 70px;
}

.ql-title {
display: table-cell;
vertical-align: middle;
color: #FFFFFF;
text-align: left;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
position: relative;
left: -25px;
}

/*QUICK LINKS ADD/EDIT MODE */

.mfp-item-content { background: #53953c; }

ul.link-list-item { 
list-style: none;
margin: 0; 
padding: 0; 
text-align: center; }

ul.link-list-item li { 
margin: 0; 
padding: 0; }

ul.link-list-item li a { color: #fff !important; }

.link-icon-edit, .link-title-edit {
display: inline-block;
vertical-align: middle;
}

.link-title-edit { 
color: #ffffff; 
text-decoration: none; 
text-transform: uppercase; }

.link-icon-edit { margin-right: 10px; }

.link-icon-edit img { 
width: 80px;
height: 50px;
}

/* --------------------- SUBPAGE  ---------------------- */


h2.sectionName {
font-size: 22px; }

.subpage .pageContent a {
color: #3b74a0;
font-weight: bold;
}

.subpage .pageContent a:hover, .subpage .pageContent a:focus  {
text-decoration: underline;
}

.pageContent {
padding: 10px;
max-width: 1200px;
margin: 0px auto;
}

.pageContent .row {
margin: 30px 0; }

.sideBar {
width: 25%;
display: inline-block;
vertical-align: top;
}

.sideBar .inside-padding {
background: #e9f5e4;
}

.mainContent {
width: 70%;
padding-right: 1%;
display: inline-block;
vertical-align: top;
}

.subpage h2.sectionName { 
font-size: 33px;
text-transform: capitalize;
color: #333333;
border-bottom: solid 2px #fbbb18;
padding: 0 0 10px 0;
margin: 20px 0;
}

.breadcrumbContainer {
background: rgba(0, 0, 0, 0.75);
position: absolute;
bottom: 0;
width: 100%;
}

.subpage h1.sectionName {
font-size: 24px;
color: #ffffff;
text-align: left;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
width: 50%;
}

#breadcrumbs {
color: #ffffff;
text-align: right;
font-size: 14px;
display: inline-block;
vertical-align: middle;
width: 50%;
}

#breadcrumbs a {
color: #ffffff;  
text-decoration: underline; }

#breadcrumbs .fa {
font-weight: bold;
color: #fbbb18;  }


/* .nav-toggle {
background: #fbbb18;
border: solid 1px #e2a41a;
color: #333333;
padding: 9px;
} */

.sidenav-slide {
background: #fbbb18;
border: solid 1px #e2a41a;
padding: 0 10px 10px 10px;
}

.nav-toggle a { 
text-decoration: none;
color: #333333 !important; }

.sitenavl0 {
padding: 0;
}

.sitenavl1 .navWrp a.navLink span {
color: #333333;
}

.sitenavl1 {
margin: 0;
padding: 0;
}

.navWrp:nth-child(odd) {
background: transparent;
border: none;
}

.navWrp:nth-child(even) {
background: #f1b419;
border-top: solid 1px #e2a41a; 
border-bottom: solid 1px #e2a41a; 
}

.sitenavl0 .currentpage {
padding: 5px;
}

.currentpage a.navLink {
background: #fabb17;
color: #333333;
font-weight: 600;
font-size: 16px;}

.currentpage a.navLink:hover {
color: #333333;
text-decoration: underline;
opacity: 1;
}

a.navLink {
color: #333333;
padding: 12px 16px;
display: block;
font-size: 16px;
}

a.navLink:hover {
color: #333333;
text-decoration: underline;
opacity: 1;
}


.clear.fix span { display: none; }

.sitenavl0 {
padding-left: 4px;
}

/* .sitenavl1 {
padding-left: 16px;
} */

.sitenavl2 {
padding-left: 20px;
}

.sitenavl3 {
padding-left: 30px;
}

.sitenavl4 {
padding-left: 40px;
}

.sitenavl5 {
padding-left: 50px;
}

a.topPage {
display: block;
font-size: 20px;
background: #fbbb18;
border: solid 1px #e2a41a;
color: #333333;
padding: 12px;
height: 25px;
}

.nav-toggle span {
background: transparent;
width: 35px;
line-height: 50px;
margin-left: 10px;
position: relative;
float: left;
font-size: 25px;
cursor: pointer;
}

.nav-toggle span.open.fa-bars:before {
content: "\f0c9";
}

.current-head { display: block; }

.currentpage a.navLink { display: none; }


.subHero {
background: #282828 url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Image/Featured News/We-Are-Vallejo.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 14% 86%;
position: relative;
display: table;
width: 100%;
height: 300px; 
}

.subHero:after {
content: '';
/* background: rgba(0, 0, 0, 0.3); */
color: #ffffff;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}

.subHero h1 { margin: 0;  }

.subHero a, .subHero a span { 
color: #ffffff;
}

.subHero a:hover, .subHero a:focus {
color: #ffffff;
text-decoration: none;    
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

#news-summary .content a.read-more:hover {
background: #54953d !important;
color: #ffffff;
}

.bcNav {
background: #498334;
position: relative;
width: 100%; 
padding: 2px 0; }

#subnav-menu {
display: block;
box-sizing: border-box; }

#subnav-menu .ptl_col_1 {
float: left;
width: 75%; }

#inside-nav {
position: absolute;
top: 0;
width: 50%;
z-index: 1; }

#side-r {float: right;}

ul#print-share, ul#controls {
list-style-type: none;
margin: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
}

ul#print-share li,
ul#controls li{
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}

ul#print-share li a,
ul#controls li a {
color: #ffffff;
}

ul#print-share li .fa {
font-size: 1.5em;
}

.jssocials a:hover {
text-decoration: none;
}

ul#controls li a {
font-size: 1.4em;
font-weight: 700;
}

ul#print-share li .fa:hover, 
ul#controls li a:hover {
opacity: 0.8;
text-decoration: none;
}

/* --------------------- SUBPAGE LINKS ---------------------- */

.sublink-container {
background: #478033;
border: solid 1px #478033;
margin: 10px 0;
padding: 10px;
}

ul.sublink-list {
list-style-type: none;
padding: 0 10px;
margin: 0;
}

ul.sublink-list li {
width: 100%;
position: relative;
padding: 10px 0;
border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}

ul.sublink-list li:hover, ul.sublink-list li:focus {
background: #4d8c37;
}

ul.sublink-list li:last-child {
border-bottom: none;
}

ul.sublink-list li a {
color: #ffffff !important;
font-size: 15px;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
padding: 0 10px;
display: block;
}

ul.sublink-list li a:after {
color: rgba(255, 255, 255, 0.5);
content: '\f105';
font-family: 'FontAwesome';
display: inline-block;
vertical-align: middle;
position: absolute;
right: 10px;
clear: both;
}

.sublink-title, .sublink-icon {
display: inline-block;
vertical-align: middle; }

.sublink-icon img {
width: 40px;
height: 40px;
margin-right: 10px;
}

/* Subpage content list */


.subpage ul.subpage-list {
list-style: none;
margin: 10px 0;
padding: 10px 0;
}

.subpage ul.subpage-list li {
margin: 0px;
padding: 15px 30px;
}

.subpage ul.subpage-list li:nth-child(even) {
margin: 5px 0;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
background: rgba(51, 51, 51, 0.02);
overflow: hidden;
}

.subpage ul.subpage-list li:before {
content: "\2022"; 
color: #3b74a0;
display: inline-block;
margin-right: 10px;
margin-left: -20px;
}



/* --------------------- QUICKLINKS GRID ---------------------- */

ul.grid-list {
list-style-type: none;
max-width: 1200px;
margin: auto;
padding: 0;
text-align: center;
}

ul.grid-list li {
display: inline-block;
vertical-align: middle;
margin: 8px 5px;
}

a.grid {
display: inline-block;
vertical-align: middle;
width: 100%;
position: relative;
}

a.grid .grid-img img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

a.grid:hover .grid-img img, a.grid:focus .grid-img img {
-webkit-transform: scale(1);
transform: scale(1);
}

a.grid:hover .grid-title, a.grid:focus .grid-title {
background: #fbbb18;
border: solid 1px #e2a41a;
color: #000;
}

.grid-img .grid-inside {
width: 350px;
height: 250px;
}

.grid-title {
position: absolute;
bottom: 0;
left: 0;
display: block;
background: #478033;
border: solid 1px #478033;
width: 100%;
padding: 10px;
color: #ffffff;
text-align: left;
text-transform: uppercase;
font-weight: 600;
box-sizing: border-box;
}

.grid-title:after {
content: '\f105';
font-family: 'FontAwesome';
display: inline-block;
vertical-align: middle;
position: absolute;
right: 15px;
clear: both;
}

/* --------------------- ACCORDION ---------------------- */

.accordion {
position: relative;
}

h4.panel-title {
display: block;
}

h4.panel-title:hover {
text-decoration: none;
}

h4.panel-title {
font-size: 16px;
border-radius: 5px;
transition: all 0.3s ease-out;
position: relative;
margin: 3px 0;
font-weight: 400;
text-transform: uppercase;
}

h4.panel-title a { 
background: #457732;
padding: 15px 10px;
margin-bottom: 10px;
color: #ffffff !important;
font-weight: 700;
display: block; 
max-width: 100%; 
text-decoration: none !important;
outline: none !important;
box-shadow: none !important;
}

/* h4.panel-title a:active {
color: #333333; } */

h4.panel-title a:after {
color: #ffffff;
content: "\f0da";
font-family: 'fontawesome';
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}

.panel-title a.active {
background: transparent;
border-bottom: solid 2px #e2a41a;
color: #333333 !important; }

.panel-title a.active:after {
content: "\f0d7";
color: #333333;
}

.panel-title a em {
float: right;
margin-right: 20px;
}

.panel-title h4 a em span { display: none; }

.panel-content {
padding: 10px 20px;
}

/* --------------------- SUBPAGE CITY AGENDAS AND VIDEOS TABS -------------------- */


.agenda-tabs-wrapper { 
margin: 10px 0 20px 0; }

.agenda-tabs-wrapper ul.agenda-tabs {
list-style-type: none;
padding: 0;
margin: 0px;
}

.agenda-tabs-wrapper ul.agenda-tabs li {
font-size: 18px;
text-transform: uppercase;
letter-spacing: 0.05em;
background: rgb(255, 255, 255);
padding: 10px;
margin: 0 2px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-top: solid 1px #d0d0d0;
border-left: solid 1px #d0d0d0;
border-right: solid 1px #d0d0d0;
display: inline-block;
vertical-align: bottom;
box-sizing: border-box;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
cursor: pointer;
}

.agenda-tabs-wrapper ul.agenda-tabs li a {
color: #767676;
text-align: left;
text-decoration: none;
font-weight: 500;
}

.agenda-tabs-wrapper ul.agenda-tabs li.active {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.agenda-tabs-wrapper ul.agenda-tabs li.active a {
color:#ffffff;
opacity: 1;
font-weight: 600;
}

ul.agenda-tabs li.active {
background: #3873a2;
}

.agenda-tabs-wrapper ul.agenda-tab-content {
list-style-type: none;
margin: 0;
padding: 0;
border: solid 1px #d0d0d0;
}

.agenda-tabs-wrapper ul.agenda-tab-content li {
display: none;
overflow: hidden;
}

.agenda-tabs-wrapper ul.agenda-tab-content li.active {
display: block;
}

/* -------------------- CITY AGENDA/VIDEO SLIDER -------------------- */

#agenda-slider-wrapper, #video-slider-wrapper {
background: #fdfdfd;
padding: 10px;
position: relative; 
}

#agenda-slider-wrapper .sliderControls, #video-slider-wrapper .sliderControls {
display: table;
width: 100%; 
padding: 5px;
margin-bottom: 10px;
box-sizing: border-box;
border-bottom: solid 1px #fcbc00; 
}

#agenda-slider-wrapper .sectionName, #agenda-slider-wrapper .slider-prev, #agenda-slider-wrapper .slider-next,
#video-slider-wrapper .sectionName, #video-slider-wrapper .slider-prev, #video-slider-wrapper .slider-next {
display: table-cell;
vertical-align: middle;
}

#agenda-slider-wrapper .slider-prev, #agenda-slider-wrapper .slider-next,
#video-slider-wrapper .slider-prev, #video-slider-wrapper .slider-next {
width: 30px;
}

#agenda-slider-wrapper .slick-arrow, #video-slider-wrapper .slick-arrow {
color: #3873a2;
vertical-align: middle;
background: none;
border: none;
padding: 0;
z-index: 9;
}

#agenda-slider-wrapper .slick-prev:before, #agenda-slider-wrapper .slick-next:before,
#video-slider-wrapper .slick-prev:before, #video-slider-wrapper .slick-next:before {
font-size: 40px;
font-weight: bold;
padding: 5px;
}

#agenda-slider-wrapper .sectionName h3, #video-slider-wrapper .sectionName h3 { margin: 0; }

#agenda-slider-wrapper ul, #video-slider-wrapper ul {
max-width: 1200px;
margin: auto;
list-style-type: none;
padding: 0;
}

#agenda-slider-wrapper li, #video-slider-wrapper li {
display: block;
margin: 1px 0;
padding: 10px;
transition: all .2s ease-in-out;
}

#agenda-slider-wrapper li:nth-child(even), #video-slider-wrapper li:nth-child(even) {
background: #f7f7f7;
}

#agenda-slider-wrapper .agenda, #video-slider-wrapper .video-item { 
display: table; 
width: 100%; }

ul.agenda-list .agenda span, ul.video-list .video-item span {
display: table-cell;
vertical-align: middle;
}

ul.agenda-list .agenda span.name, ul.video-list .video-item span.name {
width: 60%;
}

#agenda-slider-wrapper .agenda .fa, #video-slider-wrapper .video-item .fa {
width: 30px;
color: #333333;
text-align: center;
transition: all .8s ease-in-out;
}

#agenda-slider-wrapper span.title, #video-slider-wrapper span.title {
margin-top: 20px;
color: #333333;
font-weight: 600;
margin: 3px;
}

ul.agenda-list .agenda span.title:before {
width: 25px;
font-weight: normal;
font-family: 'fontawesome';
display: inline-block;
vertical-align: middle;
clear: both;
content: "\f073";
}

ul.video-list .video-item span.title:before {
width: 25px;
font-weight: normal;
font-family: 'fontawesome';
display: inline-block;
vertical-align: middle;
clear: both;
content: "\f1c8";
}

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

#agenda-slider-wrapper .agenda, #video-slider-wrapper .video-item { 
display: block; 
width: 100%; }

ul.agenda-list .agenda span.name, ul.video-list .video-item span.name {
width: 100%;
}

ul.agenda-list .agenda span.link, ul.agenda-list .agenda span.reports, ul.agenda-list .agenda span.video,
ul.video-list .video-item span.link, ul.video-list .video-item span.reports, ul.video-list .video-item span.video {
display: block;
margin: 5px 0;
}

}

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

#credits { 
font-size: 14px;
text-align: center;
}

#credits-left {
width: 50%;
float: left;
}

#credits-right {
width: 50%;
float: right;
}

#credits-right ul {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}

#credits-right ul li {
display: inline-block;
vertical-align: middle;
}

#credits-right ul li:after {
content: ' | ';
display: inline-block;
clear: both;
margin: 0 6px;
}

#credits-right ul li:last-child:after {
content: '';
}

#credits-right ul li a {
text-decoration: none;
}

#credits-right ul li a:hover { text-decoration: underline; }


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

@media screen and (max-width: 1160px) {
.CMS_adminBar, #placeholder-CMS_admin_ToolBar, #placeholder-CMS_DragDropWrapper { display: none; }

#CMS_DragDropWrapper { display: none !important; }

.megamenu { display: none; }

.inside-nav { display: block; }

#mobile-bar {
display: block; }

.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
transform: rotate(40deg); }

#contentWrapper {
width: 100%;
margin-left: 0;
}

#home-sideBar { 
display: block;
padding: 0;
position: relative;
width: auto;
height: auto;
}

#home-sideBar ul.social { text-align: center; }

#home-sideBar li.icon {
border-right: 1px solid #4e85af;
list-style: none;
position: relative;
padding: 8px;
line-height: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
}

#home-sideBar li.icon a { 
display: inline-block;
vertical-align: middle;
}

#home-sideBar li.icon.searchSite a { 
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/search.svg');
width: 25px; 
height: 25px;
}

#home-sideBar li.icon.facebook a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/facebook.svg');
width: 25px; 
height: 25px;
}

#home-sideBar li.icon.twitter a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/twitter.svg');
width: 25px; 
height: 20px;
}

#home-sideBar li.icon.instagram a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/instagram.svg');
width: 25px; 
height: 25px;
}

#home-sideBar li.icon.youtube a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/youtube.svg');
width: 28px; 
height: 20px;
}

#home-sideBar li.icon.translate a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/translate.svg');
width: 25px; 
height: 25px;
}

#home-sideBar li.icon.contact a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/contact.svg');
width: 25px; 
height: 25px;
}

#home-sideBar li.icon.login a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/login.svg') no-repeat;
background-position: center center;
width: 20px;
height: 10px;
padding: 10px
}

#home-sideBar li.icon.seeclickfix a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/innovation.svg');
width: 23px; 
height: 25px;
}

#home-sideBar li.icon.site-map a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/sitemap.svg');
width: 25px; 
height: 25px;
}

#home-sideBar li.icon.nextdoor a {
background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_13423/Templates/2018/images/icons/nextdoor.svg?v=1');
width: 28px; 
height: 22px;
}

#home-sideBar li a:hover span.icn-hover, #home-sideBar li a:focus span.icn-hover {
display: none;
}

#events .sectionHeading {
width: 100%;
display: block;
margin-bottom: 20px; }

}

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

#controlsWrapper { display: none; }

#banner .portlet.slider .slides, #banner .slick-dotted.slick-slider, #banner .slick-dotted.slick-slider .slick-slide {
height: auto;
max-height: 100%; }

.captionContainer {
position: relative;
top: auto;
right: auto; 
transform: none; }

.bannerNewsContent {
max-width: 100%;
width: 100%;
padding: 10px 20px;
background: #333; 
border: none; 
border-bottom: solid 5px #fbbb18; }

.bannerNewsTitle { font-size: 18px; }

.bannerNewsSummary, .bannerNewsDate { display: none; }

.captionContainer .read-more { 
margin-top: 15px;
margin-bottom: 10px;
display: block; }

.bannerNewsDate, .captionContainer .read-more a { font-size: 13px; }

#banner ul.slick-dots {
bottom: auto;
top: 10px; }

}

@media screen and (max-width: 950px) {
.RadMenu_PageControls, #divMenuOffset { display: none; }
}

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

#header, #content-wrapper {
position: relative;
z-index: 2; }

#eventsList { display: block; }
#eventsList ul li { width: 100%; display: block; }

}

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

#pubWrapper .w-50 {
width: 100% !Important;
float: none !Important;
display: block;
}

#pubWrapper ul.social { text-align: center; }

}

@media screen and (max-width: 760px) {
.subpage h1.sectionName, #breadcrumbs {
display: block;
width: 100%;
margin: 10px 0;
text-align: left; }

#inside-nav {
width: 100%;
position: relative; }

#subnav-menu .ptl_col_1 { width: 98%; }

#subnav-menu, #side-r {
display: block;
width: 100%;
height: auto; }

#side-r { margin: 10px 0; }

.mainContent, .sideBar {
width: 100%;
display: block; }

}


@media screen and (max-width: 750px) {
.ptl_col_1_4 { width: 100%; padding: 0%; }
.ptl_col_3_4 { width: 100%; padding: 0%; }
}


@media screen and (max-width: 580px) {
.ptl_col_1 { width: 100%; padding: 0%; }

.ptl_col_1_2 { width: 100%; padding: 0%; }

.ptl_col_2_3 { width: 100%; padding: 0%; }
.ptl_col_1_3 { width: 100%; padding: 0%; }
}

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

.w-66 {
width: 100%;
float: none;
}

.w-40 {
width: 100%;
float: none;
}

.w-60 {
width: 100%;
float: none;
}

.w-33 {
width: 100%;
margin-bottom: 15px;
}

.w-33-col-50 { width: 50%; float: left; }

.w-33-col-50:first-child .inside-padding { padding-right: 10px; }
.w-33-col-50:last-child .inside-padding { padding-left: 10px; }

.w-25 { width: 100%; float: none; }
.w-75 { width: 100%; float: none; }

.w-50 { width: 100%; float: none; }

.nivo-caption {
display: none !important;
}

.inner-bar { width: 100%; }

#logo {
position: relative;
margin: auto;
text-align: center;
display: block;
}

#mobile-bar { 
text-align: center; }

.ql-container ul { display: block; }

.ql-container ul li {
width: auto;
display: block;
margin: 10px; }

ul.quicklink-list li a { padding: 5px 10px; }

.ql-icon img {
width: 50px;
height: 50px;
}

#eventsList ul li {
width: 100%;
display: block; }


ul#social {
float: none;
margin-top: 15px;
text-align: center;
}

ul#social li { display: inline; }

#credits-left, #credits-right { 
width: 100%;
float: none; 
text-align: center; }

#credits-right ul { text-align: center; }

.agenda-tabs-wrapper ul.agenda-tabs li { 
padding: 10px 5px; 
margin: 3px; }

}

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

#pubWrapper li.icon {
padding: 6px; }

}

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

.w-33-col-50 { width: 100%; float: none; }

.w-33-col-50:first-child .inside-padding { padding: 10px; }
.w-33-col-50:last-child .inside-padding { padding: 10px; }

.w-33 > .inside-padding, .w-66 > .inside-padding {
padding: 0px 10px 0px 10px;
}

.w-33 {
width: 100% ;
float: none;
}

}


@media print {

* { 
color: #303030; 
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}

a { color: #3b74a0; }
a[href]:after, a:after, a:link:after, a:visited:after { content:""; }

#CMS_admin_ToolBar, #pubwrapper, #skip, #home-sideBar,
.subHero, .bcNav, .sideBar { display: none !important; }

.inner-bar {
width: 100%;
display: block;
float: none;
}

#logo { 
position: relative; 
display: block; 
text-align: center;
margin: 10px auto; 
box-shadow: none; }

.inside-nav { display: none; }

#banner { border: solid 1px #f1f1f1; }

.slick-slider .slick-track, .slick-slider .slick-list img { 
width: 80%; 
height: 300px;
display: block; }

.ql-container ul li { width: auto; }
.ql-icon img { display: none; }

#eventsContainer { border-top: solid 1px #f1f1f1; }
#events .sectionHeading {
width: 100%;
display: block;
margin-bottom: 20px; }

#eventsList { display: block; }
#eventsList ul li { width: 100%; display: block; }

.mainContent { width: 100%; }

.pageContent .row { margin: 0; }

.panel-content { display: block !important; }

h4.panel-title a, .panel-title a:active {
background: transparent !important;
border-bottom: solid 2px #e2a41a !important;
color: #000000 !important;
}

.panel-title a:after, .panel-title a.active:after {
content: "\f0d7" !important;
color: #333333 !important;
}

.grid-title { font-size: 15px; }

.grid-img .grid-inside {
width: 205px;
height: 200px;
}

.pageContent, .inside-padding { 
margin: 0; 
padding: 0;}

#credits { margin: 20px; }

}