/*-----------------------------------------------------------------------------------

	Theme Name: Monroe County
	Theme URI: https://www.co.monroe.mi.us/
	Description: Monroe County css
	AuthorDesign By Ben Fryc HTML/CSS/JS by Samir Alley | @samiralley
	Author URI: http://www.revize.com/

	Version 1 / September 22, 2015

	Table of content
	#Basic Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Tablet (Portrait)
	#Mobile (Portrait)
	#Mobile (Landscape)
	#Clearing
	#Header + Nav + No More IE7
	#Inner Page
	#Media Queries

-----------------------------------------------------------------------------------*/

/* -----------------------------------------

#Bacic Styles

-----------------------------------------*/

body{background:#fff;font-size:16px;line-height:1.571428571;font-family:'Open Sans',sans-serif;font-weight:normal;color:#222117;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}

/* -----------------------------------------

#Typography

-----------------------------------------*/
#rz-redirects-list {
    display: block!important;
}

.rz-redirect-btns {
    display: block!important;
}

h1,h2,h3,h4,h5,h6{color:#186daf;font-family:'Playfair Display', serif;font-weight:normal;margin-bottom:30px;line-height:1.2}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:36px}
h2{font-size:24px}
h3{font-size:22px}
h4{font-size:21px}
h5{font-size:17px}
h6{font-size:14px}
.header{font-size:24px}
.subheader{font-size:28px;font-family:'Playfair Display', serif;font-weight:bold;color:#222117;margin-bottom:30px;display:block}
p{margin:0 0 30px 0}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #d1d6e0;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}

/* -----------------------------------------

#Links

-----------------------------------------*/
a,a:visited{color:#7F6906;text-decoration:underline;outline:0!important}
a:hover,a:focus{color:#7F6906}
p a,p a:visited{line-height:inherit}

/* -----------------------------------------

#Lists

-----------------------------------------*/
ul,ol{margin-bottom:20px;margin-left:30px}
ul{list-style:disc}
ol{list-style:decimal}
ul ul,ul ol,
ol ol,ol ul{margin:4px 0 5px 30px}
ul ul li,ul ol li,
ol ol li,ol ul li{margin-bottom:6px}
li{line-height:1.3;margin-bottom:7px}
li p{line-height:1.3}

/* -----------------------------------------

#Images

-----------------------------------------*/
img{max-width:100%;height:auto}
a img{border:none}

/* -----------------------------------------

#Buttons

-----------------------------------------*/
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
a.btn,
.btn{text-decoration:none;border:0;color:#fff;display:inline-block;font-size:12px;font-weight:900;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;text-transform:uppercase;padding:9px 20px;background:#186DAF!important;transition:background .3s;border-radius:6px;background:#f1592a;font-family: 'Open Sans', sans-serif}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
a.btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#d8481c;text-decoration:none;color:#fff}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
a.btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}
.btn.btn-info{background:#186daf!important;color:#fff!important}

/* -----------------------------------------

#Forms

-----------------------------------------*/
form{margin-bottom:30px}
fieldset{margin-bottom:30px}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font:13px 'montserrat', sans-serif;font-weight:700;font-weight:400;color:#868990;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus{color:#63686c;border:1px solid #0F95E9}
label,
legend{display:block;font-weight:bold;font-size:13px}
input[type="checkbox"]{display:inline}
label span,
legend span{font-weight:normal;font-size:13px;color:#444}

/* -----------------------------------------

#Header + Nav + No More IE7

-----------------------------------------*/
body{overflow-x:hidden}
#loader-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:#186DAF;z-index:99999}
#loader-wrapper img{width:60px;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px;	animation:2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation;-webkit-animation:2s cubic-bezier(0.63, 0.045, 0.34, 1) 0s normal none infinite spinning_animation}
@keyframes spinning_animation {
	0% {
	    transform:scale(1) rotate(0deg);
	    -o-transformscale(1) rotate(0deg);
	}
	50% {
	    transform:scale(0.8) rotate(360deg);
	    -o-transformscale(0.8) rotate(360deg);
	}
	100% {
	    transform:scale(1) rotate(720deg);
	    -o-transform:scale(1) rotate(720deg);
	}
}

@-webkit-keyframes spinning_animation {
	0% {
	    -webkit-transform:scale(1) rotate(0deg);
	}
	50% {
	    -webkit-transform:scale(0.8) rotate(360deg);
	}
	100% {
	   -webkit-transform:scale(1) rotate(720deg);
	}

}

.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#slider{overflow:hidden;position:relative;background:#000;z-index:2}
.tparrows,.tp-bannertimer{display:none!important}
.alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px}
.alert a{color:#d8b308}
.alert h4{color:#ffc140;margin:0 0 10px;font-family:Roboto;font-weight:bold;text-transform:uppercase;font-size:18px}
.alert .btn{padding:8px 10px;margin:20px 0 0 0!important;color:#fff!important}
.alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px}
header{position:absolute;z-index:999;width:100%;left:0}
.header-top{height:148px;z-index:9999;position:absolute;top:0;left:0;width:100%;padding-top:35px;}
#menu-icon{display:none}

.top-nav{float:left;}
.top-nav .nav{padding:0;margin:20px 0 0 0;position:relative}
.nav>li{float:left;list-style:none;margin:0 3px 0 0;position:static}
.nav >li> a{text-transform:uppercase;color:#fff;font-weight:bold;letter-spacing:0;float:left;text-decoration:none;padding:0 10px 0;background:#186daf;border-radius:100px;line-height:28px;border:3px solid #186daf;font-size:13px}
.nav >li> a:hover{background:transparent;color:#fff;border:3px solid #fff}
.nav >li >ul{display:none;position:absolute;top:100%;left:-140px;right:-140px;padding:0;margin:0;background:#fff;border-radius:6px;padding-left:250px!important;padding:50px 0}
.top-nav ul li:hover ul{display:block;}
.top-nav li .toggle{display:none}
.top-nav li:hover>a{}
.top-nav ul ul i{display:none}
.nav .subheader{color:#222117;text-decoration:none;font-size:25px!important;left:50px;top:50px;position:absolute;width:15%}
.ie8 .nav ul{padding:20px 0}
.ie8 .nav ul a:hover{background:#536C44;color:#fff}
.nav ul{margin:0;padding:0}
@media only screen and (min-width:992px) {
	.nav >li >ul{min-width:960px}
}
.nav li.level1{float:left;height:100%;padding:0 30px 0!important;border-left:1px solid #e8e8e7;width:33%}
/*.nav>li>ul {
    -moz-column-count: 3;
    -moz-column-gap: 60px;
    -webkit-column-count: 3;
    -webkit-column-gap: 60px;
    column-count: 3;
    column-gap: 60px;
    padding:50px 0;float:none;
}*/
/*.nav>li>ul li{display:inline-block;width:100%}
.nav>li>ul li a{display:block;}
*/
.nav .level1>a{font-size:16px;color:#222117;text-decoration:none;font-weight:bold;margin-bottom:20px;display:inline-block}
.nav>li>ul li{margin:0;padding:0;list-style:none;padding:0;}
.nav li li a{color:#186daf;text-decoration:none;font-size:14px;margin-bottom:6px;display:block}

.social{float:right}
.social a{height:60px;width:40px;line-height:60px;color:#fff;text-align:center;font-size:18px;float:right}
.social .fb-icon{background:#3289da}
.social .tw-icon{background:#00acf0}
.search-toggle{display:none}
.header-bottom{clear:both;overflow:hidden;padding-top:93px}
.logo{text-decoration:none!important;float:left;margin-left:17px;width:300px;text-align:center}
.logo h1{margin:18px 0 0 0;font-size:24px;color:#fff;}
.logo img{float:left;}
.logo p{font-weight:900;font-size:13px;letter-spacing:1px;color:#71abd8}
#search-icon{display:none}
.search{float:right;position:relative;margin-top:20px}
.search form{margin:0}
.search-input{width:200px;border:0;box-shadow:none!important;font-size:12px;height:40px;border-radius:30px;padding-left:20px;font-style:italic;color:#7e7e7e}
.search button{position:absolute;top:0;right:0;background:transparent!important;color:#186DAF;font-size:12px;bottom:0;font-weight:900;letter-spacing:1px;padding-right:20px;padding-left:20px}
.cap-wrap{position:absolute;top:100px;bottom:0;left:0;right:0;text-align:center;z-index:99;display:none!important}
.cap{display:table;width:100%;height:100%}
.cap .inner{display:table-cell;vertical-align:middle}
.cap p{font-weight:900;font-size:24px;margin:-120px 0 0 0;text-transform:uppercase;letter-spacing:1px;color:#fff}
.cap h1{font-size:143px;font-size:10vw;font-weight:600;text-shadow:0 10px 5px rgba(0,0,0,.4);color:#fff;line-height:1;margin:20px 0 70px}
.cap .btn{font-size:16px;padding:20px 30px;box-shadow:0 10px 5px rgba(0,0,0,.4)!important}
#freeform .cap h1{font-size:100px;font-size:6vw}
#bottom,#main{position:relative;z-index:98;background:#E8F1FA}
.block{background:#15629D;text-align:center;padding:50px;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:6px;color:#fff}
.blocks{margin-top:-100px;margin-bottom:90px}
.blocks .block p{font-weight:900;letter-spacing:1px;font-size:12px;margin:0}
.blocks .block h3,.blocks .block h2{font-size:35px;line-height:1;margin:10px 0 30px;color:#fff}
.blocks .block .btn{background:none!important;color:#F4DB1A;letter-spacing:1px;font-size:14px;padding-bottom:0;line-height:1}
.sub-header{font-size:16px;color:#222117;letter-spacing:1px;font-weight:900;margin:0!important;text-transform:uppercase}
.history-section h2{font-size:65px;line-height:1}
.history-section p{margin-bottom:40px}
.history-imgs{position:relative;min-height:410px}
.img1{position:absolute;left:200px;top:0;z-index:2;box-shadow:0 23px 46px rgba(0,0,0,.4)}
.img2{position:absolute;right:0;top:-28px;z-index:2;box-shadow:0 23px 46px rgba(0,0,0,.4)}
.img3{position:absolute;top:230px;left:220px;z-index:2;box-shadow:0 23px 46px rgba(0,0,0,.4)}
.img4{position:absolute;right:0;top:275px;z-index:2;box-shadow:0 23px 46px rgba(0,0,0,.4)}
.img5{position:absolute;right:50px;top:95px;z-index:1;box-shadow:0 23px 46px rgba(0,0,0,.4)}
.cal-container{background:url(../../_assets_/images/cal-bg.jpg) bottom center no-repeat;padding: 100px 0;min-height:714px}
.cal-wrap{clear:both;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:6px;padding:50px 0;width:1310px;margin:0 auto;max-width:95%;min-height:394px;overflow:hidden}
.cal-inner h3{font-size:45px;line-height:1;margin:5px 0 40px}
.news-items{margin-bottom:40px;color:#fff}
.news-section{padding-top:100px;padding-bottom:80px;text-align:center}
.news-section h3{font-size:45px;margin:0 0 35px}
.news-section p{font-size:14px;margin:0}
.news-section .date{margin:0;font-size:12px;font-weight:900;text-transform:uppercase;color:#2f2933}
.news-section a{text-decoration:none}
.news-section h4{color:#186DAF;font-weight:bold;line-height:26px;margin:10px 0 18px}
.news-items .block *{color:#fff!important}
footer{padding:125px 0 50px;position:fixed;bottom:0;z-index:1;background:url(../../_assets_/images/footer.jpg) center center no-repeat;background-size:cover;left:0;right:0;text-align:center;color:#fff;font-size:12px;font-weight:bold;text-transform:uppercase}
footer p{margin:0}
#nav-clone .nav{margin:40px 0 20px;padding:0;float: none}
#nav-clone .nav li{display:inline-block;float:none}
#nav-clone .nav li a{display:inline-block;color:#fff;background:none!important;border:0!important;font-weight:bold;font-size:16px;text-decoration:none;text-transform:uppercase;letter-spacing:1px;float:none}
#nav-clone .nav li a:hover,#nav-clone .nav li a:focus{background:none}
#nav-clone .nav ul,#nav-clone .nav i{display:none}
.copyright{margin-bottom:75px}

/* -----------------------------------------

#Inner Page

-----------------------------------------*/
.aside{background:#fff;padding:40px;box-shadow:0 5px 10px rgba(0,0,0,.1);border-radius:6px;margin-right:-30px;margin-bottom:40px}
.aside h3{font-size:28px;color:#222117}
.flyout-wrap{}
.flyout{margin:0;padding:0}
.flyout li{margin:0;list-style:none;position:relative;font-size:16px;line-height:20px}
.flyout a{text-decoration:none;padding:14px 30px 14px 0;display:block;border-top:1px solid #dde2dd;font-weight:600}
.flyout i{height:40px;margin-top:-13px;line-height:45px;width:30px;text-align:right;position:absolute;right:0}
.flyout ul{display:none;margin:0;padding:0}
.flyout li li a{font-size:13px;padding:10px 10px 10px 10px}
#menu-icon-2{display:none;cursor:pointer}
.breadcrumbs{font-size:13px;text-transform:uppercase;font-weight:bold;color:#6B6B6B;margin:40px 0 70px}
.breadcrumbs p{margin:0}
.breadcrumbs a{color:#7F6906;text-decoration:none;font-size:12px}
.breadcrumbs i{font-size:13px;margin:0 8px;font-size:11px;top:-2px;position:relative}
.post-subheader{font-size:45px;font-weight:bold;color:#222117}
.post{padding-bottom:100px;min-height:500px}
#freeform .cap p{margin-top:30px}
#freeform .cap h1{line-height:.8}
#nav .float_button_anchor{position:static;width:auto}
#nav .float_button_above{position:absolute;z-index:99999;top:70px;z-index:999999;left:0!Important;width:auto}
.sliderbtn{z-index:9999999;top:300px;position:absolute;left:70px;right:70px;text-align:center}
.bannerbtn{top:150px;position:absolute;z-index:99999;left:70px}
.gsc-control-cse *{box-sizing:content-box}
#freeform .alert{display:none!important}

/* -----------------------------------------

#Media Queries

-----------------------------------------*/
@media only screen and (min-width:992px) {

		.top-nav{display:block!important}
		#footer .inner{display:block!important}
		.flyout{display:block!important}

}
@media only screen and (max-width:1499px) {


}
    @media only screen and (max-width:1199px) {


}

@media only screen and (max-width:991px) {

		#menu-icon{display:block;float:left;height:60px;width:40px;line-height:60px;text-align:center;cursor:pointer;margin-left:15px}
		.header-top{position:static}
		.header-bottom{padding-top:33px}
		#menu-icon{float:right}
		.top-nav{position:relative;display:none;margin:0!important;width:100%;}
		.top-nav li{margin:0;padding:0;float:none;}
		.top-nav li a,
		.top-nav li a:hover{width:100%!important;border:0;border-bottom:1px solid rgba(255,255,255,.2);line-height:1.3;padding:15px;border-radius:0;float:none;display:block;width:100%;background:#186daf!important;}
		.top-nav ul{left:0!Important;right:0!Important;position:static;padding:0!Important;display:block}
		.top-nav .level1{width:100%;float:none;}
		.subheader{display:none!important}
		.top-nav ul li:hover ul{display:none}
		.nav >li >ul{position:static;background:#000;border-radius:0;padding-left:0!important;padding:0}
		li.level1{float:none;height:auto!important;padding:0 0 0!important;border-left:0;width:100%}
		.nav .level1>a{font-size:14px;color:#fff;text-decoration:none;font-weight:bold;margin-bottom:0;display:block}
		.nav>li>ul li{margin:0;padding:0;list-style:none;padding:0;}
		.nav li li a{color:#fff;margin-bottom:0;}
		.top-nav li .toggle {display:block;float:right;position:absolute;right:0;top:0;bottom:0;width:40px;line-height:55px;text-align:right;padding-right:10px}
		.aside{margin:0 0 30px}
		#menu-icon-2{display:block;margin-bottom:20px}
		#menu-icon-2 i{margin-right:10px;top:-1px;position:relative}
		.flyout{display:none}
		.search-section{margin-top:30px}

}

	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {

	.top-nav{margin-left:-15px;margin-right:-15px}
	.alert{width:auto;right:15px;left:15px}
	.alert{font-size:12px}
	.alert h4{margin-bottom:10px}
	.alert .btn{font-size:10px}
	.search{background:#fff;width:100%;margin-top:-20px}
	.logo{width:100%;margin:0}
	.cap p{font-size:14px}
	.cap .btn{padding:10px;font-size:13px}
	.block{margin-bottom:15px;margin-left:-15px;margin-right:-15px}
	.blocks{margin:20px 0 0 0}
	.news-section .block{margin-left:0;margin-right:0}
	.history-section .btn{margin-bottom:100px}
	.img1{left:30%}
	.img2{right:0}
	.img3{left:30%}
	.img5{left:15px}
	.cal-wrap{padding-left:15px;padding-right:15px}
	.cal-wrap iframe{width:100%!Important;height:700px!Important}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width:480px) and (max-width:767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width:479px) {
}

/* BEGIN: GMaps styles */
#map_controls {
    border: 1px solid black;
    border-bottom: 0;
    background-color: #E0E0E0;
    margin-bottom: -1px;
    float: left;
    position: relative;
    z-index: 1;
}
#map_controls .button, #map_canvas .iwEditor .button {
    float: left;
    cursor: pointer;
    border: 1px outset #808080;
    padding: 0 5px;
    margin: 5px;
    background: white;
    color: #202020;
    font-family: Arial, sans-serif;
    font-size: 10px;
}
#map_canvas {
    clear: both;
    border: 1px solid black;
}
#map_canvas .button {
    cursor: pointer;
}
#map_canvas .iwContent {
    font-family: Arial, sans-serif;
    font-size: 13px;
}
#map_canvas .iwEditor textarea {
    display: block;
    width: 90%;
    height: 300px;
}
#map_canvas h1 {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

form.loginform {background:#fff;padding:30px;border:1px solid #D2DFEF}
form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1}
form.loginform label{font-weight:normal}
form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000}
/* END: GMaps styles */