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

	Theme Name: Monroe County, Ohio
	Author Design: Tom Gooden @good3n
	Author URI: http://www.revize.com/
	Date: MAY 9, 2015

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

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

#basic styles

-----------------------------------------*/ 
body{background:#fff;font-size:16px;line-height:1.6;font-family:"Proxima Nova",sans-serif;color:#566779;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}

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

#typography

-----------------------------------------*/ 
h1,h2,h3,h4,h5,h6{color:#001f40;font-weight:normal;margin-bottom:30px;line-height:1.2;font-family:"Average",serif}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:21px}
h5{font-size:16px}
h6{font-size:14px}
.header{font-size:28px;color:#001f40;margin-bottom:30px}
.subheader{font-size:21px;color:#001f40;margin-bottom:30px}
p{margin:0 0 20px 0}
em{font-style:italic}
strong,b{font-weight:bold}
small{font-size:80%}
hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0}

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

#links

-----------------------------------------*/ 
a,a:visited{color:#ed705c;text-decoration:underline;outline:0!important;
-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;
-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}
a:hover,a:focus{color:#ed705c}
p a,p a:visited{line-height:inherit}

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

#lists

-----------------------------------------*/ 
ul,ol{margin-bottom:20px;margin-left:10px}
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}

.alignleft{float:left;clear:left;margin:0 20px 20px}
.alignright{float:right;margin:0 0 20px 20px}
.alignnone{margin:0 auto 20px;display:block}
img[align="right"],
img[style*="float:right"],
img[style*="float:right"]{
  margin:0 20px 15px 0px;
}
img[align="left"],
img[style*="float:left"],
img[style*="float:left"]{
  margin:0 20px 10px 0;
}

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

#buttons

-----------------------------------------*/ 
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.btn{padding:8px 28px;background:#ed705c;color:#fff!important;border:0;border-radius:4px;display:inline-block;font-size:14px;font-weight:900!important;text-decoration:none;cursor:pointer;line-height:1;vertical-align:top;font-family:"Proxima Nova",sans-serif;text-transform:uppercase;transition:background .3s}
.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#d96856}
.button:active,
a.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#d96856z}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0}

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

#forms

-----------------------------------------*/ 
form{margin-bottom:30px}
fieldset{margin-bottom:30px}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
textarea,
select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:"Proxima Nova",sans-serif;color:#777;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,
input[type="search"]: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}
.form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none}
::-webkit-input-placeholder{color:#777}
:-moz-placeholder{color:#777}
::-moz-placeholder{color:#777}
:-ms-input-placeholder{color:#777}

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

#rz intranet

-----------------------------------------*/ 
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}

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

#rz notify

-----------------------------------------*/ 
.e-notify{font-weight:bold;font-size:12px;background:#E7DF7F;position:fixed;padding:3px 13px 2px;bottom:10px;left:10px;color:#111;border-radius:50px;text-transform:uppercase;z-index:999;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.175)}
.e-notify img{display:none}
.e-notify i{margin-right:4px!important}
.e-notify a{position:absolute;top:0;bottom:0;left:0;right:0}

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

#rz alert

-----------------------------------------*/ 
.floating-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}
.floating-alert h4{color:#ffc140;margin:0 0 10px;font-family:"Proxima Nova",sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px}
.floating-alert .btn{padding:8px 10px;margin:20px 0 0 0!important}
.floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px}

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

#rz edit

-----------------------------------------*/
.float_button_above{position:absolute;bottom:0;left:0}
.sliderbtn{position:absolute;z-index:99!important;top:110px;left:0;margin:0!important;}
.news-item .editBtns{position:absolute;top:0;left:0}
.newimgBtn{position:absolute;top:110px;left:0;z-index:99}

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

#main

-----------------------------------------*/ 
body{overflow-x:hidden}
.wrapper{overflow-x:hidden;background:url(../images/bridge.jpg) bottom right no-repeat;padding-bottom:250px}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav-toggle,
.down-arrow,
.toggle-children,
.toggle,
.toggle2{display:none}
header{background:#fff;z-index:999;box-shadow:0 0 10px rgba(0,0,0,.1)}
.logo{margin:30px 0}
.logo img{margin:0;width:170px;max-width:170px}
#nav{margin:0;padding:20px 0 20px 30px;position:relative;z-index:999}
#nav li{position:relative;display:inline-block;margin:0}
#nav li a{display:block;text-decoration:none;color:#060f4f;font-size:15px;text-transform:uppercase;font-weight:600;padding:25px;letter-spacing:0.05em}
#nav ul{display:none;margin:0;padding:0;top:100%;left:0;position:absolute;background:#f3f6fa;box-shadow:1px 1px 5px rgba(0,0,0,.1)}
#nav ul li{display:block}
#nav ul a{width:180px;font-size:13px;padding:10px 20px;letter-spacing:0;border-bottom:1px solid rgba(0,0,0,.1);text-transform:none}
#nav ul ul{top:0;left:100%}
#nav li:hover > ul{display:block}
#nav li li:hover > a{background:#060f4f;color:#fff}
.search{text-align:right;margin-top:38px}
.search form{position:relative;background:#ebeff3;border-radius:30px;height:30px;line-height:30px;margin:0;width:200px;text-align:left}
.search input{border:none;background:none;color:#a7b6cb;font-family:"Average",serif;font-size:12px;padding:0 15px;line-height:30px;height:30px;width:90%;outline:0!important;border:none!important}
.search button{padding:0;border-radius:0;background:none;position:absolute;top:0;right:0;height:30px;width:40px;line-height:30px;text-align:center}
.search i{color:#ed705c}
#hero{height:700px;position:relative;clear:both}
#hero:after{content:"";position:absolute;top:0;bottom:0;left:0;background:url(../images/slider-gradient.png) left center repeat-y;width:912px;z-index:97}
#hero .container{position:absolute;top:0;bottom:0;height:100%;right:0;left:0;z-index:98}
.welcome{color:#c2c5e1;font-size:18px}
.welcome h2{color:#fff;font-size:50px;margin-top:0}
.welcome p{margin:0}
.welcome a.button{margin-top:50px}
.qlinks{text-align:center;margin:-60px 0 50px}
a.qlink{background:#fff8f1;color:#001f40;font-family:"Average",serif;font-size:25px;text-decoration:none;display:inline-block;position:relative;z-index:98;text-align:center;width:262px;border-radius:4px;margin:0 12px;line-height:1.2;padding:20px 40px 40px;box-shadow:0 0 15px rgba(0,0,0,.1)}
a.qlink .qlink-img{height:90px;width:90px;position:relative;line-height:90px;background:#22aba4;border-radius:90px;margin:-65px auto 20px;transition:background .3s ease}
a.qlink:hover .qlink-img{background:#ed705c}
a.qlink img{width:32px;height:32px;margin:0 auto}
a.qlink span{display:block;font-family:"Proxima Nova",sans-serif;color:#ed705c;font-size:14px;font-weight:900;text-transform:uppercase;margin-top:15px}
a.qlink:nth-of-type(1){background:#fff8f1 url(../images/qlinkbg1.png) center no-repeat;background-size:cover}
a.qlink:nth-of-type(2){background:#fff8f1 url(../images/qlinkbg2.png) center no-repeat;background-size:cover}
a.qlink:nth-of-type(3){background:#fff8f1 url(../images/qlinkbg3.png) center no-repeat;background-size:cover}
.news-wrap{overflow:hidden}
.news h4{font-size:40px;float:left}
.news a.button{float:right;margin-top:20px}
.news-item{display:block;position:relative;float:left;background:#fffbfb;box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:4px;margin-right:30px;width:230px}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {.news-item{margin-right:29px}}
.news-item:last-of-type{margin:0}
.news-img{height:180px;border-radius:4px 4px 0 0}
.news-date{display:block;padding:30px 30px 0;color:#7389a0;font-size:14px;font-family:"Average",serif;margin-bottom:5px}
.news-title{display:block;padding:0 30px 30px;font-size:21px;font-weight:600;line-height:1.2}
.news-title a{text-decoration:none}
.news-title a:hover{text-decoration:underline}
.events h4{font-size:40px}
.events .inner{padding-left:70px}
#main .row{padding-bottom:80px}
#footer{color:#7389a0}
.foo-left{line-height:1.8;font-size:14px}
.foo-left a{text-decoration:none}
.foo-left a:hover{text-decoration:underline}
.foo-logo img{width:170px;margin:0 0 30px}
#search-toggle{display:none}
/* -----------------------------------------

#inner

-----------------------------------------*/ 
#freeform #hero{height:330px}
#freeform #hero:before{content:"";background:rgba(0,31,64,.2);position:absolute;top:0;right:0;bottom:0;left:0}
#freeform #hero:after{opacity:0.7}
.section-title{font-size:14px;color:#ed705c;font-weight:900;text-transform:uppercase;display:block;margin-bottom:10px}
.page-title{color:#fff;font-size:50px;margin:0;line-height:1}
.sidebar .inner{margin:0 -40px 0 -5000px;padding:35px 50px 50px 5000px;box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:0 0 10px 0;background:rgb(255,249,247);/* Old browsers */background:-moz-linear-gradient(top, rgba(255,249,247,1) 0%, rgba(255,255,255,1) 100%);/* FF3.6-15 */background:-webkit-linear-gradient(top, rgba(255,249,247,1) 0%,rgba(255,255,255,1) 100%);/* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom, rgba(255,249,247,1) 0%,rgba(255,255,255,1) 100%)}
#flyout{margin:0;padding:0;position:relative;z-index:998}
#flyout li{margin:0;display:block;position:relative}
#flyout a{text-decoration:none;padding:15px 0;display:block;border-bottom:1px solid rgba(0,0,0,.1);font-weight:600;font-size:21px}
#flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#f3f6fa}
#flyout ul a{font-size:13px;padding:10px 20px;width:180px;color:#060f4f}
#flyout li:hover > ul{display:block}
#flyout li:last-child a{border:none}
#flyout li li:hover > a{background:#060f4f;color:#fff}
#flyout-toggle{display:none}
.extrabox{margin-top:50px}
.box-title{font-size:30px;margin:0 0 20px}
.entry-inner{padding:50px 0 130px 60px}
.fullwidth .entry-inner{padding-left:0}
.breadcrumbs{font-size:14px;text-transform:capitalize;color:#7389a0;margin-bottom:30px}
.breadcrumbs p{margin:0}
.breadcrumbs a{text-decoration:none;color:#7389a0}
.breadcrumbs i{font-size:8px;margin:0 4px;color:#ed705c}

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

#bxslider

-----------------------------------------*/
.bxslider,
.bx-viewport,
.bxslider li,
.bx-wrapper{height:100%!important}

.bx-wrapper{position:relative;margin:0;padding:0;*zoom:1;overflow:hidden}
.bx-wrapper *{margin:0;padding:0}
.bx-wrapper img{max-width:100%;display:block}

/* pager */
.bx-wrapper .bx-pager{text-align:center}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}

/* direction controls */
.bx-wrapper .bx-controls-direction a{width:32px;height:32px;margin:-20px 0 0;display:block;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-prev{left:-40px}
.bx-wrapper .bx-next{right:-40px;background-position:100% 0!important}
.bx-wrapper:hover .bx-next{opacity:0.6;right:20px}
.bx-wrapper:hover .bx-prev{opacity:0.6;left:20px}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1}

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

#media queries

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

	.search form{width:100%}
	.welcome h2{font-size:40px}
	#nav>li>a{padding:20px 15px}
	.news-item{width:185px}
	.news-title{font-size:16px}
	.wrapper{background-position:50% 110%}

}

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

	#flyout,#nav{display:block!important}
}

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

	html,body,.wrapper{overflow-y:scroll;-webkit-overflow-scrolling:touch}
	#formwizziwmorf tr,#formwizziwmorf tr td{display:block!important}
	#formwizziwmorf tr table tr{display:table-row!important}
	#formwizziwmorf tr table td{display:table-cell!important}
	header{position:absolute!important;top:0;right:0;left:0}
	.toggle,
	.toggle2,
	#nav-toggle{display:inline-block;cursor:pointer}
	#nav-toggle{position:absolute;top:-65px;right:10px;z-index:999}
	#search-toggle{position:absolute;top:-62px;right:30px;z-index:999;cursor:pointer;display:block}
	#nav{display:none;padding:0;background:#04224D;position:absolute;top:0;right:0;left:0}
	#nav li{float:none;display:block}
	#nav li a{padding:20px 30px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px;color:#fff}
	#nav ul{position:static;top:0;padding:0;background:rgba(0,0,0,.2)}
	#nav li:hover > ul{display:none}
	#nav ul a{width:100%}
	#nav ul ul{left:0}
	#nav .toggle,
	#nav .toggle2{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:55px;width:55px;line-height:55px;text-align:center}
	#nav li li:hover > a{background:none;color:#fff}
	#flyout-toggle{display:block;font-family:"Average",serif;color:#001E3F;font-size:20px}
	#flyout{display:none}
	#flyout li{}
	#flyout li a{padding:20px 0;line-height:1;border-bottom:1px solid rgba(0,0,0,.1);background:none;font-size:14px}
	#flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.05)}
	#flyout ul a{width:100%;padding:10px 15px;color:#ed705c}
	#flyout li:hover > ul{display:none}
	.toggle-children{display:inline-block;float:right}
	.search{margin:0;display:none;padding-bottom:15px}
	#hero{height:400px}
	.welcome{font-size:16px}
	.welcome h2{font-size:35px}
	.welcome a.button{margin-top:30px}
	.qlinks{margin:-20px 0 30px}
	a.qlink{font-size:18px;width:210px;padding:20px 40px 40px}
	.news-item{width:220px}
	.news-img{height:150px}
	.news-title{font-size:16px}
	.events .inner{padding-left:0;margin-top:30px}
	.page-title{font-size:35px}
	.sidebar .inner{margin:20px 0 0;padding:30px;border-radius:10px}
	.extrabox{margin-top:50px}
	.box-title{font-size:25px}
	.entry-inner{padding:50px 0 0}
	.fullwidth .entry-inner{padding-left:0}

}

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

	.floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px}
	.floating-alert{font-size:12px}
	.floating-alert h4{margin-bottom:10px;font-size:14px}
	.floating-alert .btn{font-size:10px;padding:7px 12px!important}
	.welcome p{font-size:14px}
	.qlinks{margin-top:50px}
	a.qlink{display:block;margin:0 auto 50px;width:100%}
	.news h4{display:block;float:none}
	.news a.button{float:none;margin:0 0 20px}
	.news-item{width:400px;float:none;margin:0 auto 20px!important}
	.wrapper{background-size:100%;background-position:bottom right}

}

/* 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) {

	.news-item{width:300px;

}

@media print {

	.nav-wrap,
	.sidebar,
	#flyout-wrap,
	.breadcrumbs,
	.e-notify{display:none!important}
	a[href]:after{content:none!important}

}

.sliderbtn{position:absolute;z-index:9999;margin-top:30px;}