/*****************************************************************************
    Header Top
 *****************************************************************************/
.cityof,
.phone-email{
	height:35px;
	color:#ffffff;
	font-family: 'Constantia-Regular';
	background:#663366;
	padding:5px 0px 5px 0px;
	overflow:hidden;
}
.cityof{
	float:left;
	font-size:17px;
	margin-left:117px;
	padding-left:12px;
	padding-right:7px;	
}
.phone-email{
	padding-right:12px;
	font-size:17px;
	font-family: 'FuturaBT-Medium';
}


.phone-email .content ul,
.phone-email .content ul li {
	margin: 0px;
	list-style-type: none;
	position: relative;
	text-align: left;
}
.phone-email .content ul{
	float:right;
}
.phone-email .content ul li {
	display:inline-block;
	margin: 0px 0px 0px 20px;
	padding:0px 0px 1px 20px;
}
.phone-email .content ul li,
.phone-email .content ul li a{
	color: #ffffff;
	
	letter-spacing:1px;
}

.phone-email .content ul li:before{
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.phone-email .content ul li:before{
	color: #fadd06;
	font-size:18px;
    font-family: 'FontAwesome';
    position:absolute;
	left:0px;
}
.phone-email .content ul li.phone:before{
    content:"\f095";
    padding-top:4px;    
}
.phone-email .content ul li.email{
	padding-left:25px;
}
.phone-email .content ul li.email:before{
    content:"\f003";
    padding-top:3px;   
}


/*****************************************************************************
    Main Menu
 *****************************************************************************/
.menu-area {
	position: relative;
}
.menu-area ul.menu {
	margin: 0px;
	list-style-type: none;
	position: relative;
	text-align: left;
	z-index: 1001;
	height: auto;
	float: right;
}
.menu-area ul.menu li {
	position: relative;
	display: inline-block;
	padding: 0;
	z-index: 101;
	margin: 0px 7px 15px 7px;
	float: left;
}
.menu-area ul.menu li a {
	display: inline-block;
	text-decoration: none;
	color:#252525;
	font-size: 18px;
	font-weight:600;
	font-family: 'Cinzel-Regular';
	padding: 5px 0px 2px 0px;
}
.menu-area ul.menu li.last,
.menu-area ul.menu li.last a {
	margin-right:1px;
	padding-right:0px;
}
.menu-area ul.menu > li.expanded a:after{
    content: "\f107";
    color: #252525;
    font-family: 'FontAwesome';
    padding-left:7px;
}
.menu-area ul.menu > li.expanded ul li a:after{
    content: "";
    padding-left: 0px;
}
.menu-area ul.menu li a:hover,
.menu-area ul.menu li a.active {
	color: #663366;
	border-bottom:1px solid #663366;
}
.menu-area ul.menu > li.expanded a:hover:after,
.menu-area ul.menu > li.expanded a.active:after,
.menu-area ul.menu > li.expanded a.active-trail:after,
.menu-area ul.menu > li.expanded:hover a:after{
	color: #663366;
}
.menu-area ul.menu li a,
.menu-area ul.menu li a:hover,
.menu-area ul.menu li a.active {
    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}






.menu-area ul.menu li ul {
	position: absolute;
	top:23px;
	width:320px;
	height:0px;
	padding: 0;
	text-align: left;
	background:#663366;
	border-radius: 4px;
	border-top-left-radius: 0px;	
		
	opacity: 0;		
		
	margin: 0px 0 0 0;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;

    z-index:0;
    overflow:hidden;

}
.menu-area ul.menu > li.expanded:hover ul.menu  {
	top: 32px;
	opacity: 1;	
	height:auto;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.menu-area ul.menu > li.last.expanded ul{
	left: auto;
	right:0;
}

.menu-area ul.menu li ul li{
	display:block;
	width:100%;
	margin: 0px 0px 0px 0px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-bottom:1px solid #ffffff;
}
.menu-area ul.menu li ul li.first{
	/*border-top:1px solid #ffffff;*/
}
.menu-area ul.menu li ul li a{
	display:block;
	text-align:left;
	color:#ffffff !important;
	font-size:16px;
	font-weight:400;
	padding: 7px 10px 8px 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.menu-area ul.menu li ul li a:hover,
.menu-area ul.menu li ul li a.active {
	border-bottom:none;
	background-color: rgba(204, 204, 204, 0.35) !important;
}

.menu-area ul.menu li ul li ul{
	display:none;
}





.menu-mobile{
	display:none;
}
.menu-mobile{
	padding-top:50px;	
}
.menu-mobile span{
	position:relative;
	margin-right:23px;
}
.menu-mobile span{
	color:#252525;
	font-size:18px;
	font-weight:600;
	cursor:pointer;
	font-family: 'Cinzel-Regular';
}
.menu-mobile span:after{
    content:"\f0c9";
    color:#252525;
    font-size:20px;
    font-weight:400;
    font-family: 'FontAwesome';  
    position:absolute;  
    margin-top:1px;
    margin-left:5px;     
}
.responsive-nav .fa-remove{
	color:#ffffff;
	font-size:18px;
	cursor:pointer;
	padding-top:0px;
}
.menu-mobile span:hover,
.menu-mobile span:hover:after,
body.is-pushed-left .menu-mobile span,
body.is-pushed-left .menu-mobile span:after{
	
}

.responsive-nav .menu-mobile{
	color:#ffffff;
	font-size:15px;
	font-weight:normal;
	float:right;
}

.responsive-nav {
	position: fixed;
	z-index: 99;
	right: -250px;	
	height: 100%;
	width: 250px;
	display:block;
	background: #000000;
	padding:20px 10px 0px 20px;
	overflow:auto;
	
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
body.is-pushed-left .responsive-nav {
	right: 0;
}

.responsive-nav ul.menu,
.responsive-nav ul.menu li{
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
}
.responsive-nav ul.menu li{
}
.responsive-nav ul.menu li a{
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	font-family: 'Cinzel-Regular';
}
.responsive-nav ul.menu li a:hover, .responsive-nav ul.menu li a.active {
	color: #fadd06;
}
.responsive-nav ul.menu li ul{	
	padding-left:20px;
	padding-bottom:12px;
}
.responsive-nav ul.menu li ul li{
	line-height:20px;
}
.responsive-nav ul.menu li ul li a{
	font-size:13px;	
	text-transform:capitalize
}


/*****************************************************************************
    Slide Show
 *****************************************************************************/
#block-views-slide-show-block{

}
#block-views-slide-show-block .views-field-edit-node{
    position:absolute;
    margin:5px 0px 0px 5px;
}
#block-views-slide-show-block .views-field-edit-node a{
    color:#fff;
    font-weight:bold;
    background:#ed1532;
    padding:2px 8px 2px 8px;
    text-decoration:underline;
}
#block-views-slide-show-block .views-field-field-image .fill {
    width: 100%;
    height: 100%;    
	overflow:hidden;
}
#block-views-slide-show-block .views-field-field-image .slid-img {
    width: 100%;
    height: 100%;
    background-position: center;
	-webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

#block-views-slide-show-block .views-field-title{
	position:absolute;
	width:100%;
	margin-top:-170px;
	margin-left:auto;
	margin-right:auto;
}
#block-views-slide-show-block .slider-caption{
	max-width:450px;
	margin-left:auto;
	margin-right:auto;
}
#block-views-slide-show-block .slider-caption{
	color:#fadd06;
	font-size:30px;
	line-height:40px;
	text-align:center;
	font-family: 'Cinzel-Regular';
}
#block-views-slide-show-block .animated{                    
  opacity:0;
}
#block-views-slide-show-block .flex-active-slide .animated{                    
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}



#block-views-slide-show-block .flexslider{
	min-height:300px;
}
.flexslider { 
	margin:0px; 
	background: none; 
	border: none; 
	position: relative; 
	-webkit-border-radius: 0px; 
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
	-o-box-shadow: none; 
	box-shadow: none; 
	zoom: 1; 
	z-index:1 !important;
}
/*****************************************************************************
    Flexslider pageer
 *****************************************************************************/
 .flex-control-nav {
  bottom: 10px;
  z-index:5 !important;
}
.flex-control-nav li {
  margin: 0 2px;
}
.flex-control-paging li a {
  width: 19px;
  height: 19px;
  background: none;
  border:2px solid #ffffff;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  -o-box-shadow:none;
  box-shadow:none;
}
.flex-control-paging li a:hover {
  background: #fadd06;
  border:2px solid #fadd06;
}
.flex-control-paging li a.flex-active {
  background: #fadd06;
  border:2px solid #fadd06;
}
/*****************************************************************************
    Flexslider navigation
 *****************************************************************************/
.flexslider .flex-direction-nav a {
	display: block;
}
.flex-direction-nav a {
	width: 50px;
	height: 60px;
	opacity: 1;
	font-size:0px;
	background-color:rgba(0, 0, 0, 0.4);
	border-radius:0px 4px 4px 0px;
}
.flex-direction-nav a:hover{
	width: 70px;
	background-color:rgba(0, 0, 0, 0.5);
}
.flex-direction-nav a:before {
	font-size: 0px;
	content: '';
}
.flex-direction-nav .flex-prev {
	
}
.flex-direction-nav .flex-next {
	border-radius:4px 0px 0px 4px;
}
.flexslider .flex-direction-nav .flex-prev,
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 1;
	left: 0px;
}
.flexslider .flex-direction-nav .flex-next,
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
	right: -0px;
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
}

.flex-direction-nav a.flex-prev:before,
.flex-direction-nav a.flex-next:before{
	position:absolute;
	color:#ffffff;
	font-size:21px;
	font-weight:100;
	line-height:60px;
	font-family:'icomoon';
}
.flex-direction-nav a.flex-prev:before{
	content: "\e001";
	left:50%;
	margin-left:-14px;
}
.flex-direction-nav a.flex-next:before{
	content:"\e000";
	left:50%;
	margin-left:-7px;
}


/*****************************************************************************
    About
 *****************************************************************************/
#block-block-2 h2{
	font-size:35px;
	line-height:50px;
	letter-spacing:-1.5px;
	font-family: 'Cinzel-Regular';
	margin-bottom:10px;
}

/*****************************************************************************
    Latest News
 *****************************************************************************/
#block-views-latest-news-block h2{
	font-size:30px;
	line-height:50px;
	letter-spacing:-1px;
	font-family: 'Cinzel-Regular';
	margin-bottom:8px;
}
#block-views-latest-news-block .content h2{
	font-size:38px;
	line-height:50px;
	font-family: 'Georgia';
	margin-bottom:15px;
}
#block-views-latest-news-block .views-field-nid{
	background:#ffffff;
	padding:20px 20px 20px 20px;
	overflow:hidden;

 	-webkit-box-shadow: 5px 5px 15px 2px rgba(213,213,213,1);
	-moz-box-shadow: 5px 5px 15px 2px rgba(213,213,213,1);
	box-shadow: 5px 5px 15px 2px rgba(213,213,213,1);
}
#block-views-latest-news-block .views-field-nid .news-img,
#block-views-latest-news-block .views-field-nid .news-details{
	float:left;
}
#block-views-latest-news-block .views-field-nid .news-img{
	width:35%;
}
#block-views-latest-news-block .views-field-nid .news-details{
	width:65%;
	padding:20px 0px 0px 0px;
}

#block-views-latest-news-block .views-field-nid .news-img img{
	width:100%;
	padding:0px 25px 0px 0px;
}
#block-views-latest-news-block .views-field-nid .post-date{
	padding-bottom:10px;
}
#block-views-latest-news-block .views-field-nid .more-link{
	text-align:left;
	padding-top:10px;
}
#block-views-latest-news-block .views-field-nid .more-link a{
	color:#663366;
}


/*****************************************************************************
    Latest Events
 *****************************************************************************/
#event-calendar h2{
	font-size:30px;
	letter-spacing:-1px;
	font-family: 'Cinzel-Regular';	
	margin-bottom:12px;	
}

.navigation-row{
	position:relative;
	display:table;
	width:100%;
}
.navigation-row .navcol{
	display:table-cell;
	width:50%;
	color: #663366;
	font-size:21px;
	font-weight:600;
	font-family: 'Cinzel-Regular';
	vertical-align:top;
	padding-bottom:15px;
}
.navigation-row .navcol ul,
.navigation-row .navcol ul li{

}
.navigation-row .navcol ul{
	float:right;
}
.navigation-row .navcol ul li{
	position:relative;
	display:inline-block;
}
.navigation-row .navcol ul li:first-child{
	padding-right:20px;
}
.navigation-row .navcol ul li:first-child:after{
	content:'/';
	position:absolute;
	top:2px;
	right:0;
}
.navigation-row .navcol ul li:first-child a{
	display:block;
	padding:0px 0px 0px 25px;
	background: url(../images/arrow-left.png) no-repeat left 3px;
}
.navigation-row .navcol ul li:last-child a{
	display:block;
	padding:0px 25px 0px 5px;
	background: url(../images/arrow-right.png) no-repeat right 3px;
}

.cal .weekdays{
    display:table;
    width:100%;
}
.cal .weekdays li {
    display: table-cell;
    width: 14%;
    color: #663366;
    font-weight:600;
    text-align: center;
    font-family: 'Cinzel-Regular';
    padding:10px 0px 10px 0px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
.cal .weekdays li:last-child {
	border-right:1px solid #cccccc;
}

.cal .days {
    display:table;
    width:100%;
}
.cal .days li {
    list-style-type: none;
    display: table-cell;
    width: 14%;
    color: #222222;
    font-size:17px;
    font-weight:600;
    text-align: center;
    font-family: 'Cinzel-Regular';
    padding:0px 0px 0px 0px;
    border-left:1px solid #cccccc;
    border-bottom:1px solid #cccccc;   
}
.cal .days li:last-child {
	border-right:1px solid #cccccc;
}
.cal .days li span {
	display:block;
	padding:10px 0px 10px 0px;
}
.cal .days li span.active {
    background: #fadd06;
}
.cal .days li span.event {
	color:#fadd06;
	cursor:pointer;
    background: #663366;
}


.view-id-event_calendar{
	padding-top:25px;
}
.view-id-event_calendar .calendar-items{
	display:none;
}
.view-id-event_calendar .calendar-items{
	margin-bottom:25px;
	padding-bottom:5px;
	border-bottom:1px dotted #cccccc;
}
.view-id-event_calendar .event-title{
	font-size:22px;
	font-weight:600;
	padding-bottom:5px;
}

/*****************************************************************************
    Social Feeds
 *****************************************************************************/
.facebookfeed .block h2{
	font-size:25px;
	font-weight:400;
	font-family: 'Cinzel-Regular';
	padding:10px 5px 29px 45px;
	background: url(../images/fb-blue.png) no-repeat left 7px;; 
}
.facebookfeed .block{
	max-width:500px;
	overflow:hidden;
}
.facebookfeed .block .content{

}



/*****************************************************************************
    Lavaca -Section 1
 *****************************************************************************/
#lavaca-sections1 .block{
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;	
}
#lavaca-sections1 .block a{
	color:#ffffff;
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:1px solid #ffffff;
}
#lavaca-sections1 .block .col-sm-3{
	padding-left:5px;
	padding-right:5px;	
}
#lavaca-sections1 .block .ordinance,
#lavaca-sections1 .block .elected,
#lavaca-sections1 .block .department,
#lavaca-sections1 .block .recycling{
	min-height:325px;
	padding:20px 17px 20px 17px;
}
#lavaca-sections1 .block .ordinance{
	background:#5f2067 url(../images/ordinance-bg.png) no-repeat right bottom;	
}
#lavaca-sections1 .block .elected{
	background:#bd1a8d url(../images/elected-officials-bg.png) no-repeat right bottom;
}
#lavaca-sections1 .block .department{
	background:#a69aca url(../images/department-bg.png) no-repeat right bottom;
}
#lavaca-sections1 .block .recycling{
	background:#c8a678 url(../images/recycling-bg.png) no-repeat right bottom;
}


#lavaca-sections1 .block .ordinance .heading,
#lavaca-sections1 .block .elected .heading,
#lavaca-sections1 .block .department .heading,
#lavaca-sections1 .block .recycling .heading{
	height:260px;
	font-size:30px;
	line-height:35px;
	font-family: 'Cinzel-Regular';
	padding-top:30px;
}
#lavaca-sections1 .block .ordinance:hover .heading,
#lavaca-sections1 .block .elected:hover .heading,
#lavaca-sections1 .block .department:hover .heading,
#lavaca-sections1 .block .recycling:hover .heading{
	height:260px;
	padding-top:0px;
}
#lavaca-sections1 .block .ordinance .summary,
#lavaca-sections1 .block .elected .summary,
#lavaca-sections1 .block .department .summary,
#lavaca-sections1 .block .recycling .summary{
	position:absolute;
	height:53px;
	margin-top:-155px;
	margin-right:17px;
	overflow:hidden;
}
#lavaca-sections1 .block .ordinance:hover .summary,
#lavaca-sections1 .block .elected:hover .summary,
#lavaca-sections1 .block .department:hover .summary,
#lavaca-sections1 .block .recycling:hover .summary{
	height:auto;
	margin-top:-185px;
}

#lavaca-sections1 .block .ordinance .heading,
#lavaca-sections1 .block .elected .heading,
#lavaca-sections1 .block .department .heading,
#lavaca-sections1 .block .recycling .heading,
#lavaca-sections1 .block .ordinance:hover .heading,
#lavaca-sections1 .block .elected:hover .heading,
#lavaca-sections1 .block .department:hover .heading,
#lavaca-sections1 .block .recycling:hover .heading,
#lavaca-sections1 .block .ordinance .summary,
#lavaca-sections1 .block .elected .summary,
#lavaca-sections1 .block .department .summary,
#lavaca-sections1 .block .recycling .summary,
#lavaca-sections1 .block .ordinance:hover .summary,
#lavaca-sections1 .block .elected:hover .summary,
#lavaca-sections1 .block .department:hover .summary,
#lavaca-sections1 .block .recycling:hover .summary{
    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}


/*****************************************************************************
    Lavaca -Section 2
 *****************************************************************************/
#lavaca-sections2 .block{
	padding-left:10px;
	padding-right:10px;	
}
#lavaca-sections2 .block a{
	color:#663366;
	text-decoration:none;
	border-bottom:1px solid #663366;
}
#lavaca-sections2 .block .col-sm-3{
	padding-left:5px;
	padding-right:5px;	
}
#lavaca-sections2 .block .school,
#lavaca-sections2 .block .weather,
#lavaca-sections2 .block .museum,
#lavaca-sections2 .block .chamber{
	padding:20px 15px 20px 15px;
}
#lavaca-sections2 .block .school{
	background:#c3b9e3;	
}
#lavaca-sections2 .block .weather{
	background:#f4f4f8;
}
#lavaca-sections2 .block .museum{
	background:#e5d4de;
}
#lavaca-sections2 .block .chamber{
	background:#eab8e3;
}


#lavaca-sections2 .block .school .heading,
#lavaca-sections2 .block .weather .heading,
#lavaca-sections2 .block .museum .heading,
#lavaca-sections2 .block .chamber .heading{
	height:90px;
	color:#252525;
	font-size:22px;
	line-height:30px;
	font-family: 'Cinzel-Regular';
	padding:0px 0px 0px 65px;
}

#lavaca-sections2 .block .school .heading{		
	background:url(../images/ico-school.png) no-repeat left top;
}
#lavaca-sections2 .block .weather .heading{
	padding:0px 0px 0px 53px;
	/*background:url(../images/ico-weather.png) no-repeat left top;*/
	background:url(../images/ico-planning-commission.png) no-repeat left top;
}
#lavaca-sections2 .block .museum .heading{
	background:url(../images/ico-museum.png) no-repeat left top;
}
#lavaca-sections2 .block .chamber .heading{
	background:url(../images/ico-chamber.png) no-repeat left top;
}



/*****************************************************************************
    Footer Area
 *****************************************************************************/
#footer .block h2{
	color:#ffffff;
	font-size:23px;
	font-family: 'Cinzel-Regular';
	margin-bottom:18px;
}
#footer .block .content{
	clear:both;
}
#footer .block .content a{
	color:#ffffff;
}
#footer .block .content b{
	font-weight:600;
	letter-spacing:2px;
}
#footer .block .content ul,
#footer .block .content ul li{
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-image:none;
}

#block-block-3.block .content ul li,
#block-block-4.block .content ul li{
	position:relative;
	padding-left:25px;
	padding-bottom:10px;	
}
#block-block-3 .email:before,
#block-block-3 .phone:before,
#block-block-3 .mailing-address:before,
#block-block-3 .street-address:before,
#block-block-4 .ico-pdf:before{
	font-size:16px;
    font-family: 'FontAwesome';
    position:absolute;
	left:0px;
	margin-top:1px;
}
#block-block-3 .mailing-address:before{
	content:"\f003";
	margin-top:0px;
}
#block-block-3 .email:before{
	content:"\f1fa";
	margin-top:1px;
}
#block-block-3 .phone:before{
	content:"\f095";
}
#block-block-3 .street-address:before{
	content:"\f041";
	font-size:19px;
	margin-top:1px;
}

#block-block-4 .ico-pdf:before{
	content:"\f1c1";
}
#block-block-4.block .content a{
	color:#ffffff;
	color:#fadd06;
	text-decoration:none;
	padding-bottom:2px;
	/*border-bottom:1px solid #ffffff;*/
}
#block-block-4.block .content a:hover{
	color:#fadd06;
	border-bottom:1px solid #fadd06;
}

#block-block-5.block .content ul li{
	display:inline-block;
}

/*****************************************************************************
    Copyright
 *****************************************************************************/
#block-block-7.block .content ul{
	float:right;
}
#block-block-7.block .content ul li{
	display:inline-block;
}
#block-block-7.block .content ul li:first-child{
	padding-right:6px;
}
#block-block-7.block .content ul li:first-child::after {
    content: ".";
    position:relative;
    margin-left:8px;
}

/*****************************************************************************
    Main Content Design
 *****************************************************************************/
h1.page-header{
	color:#663366;
	font-size:33px;
	line-height:35px;
	font-family: 'Cinzel-Regular';
	margin:10px 0px 30px 0px;
	border-bottom:1px dotted #cccccc;	
}
body.front h1.page-header{
	display:none;
}
.node-page .field-name-body h2{
	font-size:25px !important;
	font-weight:400;
	line-height:25px;
	margin-top:28px;
	margin-bottom:10px;
	border-bottom:1px dotted #cccccc;
}

body.not-front .region-content{
	overflow:hidden;
	position:relative;
}
body.not-front .region-content h2{
	color:#000000;
	font-size:25px;
	/*font-family: 'Cinzel', serif;*/
	padding-bottom:8px;
}
body.not-front .region-content h2:after{
	position:absolute;
    content:"";
	width:100%;
    margin-top:11px;
    margin-left:10px;
    /*border-bottom:1px solid #cccccc;*/
}


/*****************************************************************************
    Elected Officials
 *****************************************************************************/
.view-id-officials{
	
}
.view-id-officials .view-content{
	padding-left:10px;
	padding-right:10px;
}
.view-id-officials .view-content h3:first-child{
	display:none;
}
.view-id-officials .view-content h3{
	font-size:30px;
	line-height:40px;
	letter-spacing:-1px;
	font-family: 'Cinzel-Regular';
	margin-top:25px;
	margin-bottom:20px;
	border-bottom:1px dotted #b7b7b7;	
}
.view-id-officials .views-column{
	padding-bottom:20px;
    padding-left: 10px;
    padding-right: 10px;
}
.view-id-officials .views-field-nid{
	position:relative;
	cursor:pointer;
	background:#ffffff;
	padding-bottom:20px;
	overflow:hidden;	

	-webkit-box-shadow: 3px 3px 5px 0px rgba(213,213,213,1);
	-moz-box-shadow: 3px 3px 5px 0px rgba(213,213,213,1);
	box-shadow: 0px 0px 10px 0px rgba(213,213,213,1);

}
.view-id-officials .views-field-nid .image img{
	width:100%;
}
.view-id-officials .views-field-nid .name{
	font-size:20px;
	text-align:center;
	font-weight:600;
	font-family: 'Cinzel-Regular';
	margin-bottom:0px;
	padding:10px 5px 0px 5px;
}

.view-id-officials .views-field-nid .officials-hover{
	position:absolute;
	top:385px;
	height:100%;

	background:#bd1a8d;
	padding:0px 10px 0px 10px;
	color:#ffffff;
}
.view-id-officials .views-field-nid:hover .officials-hover{
	top:0px;

}

.view-id-officials .views-field-nid .officials-hover,
.view-id-officials .views-field-nid:hover .officials-hover{
    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}

.view-id-officials .officials-hover .heading h2{
	color:#ffffff;
	font-size:24px;
	font-weight:400;
	text-align:left;
	padding:15px 0px 20px 0px;
}


/*****************************************************************************
    Departments
 *****************************************************************************/
.view-id-department{

}
.view-id-department .views-field-edit-term{
	position:absolute;
	right:0;
	margin-top:0px;
	margin-right:5px;	
	z-index:999;
}
.view-id-department .views-field-edit-term a{
	color:#ffffff;;
	background:#199dad;
	border-radius:5px;
	padding:2px 8px 2px 8px;
}
.view-id-department .views-field-name{
	font-size:26px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
}
.view-id-department .views-field-nothing{
	margin-bottom:5px;
	padding-bottom:10px;
}
.view-id-department .views-field-tid{
	padding-bottom:30px;
}
.view-id-department .views-field-nothing ul,
.view-id-department .views-field-nothing ul li {
	margin: 0px;
	list-style-type: none;
	position: relative;
	text-align: left;
}

.view-id-department .views-field-nothing ul li {
	display:inline-block;
	margin: 0px 20px 0px 0px;
	padding:0px 0px 1px 20px;
}
.view-id-department .views-field-nothing li,
.view-id-department .views-field-nothing li a{	
	letter-spacing:1px;
}

.view-id-department .views-field-nothing ul li:before{
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.view-id-department .views-field-nothing ul li:before{
	font-size:18px;
    font-family: 'FontAwesome';
    position:absolute;
	left:0px;
}
.view-id-department .views-field-nothing ul li.phone:before{
    content:"\f095";
    padding-top:5px;    
}
.view-id-department .views-field-nothing ul li.email{
	padding-left:25px;
}
.view-id-department .views-field-nothing ul li.email:before{
    content:"\f003";
    padding-top:4px;   
}
.view-id-department .views-field-nothing .description{
	margin-top:10px;
	padding-top:10px;
	border-top:1px dotted #cccccc;
}


.view-department-items{
	
}
.view-department-items .view-content{
	padding-left:10px;
	padding-right:10px;
}
.view-department-items .views-column{
	padding-bottom:20px;
    padding-left: 10px;
    padding-right: 10px;
}
.view-department-items .views-field-edit-node{
	right:0;
	margin-top:0px;
}
.view-department-items .views-field-edit-node a{
	background:#663366;
}
.view-department-items .views-field-nid{
	position:relative;
	padding:2px 6px 6px 2px;
	overflow:hidden;
}
.view-department-items .views-field-nid .image img{
	width:100%;
}
.view-department-items .views-field-nid .name{	
	text-align:center;
	margin-bottom:0px;
	padding:12px 5px 15px 5px;

	-webkit-box-shadow: 3px 3px 5px 0px rgba(213,213,213,1);
	-moz-box-shadow: 3px 3px 5px 0px rgba(213,213,213,1);
	box-shadow: 0px 1px 10px 1px rgba(213,213,213,1);
}



/*****************************************************************************
    Ordinance
 *****************************************************************************/
.view-id-ordinance .views-row{
	margin-bottom:25px;
	padding-bottom:10px;
	border-bottom:1px dotted #cccccc;
}
.view-id-ordinance .ordinance-no{
	font-size:24px;
	font-family: 'Cinzel-Regular';
}
.view-id-ordinance .description{
	padding-top:15px;
}
.view-id-ordinance .attachment{
	
}

/*****************************************************************************
    Contact Us
 *****************************************************************************/
body.page-node-2 #block-block-10{
	width:32%;
	float:left;	
	margin-top:9px;
	margin-right:3%;
	border:1px solid #CCC;

    background: #ffffff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff, #f4f4f4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #f4f4f4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #f4f4f4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #f4f4f4); /* Standard syntax */
}
body.page-node-2 #block-system-main{
	width:65%;
	float:left;
}
body.page-node-2 #block-block-10 .content{
	padding:12px 15px 20px 15px;
}
#block-block-10 .content ul li{
	list-style: none;
	font-size:15px;
	line-height:23px;
	font-family: 'Open Sans', sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 3px 28px;
}
#block-block-10 .content ul li span{
	font-size:14px;
	font-weight:600;
}
#block-block-10 .content ul li.mailing:before,
#block-block-10 .content ul li.street:before,
#block-block-10 .content ul li.phone:before,
#block-block-10 .content ul li.email:before{
	font-size:16px;
	font-weight:600;
    font-family: 'FontAwesome';
    position:absolute;
	left:0px;
	margin-top:1px;
	margin-left:15px;
}
#block-block-10 .content ul li.mailing:before{
	content:"\f003";
	font-weight:600;
}
#block-block-10 .content ul li.street:before{
	content:"\f041";
	font-size:18px;
	margin-top:1px;
}
#block-block-10 .content ul li.phone:before{
	content:"\f095";
}
#block-block-10 .content ul li.email:before{
	content:"\f1fa";
	font-size:18px;	
}

/*****************************************************************************
    Comminity Calendar
 *****************************************************************************/
.view-id-comminity_calendar .views-row{
	position:relative;
	margin-bottom:25px;
	padding-bottom:5px;
	border-bottom:1px dotted #cccccc;
}
.view-id-comminity_calendar .views-row.views-row-last{
	border-bottom:none;
}
.view-id-comminity_calendar .views-field-edit-node{
	right:0;
}
.view-id-comminity_calendar .views-field-title{
	font-size:25px;
	font-family: 'Cinzel-Regular';
	padding-bottom:5px;
}
.view-id-comminity_calendar .views-field-nothing{
	color:#898989;
	font-size:15px;	
	font-family: 'Open Sans', sans-serif;
	padding-bottom:15px;
}



/*****************************************************************************
    City Council Meeting Minutes
 *****************************************************************************/
.view-id-planning_commission_minutes,
.view-id-city_council_meeting_minutes{
    padding-top:5px;
}
.view-id-planning_commission_minutes .views-field-nid,
.view-id-city_council_meeting_minutes .views-field-nid{
    margin-bottom:25px;
    padding:15px 15px 20px 15px;

    border-left:1px solid rgba(213,213,213,1);
    border-right:1px solid rgba(213,213,213,1);

     -webkit-box-shadow: 1px 1px 6px 0px rgba(213,213,213,1);
    -moz-box-shadow: 1px 1px 6px 0px rgba(213,213,213,1);
    box-shadow: 2px 2px 10px 0px rgb(128, 128, 128);
}
.view-id-planning_commission_minutes .views-field-nid .name,
.view-id-city_council_meeting_minutes .views-field-nid .name{
    font-size:22px;
    padding-top:5px;
    padding-bottom:7px;
    border-bottom:1px dotted gray;
}
.view-id-planning_commission_minutes .views-field-nid .pdfdetail,
.view-id-city_council_meeting_minutes .views-field-nid .pdfdetail{
    padding-top:15px;
    padding-bottom:7px;
}