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

	Theme Name:Lee County,AL
	Author Design:Nasryn Abou Arabi
    Author HTML,CSS,and JavaScript:Richard Opiniano
	Author URI:http://www.revize.com/
	Date:2/27/2017

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

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

#basic styles

-----------------------------------------*/ 
body{background:#fff;font-size:16px;line-height:1.5;font-family:'Raleway',sans-serif;color:#0c1d2b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}

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

#typography

-----------------------------------------*/ 
h1,h2,h3,h4,h5,h6{color:#111;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:32px}
h3{font-size:28px}
h4{font-size:21px}
h5{font-size:16px}
h6{font-size:14px}
.header{font-size:28px;color:#111;margin-bottom:30px}
.dataTables_wrapper .header{display:table-cell}
.subheader{font-size:18px;line-height:24px;letter-spacing:.1em;color:#0c1d2b;font-weight:bold;text-transform:uppercase}
p{margin:0 0 30px 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:#0f99ee;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:#0f99ee}
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 0 20px 20px;
}
img[align="left"],
img[style*="float:left"],
img[style*="float:left"]{
  margin:0 20px 20px 0;
}

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

#buttons

-----------------------------------------*/ 
.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.btn{padding:7.5px 15px;background:#8db8dc;color:#fff!important;border:0;border-radius:3px;display:inline-block;font-size:10px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Raleway',sans-serif;text-transform:uppercase;transition:background .3s;letter-spacing:.05em}
.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}
.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}
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:'Raleway',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}
.gsc-control-cse *{box-sizing:content-box}
iframe{border:0}

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

#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 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:'Raleway',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

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

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

#main

-----------------------------------------*/ 
body{overflow-x:hidden}
.container{width:1200px;max-width:100%}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nav-toggle,.toggle,.toggle2,.down-arrow{display:none}

header{border-top:9px solid #3a709e;background:#efece4;position:relative;z-index:100}
#logo-wrap{float:left;width:18.7%}
nav{float:left;width:76.6%}
#nav{padding:0;margin:0;text-align:center;font-size:0px;line-height:1}
#nav li{list-style:none;display:inline-block;position:relative;margin:0;text-align:left}
#nav a{font-size:14px;font-weight:bold;letter-spacing:.025em;color:#0c1d2b;text-transform:uppercase;text-decoration:none;display:block;padding:30px 27px;transition:all .2s}
#nav a span{font-family:'Playfair Display',serif;color:#ad3131;font-weight:bold;letter-spacing:0;text-transform:none;display:block;margin-bottom:1px}
#search-toggle-wrap{float:right;width:4.7%}
#nav ul{position:absolute;left:0;top:100%;background:#3a709e;padding:0;margin:0;display:none}
#nav ul li{width:220px}
#nav ul a{text-transform:none;padding:15px 25px;line-height:1;color:#fff;border-bottom:1px solid rgba(0,0,0,.2)}
#nav ul a:hover{background:#EFECE4;color:#3a709e;border-color:#fff}
#nav ul ul{left:100%;top:0}
#nav li:hover>ul{display:block}
#search-toggle-wrap{text-align:right;position:relative}
#search-toggle-wrap:after{content:'';position:absolute;left:0;top:30px;bottom:30px;width:1px;background:#b9bec3}
#search-toggle-wrap label{margin:0;display:inline-block;cursor:pointer}
#search-toggle-wrap label img{max-width:16px;width:100%}
#search{position:absolute;left:0;right:0;top:15px;display:none}
.search-form{position:relative;margin:0;z-index:80}
.search-form input{height:40px;padding-left:15px;padding-right:15px;border:none}
.search-form input:focus{border:none}
.search-form button{position:absolute;right:0;top:0;padding:0;line-height:40px;width:50px;text-align:center;background:none;color:#000 !important;font-weight:700 !important}
#slinks-wrap{margin-top:-115px;position:relative;z-index:80}
#slinks{padding:0 47px}
#slinks .item{display:block;text-decoration:none !important;min-height:180px;text-align:center;box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,1),0px 3px 3.92px 0.08px rgba(0,0,0,0.35);border-radius:3px;margin:15px 0}
#slinks .item>div{display:inline-block}
#slinks .item img{max-width:77px;width:100%;margin:0 auto;margin-bottom:6px}
#slinks .item span{display:block;font-weight:bold;text-transform:uppercase;font-size:12px;letter-spacing:.05em;color:#fff}
#slinks .owl-stage-outer{position:relative;z-index:50}
#slinks .owl-nav>div{position:relative}
#slinks .owl-nav:after{content:'';display:block;clear:both}
#slinks .owl-prev{float:left;box-shadow:0px 3px 3.92px 0.08px rgba(0,0,0,0.35)}
#slinks .owl-next{float:right;box-shadow:0px 3px 3.92px 0.08px rgba(0,0,0,0.35)}
#slinks .owl-nav img{max-width:50px}
#slinks .owl-controls{position:absolute;left:0;right:0;top:50%;margin-top:-37px}
main{padding:15px 0 60px 0}
main .container,#slinks-wrap .container{width:1066px}
#qlinks-wrap{float:left;width:28.9%;padding-right:10px}
#qlinks-wrap>div{background:#3a709e;box-shadow:0px 3px 8.82px 0.18px rgba(0,0,0,0.4);padding:60px 47px 42px 47px;border-radius:3px}
#qlinks-header{font-size:0px;margin-bottom:27px}
#qlinks-header h2{margin:0 0 18px;color:#fff;font-family:'Playfair Display',serif;font-size:22px;line-height:1}
#qlinks-header img,#news-header img,#events-header img{max-width:49px}
#qlinks ul{padding:0 0 0 13px;margin:0}
#qlinks li{margin:0}
#qlinks a{display:block;font-size:14px;font-weight:500;color:#fff;line-height:22px;text-decoration:none;padding:4.5px 0 4.5px 8px}
#news-wrap{width:42.2%;float:left;box-shadow:0px 3px 8.82px 0.18px rgba(0,0,0,0.4);padding:59px 60px 50px 60px;border-radius:4px}
#news-header,#events-header{padding-bottom:4px}
#news-header h2,#events-header h2{margin:0 0 18px;color:#0c1d2b;font-family:'Playfair Display',serif;font-size:22px;line-height:1}
#news>div:last-of-type{border:none;padding-bottom:0}
.news{border-bottom:1px solid #eff0f1;padding:16px 0 20px 0}
.news-date{margin-bottom:1px}
.news-date span{font-family:'Playfair Display',serif;font-weight:bold;color:#ad3131}
.news-title h3{margin:0;font-weight:600;color:#0c1d2b;font-size:15px;line-height:1.6}
.news-desc{margin-bottom:11px}
.news-desc p{margin:0;font-size:12px;font-weight:500;color:#0c1d2b;line-height:1.5}
#all-news{padding-top:32px}
.read-news a{display:inline-block;text-decoration:none;text-transform:uppercase;font-weight:bold;font-size:11px;line-height:1;color:#3a709e}
#events-wrap{float:right;width:28.9%;padding-left:10px}
#events-wrap>div{background:#fff;box-shadow:0px 3px 8.82px 0.18px rgba(0,0,0,0.4);padding:59px 39px 50px 39px;border-radius:3px}
footer{background:#0c1d2b}
#footer-text{padding:35px 0}
#footer-text p{margin:0;font-size:12px;color:#fff;line-height:22px}
#footer-text p span{position:relative}
#footer-text p span:after{content:'•';margin:0 10px;color:#ad3131}
#footer-text p span:nth-last-child(-n+2):after{display:none}
#footer-text p span a.fa{font-size:11px;color:#3a709e;display:inline-block;text-decoration:none;margin-right:15px}
#footer-text p span:last-of-type:before{content:'';position:absolute;left:20px;top:-2.5px;width:1px;background:#2e3d49;height:25px}
#footer-text p span:last-of-type{padding-left:41px}
#revize-login-wrap{text-align:right}
#revize-login{display:inline-block;font-size:0px;line-height:1}
#revize-login .powered-by-revize{font-size:12px;color:#fff;line-height:1}
#revize-login #powered-by-revize-link{font-weight:bold;color:#fff;font-size:12px;line-height:1;text-decoration:none}
#revize-login #revize-login-link{font-size:12px;text-decoration:none;color:#ad3131;letter-spacing:.05em;position:relative;padding-left:33px}
#revize-login #revize-login-link:before{content:'';position:absolute;left:14px;top:-2.5px;width:1px;background:#2e3d49;height:25px}
/* -----------------------------------------

#inner

-----------------------------------------*/ 
#freeform-content-wrap{padding:79px 0 82px 0;position:relative}
#freeform-content{background:#fff;box-shadow: 0px 3px 8.82px 0.18px rgba(0, 0, 0, 0.4);border-radius:3px;padding:0 30px}
#flyout-toggle{display:none}
.aside{float:left;width:21.6%;position:relative;background:#3a709e;padding:2px 0;box-shadow: 0px 3px 8.82px 0.18px rgba(0, 0, 0, 0.4)}
.aside:before{content:'';position:absolute;left:0;right:0;bottom:100%;height:21px;border-radius:3px 3px 0 0;background:#3a709e}
.aside:after{content:'';position:absolute;left:0;right:0;top:100%;height:21px;border-radius:0 0 3px 3px;background:#3a709e}
.toggle-children{display:none}
#flyout-header{padding:0 39px 3px 39px}
#flyout-header h2{margin:0;font-size:24px;font-weight:600;line-height:29px;color:#fff}
#flyout{margin:0;padding:0}
#flyout li{margin:0;display:block;position:relative;padding:0 39px;transition:all .2s}
#flyout>li:hover{background:#8db8dc}
#flyout>li:hover>a{color:#0c1d2b;border-color:#8db8dc}
#flyout a{text-decoration:none;padding:19px 0;display:block;border-bottom:1px solid #366894;font-weight:bold;font-size:16px;color:#fff;transition:all .2s}
#flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#3A709E}
#flyout ul li{padding:0}
#flyout ul a{font-size:13px;padding:10px 15px;width:180px}
#flyout ul a:hover{background:#EFECE4;color:#3A709E}
#flyout li:hover>ul{display:block}
#flyout li:last-child>a{border:none}
.entry{overflow:hidden;padding:39px 0 83px 46px}
.fullwidth .entry{padding-left:0}
.page-title{padding-bottom:34px}
.page-title h1{margin:0;font-family:'Playfair Display',serif;color:#0c1d2b;font-size:40px;line-height:1}

.breadcrumbs{text-transform:capitalize;padding-bottom:33px}
.breadcrumbs p{margin:0;font-weight:bold;font-size:14px;line-height:18px;color:#ad3131}
.breadcrumbs a{text-decoration:none;color:#0c1d2b}
.breadcrumbs i{margin:0 21px 0 10px;color:#0c1d2b}

/* Dynamic content if using equal heights on innner pages */
/* test to see if you need this by adjusting post height in inspector */
.post:after{content:'';display:block;clear:both}
.faqs-main,#RZdocument_center,#photo-galley{width:100%;float:left}

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

#share widget

-----------------------------------------*/
.modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px}
.modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left}
.modal-header h4{font-size:30px}
.modal-header button{margin-top:2px!important;position:relative;font-size:25px}
.modal-body{padding:40px 60px}
.copylink{margin-bottom:40px}
.copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px}
.modal-header button,.modal-header button:hover{color:#000!important;background:none}
.share-btns{margin:0 0 20px}
.share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;vertical-align:top;overflow:hidden;text-decoration:none;margin-bottom:20px}
.share-btns i{display:block;line-height:170px!important;font-size:60px}
.btn-facebook{color:#3b5998!important}
.btn-twitter{color:#00ACED!important}
.btn-google{color:#D34836!important}
.btn-reddit{color:#ff5700!important}
.btn-facebook:hover{border-color:#3b5998}
.btn-twitter:hover{border-color:#00ACED}
.btn-google:hover{border-color:#D34836}
.btn-reddit:hover{border-color:#ff5700}
.btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px}
.floating-share-btn{position:fixed;z-index:99999;top:40%;right:0;height:50px;width:50px;border-radius:0;border:0;background:#3A709E!important;color:#fff!important;line-height:50px;padding:0;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center}

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

#bxslider

-----------------------------------------*/
#slider{height:554px;position:relative}
.bxslider,.bx-viewport,.bxslider li,.bx-wrapper{height:100%!important}
.bxslider>li{width:100%}
.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}

.bxslider{list-style:none}
.bxslider>li:nth-child(n+1){display:none}

/* 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){
	#nav a{padding-left:16px;padding-right:16px}
}

@media only screen and (min-width:992px) {
	#flyout,#nav{display:block!important}
}

@media only screen and (max-width:991px) {
	/* rz citizens request center */
	#formwizziwmorf tr,#formwizziwmorf tr td{display:block!important}
	#formwizziwmorf tr table tr{display:table-row!important}
	#formwizziwmorf tr table td{display:table-cell!important}
	.toggle,.toggle2,#nav-toggle{display:inline-block;cursor:pointer}
	.down-arrow{display:none} /* if not hidden above */
	#logo-wrap{width:25%}
	#toggles-wrap{text-align:right;width:75%;float:right}
	#toggles-wrap>div{height:100%;text-align:center;display:inline-block;position:relative;right:-15px;border-left:1px solid rgba(0,0,0,.2)}
	#toggles-wrap #nav-toggle,#toggles-wrap #search-toggle{display:inline-block;font-size:20px;color:#004789;cursor:pointer;margin-bottom:0;transition:all .2s}
	nav{width:100%}
	#nav{display:none;margin:0 -15px;border-top:1px solid rgba(0,0,0,.2);background:#3A709E}
	#nav li{float:none;display:block}
	#nav li a{padding:10px 15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px;color:#fff}
	#nav a span{color:#EFECE4;margin-bottom:3px}
	#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%;padding:15px;border-color:rgba(0,0,0,.2) !important}
	#nav ul li{width:100%}
	#nav ul ul{left:0}
	#nav .toggle,
	#nav .toggle2,#flyout .toggle-children{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:52px;width:52px;line-height:52px;text-align:center;display:inline-block}
	#nav .toggle2{height:44px !important;width:44px !important}
	#slider{height:500px}
	#flyout .toggle-children{height:44px;width:44px;line-height:44px}
	#nav li li:hover>a{background:none;color:#fff}
	#qlinks-wrap{width:40%}
	#news-wrap{width:60%}
	#events-wrap{width:100%;padding:10px 0 0}
	#freeform-content{padding:30px}
	.aside:after,.aside:before{display:none}
	.aside{float:none;width:100%;margin-bottom:50px;padding:0}
	#flyout-toggle{display:block;padding:15px;color:#fff;cursor:pointer}
	#flyout-header{display:none}
	#flyout{display:none}
	#flyout li{padding:0;background:none !important}
	#flyout li a{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px;border-color:rgba(0,0,0,.2) !important;color:#fff !important}
	#flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.2)}
	#flyout ul a{width:100%;color:#fff !important;background:none !important}
	#flyout li:hover>ul{display:none}
	.entry{padding:0}
	.page-title{padding-bottom:15px}
	.page-title h1{font-size:30px;line-height:1}
	.breadcrumbs p{font-size:14px}
	.floating-share-btn{top:auto;bottom:0}
	footer{padding:50px 0}
	#footer-text{padding:0 0 15px}
	#revize-login-wrap{text-align:left}
	#footer-text p span:last-of-type{padding:0 0 0 15px}
	#footer-text p span:last-of-type:before{display:none}
}

	/* 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}
	.share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden}
	.share-btns i{display:block;line-height:50px!important;font-size:20px}
	#logo-wrap{width:30%}
	#toggles-wrap{width:70%}
	#qlinks-wrap{width:100%;padding:0 0 10px}
	#qlinks-wrap>div{padding:50px 30px}
	#news-wrap{width:100%;padding:50px 30px}
	#events-wrap{width:100%}
	#events-wrap>div{padding:50px 30px}
	.page-title h1{font-size:25px}
	.breadcrumbs p{font-size:12px}
	#slider{height:400px}
}

/* 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) {
	#logo-wrap{width:35%}
	#toggles-wrap{width:65%}
}

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