@Theme Name: 2017 Village of Morton Mobile Theme
@Description: This site was built by Central States Media. For more information about the site or this custom WordPress theme, you can contact Central States Media at: info@centralstatesmedia.com or call us at: 309-693-2345.
@Author: Central States Media
@Author URI: http://www.centralstatesmedia.com/
@Version: 1.0
@Date: March, 2017
@charset "utf-8";
/* CSS Document */

html{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	background:#fff;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif";
	font-size:14px;
}
*{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	-webkit-appearance: none;
}
.clear{clear:both;}
.alignright, .alignleft, .aligncenter{
                margin:10px 0;
                padding:0px;
                float:none;
				display:block;
                border:0;}
/****************
NAVIGATION STYLES
****************/
#nav{
	display:none;
	position:fixed;
	left:0%;top:0;
	overflow-y: auto;
	z-index: 20000;
	width:90%;
	height: 100%;
	padding:15px 5%;
	background:rgba(255,255,255,0.9);
	animation:animatetop 0.5s}
	
	@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

#nav ul{
	list-style:none;
	padding:0;
	margin:0;
}
#nav ul a{
	display:block;
	text-decoration: none;
	text-transform: uppercase;
	background:#b00000;
	color:#fff;
	text-align: center;
	padding:10px 5%;
	margin:5px 0;
	font-size:18px;
	letter-spacing: 1px;
}
#nav ul ul {display:none;}
#nav ul ul a{
	background:#444;
	padding:8px 5%;
	text-transform: capitalize;
}
#nav ul ul ul a{
	background:#717171;
}
#nav ul li:hover > ul {
	display: block;
}
#nav a.closemenu{
	display:block;
	text-decoration: none;
	text-transform: uppercase;
	background:#fff;
	color:#444;
	text-align: center;
	padding:10px 5%;
	margin:5px 0;
	font-size:18px;
	letter-spacing: 1px;
}
.code-red {
	width: 100%;
	max-width: 200px;
	margin: 10px auto;
}
.code-red img {
	width: 100%;	
}
/************
SOCIAL STYLES
************/
#social{
	clear:both;
	background:#b00000;
	padding:8px 5%;
	width:90%;
	text-align:right;
}
#social a.facebook{
	background: url(images/icon-facebook.png) no-repeat;
	border-radius: 100%;
	width:30px;height:30px;
	background-size: contain;
	display:inline-block;
}
#social a.twitter{
	background:url(images/icon-twitter.png) no-repeat;
	border-radius: 100%;
	width:30px;height:30px;
	background-size: contain;
	display:inline-block;
	margin:0 2%;
}
#social a.youtube{
	background:url(images/icon-youtube.png) no-repeat;
	border-radius: 100%;
	width:30px;height:30px;
	background-size: contain;
	display:inline-block;
}
/************
HEADER STYLES
************/
#header{
	clear:both;
	background:#fff;
	padding:10px 5%;
	position: relative;
	z-index: 1;
	box-shadow:0 0px 25px 0 rgba(0,0,0,0.6);
}
#logo{
	float:left;
	width:60%;
}
#logo img{max-width:100%;height:auto;}
a.phone{
	float:right;
	margin:15px 0 0 0;
	width:30px;height:30px;
	background:url(images/icon-phone.png) no-repeat;
	background-size:contain;
}
a.menu{
	float:right;
	margin:18px 10px 0 0;
	width:35px;height:30px;
	background:url(images/icon-menu.png) no-repeat;
	background-size:contain;
}
#subheader{
	clear:both;
	background:#fff;
}
#weather{
	float:left;
	width:40%;
	max-width: 150px;
	padding:5px 5%;
	height:48px;overflow:hidden;
}
#weather p{margin:0 !important;line-height:8px !important;}
#weather, .aw-current-weather-inner{position:relative !important;}
#weather, .aw-widget-current, .aw-widget-current-inner, .aw-widget-content, .aw-current-weather, #weather div{background:none !important;border:none !important;background-color:none !important;box-shadow:none !important;margin:0 !important;padding:0 !important;}
.aw-current-weather-inner h3{display:none !important;}
.aw-icon{width:30% !important;max-width: 30% !important;height:55px !important;max-height:55px;margin:-20px 0 0 0 !important;background-size:20% !important;background-position:top !important;padding:0 !important;position:absolute !important;bottom:0px !important;left:0 !important;}
.aw-temp-time-desc{float:right !important;width:50% !important;max-width:50% !important;line-height:8px !important;font-size:8px !important;}
.aw-temp-time-desc span{margin: 0  !important;padding:0 !important;}
span.aw-weather-description{display:block !important;margin:-10px 0 0 0 !important;padding: 0 !important;font-size:8px !important;line-height:8px !important;text-transform: lowercase !important;position: relative !important;top:-5px !important;}
.aw-temperature-today{display:block !important;margin:0 !important;padding: 0 !important;font-size:20px !important;}
.aw-temperature-today sup{font-size:20px !important;}
.aw-temperature-today b{margin:0 !important;padding: 0 !important;font-size:20px !important;line-height:20px !important;}
#weather time{display:none !important;}
#link_get_widget{display:none !important;}

/************
SEARCH STYLES 
************/
#search{
	float:right;
	width:55%;
	background:#e5e5e5;
	text-align: left;
	position: relative;
	padding:15px 2%;
}
#search input[type=text]{
	background:none;
	border:0;
	margin:0 50px 0 0;
	color:#444;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size:12px;
	text-align: right;
	max-width:75%;
}
#search input[type=submit]{
	background:url(images/icon-search.png) no-repeat;
	background-size:30%;
	background-position:center;
	background-color:#444;
	border:0;
	position: absolute;
	right:0;
	top:0;
	height:100%;
	width:40px;
	cursor: pointer;
}
#search input[type=submit]:hover{
	background-color:#b00000;background-size:45%;}
/*************
CALLOUT STYLES
*************/
#callouts{
	clear:both;
	background:#fff;
	margin:0;padding:0;
}
#callouts ul{
	margin:0;
	padding:0;
}
#callouts ul li{position:relative;}
#callouts ul a{
	display:block;
	color:#5a5a5a;
	text-decoration: none;
	padding:15px 5% 15px 0;
	text-transform: uppercase;
	font-size:16px;
	border-bottom:2px solid #5a5a5a;
	margin:0 0 0 20%;
}
#callouts ul li:last-child a{border-bottom:none;}
#callouts ul ul{display:none;}

#callouts .government a:before{
	content:"";
	background:url(images/icon-government.png) no-repeat;
	background-position: center;
	background-size: contain;
	width:25px;height:25px;
	margin:0 auto ;
	display:block;
	position:absolute;
	left:5%;top:10px;
}
#callouts .services a:before{
	content:"";
	background:url(images/icon-info.png) no-repeat;
	background-position: center;
	background-size: contain;
	width:25px;height:25px;
	margin:0 auto ;
	display:block;
	position:absolute;
	left:5%;top:10px;
}
#callouts .citizens a:before{
	content:"";
	background:url(images/icon-citizens.png) no-repeat;
	background-position: center;
	background-size: contain;
	width:35px;height:25px;
	margin:0 auto ;
	display:block;
	position:absolute;
	left:5%;top:10px;
}
#callouts .quicklinks a:before{
	content:"";
	background:url(images/icon-links.png) no-repeat;
	background-position: center;
	background-size: contain;
	width:25px;height:25px;
	margin:0 auto ;
	display:block;
	position:absolute;
	left:5%;top:10px;
}
#callouts .calendar a:before{
	content:"";
	background:url(images/icon-calendar.png) no-repeat;
	background-position: center;
	background-size: contain;
	width:25px;height:25px;
	margin:0 auto ;
	display:block;
	position:absolute;
	left:5%;top:10px;
}
#callouts .contact a:before{
	content:"";
	background:url(images/icon-phone.png) no-repeat;
	background-position: center;
	background-size: contain;
	width:25px;height:25px;
	margin:0 auto ;
	display:block;
	position:absolute;
	left:5%;top:10px;
}
#callouts .email a:before{
	content:"";
	background:url(images/icon-email.png) no-repeat;
	background-position: center;
	background-size: contain;
	width:25px;height:25px;
	margin:0 auto ;
	display:block;
	position:absolute;
	left:5%;top:10px;
}
/************
FOOTER STYLES
************/
#footer{
	clear:both;
	background:#5a5a5a;
	color:#fff;
	text-transform: uppercase;
	font-size: 10px;
	padding:15px 5%;
	line-height:16px;
}
#footer a{text-decoration:none;color:#fff;}
#fleft{
	float:left;
	width:70%;
	text-align: left;
}
#fright{
	float:right;
	width:30%;
	text-align: right;
	font-weight:bold;
}
/*************
CONTENT STYLES
*************/
#slider{clear:both;width:100%;margin:0 0 -40px 0;padding:0;}
#slider img{max-width:100%;height:auto;}

#featured{clear:both;width:100%;margin:0px;padding:0;}
#featured img{max-width:100%;height:auto;}

#contentwrap{
	clear:both;
	background:#fff;
	margin:0px;
	padding:0px;
}
#contentwrap h1{
	background:#b00000;
	color:#ffffff;
	text-align: center;
	font-size:16px;
	margin:0px;
	font-weight: normal;
	padding:10px 5%;
}
#content{
	clear: both;
	padding:10px 5%;
}
#content h1{
	background:none;
	color:#b00000;
	text-align: left;
	font-weight:bold;
	font-size:22px;
	padding:0;
	text-transform: uppercase;
	margin:15px 0;
}
#content h2{margin:15px 0;font-size:22px;color:#444;text-transform: uppercase;}
#content h3{margin:15px 0;font-size:22px;color:#f0b246;text-transform: uppercase;}
#content h4, #news h4{margin:15px 0;font-size:22px;color:#b00000;font-weight:normal;}
#content h5{margin:15px 0;font-size:22px;color:#444;font-weight:normal;}
#content h6{margin:15px 0;font-size:22px;color:#8e8e8e;font-weight:normal;}

#content a{color:#5b0000;text-decoration:none;font-weight:bold;}
#content a:hover{color:#b00000;text-decoration: underline;}

#content hr{width:100%;height:3px;background:#e5e5e5;border:0;}

#content ul{list-style-image: url(images/icon-bullet.png);}
#content ul li{margin:5px 0;}

#content img, #content iframe{max-width:100%;height:auto;}
a.button{clear:both;background:#b00000;color:#fff;text-decoration: none;text-transform: uppercase;padding:5px 25px;margin:15px 0;display:inline-block;}
a.button:hover{background:#444;padding:5px 45px;}

#content input[type=submit]{
	background-color:#b00000;
	border:0;
	padding:5px 20px;
	color:#fff;
	text-transform: uppercase;
	cursor: pointer;
}
#content input[type=submit]:hover{
	background-color:#444;background-size:45%;}

#content input[type="checkbox"]{
    border: 1px solid #444;
    box-shadow: none;
    border-radius: 0px;
	margin:2px 10px 0 0px;
	width: 14px;
    height: 14px;
	 -webkit-appearance: checkbox;
}
#content .wc-shortcodes-button-primary{
	background:#f0b246 !important;
	border:none !important;
	
}
#content .wc-shortcodes-button-primary:hover{
	text-decoration: none !important;
	background:#e5e5e5 !important;
}
#content .wc-shortcodes-button-inverse{
	background:#e5e5e5 !important;
	border:none !important;
}
#content .wc-shortcodes-button-inverse:hover{
	text-decoration: none !important;
	background:#f0b246 !important;
}

#news{padding:10px 5%;}
#news h4{text-align:center;}
#news a{color:#b00000;text-decoration: none;}
#news a:hover{color:#444;}
#news h5{font-size:1em;}
#news .single-news{border-bottom:2px solid #e5e5e5;padding-bottom:20px;margin-bottom:20px;}
#news .single-news:last-child{border-bottom:0;padding-bottom:0;}
#news a.button{margin:0 auto;display:block;text-align:center;padding:10px;color:#fff;}
/****************
PAGINATION STYLES
*****************/
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#666 !important;
background: #d5d5d5;
}
 
.pagination a:hover{
color:#fff !important;
background: #000;
}
.pagination span{background:#666;color:#fff !important;}
.pagination .current{
padding:6px 9px 5px 9px;
background: #b00000;
color:#fff !important;
}