@charset "UTF-8";
/*
Theme Name: City Site 2018
Author: Erin
License: GPL
*/

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}
a	{ text-decoration: none; }


/**********************************
	General Stuff
 **********************************/ 
  

 #main_menu_container	{ background: #fff; }
.home .container				{ width: 100%;  padding-top: 15px; background: #ffffff; }
.row				{ margin:0 auto; }
#page { max-width: 1200px; margin: 0 auto; }
.vw-site-footer .row 		{ margin: 0; }
.vw-site-footer .container				{ width: 100%; max-width: none; padding: 0px; background: #ffffff; }
.vw-site-footer .col-md-12		{ padding: 0px; }
.container	{ background: #fff; padding-top: 15px; max-width: 1200px; }
.container::after {
  content: "";
  display: block;
  clear: both;
}
.parallax-container {
    min-height: 400px;
    background: transparent;
}
#vw-menu-main { display: none; }
.vw-site-header	{ background: #fff; }
.vw-site-wrapper	{ background: transparent; }


#site-title { background:#647F2E; margin: auto; text-align: left; padding: 1% 1% 1% 1%; margin-bottom: 10px; }
#site-title h1 { font-family: "Arial Narrow"; letter-spacing:0.02em; text-transform: none; font-weight: 400; font-style: normal; font-size: 1.8em; color: #fff; opacity: 1; visibility: visible; padding:0px; margin:0px;}

h1.front-page-title {
		font-family: "Roboto Condensed";
    color: #fff;
		font-size: 1.1875rem;
    clear: both;
    display: block;
    margin-bottom: 11px;
    padding: 14px;
    background: #d97b29;
    color: #fff;
    text-align: center;
    margin-top: 0px;
    text-transform: uppercase;
}

.mega_main_menu li.widgets_dropdown > .mega_dropdown > li, .mega_main_menu li.multicolumn_dropdown > .mega_dropdown > li { padding: 0px !important; }



/**********************************
	Slider which sometimes doesn't slide
 **********************************/

ul.slides li div.caption			{ background: #8ab041; color:#000; font-weight: bold; }
ul.slides li:first-child div.caption		{ background: #8ab041; color:#000; font-weight: bold; }
ul.slides li:nth-child(2) div.caption		{ background: #8ab041; color:#000; font-weight: bold; }
ul.slides li:nth-child(3) div.caption		{ background: #8ab041; color:#000; font-weight: bold; }
ul.slides li:nth-child(4) div.caption		{ background: #8ab041; color:#000; font-weight: bold; }
ul.slides li:nth-child(5) div.caption		{ background: #8ab041; color:#000; font-weight: bold; }
ul.slides li:nth-child(6) div.caption		{ background: #8ab041; color:#000; font-weight: bold; }
ul.slides li:nth-child(7) div.caption		{ background: #8ab041; color:#000; font-weight: bold; }
ul.slides li:nth-child(8) div.caption		{ background: #8ab041; color:#000; font-weight: bold; }
ul.slides li:nth-child(9) div.caption		{ background: #8ab041; color:#000; font-weight: bold; }


/**********************************
	Staff Photos
 **********************************/
 
a.arpw-title					{ display: none; }
li.arpw-li					{ display: inline; margin: 0px; padding: 0px !important; }
ul.arpw-ul					{ display: inline; }
.arpw-clearfix::before				{ display: none; }
.arpw-clearfix::after				{ display: none; }
ul.arpw-ul a img.alignleft			{ margin: 0px; margin-right: 10px; margin-bottom: 10px; }

/**********************************
	eventOn Calendar 
 **********************************/
		 /* hide the picture when its in a widget */
.textwidget .evo_metarow_locImg	{ display: none; } 
.ev_more_text { font-size: 1.3em; color: red; font-weight: bold; }
 
 

/**********************************
	Accordions
 **********************************/
 
.vw-accordion-content				{ padding: 5px 0px 5px 0px; }
.vw-accordions					{ margin-bottom: 50px; }
.vw-post-shortcode-title, .vwspc-section-title
						{ color: #c6c6c6; font-size: 24px; text-transform: uppercase;  font-family: Roboto Condensed; }
.side_button					{ width: 100%; background: #8ab03f url('/images/city_2015/ltgr.png') no-repeat; padding: 6px 0 6px 30px; text-align: left; }
.vw-site-header-inner				{ display: none; }
.vw-page-title					{ font-size: 30px; }





/**********************************
	Buttons
 **********************************/
.vw-button { font-size: 18px; text-transform: none; }

/**********************************
	Side Menu Magic
 **********************************/

.widget_nav_menu ul 				{ margin: 0px;  padding: 0px;  list-style: none; }
ul.widget_nav_menu 				{ list-style: none; margin-left: 4px; padding-left: 0px; }
.widget_nav_menu li.cmw-level-1:first-child 	{ font-family: "Roboto Condensed";font-size: 1.1875rem; background: #d97b29 !important; width: 100%; text-align: center; padding: 9px 0 9px 0; }
.widget_nav_menu li.cmw-level-1:first-child a	{ text-transform: uppercase;}					
.widget_nav_menu li.cmw-level-1			{ background: #16869e; border: 0px; color: #fff; padding: 5px 0px 0px 0px; line-height: 2.0em; }
.widget_nav_menu li.cmw-level-1	a		{ color: #fff; padding: 0px 0px 0px 10px; width: 100%; }
.widget_nav_menu li.current-menu-item		{ background: #1eb8da !important; border: 0px; }
.widget_nav_menu li.cmw-level-2			{ background: #cbecf3; border: 0px; padding: 0px 0px 0px 0px; line-height: 2.0em;  }
.widget_nav_menu li.cmw-level-2	a		{ color: #373c42; padding: 0px 0px 0px 15px; }
.widget_nav_menu li.cmw-level-3			{ border: 0px; background: #cbecf3; padding: 5px 0px 0px 0px;  }
.widget_nav_menu li.cmw-level-3	a		{ color: #373c42; padding: 0px 0px 0px 30px; }
.widget_custom_menu_wizard h4			{ background: #e7870c; color: #fff; font-size: 14px; }
.current-menu-item				{ background: #1eb8da; }
.widget_nav_menu .sub-menu a:before 		{ display:none; }
.widget_nav_menu .sub-menu .sub-menu a:before 	{ content: " - "; }
.widget_nav_menu .sub-menu			{ display: block !important; }
.caret						{ display: none; }


h4.button_header				{ font-size: 1.3em; clear: both; display: block; margin-bottom: 0px; padding: 10px; background: #eec44e; color: #fff; font-weight: bold; text-align: center; }
h4.button_header a				{ color: #fff; font-weight: bold; }


/**********************************
	Dept Social Icons
 **********************************/
 
ul.dept_social					{ list-style-type: none; margin:0px;padding:0px; }
ul.dept_social li				{ display:inline; padding:6px 3px 0 0; margin-top: 5px; }
ul.dept_social img				{ max-width: 50px; }


/**********************************
	General Non Sidemenu Widget Stuff
 **********************************/
 
.menu-library-side-container			{ width: 94%; }
.textwidget					{ margin-bottom: 30px !important; line-height: 1.2em; font-size: 14px; }
.wpb_wrapper code 				{ padding: 0px; }
.widget_rss h4 img				{ display: none; }
h4 a.rsswidget					{ color: #919191; font-weight: 300 !important; font-size: 28px !important; font-family: Roboto Condensed !important; text-transform: none !important; } 
.textwidget > h3				{ color: #fff; font-weight: bold; font-family: "Roboto Condensed"; font-size: 1.25em; clear: both; display: block; margin-bottom: 11px; margin-top: 3px; padding: 15px; background: #d97b29; color: #fff; font-weight: bold; text-align: center; /*text-transform: uppercase;*/ }
h3.widget-title					{ color: #fff; font-weight: bold; font-size: 1.15em; clear: both; display: block; margin-bottom: 11px; padding: 10px; background: #d97b29; color: #fff; font-weight: bold; text-align: center; }
a.rsswidget img					{ display: none; }
.widget-title > span::before			{ background: none; }  
.widget-title > span::after			{ background: none; }
h3.widget-title a.rsswidget			{ margin-top: 10px; display: block; position: relative; }
.widget ul 					{ list-style-type: none; margin: 0px; padding: 0px; }
.widget ul li					{ padding: 6px 2px 4px 10px; line-height: 1.4em; }
.widget p					{ padding-left: 10px; }
.widget-title					{ letter-spacing: 1px !important; }
 

/**********************************
	The green area toward the bottom with all the social buttons in it
 **********************************/
 
#social_container			{ 
	background: #658038; 
	width: 100%; 
	text-align: center; 
	height: auto; }
#social					{ 
	background: #658038; 
	display: block; 
	text-align: center; 
	border: 0px; 
	/*max-width: 981px;*/ 
	margin: 0 auto; 
	color: #e7e7e7; 
	font-size: 1.2em; 
	line-height: 1.2em; /*min-height: 70px;*/ 
	padding: 8px 0px 8px 0px; }

#socialfooter_container         	{ background: #15869e; width: 100%; text-align: center; height: auto; /*clear:both;*/  }
#socialfooter                     	{ /* min-height: 30px; clear: both; text-align: left; padding-top: 60px; padding-bottom: 60px; max-width: 941px; margin: 0 auto;*/ 
background: #15869e; 
	display: block; 
	text-align: center; 
	border: 0px; 
	/*max-width: 981px;*/ 
	margin: 0 auto; 
	color: #e7e7e7; 
	font-size: 1.2em; 
	line-height: 1.2em; /*min-height: 70px;*/ 
	padding: 8px 0px 8px 0px; }
/*#socialfooter img			{ max-width: 200px; }*/
#socialfooter ul			{ float: right; list-style-type: none; /*margin-left: 80px;*/ color: #e7e7e7 !important; } 


@media (min-width: 813px) {
	#social {
 		width:87%;
 		text-align:center;
	}
	#social > div {
 		width: calc(100% / 4);  
 		display: inline-block;
 		vertical-align: top; 
 		text-align:center;
 		margin:.5%;  
	}
	
	div#social-buttons {
   	 	padding-top: 0.5em;
	}


	#socialfooter {
 		width:87%;

		/*float:right;*/
	}

	#socialfooter > div {
 		width: calc(100% / 4);  
 		display: inline-block;
 		vertical-align: top;
 		margin:.5%;  
		/*text-align:center;*/
	}

	#socialfooter img {
		max-width:200px;
		width: 200px;
	}

	
	img#logo-at-footer {
		max-width:200px;
		width: 200px;
	 }

	#dir-1, #dir-2 {
		text-align:left;
		/*padding-left: 40px;
   		padding-right: 40px;*/
	}

}


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	#social {
		text-align:center !important;
	display: 
	}

	/*#custom_html-2 {
		display: none !important;
		visibility: hidden !important;
	}*/

	

	#socialfooter {
		text-align:left;
		
	 }

	
	img#logo-at-footer {
		display: block;
  		margin-left: auto;
  		margin-right: auto;
  		width: 50%;
		padding-bottom: 12px;
	}
	#socialfooter_container {
		text-align: left;
	}

	.footer-link-cols {
		text-align: left;
		margin-left: 6.7%;
	}
	#dir-1, #dir-2 {
		float:left;
		padding-left: 70px;
   		padding-right: 40px;
	}

}

#social img				{ display: inline; }
#social .spacer				{ margin-left: 3%; }

#socialfooter a				{ text-decoration: none; color: #e7e7e7 !important; }
#socialfooter a:hover			{ color: white !important; }
#socialfooter ul:hover			{ color: white !important; }
#socialfooter li:hover			{ color: white !important; }




/**********************************
	Breadcrumbs
 **********************************/
 
 .breadcrumbs 				{ color: #999; }
 .breadcrumbs a				{ color: #1eb8da; }
 
 

/**********************************
	Text Resizer Buttons
 **********************************/ 
 
#textsizer				{ color: #999; font-size: 0.85em; }
#textsizer p				{ display: inline; }
ul.textresizer				{ list-style: none; display: inline; margin: 0px; padding: 0px; }
ul.textresizer li			{ display: inline; margin: 0px; margin-right: 5px; padding: 0px; }
ul.textresizer a			{ border: solid 1px #ccc; padding: 2px 3px; font-weight: bold; text-decoration: none; color: #999; }
ul.textresizer a:hover			{ background: #e5e5e5; border: solid 1px #cccccc; }
	/* Style of active button */
ul.textresizer a.textresizer-active	{ border: solid 1px #2B562B; background: #cccccc; color: #fff; }
		

/**********************************
	Random Stuff
 **********************************/
 
.alignleft				{ margin: 0px 15px 15px 0px; }
.pf-content p				{ line-height: 1.3em; }					

.vw-page-wrapper			{ padding: 0px; background: #fff; }
.vw-page-content .vw-page-title-box	{ margin-bottom: 10px; border-bottom: 0px; padding-bottom: 0px; }
.vw-post-loop .vw-category-link		{ display: none; }

.vw-post-shortcode-title, .vwspc-section-title
					{ color: #c6c6c6; font-size: 24px; text-transform: uppercase;  font-family: Roboto Condensed; }

.vw-post-style-classic .vw-post-box-meta	{ display: none; }

/**********************************
	Three Column Stuff for Front Pages
 **********************************/
 
.sidebar-left { display: block; position: relative; min-height: 1px; }

.sub-page-content, .front-page-content { position: relative; min-height: 1px; }

.sidebar-right { display: block; position: relative;  min-height: 1px; /*padding-left: 15px; padding-right: 15px; */}



#mobile_search 	{ display: none; }
@media (max-width: 812px) {
	#mobile_search		{ display: block; margin: 0 auto; text-align: right; margin-top: 7px; }		
}

@media (max-width: 812px) {
	.sidebar-left 
		{ float: left; /*width: 100%;*/ display: block;}
	.sub-page-content, .front-page-content 
		{ float: left; width: 100%; display: block; clear: both; left: 0%;  }
	.sidebar-right 
		{ float: left; display:block; clear: both; width: 100%; padding: 0px; }
	.printfriendly	
		{ display: none; }
	.bannerphoto	
		{ display: none; }
	.front-page-content > .main-content { float:none; width:100%; padding: 0px; }
}

@media (min-width: 375px) and (max-width: 812px) {	
	.sidebar-left 
		{ float:left; /*width: 100%;*/ display: block; right: 0%; padding-left: 5px; padding-right: 5px; }
	.sub-page-content, .front-page-content 
		{ float: left; /*width: 100%;*/ display: block; left: 0%; padding-left: 5px; padding-right: 5px; }
	.sidebar-right 
		{ float: left; display: block; width: 100%; }
	.printfriendly	
		{ display: none; }	
	.front-page-content > .main-content { float:none; width:100%; padding: 0 1% 0 1%; }
}

@media (min-width: 813px) {
	.sidebar-left 
		{ float:left; width: 30%; display:inline; right: 0%; padding-left: 0px; padding-right: 10px; overflow: hidden; }
	.front-page-content 
		{ float:right; width: 65%; display:inline; left: 0%; padding-left: 10px; padding-right: 15px;  }
	.sub-page-content 
		{ float: right; width: 65%; display:inline; left: 0%; padding-left: 10px; padding-right: 15px; }
	.sidebar-right 
		{ float: right;width: 48%; display:inline; /*padding-left: 8px; padding-right: 10px; */ margin-right: -14px; }
	.front-page-content > .main-content { float: left; width:48%; padding: 0; }
}

@media (min-width: 1200px) {
    .sub-page-content, .front-page-content  
    	{ float: right; position: relative;  min-height: 1px;  padding-left: 15px; padding-right: 15px; }
    .sidebar-left
    	{ float: left; }
}

#dept_menu_container	{ display: none; text-align: left; margin-bottom: 10px; background: #16869E; }
#dept_menu_container a	{ color:#fff; font-size: 13px; padding-right: 15px; }
#dept_menu		{ display: none; }
#dept_menu ul		{ list-style-type: none; margin: 0px; padding: 0px; }
#dept_menu ul li	{ float: none; display: block; width: 100%; text-align: left; line-height: 35px; background: #447681; padding-left: 15px; }
#dept_menu ul li a	{ color: #fff; padding-right: 15px; }
#dept_menu > div.menu-dept-container > ul#menu-dept li ul.sub-menu	{ background: #447681; }
#dept_menu > div.menu-dept-container > ul#menu-dept li.menu-item ul.sub-menu li { padding-left: 25px;  }
#dept_menu > div.menu-dept-container > ul#menu-dept li.menu-item ul.sub-menu li.current_page_item	{ background: #1EB8DA; }

#dept_menu ul li a	{ color: #fff; padding-left: 15px; }
.mobile_toggle2		{ width: 100%; text-align: left; padding-left: 15px; }

@media (max-width: 812px) {
	#dept_menu_container	{ display: block; }	
}



.halfbutton	{ width: 49%; float: left; }
.fullbutton	{ width: 98%; }
.icon-social-gplus		{ display: none; }
a.nounderline:hover	{ text-decoration: none; }
.bluebutton	{ background: #158099; padding: 3px; font-family: 'Roboto Condensed', sans-serif; font-size: 0.95em; font-weight: bold; text-align: center; color: #fff; float: right; margin: 10px 0 10px 0; }
.bluebutton:before	{ content: ">> "; }
a.bluebutton:hover	{ color: #fff; }


/**********************************
	Top Menus
 **********************************/
 
#paymybill			{ background: #d97b29 url('/images/city_2015/icon_paymybill.png') no-repeat left top; width: 22%; display: block; float: right; min-height: 32px; text-align: left; color: #fff; line-height: 2.5em; font-family: "Open Sans", sans-serif; font-size: 0.84em; }
#brandbar_container		{ position: relative; background: #16869e !important; min-height: 32px; background: none repeat scroll 0% 0% #16869e; width: 100%; text-align: center; float: none; }
#brandbar			{ margin: 0 auto; color: #ccc; font-family: "Open Sans", sans-serif; padding: 8px; display: inline; }
#brandbar div			{ margin: 0 auto; }
#brandbar ul			{ float: right; width: 100%; }
#brandbar li			{ display: inline; float: right; padding-left: 10px; padding-right: 10px; }
#brandbar a			{ text-decoration: none; color: #e7e7e7 !important; font-weight: 300; font-size: 0.90em; text-transform: uppercase; }
#brandbar a:hover		{ color: white !important; }
#searchbox			{ background: white !important; width: 30%; min-width: 250px; display: inline; float: right; height: 32px; text-align: left;margin:0px; }
#searchbox input		{ float: left; background: transparent; min-height: 20px !important; max-height: 32px; line-height: 1.0em; border: 0px; font-family: "Open Sans", sans-serif; font-size: 0.84em; color: #fff;}
#searchbox .myButton		{ background: url('/images/city_2015/icon_search.png'); margin: 0px; width: 35px !important; height: 32px; border: none; }

#secondnav_container		{ background: #fff; position: relative; min-height: 32px; max-height: 32px; width: 100%; text-align: center; float: none; }
#secondnav			{ margin: 0 auto; color: #ccc; font-family: "Open Sans", sans-serif; float: right !important; padding: 4px 4px 0 0; }
#secondnav div			{ margin: 0 auto; }
#secondnav ul			{ display:inline; margin:0px; }
#secondnav li			{ display: inline; float: left; margin-left: 10px; }
#secondnav a			{ font-size: 0.95em; color: #999; }

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

#paymybill 			{ font-family: Arial, Verdana; font-size: 12px; margin: 0; padding: 0 0 0 42px;list-style: none;}
#paymybill ul 			{ font-family: Arial, Verdana;font-size: 14px;margin: 0;padding: 0;list-style: none;}
#paymybill ul li 		{ display: block;position: relative;float: left;}
#paymybill li ul 		{ display: none; }
#paymybill ul li a 		{ display: block;text-decoration: none;color: #efefef;padding: 5px 15px 5px 15px;background: #ef913f; margin-left: 1px; white-space: nowrap;}
#paymybill ul li a:hover 	{ color: white; /*text-decoration: underline;*/ }
#paymybill ul li:first-child a 	{ margin-top: 2px; }
#paymybill li a 		{ color: #fff;}
#paymybill li:hover ul 		{ display: block; position: absolute;z-index: 10000;}
#paymybill li:hover li 		{ float: none;font-size: 14px;}
#paymybill li:hover a {  }
#paymybill li:hover li a:hover { background: #ef913f;}

@media (max-width: 850px) {
	#brandbar_container	{ display: none; }
	#secondnav_container	{ display: none; }	
}

/**********************************
	Calendar 
 **********************************/
.eventon_weeklyview { background-color: #16869E; }
.evoWV_days .evo_wv_day span.num_events { background-color: #8ab040; } 
.ajde_evcal_calendar .calendar_header p { color: #bbbbbb; }
.evo_cal_above span	{ opacity: 0.7; }


/**********************************
	Tiled Images on PD Transparency Site 
 **********************************/
 
 .pd_image_tile {
 	display: flex;
 	justify-content: center;
 	flex-wrap: wrap;
 }
 .pd_image_container {
 	position: relative;
 	margin: 10px;
 	text-align: center;
 	color: white;
 }
 .pd_image_txt {
 	position: absolute;
 	top: 40%;
 	left: 50%;
 	transform: translate(-50%,-50%);
 }

/* h2 update */
@media screen and (min-width: 61.5625em) {
.pf-content > h2 {
    color:#3e3e3e !important; 
}
}

@media (min-width: 813px) {
	#mobileContainer { display: none !important;}	
}  	
@media (max-width: 812px) {
    #videoContainer { display: none !important; }
    #mobileContainer { display: block !important; text-align: center; }
	
}

/* hide left menu */
.page-id-47527 .sidebar-left {
	display: none;
}

.post-id-47527 #secondary {
	display: none !important;
	visibility: hidden !important;
}

.post-id-47527 .sidebar-left {
	display: none !important;
visibility: hidden !important;
}

.page-id-47527 .sidebar-left {
	display: none !important;
visibility: hidden !important;
}

#post-id-47527 .sidebar-left {
	display: none !important;
visibility: hidden !important;
}

#page-id-47527 .sidebar-left {
	display: none !important;
visibility: hidden !important;
}

/* shortcode edits */

.su-spoiler-style-fancy {
    border-radius: 0px !important;    
}

.su-spoiler-style-fancy>.su-spoiler-title {
    border-radius: 0px !important;    
}