/* -------------------------------- Town of Harrisburg ------------------------------ */


/* Icons
=========================================== */
@import url(http://code.ionicframework.com/ionicons/1.5.2/css/ionicons.min.css);

/* Fonts
=========================================== */
@import url(http://fonts.googleapis.com/css?family=Domine:400,700|Open+Sans:400,600);
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

a:hover{
	color: #678c2f; text-decoration: none;
}
/* ~ Anchor Styles ~ */
#block-system-main p a[href^="#"] {
	color: #000;
	border-bottom: 1px dashed #000;
}

/* -------------------------------- Base ------------------------------ */
@media all and (min-width: 1300px){
	.container{
		width: 1200px;
	}
}

body{
	font-family: 'Open Sans', sans-serif;
	background-color: #D5D5B2;
}

/* Default Styles [Links, Paragraphs, etc and reset styles */
.btn{
	text-decoration: none !important;
}
.white-text{
	color:#fff;
}
.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger{
	padding:15px;
}
.bg-primary{
	background-color: #428BCA;
	color:#fff;
}
.bg-success{
	background-color: #779A0B;
}
.bg-info{
	background-color: #D9EDF7;
}
.bg-warning{
	background-color: #FCF8E3;
}
.bg-danger{
	background-color: #F2DEDE;
}
.greenfont{
	color:#779A0B;
}
img.full-width-img{
	width:100%;
	height: auto;
}
.mtop20{margin-top: 20px;}
.mtop25{margin-top: 25px;}
.mtop30{margin-top: 30px;}
.mtop35{margin-top: 35px;}
.mtop40{margin-top: 40px;}
.no-margin-header h1,
.no-margin-header h2,
.no-margin-header h3{
	margin-top: 0;
}



/* -------------------------------- Layout ------------------------------ */
/* All style affecting the position of structural elements */
img{
	max-width: 100%;
	height: auto;
}
@media \0screen {img { width: auto }} /* Prevent height distortion in IE8. */


/* -------------------------------- Modules ------------------------------ */
/* Refers to reusable parts of code [Buttons, forms, tables, lists]*/
fieldset{
	min-width:100%;
}



/* -------------------------------- Block styles ------------------------------ */
@media screen and (min-width:768px){
	/*.block{
		margin-bottom: 50px;
	}*/
}
.region-sidebar-second .block,
.region-sidebar-first .block{
	margin-bottom: 30px;
}
.green-block{
	background-color: #799b3e;
	background-image: -webkit-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: -moz-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: -o-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: linear-gradient(to bottom, #678c2f, #4c6f0f);
	padding:1px 15px 20px;
	color:#fff;
}

.green-block .block-title,
.green-block .pane-title{
	font-size: 18px;
	color: #FFF;
	font-family: 'Domine', serif;
	padding: 15px;
	margin-bottom: 0;
	margin-top: 0;
}

.blue-block .block-title,
.blue-block .pane-title{
	font-size: 18px;
	background-color: #122A50;
	color: #FFF;
	font-family: 'Domine', serif;
	padding: 15px 25px;
	margin-bottom: 0;
	margin-top: 0;
}
.blue-block .block-content,
.blue-block .pane-content{
	-webkit-border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
	padding:10px 25px;
	border:5px solid #fff;
	border-top:none;
	background-color: #fff;
	-webkit-box-shadow: 0 0 24px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 24px rgba(0,0,0,.1);
	box-shadow: 0 0 24px rgba(0,0,0,.1);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
}
.blue-skinny-block h2.block-title,
.blue-skinny-block h2.pane-title{
	font-size: 18px;
	background-color: #122A50;
	color: #FFF;
	font-family: 'Domine', serif;
	padding: 15px 25px;
	margin-bottom: 0;
	margin-top: 0;
}
.blue-skinny-block .pane-content p{margin:0 !important;}
.blue-skinny-block .pane-content{
	padding: 0 !important;
	border: 2px solid #122A50 !important;
	-webkit-border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
}

/* -------------------------------- States ------------------------------ */
/* All styles that refer to various states that elements can be in [hover/active/inactive/hidden/etc] */


/* Menu dropdown to hover
-------------------------------- */
ul.menu.navbar-nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-menu>li>a{
	white-space: normal;
	border-bottom: 1px solid #f2f2f2;
}
.dropdown-menu>li>a>.glyphicon{display:none;}
.no-dropdown-option .glyphicon{
	margin-top:2px;
}
.no-dropdown-option + ul.dropdown-menu{
	width:100%;
}

/* Scroll To Top
=========================================== */
a.to-top{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: fixed;
	bottom: 0;
	right:6%;
	background-color: #fff;
	text-align: center;
	padding: 20px;
	font-size: 20px;
	border-bottom: none;
	line-height: 20px;
	border-radius: 10px 10px 0 0;
	color:#779A0B;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
  z-index :999;

}
a.to-top:hover{
	padding-bottom: 25px;
	color:#B4252D;
}

/* Nav Lists
=========================================== */
.pane-menu-menu-quick-links .nav > li > a{
	padding: 3px 0px;
}

.pane-menu-menu-front-footer-links .nav > li > a{
	padding: 3px 0px;
}

.nav>li>a:hover, .nav>li>a:focus{
	background-color: transparent;
}

/* Economic Dev Menu
=========================================== */
.economic-development-main .ed-side-menu{
	box-shadow: inset 8px 0px 10px -6px rgba(0, 0, 0, 0.5)
}
.ed-side-menu ul.menu li a{
	padding:5px 20px;
	border-bottom:1px solid #A3A39F;
	border-bottom:1px solid rgba(255,255,255,.1);
	color:#f1f1f1;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	text-transform: uppercase;
}
.ed-side-menu ul.menu li a:hover{
	padding-left: 30px;
	color: #fff;
	color:rgba(255,255,255,.7);
}
.ed-side-menu ul.menu li a:hover:before{
	content: "\f10b";
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	position: relative;
	left:-10px;
}


/* ED Slider
=========================================== */
.view-slider.view-display-id-block_1{
	margin-left: -15px;
	margin-right: -15px;
}
.view-slider.view-display-id-block_1 .item > img{
	width:100%;
}
body.economic-development-main #views-bootstrap-carousel-1 .carousel-caption {
	top: 15%;
	bottom: 15%;
	width: 45%;
	right: 0;
	left: auto;
	padding: 0px 20px 35px 20px;
	text-align: left;
	color: #000;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.8);
	text-shadow: none;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-ms-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}
body.economic-development-main #views-bootstrap-carousel-1 .carousel-caption h3 {
	color: #122A50;
	font-family: 'Domine', serif;
	font-weight: 700;
	font-size: 22px;
}
body.economic-development-main .carousel-control.left {
	left: -50px;
	z-index: 40;
}
body.economic-development-main .carousel-control.right {
	right: 0px;
	z-index: 40;
}
body.economic-development-main .region-header{
	background-color: #716558;
}



/* -------------------------------- Theme - spacing ------------------------------ */
.main-container > .wrap{
	padding:30px;
	border-bottom: 32px solid #B5282E;
}
.front .main-container.container > .wrap,
.economic-development-main .main-container.container > .wrap{
	padding-top:0;
}
.tabs--primary.nav-tabs{
	padding:15px 30px 0 30px;
}

#block-system-main{
	margin-bottom: 30px;
	/*padding:30px;*/
}
.front #block-system-main{
	margin-bottom: 0;
	padding-bottom: 0;
}
.not-front .region-content{
	padding-bottom: 65px;
}
.well h2.block-title{
	margin-top: 0;
	margin-bottom:20px;
}

/* Floated Image Spacing */
img.floated-left,
.caption-left{
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;
}
img.floated-right,
.caption-right{
	float:right;
	margin-left: 15px;
	margin-bottom: 15px;
}



/* -------------------------------- Theme ------------------------------ */
/* All styles that give the website it's look and feel */
.field, .form-item{
	margin-bottom: 15px;
}
.not-logged-in .filter-wrapper{ /* hiding filter tips for anonymous users */
	display: none;
}
span.form-required{
	color:#f00;
}

/* captions */
.media-caption_300px_wide_,
.caption{
	padding:5px;
	border:1px solid #f1f1f1;
	background-color: #f9f9f9;
	color:#888;
	font-family: Georgia, serif;
	font-style: italic;
	max-width: 300px;
}
.media-caption_300px_wide_ .field-name-field-file-image-title-text,
.caption .field-name-field-file-image-title-text{
	margin-bottom: 0;
}

/* Media Upload popup
=========================================== */
body.page-media{
	background-color: #fff;
}
/*body.page-media .region-content{
	display:none;
}*/
.ui-widget-content .ui-dialog-titlebar-close{
	background-image: none;
	background-position: center;
	background-color:#f00;
	color:#fff;
	border:none;
}
.ui-widget-content .ui-dialog-titlebar-close:before{
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f12a";
}
.ui-widget-content{
	/*background: url(images/small-throbber.gif) center no-repeat #fff !important;*/
}
body.page-media .ui-widget-content{
	background-color: #fff !important;
	background-image: none !important;
}

/* Popovers
=========================================== */
.popover{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
/* Forms
-------------------------------- */
.btn,
button,
input[type="reset"],
input[type="submit"]{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.btn-primary,
.btn-success{
	font-family: 'Domine', serif;
	color: #ececec;
}
.btn-primary{
	background-color: #1c417c;
	background-image: -webkit-linear-gradient(bottom, #122a50, #1c417c);
	background-image: -moz-linear-gradient(bottom, #122a50, #1c417c);
	background-image: -o-linear-gradient(bottom, #122a50, #1c417c);
	background-image: linear-gradient(to top, #122a50, #1c417c);
}
.btn-success{
	background-color: #4c6f0f;
	background-image: -webkit-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: -moz-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: -o-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: linear-gradient(to bottom, #678c2f, #4c6f0f);
	border-color: #405f09;
}

/* Pages
=========================================== */
h1.page-header,
h2.block-title,
h2.pane-title{
	font-family: 'Domine', serif;
}
h2, .h2 {
	font-size: 20px;
}


/* Economic Development
=========================================== */
.economic-development-main .funnel{
	-webkit-border-radius: 15px/14px 14px 15px 15px;
	-moz-border-radius: 15px/14px 14px 15px 15px;
	border-radius: 15px/14px 14px 15px 15px;
	background-color: #fdfdfd;
	-webkit-box-shadow: 0 0 9px rgba(0,0,0,.06);
	-moz-box-shadow: 0 0 9px rgba(0,0,0,.06);
	box-shadow: 0 0 9px rgba(0,0,0,.06);
	border: solid 1px #dadada;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
	padding: 10px 35px 35px;
	margin-top: 40px;
}
.economic-development-main .funnel h2{
	font-family: Domine, serif;
}
.economic-development-main .funnel .row{
	border-bottom: 1px solid #8D8D8D;
	padding-bottom:20px;
	margin-bottom: 10px;
}
.economic-development-main .funnel .row:last-child{
	border-bottom: none;
	margin-bottom:0;
	padding-bottom: 0;
}
.economic-development-main .funnel .btn{
	white-space: normal;
}
.economic-development-main #footer-top {
	background: #B5282E !important;
	padding: 45px 90px !important;
	color:#fff;
}
.economic-development-main #footer-top a{
	color:#fff;
	text-decoration: underline;
}
.economic-development-main #footer-top{
	margin:0 -30px;
}
.economic-development-main .breadcrumb{display: none;}
#webform-client-form-860 .grippie{
	display: none;
}

.economic-development-main .pane-block-13 iframe{
	border: 2px solid #CCC;
	box-shadow: inset 0 0 10px #CCC;
}
.pane-block.harrisburg-locator-map{
	/*border: 1px solid #ccc;*/
}


@media screen and (min-width:768px){
	.economic-development-main .funnel .btn{
		margin-top:60px;
	}
}

/* Calendar Pager
-------------------------------- */
.view .date-nav-wrapper .pager a{
	font-weight: normal;
}
.view .date-nav-wrapper .date-prev{
	right:80px;
}
.view .date-nav-wrapper .date-prev,
.view .date-nav-wrapper .date-next{
	background: transparent;
}

/* Webform
=========================================== */
.webform-component .description{
	font-style: italic;
}

/* Job Application Form
=========================================== */
#webform-client-form-1137 .webform-progressbar{
	margin-bottom: 75px;
}
#webform-client-form-1137 .webform-progressbar-page-label:after{
	position: absolute;
	content:'';
	width:1px;
	height:5px;
	background: #ccc;
	left:50%;
	bottom:22px;
}
#webform-client-form-1137 .webform-progressbar-page.current .webform-progressbar-page-label{
	font-weight: bold;
}
#webform-client-form-1137 .webform-progressbar-page:nth-child(2n+1) .webform-progressbar-page-label{
	top:35px;
}
#webform-client-form-1137 .webform-progressbar-page:nth-child(2n+1) .webform-progressbar-page-label:after{
	height:20px;
}
@media all and (max-width:580px){
	#webform-client-form-1137 .webform-progressbar-page-label{
		display: none;
		top:10px !important;
	}
	#webform-client-form-1137 .webform-progressbar-page-label:after{
		height:0 !important;
	}
	#webform-client-form-1137 .webform-progressbar-page.current .webform-progressbar-page-label{
		display: block;
	}

	/* Start Added By Nitin Patil 15-Dec-2015*/
	.green-block,
	.page-node-219 .pane-block.harrisburg-locator-map {
		margin-bottom: 45px;
	}

	body.menu-path-departments .view-other-departments .view-content #views-bootstrap-grid-1 .col.col-lg-4 {
		margin-bottom: 30px;
	}
	body.menu-path-departments .view-other-departments .view-content #views-bootstrap-grid-1 .col.col-lg-4:last-child {
		margin-bottom: 0 !important;
	}

	.home-row-2 .column-middle.panels-bootstrap-column.col-xs-12.col-sm-6.col-md-4.col-lg-4,
	.home-row-3 .column-middle.panels-bootstrap-column.col-md-4.col-lg-4.col-sm-6 {
		margin-bottom: 30px;
	}

	.page-living-visiting-community-calendar #block-block-8.calendar-header .btn.btn-primary:first-child {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	/* End Added By Nitin Patil 15-Dec-2015*/
}


/* Ctools modal
-------------------------------- */
.ctools-modal-dialog,
#modal-content{
	height:auto !important;
	overflow: hidden;
}
.ui-front{
	z-index: 2000;
}

/* Event Calendar
-------------------------------- */
.page-living-visiting-community-calendar .tabs--secondary{display: none;}
.calendar-header{
	margin-bottom: 50px;
}
.view-community-calendar .date-nav-wrapper .date-heading{
	float: left;
	text-align: left;
}
@media all and (max-width: 767px){
	.view-community-calendar .date-nav-wrapper .date-heading{
		float: none;
		text-align: center;
	}
	.view-community-calendar .view-header .pager{
		position: relative;
		clear: both;
	}
	.view .date-nav-wrapper .date-prev{
		left:0px;
		right: auto;
	}

	#a91_syndication ul li {
		padding: 0;
		margin: 0 0 1px 0;
		width: 251px !important;
	}

	.a91_frame {
		width: 502px !important;
	}

	.page-node-317 table,
	.page-node-629 table {
		width: 100%;
	}

	.page-node-317 td,
	.page-node-629 td {
		display: block;
		clear: both;
		width: 100%;
	}
}
.year-view .month-view .mini-day-on a{
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #FFF;
	text-decoration: none;
	background: #FF792F;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* Event Calendar Block */
.view-events.view-display-id-block .views-row{
	padding-bottom: 10px;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 10px;
}
.view-events.view-display-id-block_2 .views-row{
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.events-read-more,
.blog-read-more,
.block-read-more{
	text-transform: uppercase;
	font-weight: bold;
}

/* Event Types
=========================================== */
.view-mode-calendar_view.event-type-community-events{  /* - green */
	color:#fff;
	background-color:#779A0B !important;
	padding:5px !important;
}
.view-mode-calendar_view.event-type-community-events a{color:#fff;}
.view-mode-calendar_view.event-type-parks-recreation-athletics{  /* - blue */
	color:#fff;
	background-color:#003764 !important;
	padding:5px !important;
}
.view-mode-calendar_view.event-type-parks-recreation-athletics a{color:#fff;}
.view-mode-calendar_view.event-type-parks--recreation-events,
.view-mode-calendar_view.event-type-parks--recreation-athletics{  /* - grey */
	color:#fff;
	background-color:#716558 !important;
	padding:5px !important;
}
.view-mode-calendar_view.event-type-parks-recreation-events a{color:#fff;}
.view-mode-calendar_view.event-type-town-business-meetings{  /* - red */
	color:#fff;
	background-color:#B4252D !important;
	padding:5px !important;
}
.view-mode-calendar_view.event-type-town-business-meetings a{color:#fff;}

.view-mode-calendar_view.event-type-business-meeting-training{
	color:#fff;
	background-color:#CF448D !important;
	padding:5px !important;
}
.view-mode-calendar_view .field-name-title a{
	color:#fff !important;
}

/* Legends */
.calendar-legend div.inner {padding-left: 30px;}
.calendar-legend div.inner > span{margin-left: -30px;}
.calendar-legend .event-type-community-events span{background-color: #779A0B; display:inline-block; height:13px;width:20px;margin-right: 10px;}
.calendar-legend .event-type-parks-recreation-athletics span,
.calendar-legend .event-type-parks--recreation-athletics span{background-color: #003764; display:inline-block; height:13px;width:20px;margin-right: 10px;}
.calendar-legend .event-type-parks-recreation-events span{background-color: #716558; display:inline-block; height:13px;width:20px;margin-right: 10px;}
.calendar-legend .event-type-town-business-meetings span{background-color: #B4252D; display:inline-block; height:13px;width:20px;margin-right: 10px;}
.calendar-legend .event-type-business-meeting-training span{background-color: #CF448D; display:inline-block; height:13px;width:20px;margin-right: 10px;}

/* Media Browser Styling
-------------------------------- */
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.ui-widget-header{
	background: #eee;
	font-weight: normal;
	border: none;
}
.ui-tabs-panel{
	border-top: 1px solid #ccc !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
	border-color:#ccc;
	background: #ddd;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border-color:#ccc;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background: #fff;
}


/* Autocomplete
-------------------------------- */
.ui-theme-basic-green.ui-autocomplete-input{
	background-image: url(images/throbber.gif);
	background-position: 97% 8px;
}
.ui-theme-basic-green.ui-autocomplete-input.ui-autocomplete-loading{
	background-position: 97% -33px;
}

/* Hide Page title
-------------------------------- */
.hide-title h1.page-header{display:none;}

/* Sidebar Menus
-------------------------------- */
.region-sidebar-second .nav>li>a{
	padding:3px 3px;
}
#block-menu-block-1 .dropdown-menu{
	position: relative;
	zoom: 1;
	border:none;
	box-shadow: none;
	padding-left:25px;
	background-color: #f6f6f6;
	border-radius: 0px;
}
#block-menu-block-1 .dropdown-menu:before{
	position: absolute;
	font-size:12px;
	left:5px;
	top:16px;
	color:#777;
}
#block-menu-block-1 ul.menu li{
	position: relative;
	clear: both;
}
#block-menu-block-1 .dropdown-menu li.last a{
	border-bottom: none;
}
#block-menu-block-1 .dropdown-menu li a{
	padding-left: 5px;
}
#block-menu-block-1 .dropdown-menu .expand-icon{
	display: none !important;
}
#block-menu-block-1 ul.menu a{
	padding-right: 25px;
	position: relative;
	line-height: 25px;
	border-bottom:1px solid #ddd;
}
#block-menu-block-1 ul.menu a .expand-icon{
	position: absolute !important;
	right:4px;
	top:50%;
	margin-top: -13px;
	height:25px;
	width:20px;
	line-height: 25px;
	display: inline-block;
	text-align: center;
	color:#777 !important;

	-webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);

	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
#block-menu-block-1 ul.menu .open a .expand-icon{
	color:#A31622 !important;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}


/* Quick Links [Sidebar]
=========================================== */
.quick-links-block{
	padding-top: 200px;
	background: url(images/side_image/townhall.jpg) no-repeat top center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
}
.menu-path-town-government .quick-links-block{ background-image: url(images/side_image/townhall.jpg); }
.menu-path-departments .quick-links-block{ background-image: url(images/side_image/Flanagans.jpg); }
.menu-path-living-_-visiting .quick-links-block{ background-image: url(images/side_image/living-visiting.jpg); }
.menu-path-customer-service .quick-links-block{ background-image: url(images/side_image/services.jpg); }
.quick-links-block .menu-block-wrapper{
	background-color: #799b3e;
	background-image: -webkit-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: -moz-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: -o-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: linear-gradient(to bottom, #678c2f, #4c6f0f);
}
.quick-links-block ul.menu{
	padding: 10px 0;
}
.quick-links-block ul.menu li{
	padding:0 20px;
}
.quick-links-block ul.menu li a{
	font-family: 'Domine', serif;
	color:#fff;
	font-weight: 700;
	padding:10px 0;
	border-bottom: 1px solid rgba(255,255,255,.4);
}
.quick-links-block ul.menu li.last a{
	border-bottom: none;
}



/* HEADER
-------------------------------- */
#navbar{
	background-color: #fff;
	border:none;
	margin-bottom: 0;
	/*z-index: 1;*/
}
.red-ribbon{
	/*position: absolute;*/
	width:100%;
	height:60px;
	background-color: #a31622;
	bottom:-35px;
	z-index: -1;
}
#navbar nav{
	position: relative;
}
.navbar-static-top{
	z-index: 999;
}
.navbar-header{
	padding-bottom: 0px;
}
.navbar-header .logo{
	margin-bottom: 0;
}
.navbar-collapse{
	clear: both;
}
#navbar .container{
	padding-left: 0;
	padding-right: 0;
}
.menu-shadow{
	width: 15px;
	height: 36px;
	position: absolute;
	z-index: 1;
}
.menu-shadow.shadow-left{
	background: url(images/menu-shadow-left.png) no-repeat;
	bottom: -60px;
	left: 0px;
}
.menu-shadow.shadow-right{
	background: url(images/menu-shadow-right.png) no-repeat right;
	bottom: -60px;
	right: 0px;
}
.main-container.container{
	position: relative;
	top:-35px;
	z-index: 2;
}
.main-container.container > .wrap{
	-webkit-box-shadow: 0px 20px 36px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 20px 36px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 20px 36px rgba(0, 0, 0, 0.3);
	background-color: #fff;
}
.container > .navbar-header,
.container > .navbar-collapse{
	padding-left: 0;
	padding-right: 0;
}
ul#superfish-1{
	width: 100%;
	clear: both;
	position: relative;
	bottom:-25px;
}
ul#superfish-1 > li{
	width: 16%;
	background-color: transparent;
}
ul#superfish-1 > li > a{
	display: block;
	text-align: center;
	padding:22px 0;
	background-color: #a31622;
	color:#fff;
	font-family: 'Domine', serif;
	font-size: 16px;
}
ul#superfish-1 > li > a > .sf-sub-indicator{top:40%;}
ul#superfish-1 > li > a:hover,
ul#superfish-1 > li > a:active,
ul#superfish-1 > li > a.active,
ul#superfish-1 > li.sfHover > a{
	background-color: #122a50;
}
ul#superfish-1 > li.menuparent.sfHover > ul{
	z-index: 999;
	border:2px solid #122a50;
	top:98%;
}
ul#superfish-1 > li.menuparent.sfHover > ul > li > ul{
	z-index: 999;
	border:2px solid #122a50;
	/*left:100% !important;*/
}

ul#superfish-1 > li.menuparent > ul li{
	background-color: #fff;
}

ul#superfish-1 > li.menuparent > ul a .sf-sub-indicator{
	background-image:url('images/arrows-122A50.png');
}
ul#superfish-1 > li.menuparent > ul a{
	display: block;
	padding:8px 25px;
	color:#122A50;
}
ul#superfish-1 > li.menuparent > ul a:hover,
ul#superfish-1 > li.menuparent > ul a.active,
ul#superfish-1 > li.menuparent > ul li.sfHover > a{
	background-color: #c8dbf3;
}
ul#superfish-1 > li.first, ul#superfish-1 > li.last{
	width:18%;
}
ul#superfish-1 > li.sfHover > ul{
	overflow: visible !important;
}
ul#superfish-1 > li.sfHover > ul > li.sfHover > ul{
	overflow: visible !important;
	border:2px solid #122a50;
}

ul#superfish-1 li.sfHover > ul{
	border:2px solid #122a50 !important;
}

/* Search */
#block-search-form{ margin-top: 30px !important;}
#block-search-form .input-group input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	font-family: 'Domine', serif;

}
#block-search-form button{
	background-color: #789A4D;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	color:#fff;
}


/* Front Page
-------------------------------- */
@media all and (max-width: 991px){
	.front .column{
		margin-bottom: 30px;
	}
}

#block-panels-mini-front-status-bar{
	padding:0 30px;
	margin-bottom: 30px;
	font-weight: 700;
}
#mini-panel-front_status_bar{
	border-bottom: 1px solid #818181;
}
#block-panels-mini-front-status-bar .pane-content{
	padding:15px;
}
#block-panels-mini-front-status-bar .traffic-construction-status{
	background:#A31622;
	color:#fff;
}
#block-panels-mini-front-status-bar .traffic-construction-status a,
#block-panels-mini-front-status-bar .traffic-construction-status a .bar-icons{
	color:#fff !important;
}
#block-panels-mini-front-status-bar .traffic-construction-status:hover{
	background: #fff;
}
#block-panels-mini-front-status-bar .traffic-construction-status:hover a,
#block-panels-mini-front-status-bar .traffic-construction-status:hover a .bar-icons{
	color:#789A4D !important;
}
.home-row-2,
.home-row-3{
 margin-bottom: 30px
}

.home-row-2 h2,
.home-row-3 h2{
	font-size: 18px;
	background-color: #122a50;
	color:#fff;
	font-family: 'Domine', serif;
	padding:15px 25px;
	margin-bottom: 0;
	margin-top: 0;
}
.home-row-4 h2{
	font-size: 18px;
	color:#fff;
	font-family: 'Domine', serif;
}
.home-row-4{
	padding:40px 65px;
	background-color: #a31622;
	margin-right: -30px;
	margin-left: -30px;
	color: #FFF;
}
.home-row-4 a{color: #fff; text-decoration: underline;}

.home-row-2 .pane-content,
.home-row-3 .pane-content{
	-webkit-border-radius: 0 0 12px 12px;
	-moz-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;
	padding:10px 25px;
	border:5px solid #fff;
	border-top:none;
	background-color: #fff;
	-webkit-box-shadow: 0 0 24px rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 24px rgba(0,0,0,.1);
	box-shadow: 0 0 24px rgba(0,0,0,.1);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1), rgba(255,255,255,.1));
	background-image: linear-gradient(to top, rgba(0,0,0,.1), rgba(255,255,255,.1));
}

.home-row-2 .column-first .pane-content{ /* Quick links */
	background-color: #799b3e;
	background-image: -webkit-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: -moz-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: -o-linear-gradient(top, #678c2f, #4c6f0f);
	background-image: linear-gradient(to bottom, #678c2f, #4c6f0f);
	-webkit-box-shadow: none;
	padding:10px 25px;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border:0;
}

.road-construction-block .pane-content,
{
	padding:0;
	border:2px solid #122a50;
}
.block-bottom{
	display: block;
	background-color: #122a50;
	color:#fff;
	text-transform: uppercase;
	font-weight: bold;
	padding:15px 25px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	position: relative;
	width: 100%;
	bottom: 0;
	left: 0;
}
.road-construction-block .pane-content p,
.video-tourbook-block .pane-content p{
	margin:0;
}

.front #block-system-main #panel-bootstrap-column-1 .pane-content ul > li{
	border-bottom: 1px solid #fff;
}
.front #block-system-main #panel-bootstrap-column-1 .pane-content ul > li.last{ border-bottom: none;}
.front #block-system-main #panel-bootstrap-column-1 .pane-content ul > li a{
	color:#fff;
	font-family: 'Domine', serif;
}

.front .road-construction-block img,
.front .video-tourbook-block img{
	width:100%;
	height:auto;
}

.front .gallery-row{
	margin-left: -30px;
	margin-right: -30px;
	background-color: #888;
	padding:60px;
	color:#fff;
}
.front .gallery-row .flickr-wrap img{
	border:solid 3px #FFF;
	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.3);
	box-shadow: 1px 2px 5px rgba(0,0,0,.3);
}
@media all and (min-width:768px){
	.front .gallery-desc .pane-title{
		font-size: 50px;
	}
}
.front .gallery-desc .pane-title:before{
	content: "\f148";
	padding-right: 15px;
	display: inline-block;
	font-family: "Ionicons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Department Pages
-------------------------------- */
.node-type-department .group-other-departments{
	margin:40px 0;
}
.view-id-other_departments .view-content .row{
	margin-bottom:30px;
}
.pane-harrisburg-misc .pane-content{
	margin-left: -15px;
}
.pane-harrisburg-misc .pane-content .view-more{
	margin-left: 15px;
}
.node-type-department #footer-top{
	background: #EDEDED;
	padding:30px;
	margin:0 -30px;
}

.department-other .field-group-format-title{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
}
.department-other .field-group-format-title:after{
	font-family: "Ionicons";
	font-size: 16px;
	height:20px;
	width:20px;
	position: absolute;
	right:-30px;
	content: '\f209';
	bottom:0;
}
.department-other.collapsed .field-group-format-title:after{
	content: '\f218';
}

/* Flickr
-------------------------------- */
.flickr-wrap{display: block;margin-bottom: 30px;}
.flickr-wrap .flickr-credit{display:none;}
.flickr-wrap img{
	min-width: 100%;
	border: solid 1px #cecece;
}

/* Album */


/* Slider
-------------------------------- */
#page-header{
	margin-right: -15px;
	margin-left: -15px;
}
#views-bootstrap-carousel-1 .carousel-caption{
	top:15%;
	bottom:15%;
	width: 35%;
	right:0;
	left:auto;
	padding:0px 20px 35px 20px;
	text-align: left;
	color:#000;
	background-color: #FFF;
	background-color: rgba(255,255,255,.8);
	text-shadow:none;
	-webkit-border-radius: 10px 0 0 10px;
	-moz-border-radius: 10px 0 0 10px;
	-ms-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
}
#views-bootstrap-carousel-1 .carousel-caption h3{
	color: #122a50;
	font-family: 'Domine', serif;
	font-weight: 700;
	font-size: 40px;
}
#views-bootstrap-carousel-1 .carousel-caption a{ color: #122a50; font-weight: bold; text-transform: uppercase;}
#views-bootstrap-carousel-1 .carousel-caption a:hover{ color: #678c2f; text-decoration: none; }

#views-bootstrap-carousel-1 .carousel-indicators{
	bottom: -10px;
	padding:3px 0;
	left:50%;
	width:100%;
	margin-left: -50%;
	background: #000;
	background: rgba(0,0,0,.7);
}
.carousel-control{
	top:50%;
	bottom:auto;
	color:#122A50;
	text-shadow:none;
	opacity: 1;
	filter: alpha(opacity=100);
}
.carousel-control.left{
	left: -130px;
   outline : none;
}
.carousel-control.right {
    outline : none;
    right: -50px;
    width: 10px;
    z-index: 99;
}

/* Date
-------------------------------- */
.small-date{
	width:45px;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
}
.small-date .date-month{
	font-size: 80%;
}
.small-date .date-day{
	font-size: 110%;
}
.small-date > div:first-child{

}

/* Weather module
-------------------------------- */
.bar-icons{
	font-size: 27px;
	color:#789A4D;
	margin-right: 10px;
}
.current-weather .bar-icons{
	font-size: 40px;
	vertical-align: top;
}
.current-weather .popover{
	min-width: 500px;
}
.current-weather .popover-title{
	font-family: 'Domine', serif;
	font-weight: 700;
}
.current-weather ul.forecast{
	padding:0;
}
.current-weather ul.forecast li{
	width:20%;
	float:left;
	display:block;
	padding:15px;
}
.current-weather ul.forecast .day{font-weight: bold;}
.current-weather ul.forecast .condition{
	width:32px;
	height:32px;
	margin:0 auto;
	/*float:left;*/
	/*border:1px solid red;*/
	/*text-indent: -9999px;*/
}


/* Featured Image
-------------------------------- */
.field-name-field-featured-image img,
.field-name-field-event-image-upload img{
	margin-bottom: 25px;
	padding: 3px;
	border:1px solid #eee;
}


/* Views Row Styling
-------------------------------- */
.row-spacing .views-row{
	padding-bottom:25px;
	border-bottom: 1px solid #e2e2e2;
	margin-bottom: 25px;
}
.row-spacing.compact .views-row{
	padding-bottom:10px;
	margin-bottom: 10px;
}

/* Tweets
-------------------------------- */
.view-tweets .item-list ul{
	padding:0;
}
.view-tweets .item-list ul li{
	display:block;
}

/* Yard Waste/Garbage Recycling Form
-------------------------------- */
#block-views-garbage-recycling-pickup-block h2,
#block-views-536c1bec93c28fb54452cc46ec91f0c0 h2{
	margin-top: 0;
}
#block-views-garbage-recycling-pickup-block .views-exposed-widget button.form-submit,
#block-views-536c1bec93c28fb54452cc46ec91f0c0 .views-exposed-widget button.form-submit{
	margin-top:0;
}


/* Footer
-------------------------------- */
@media screen and (min-width: 992px){
	#block-panels-mini-footer-top-content .pane-menu-menu-quick-links:after,
  #block-panels-mini-footer-top-content .pane-menu-menu-front-footer-links:after,
	#block-panels-mini-footer-top-content .pane-events:after {
		content:'';
		position: absolute;
		height:100%;
		right:10px;
		top:0;
		border-right: 1px solid #ccc;
	}
	#block-panels-mini-footer-top-content .pane-events:after{
		top:20px;
	}
	#footer-mid{
		padding-right: 0;
		padding-left: 0;
	}

	#block-panels-mini-footer-top-content .facebook-like .pane-content{padding-right: 0;}
}
@media screen and (min-width: 1200px){
	#block-panels-mini-footer-top-content .pane-menu-menu-quick-links:after,
  #block-panels-mini-footer-top-content .pane-menu-menu-front-footer-links:after,
	#block-panels-mini-footer-top-content .pane-events:after {
		right:45px;
	}

	#block-panels-mini-footer-top-content .facebook-like .pane-content{padding-right: 0;}
}

#footer-top{

}
#footer-top h2{
	font-size:20px;
}
#footer-top .panel-panel{

}
#footer-mid{
	padding:40px 65px;
}
@media all and (max-width:500px){
	#footer-mid{
		padding:40px 0px;
	}
}
.not-front #footer-mid{
	border-top:1px solid #939393;
	border-bottom:1px solid #939393;
}
footer.footer{
	padding:35px;

}

.view-id-propert_view  .carousel{
margin-bottom : 20px;
}

/* by Pratik 18-5-2015 */



.view-id-blog .views-row {
    margin: 10px 0;
}
.view-id-news .views-row {
    margin: 10px 0;
}

.social-icon-box .facebook {
background-image: url(images/facebook.png);
background-repeat: no-repeat;
}
.social-icon-box .twitter {
background-image: url(images/twitter.png);
background-repeat: no-repeat;
}
.social-icon-box .youtube {
background-image: url(images/youtube.png);
background-repeat: no-repeat;
}

.social-icon-box li {
    color: #000;
    float: left;
    height: 40px;
    list-style: outside none none;
    margin: 0 1em 0 0;
    /*padding: 0.5em 0.75em;*/
    text-align: center;
    width: 39px;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/******************************************/
/******* Abhinav CSS Updates ********/
/******************************************/
.social-icon-box ul { padding:0px;}
.social-icon-box ul li a { display:block; height:40px; width:39px;}

@media all and (max-width:767px){
.container > .navbar-header, .container > .navbar-collapse { padding:0px 15px; width: 100%;}
.main-container.container { padding:0px;}
.region-header.row { margin:0px;}
.carousel-control { display:none;}
.carousel-inner>.item { padding:10px; background:#f9f9f9; margin-top:20px;}
.carousel-indicators { bottom:-13px; display:none;}
.navbar-header .logo { float:none !important;}
}


#a91_syndication {font-size:12px!important}


/******************************************/
/******* Nitin Patil CSS Updates ********/
/******************************************/
#block-menu-block-1 ul.menu .active-trail.active {
    color: #678c2f;
}

#block-block-18 #tourbookdiv img.floated-none {
    display: block;
}


.page-node-204 .page-header,
.page-node-913 .page-header{
	margin-bottom: 0px;
}

.front #footer-mid{
	border-bottom: 1px solid #939393;
}

.group-contact-information.panel-default{
	box-shadow: none;
	border: 0 none;
}

.group-contact-information .panel-collapse.collapse.fade.in{

	padding-top: 20px;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-color: #ddd;
}

.group-contact-information .panel-heading{
	margin-bottom: 0px;
}

/* Start Added By Nitin Patil 15-Dec-2015*/
@media (max-width: 768px) {
	body.economic-development-main #views-bootstrap-carousel-1 .carousel-caption > p {
		font-size: 10px;
	}

	body.economic-development-main #views-bootstrap-carousel-1 .carousel-caption h3 {
		font-size: 15px;
	}
	body.menu-path-departments .view-other-departments .view-content #views-bootstrap-grid-1 .col.col-lg-4 {
		margin-bottom: 30px;
	}
	body.menu-path-departments .view-other-departments .view-content #views-bootstrap-grid-1 .col.col-lg-4:last-child {
		margin-bottom: 0 !important;
	}
	.green-block, .page-node-219 .pane-block.harrisburg-locator-map {
		margin-bottom: 45px;
	}
	.home-row-2 .column-first .pane-content{
		margin-bottom: 30px;
	}
	.home-row-3 .column-first.panels-bootstrap-column.col-md-4.col-lg-4.col-sm-12 {
		margin-bottom: 30px;
	}
	.pane-harrisburg-misc .pane-content .view-more {
		margin-bottom: 30px;
	}
	.field-item.even a {
		display: inline-block;
		font-size: 17px;
		text-indent: -25px;
	}

	.economic-development-main #block-views-slider-block-1 {
		display: none;
	}
}

/* Landscape view of all tablet devices */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	body.front  #views-bootstrap-carousel-1 .carousel-caption > p {
		font-size: 15px;
	}

	body.front  #views-bootstrap-carousel-1 .carousel-caption h3 {
		font-size: 24px;
	}

	body.menu-path-departments .view-other-departments .view-content #views-bootstrap-grid-1 .col.col-lg-4 {
		margin-bottom: 30px;
	}
	body.menu-path-departments .view-other-departments .view-content #views-bootstrap-grid-1 .col.col-lg-4:last-child {
		margin-bottom: 0 !important;
	}
	body.front .view-content #views-bootstrap-carousel-1 .carousel-control.left{
		left: -106px;
	}
	body.front .view-content #views-bootstrap-carousel-1 .carousel-control.right{
		right: -37px;
	}
	ul#superfish-1 > li > a {
		font-size: 12px;
	}
	.field-item.even a {
		display: inline-block;
		font-size: 17px;
		text-indent: -25px;
	}

}

@media (max-width: 767px) {
	.table-responsive{
		border: none !important;
	}

	.economic-development-main #block-views-slider-block-1 {
		display: none;
	}

}
@media (max-width: 480px) {
	.page-node-1479 .page-header,
	.field-item.even a {
		width: 100%;
		word-wrap: break-word;
	}

	.field-item.even > h2 strong  a{
	  display: block;
	}

	.a91_frame {
		width: 258px !important;
		height: 422px !important;
	}

	.a91_map {
		float: none !important;
		margin-left: 12px;
	}

	#a91_syndication {
		margin-bottom: 20px;
	}

	.economic-development-main #block-views-slider-block-1 {
		display: none;
	}
}
/* End Added By Nitin Patil 15-Dec-2015*/

/**
  *Start Added By Nitin Patil 5-May-2016
  **/
#directContainer iframe {
  border: 1px solid black;
  height: 565px;
  position: relative;
  width: 100%;
}

/* Added By Nitin for yard pickup List Page 19th May 2016 */
.add-garbage-pickip,
.add-yard-pickip {
  float: right;
  margin-bottom: 15px;
}

#garbage-recycling-table,
#yard-pickup-table {
    border: 1px solid #f5f5f5;
}

.update-yard-pickup-btn:hover,
.update-yard-pickup-btn:focus {
  background-color: #419641;
  background-position: 0 -15px;
}

.front .home-row-2 .equal-height .pane-content {
	margin-bottom: 30px;
}

.front .home-row-2 .column-first .equal-height .pane-content {
  padding-top: 20px;
  padding-bottom: 20px;
}