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

	Theme Name:Robbinsville Twp, NJ
	Author Design:Design by Ben Fryc | HTML,CSS,JS by Samir Alley @samiralley
	Author URI:http://www.revize.com/
	Date:March 24, 2016

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

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic);

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

#basic styles

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

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

#typography

-----------------------------------------*/
h1,h2,h3,h4,h5,h6{color:#0c314d;font-weight:normal;margin-bottom:30px;line-height:1.2;font-family:'Playfair Display', 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:#133563;margin-bottom:30px;font-family:'Open Sans', sans-serif}
.subheader{font-size:21px;color:#133563;margin-bottom:30px;font-family:'Open Sans', sans-serif}
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:#c53b3c;text-decoration:underline;outline:0!important}
a:hover,a:focus{color:#c53b3c}
p a,p a:visited{line-height:inherit}

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

#lists

-----------------------------------------*/
ul,ol{margin-bottom:20px;margin-left:0}
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:10px 20px;background:#c53b3c;color:#fff!important;border:0;border-radius:6px;display:inline-block;font-size:14px;font-weight:bold!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Open Sans', 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:#c53b3c}
.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:#c53b3c}
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 #f2f2f2;padding:10px 14px;outline:none;font-size:14px;color:#777;margin:0;display:inline-block;background:#f2f2f2;border-radius:6px;box-shadow:none;min-height:40px}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus{color:#0c314d;border:1px solid #f2f2f2}
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}
.form-control::-webkit-input-placeholder{color:#9ca4ac}
.form-control:-moz-placeholder{color:#9ca4ac}
.form-control::-moz-placeholder{color:#9ca4ac}
.form-control:-ms-input-placeholder{color:#9ca4ac}

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

#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: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

-----------------------------------------*/
.sliderbtn{position:relative;z-index:200}
.quicklinkbtn img{width:auto!important}
.float_button_above{z-index:200;position:relative;width:auto;text-align:left;display:inline}

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

#Document Center

-----------------------------------------*/
#RZdocument_center a.accordion-toggle{font-size:24px}
#RZdocument_center .subcategory h3 a:link{font-size:18px}

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

#loader

-----------------------------------------*/
#loader-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background:#233447;z-index:99999;display:none!important}
#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)}
}

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

#main

-----------------------------------------*/
#skip{
	position: absolute;
	top:200px;
	left:-100%;
	padding:15px;
	color:#c53b3c;
	background:#fff;
	text-decoration: none;
	transition: all .2s ease;
	z-index: 200;
}
#skip:focus{
	left:150px;
}
*:focus{outline:1px solid !important}
body{overflow-x:hidden}
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#search-toggle,#nav-toggle,.toggle,.toggle2{display:none;cursor:pointer}
#search-toggle{float:right}
.top-search{display:none}
header{border-top:5px solid #c53b3c;padding-top:25px;height:135px;overflow:hidden}
.logo{width:225px;display:block;max-width:100%;position:relative;top:-10px;left:0;padding-bottom:20px}
.logo h1{margin:0}
.tagline{margin-top:5px;width:454px;float:left;max-width:100%}
.search{width:277px;float:right;position:relative}
.search form{margin:0}
.search label{position:absolute;left:16px;top:12px}
.search .search-input{padding-left:40px;font-size:12px;color: #000;}
.search button{position:absolute;right:0;top:0;border-radius:0 6px 6px 0;background:#f2f2f2;color:#c53b3c!important;font-size:16px;height:40px;padding:0 16px}
.qbtns{margin-top:-55px;white-space:nowrap;margin-left:-30px}
.qbtns a{font-weight:bold;font-size:14px;text-decoration:none;color:#1b3c55;margin-right:30px;margin-bottom:-10px;display:inline-block}
.qbtns a img{width:29px;margin-right:6px}
#slider{position:relative}
#navigation{position:absolute;top:0;left:0;right:0;z-index:60}
#nav{background:#c53b3c;float:left;width:100%;text-align:center;border-radius:0 0 6px 6px;padding:0}
#nav li{list-style:none;margin:0;display:inline-block;padding:22px 0;position:relative}
#nav li a{color:#fff;font-size:16px;font-weight:bold;text-transform:uppercase;text-decoration:none;display:inline-block;/*padding:2px 65px*/padding:2px 45px;border-right:1px solid #ce5859}
#nav li .toggle, #nav li .toggle2{position:absolute;right:28px;top:50%;transform:translateY(-50%);padding:0;border:0;width: auto;}
#nav>li:last-child>a{border:0}
#nav .down-arrow{margin-left:5px;font-size:12px;vertical-align:middle}
#nav li ul{display:none;position:absolute;top:60px;left:0;background:#fff;padding:10px 20px;box-shadow:0 0 10px rgba(0,0,0,.1);border-radius:6px;text-align:left}
#nav li:hover>ul, #nav li.opened>ul, #nav li.opened2>ul{display:block}
#nav ul li{display:block;padding:0}
#nav li ul a{color:#000;border:0;border-bottom:1px solid rgba(0,0,0,.05);padding:0;display:block;padding:10px 0;width:200px;font-size:13px;line-height:1}
#nav ul ul{left:170px;top:-24px}
#nav li:nth-of-type(n+3) ul ul{left:auto;right:100%;top:0}
#nav ul li:last-of-type > a{padding-bottom:0;border:none}
.slider{height:700px}
#main-content{padding:60px 0 0 0}
#calendar{min-height:550px;}
.news h2,.cal h2{font-size:35px;margin:0 0 44px}
.news{margin-right:-20px}
.news-item{font-size:20px;line-height:26px;color:#6a7f90;border-bottom:1px solid #eef2f5;padding-bottom:20px;margin-bottom:20px}
.news-item:last-of-type{border:0}
.news-item p{margin:0}
.news-item .date{font-size:14px}
.news-item a{text-decoration:none;color:#0c314d}
a.all{text-decoration:none;font-weight:bold;text-transform:uppercase;font-size:14px;letter-spacing:1px}
.cal-wrap{margin-bottom:20px}
.notices{background:#f2f2f2;padding:48px;border-radius:30px 0 30px;margin-left:-20px;margin-top:10px}
.notices h2{font-size:24px}
.notices .news-item{font-size:18px;line-height:23px;border-color:#d2dae1}
.newsletter{background:#0c314d;margin-top:80px;padding:111px 0 85px;color:#fff}
.newsletter h3{color:#fff;font-size:35px;line-height:40px;margin:0}
.newsletter label{color:#fff}
.newsletter button{margin-top:24px}
.newsletter .small{font-weight:bold;margin:20px 0 0 0}
.newsletter .small i{color:#c53b3c;margin-right:8px}
footer{background:#f2f2f2;padding:55px 0;font-size:14px}
footer p{margin:0}
a.facebook,a.twitter{background:#1d70eb;display:inline-block;width:36px;height:36px;border-radius:50%;line-height:36px;text-align:center;color:#fff;font-size:18px;margin-left:10px}
a.twitter{background:#1db3eb}
#revize-login{float:right;margin-top:10px}
#revize-login a{text-decoration:none}

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

#inner

-----------------------------------------*/
.cap{position:absolute;z-index:51;top:35px;left:0;right:0;bottom:0;text-align:center}
.cap h1{color:#fff;font-size:70px;text-shadow:0 5px 10px rgba(0,0,0,.5)}
.inner-slider{height:315px;position:relative}
.inner-slider{background:#1c537e}
.inner-slider li{opacity:.5}
.aside{background:#f2f2f2;border-radius:30px 0 30px;margin-right:60px;padding-bottom:80px;position:relative;z-index:1}
.aside h2{font-size:28px;line-height:1;padding:74px 57px 25px;margin:0}
#flyout-toggle{display:none}
#flyout{margin:0;padding:0}
#flyout li{margin:0;display:block;position:relative;padding-left:57px;padding-right:4px}
#flyout a{text-decoration:none;padding:15px 20px 15px 0;display:block;border-bottom:1px solid #dbdee1}
#flyout>li:hover{background:#133563}
#flyout>li:hover>a{color:#fff;border-color:transparent}
#flyout li:last-child a{border:0}
#flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#fff;padding:10px;border-radius:6px;box-shadow:0 0 10px rgba(0,0,0,.05)}
#flyout ul li{padding:0}
#flyout ul a{font-size:13px;padding:10px 15px;width:180px;border-color:#f2f2f2}
#flyout li:hover > ul{display:block}
.toggle-children{display:none}
#breadcrumbs{position:absolute;bottom:0;left:0;right:0;z-index:59}
.breadcrumbs{font-size:14px;text-transform:capitalize;color:#fff;z-index:99;position:absolute;bottom:0;left:15px;bottom:40px}
.breadcrumbs p{margin:0;text-shadow:0 5px 10px rgba(0,0,0,.5);word-spacing:5px}
.breadcrumbs a{text-decoration:none;text-shadow:0 5px 10px rgba(0,0,0,.5);color:#fff;font-weight:bold}
.breadcrumbs i{font-size:13px;margin:0 4px}
.post h2{font-size:28px;font-family:'Open Sans', sans-serif}
.post h3{font-size:21px;font-family:'Open Sans', sans-serif}
blockquote{font-family:'Playfair Display', serif;border:0;padding:30px 0;font-size:46px;line-height:1;font-style:italic}
.pic{margin:50px -35px;position:relative}
.pic img{width:100%}
.pic .caption{position:absolute;bottom:50px;right:-20px;width:170px;border-radius:30px 0 30px 0;background:#f2f2f2;font-size:12px;line-height:16px;color:#595a5b;padding:30px}

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

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

/*------------------------------------------
# ada menu
------------------------------------------ */
.accessibility-menu ul{margin:0;padding:15px;list-style:none}
.accessibility-menu a{display:block;padding:5px 10px;border:1px solid rgba(0,0,0,.2);border-radius:13px;text-decoration:none;color:#333!important}
.accessibility-menu a:focus,.accessibility-menu a:hover{text-decoration:underline;background:rgba(0,0,0,.6);color:#fff!important}
.yellowlinks .accessibility-menu a{background:#000}
.yellowlinks .accessibility-menu a:focus,.yellowlinks .accessibility-menu a:hover{color:#fff!important}
.accessibility-wrap{position:fixed;z-index:250;top:150px;left:0;transition:all .2s ease;left:-250px}
.accessibility-wrap.visible{left:0!important}
.accessible-btn{/*!z-index: 250;position: fixed;left: 0;top: 150px;*/float:right}
.accessible-btn a{color:#fff!important;font-size:3.6rem;text-decoration:none;padding:10px;background:#3b5998!important}
.accessibility-menu{background:#fff;float:left;transition:all .5s ease;position:relative;width:250px}
.accessibility-menu.active{padding-left:auto;display:block}
.accessibility-wrap:not(.visible) .accessibility-menu a{display:none}
.yellowlinks a{color:#ff0 !important}
.yellowlinks .qbtns a, .yellowlinks .news a, .yellowlinks .notices a,.yellowlinks .cal a, .yellowlinks .post a, .yellowlinks #flyout li{background:#000 !important}
.yellowlinks #nav li ul{background:#000 !important}
.greyscale{filter:grayscale(100%)}
.underline-links a{text-decoration:underline !important}
.highcontrast .date{color:#000}
.highcontrast #freeform .bxslider>li{background: #000!important}
/* -----------------------------------------

#media queries

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

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

}

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

		.qbtns{margin-top:-35px}
		.qbtns a{font-size:12px}
		.qbtns a img{width:16px}
		#nav >li >a{padding-left:20px;padding-right:20px}
		.newsletter button{padding-left:0;padding-right:0}
		.news{margin-right:-60px}
		.notices{margin-left:-60px}

}
@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}
		header{height:auto;padding-top:15px}
		.logo{margin:0 auto;top:-10px}
		.tagline{display:none}
		.search{float:right;width:80%}
		#nav-toggle,#search-toggle{float:right;line-height:40px;width:30px;text-align:right;font-size:21px;margin-left:15px}
		.qbtns {white-space:normal;margin-top:-42px}
		.qbtns a{font-size:0;float:right;line-height:32px;margin:0px;margin-left:20px}
		.qbtns img{margin:0!important}
		#sticky{position:static!important}
		.toggle,.toggle2,#nav-toggle{display:inline-block}
		.down-arrow{display:none} /* if not hidden above */
		#nav{display:none;text-align:left;padding:0}
		#nav li{display:block;padding:0;margin:0}
		#nav li a{padding:15px 20px;display:block;line-height:1;border-bottom:1px solid rgba(0,0,0,.1)!important;background:none;font-size:14px}
		#nav li ul{position:static;padding:0;background:none;box-shadow:none;margin:0;border-radius:0}
		#nav li:hover > ul{display:none}
		#nav li ul a{width:100%;padding:10px 25px;font-size:12px;color:#000!important;line-height:inherit}
		#nav ul ul{left:0}
		#nav ul ul a{padding-left:30px}
		#nav .toggle,
		#nav .toggle2{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:45px;width:55px;line-height:55px;text-align:center}
		#nav .toggle2{height:32px;line-height:32px}
		#nav li li:hover > a{background:none;color:#fff}
		#slider,.slider{height:50vh}
		#revize-login{float:none}
		footer p{margin:0!important}
		.news,.notices,.cal{margin:0 0 40px}
		.notices{margin-bottom:0}
		.newsletter button{font-size:12px}
		.newsletter .small{clear:both;padding-top:10px;text-align:left}
		.newsletter h3{margin-bottom:40px}
		.cap{top:0}
		.cap h1{font-size:11vw}
		.aside{margin:0 0 40px;padding:60px 30px}
		.aside h2{display:none}
		#flyout-toggle{display:block}
		#flyout{display:none;padding-top:30px}
		#flyout li{padding:0}
		#flyout>li:hover{background:#f2f2f2}
		#flyout>li:hover>a{color:#c53b3c;border-color:#dbdee1}
		#flyout li a{padding:15px 30px 15px 0;line-height:1;background:none;font-size:14px;border-bottom:1px solid #dbdee1!important}
		#flyout ul{position:static;left:0;padding:0;background:none;box-shadow:none}
		#flyout ul a{width:100%;padding-left:10px}
		#flyout li:hover > ul{display:none}
		.toggle-children{display:block;position:absolute;right:0;top:50%;width:30px;bottom:0;top:0;line-height:45px;text-align:right}
		.pic{margin-left:0;margin-right:0}
		.pic .caption{width:auto;position:static;border-radius:0 0 30px 30px;padding:25px}

}

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

		.floating-alert{width:auto;right:15px;left:15px}
		.floating-alert{font-size:12px}
		.floating-alert h4{margin-bottom:10px}
		.floating-alert .btn{font-size:10px}
		.qbtns {width:100%;background:;margin:-15px 0 0 0;text-align:center;padding-bottom:10px}
		.qbtns a{float:none;display:table-cell;width:1%}
		.search{display:none}
		#search-toggle{display:block}
		.top-search{display:none;background:#c53b3c}
		.top-search .search{display:block;background:#c53b3c;margin:10px 0 5px;width:100%}

}

/* 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) {}
/*
Holding for ada button color??
#556572
 */
@media print {

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

}

.bannerbtn {position:absolute;z-index:9999;}
.rz-app {display: none!important;}