@Theme Name: 2017 Village of Morton 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:#4a4a4a;
	min-width:1200px;
	font-family: Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"
}
#top-social, #header, #bottom-header,
#callouts, #news, #footer, #copyright{min-width:900px;}
*{
	-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;
	
	
}
.clear{clear:both;}
.alignright{
                margin:0 0 2em 2em;
                padding:0px;
                float:right;
                border:0;}

.alignleft{
                margin:0 2em 2em 0;
                padding:0px;
                float:left;
                border:0;}

.aligncenter{
                display:block;
                margin-left:auto;
                margin-right:auto;
                padding:0px;
                border:0;}

/*TOP SOCIAL*/
#top-social{
	clear:both;
	background:#b00000;
	padding:10px 20%;
	text-align: right;
	color:#fff;
}
#top-social a:hover{
	background-color:#f0b246;
-moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);}
.facebook{
	background:url(images/icon-facebook.png) no-repeat;
	border-radius: 100%;
	width:30px;height:30px;
	background-size: contain;
	display:inline-block;
}
.twitter{
	background:url(images/icon-twitter.png) no-repeat;
	width:30px;height:30px;
	border-radius: 100%;
	background-size: contain;
	display:inline-block;
	margin:0 10px;
}
.youtube{
	background:url(images/icon-youtube.png) no-repeat;
	width:30px;height:30px;
	border-radius: 100%;
	background-size: contain;
	display:inline-block;
}
/* HEADER */
#header{
	clear:both;
	background:#fff;
	padding:15px 20%;
	box-shadow: 0 0px 25px 0 rgba(0,0,0,0.8);
	z-index: 100000;
	position: relative;
}
#logo{
	float:left;
	display:block;
	width:18%;
}
#logo img{max-width:100%;height:auto;}
#logo:hover{width:19%;}
/* NAVIGATION */
#nav{
	float:right;
	width:calc(79% - 75px);
	position: relative;
	z-index: 10000;
}
#nav ul{
	list-style: none;
	float:right;
	margin:0;
	padding:0;
	position: relative;
}
#nav ul li{
	float:left;
	position: relative;
}
#nav ul li a{
	display:block;
	position: relative;
	padding:10px 15px;
	background: #fff;
	/*top: 50%;
	transform: translateY(-50%);*/
	border-right:3px solid #e5e5e5;
	text-align: center;
	text-decoration: none;
	color:#444;
	text-transform: uppercase;
	font-size:14px;
}
/*
Styling the hover elements of submenus
 */
#nav li:hover > a,d
#nav a:focus {
	background:#e5e5e5;
}

/*@media screen and (min-width:1700px){
	#nav ul li a{padding:0 20px;}
}*/
@media screen and (min-width:1800px){
	#nav ul li a{padding:10px 25px;}
}
@media screen and (min-width:2000px){
	#nav ul li a{padding:10px 35px;}
}
/* #nav ul li:last-child a{border-right:none;} */
#nav ul li:hover > ul {
	display: block;
}
#nav ul ul{
	display:none;
	position:absolute;
	left:-3px;
	background: linear-gradient(to bottom, #e5e5e5 0%, #fff 30%);
	background-color:#b00000;
	box-shadow:0 15px 5px 0 rgba(0,0,0,0.7);
	width:100%;
	min-width:200px;
	padding:10px 3px 10px 0;
	border-bottom:10px solid #b00000;
}
#nav ul li:first-child > ul{left:0;}
#nav ul ul ul{
	left:100% !important;top:-20px;
	z-index: 10001;
	padding:10px 0;
	border-bottom:10px solid #f0b246;
	border-top:10px solid #f0b246 !important;
}
#nav ul ul li{width:90%;padding:0 5%;float:none;}
#nav ul ul a{border-right:none;border-bottom:3px solid #e5e5e5;text-transform: none;background:none;margin:0 5%;padding:10px 0;}
#nav ul ul li:last-child a{border-bottom:none !important;}
#nav ul ul li:hover > a,d
#nav ul ul a:focus {
	background:none;
	border-bottom:3px solid #b00000;
	color:#b00000;
	margin:0;
	padding:10px 5%;
}
#nav ul ul a:before{display:none !important;}
#nav .government a:before,
#snav .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 10px auto;
	display:block;
}
#nav .services a:before,
#snav .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 10px auto;;
	display:block;
}
#nav .citizens a:before,
#snav .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 10px auto;
	display:block;
}
#nav .quicklinks a:before,
#snav .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 10px auto;
	display:block;
}
#nav .contact a:before,
#snav .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 10px auto;
	display:block;
}
.code-red {
	float: right;
	margin: 30px 0 0 10px;
}
.code-red img {
	width: 85px;
	transition: 0.2s all ease;
}
.code-red a:hover img {
	transform:scale(1.1);
}
/* BOTTOM HEADER */
#bottom-header{
	clear:both;
	padding:0px 20%;
	background:#fff;
	position:relative;
	z-index: 0;
	color:#444;
}
#weather{
	float:left;
	width:20%;
	max-width: 150px;
	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;}
#location{
	float:left;
	width:56%;
	padding:15px 2%;
	text-align: right;
	font-size:14px;
}
#location a{
	text-decoration: none;color:#8a8a8a;
	border-left:3px solid #b00000;
	padding:0 10px;
	position: relative;
}
#location a:hover{color:#b00000;}
#location a:after{
	content:"";
	background:url(images/icon-location.png) no-repeat;
	display:inline-block;
	position: absolute;
	bottom:0px;
	right:-12px;
	width:15px;height:20px;
	background-size:contain;}
/* SEARCH */
#search{
	float:right;
	width:16%;
	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%;}

/* SLIDER */
#slider{
	clear:both;margin:0 0 -40px 0;
}
#slider img{max-width:100%;height:auto;}

/* FEATURED */
#featured{
	clear:both;margin:0 0 -5px 0;
}
#featured img{max-width:100%;height:auto;}

/* CONTENT */
#contentwrap{
	clear:both;
	background:#fff;
	padding:0 20%;
	margin:0;
}
/* CALLOUTS */
#callouts{
	background: linear-gradient(to bottom, #b00000 20%, #5b0000 80%);
	background-color:#b00000;
	padding:0px 0%;
	width:120%;
	position: relative;
	left:-10%;
	color:#fff;
	text-transform: uppercase;
}
#callouts a{
	color:#fff;
	text-decoration: none;
	text-align: center;
	margin:20px 0 0 0 ;
	border-bottom: 15px solid #5b0000;
	position:relative;}
#callouts a:hover{background:#b00000;border-bottom:15px solid #b00000;}
#callouts strong{display: block;}
.cleft{
	float:left;
	width:33%;
	padding:15px 8%;
	margin:0px 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.cleft:before{
	content:"";
	background:url(images/icon-notice.png) no-repeat;
	display:block;
	float:left;
	margin:0 2%;
	width:50px;
	height:40px;
	background-size: contain;
}
.cmiddle{
	float:left;
	width:34%;
	margin:0px 0;
	padding:15px 8%;
	border-left:3px solid #5b0000;
	border-right:3px solid #5b0000;	
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */

}
.cmiddle:before{
	content:"";
	background:url(images/icon-calendar.png) no-repeat;
	display:block;
	float:left;
	width:50px;
	height:40px;
	background-size: contain;
}
.cright{
	float:right;
	width:33%;
	margin:0px 0;
	padding:15px 8%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.cright:before{
	content:"";
	background:url(images/icon-pumpkin.png) no-repeat;
	display:block;
	float:left;
	width:50px;
	height:40px;
	background-size: contain;
}
#content{	
	padding:15px 0;
	font-size:14px;
	line-height:22px;
	float:right;
	width:70%;
	color:#444;
	position: relative;
	z-index: 200;
}
#content.home{
	clear:both;
	text-align:left;
	float:none;
	width:100%;}
#content h1{
	margin:15px 0;
	font-size:22px;
	color:#b00000;
	text-transform: uppercase;
}
#content h1 span{
	font-weight:bold;
	color:#444444;
}
#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{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 .gform_wrapper ul{list-style-image:none !important;}

#content img, #content iframe{max-width:100%;height:auto;}

.date{display:block;font-style: italic;}

#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%;}
.gform_footer{position: relative;z-index: 200;}
#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;
}
/* SIDEBAR */
#sidebar{
	float:left;
	width:25%;
	background: linear-gradient(to bottom, #e5e5e5 0%, #fff 30%);
	background-color:#F0F0F0;
}
#snav ul{
	list-style: none;
	margin:0;
	padding:10px 0;	
}
#snav ul li, #snav ul ul ul li{display:none;}
#snav ul .current-menu-item.menu-item-has-children,
#snav ul ul .current-menu-item,
#snav ul .current-menu-parent,
#snav ul .current-menu-ancestor,
#snav ul .current-menu-item > ul > li,
#snav ul .current-menu-parent > ul > li,
#snav ul .current-menu-ancestor > ul > li,
#snav ul .current_page_parent,
#snav ul .current_page_parent > ul > li{display:block;}
#snav ul a{
	display:block;
	color:#b00000;
	text-transform: uppercase;
	text-decoration: none;
	padding:10px 5%;
	margin:0 10%;
	font-size:16px;
	text-align: center;
	border-bottom:5px solid #e5e5e5;
}
#snav ul ul a:before{display:none !important;}
#snav ul ul a{
	margin:0;
	font-size:14px;
	border-bottom:1px solid #e5e5e5;
	color:#444;
	text-align: left;
	padding:10px 9%;
	text-transform: none;
	position:relative;
}
#snav ul ul ul{padding:0;}
#snav ul ul ul li{position:relative;}
#snav ul ul ul li:after {content: url(images/icon-bullet.png) !important;position:absolute;left:8%;top:9px;}
#snav ul ul ul a{padding: 10px 15%;}
#snav ul ul .current-menu-item > a,
#snav ul ul .current_page_item > a,
#snav ul ul .current-menu-parent > a,
#snav ul ul .current-pate-parent{color:#b00000;font-weight:bold;}
#snav ul ul .current-menu-item > a,
#snav ul ul .current_page_item > a{background:#f0b246;}
#snav ul ul ul .current-menu-item > a,
#snav ul ul ul .current_page_item > a{background:#f0b246;color:#444;font-weight:normal;}
#snav ul ul li:last-child a{border-bottom:none;}
#snav ul ul a:hover{
	background:#e5e5e5;
}
#sidebar #scallouts{
	clear:none;
	width:100%;
	padding:10px 0;
	left:0%;	
	background: linear-gradient(to bottom, #b00000 20%, #5b0000 80%);
	background-color:#b00000;
}
#sidebar #scallouts a.cleft,
#sidebar #scallouts a.cmiddle,
#sidebar #scallouts a.cright{
	float:none;
	color:#fff;
	text-decoration: none;
	text-align: left;
	display:block;
	width:70%;
	margin:0 10%;
	padding:15px 5%;
	border-bottom:3px solid #5b0000;
	box-sizing:content-box;
}
#scallouts .cmiddle{border-left:none;border-right:none;}
#scallouts strong{display:block;}
#scallouts a:before{margin:0 4% 0 0;}
#scallouts a:hover{border-bottom:3px solid #f0b246 !important;color:#f0b246 !important;}

/* NEWS AND ANNOUNCEMENTS */
#news{
	clear:both;
	padding:15px 5%;
	background: linear-gradient(to bottom, #e5e5e5 0%, #fff 30%);
	background-color:#F0F0F0;
	text-align: center;
}
#news h2{
	text-align: center;
	margin:15px 0;
	text-transform: uppercase;
	color:#b00000;
	font-size:18px;
}
#news ul{list-style: none;margin:0;padding:0;font-size:14px;line-height:22px;color:#444;}
#news ul li:nth-child(odd){
	float:left;width:50%;
	text-align: left;
	padding:0 5% 0 0;
	border-right:5px solid #e5e5e5; 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */}
#news ul li:nth-child(even){float:right;width:45%;margin:0 0 0 5%;text-align: right;}
#news ul li:nth-child(odd) img{
	float:left;
	width:40%;
	margin:0 15px 45px 0;
	height:auto;
}
#news ul li:nth-child(even) img{
	float:right;
	width:40%;
	margin:0 0 45px 15px;
	height:auto;
}
#news li:nth-child(even) .single-news-info{float:left;width:55%;}
#news li:nth-child(odd) .single-news-info{float:right;width:55%;}
#news ul li h3{
	color:#444;
	margin:5px 0;
	font-size:16px;
}
#news ul li h3 a{color:#444 !important;	text-decoration: none !important;}
#news ul li h3 a:hover{color:#b00000 !important;	text-decoration: none !important;}

#news ul li h4{
	color:#b00000;
	margin:5px 0;
	font-size:14px;
}
#news a.readmore{color:#b00000;text-transform: lowercase;text-decoration: none;}
#news a.readmore:hover{color:#444;text-decoration: underline;}

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;}

/* FOOTER */
#footer{
	background:#5a5a5a;
	color:#a6a6a6;
	font-size:12px;
	padding:15px 20%;
}
#footer-links{
	width:40%;
	float:left;
}
#footer-links ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer-links ul li{float:left;width:48%;padding:0 1%;}

#footer-links a{
	text-decoration: none;color:#e5e5e5;
	display: block;
	padding:5px 0;
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
}
#footer-links ul ul li{float:none;width:100%;padding:0;}
#footer-links ul ul a{
	font-size:12px;text-transform: none;font-weight:normal;
}
#footer a{color:#e5e5e5;text-decoration: none;}
#footer a:hover{color:#f0b246;text-decoration: underline;}
#footer-contact{
	float:left;
	color:#e5e5e5;
	width:20%;
	text-transform: uppercase;
}
#footer h5{
	margin: 5px 0;
	text-transform: uppercase;
	font-size:14px;
	color:#e5e5e5;
}
#footer-connect{
	float:left;
	color:#e5e5e5;
	width:20%;
	text-transform: uppercase;
}
#footer-social{
	border-top:2px solid #e5e5e5;
	margin:15px 0;
	padding:15px 5px;
	display: block;
}
#footer-social a{display: inline-block;}
#footer-social a:hover{
	background-color:#f0b246;
-moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);}
#footer-right{
	float:right;
	width:20%;
	text-transform: uppercase;
	text-align: center;
	font-size:10px;
}
#footer-right img{max-width:150px;width:100%;height:auto;}
#copyright{
	clear:both;
	padding:10px 0;
	background:#4a4a4a;
	color:#e5e5e5;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
}
#copyright a{text-decoration:none;color:#e5e5e5;}
#copyright a:hover{color:#f0b246;text-decoration: underline;}

/****************
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;
}
#mobileswitch{padding-top:40px;}
#mobileswitch a{clear:both;display:block;width:100%;background:#b00000;color:#ffffff;text-decoration:none;text-align:center;padding:25px 0;font-size:2em;position:fixed;bottom:0px;z-index:10000;}