/*----------------------------------------------------------------------------------- Theme Name: Howell MI Theme URI: http://www.cityofhowell.org/ Description: Main CSS Howell MI Author: Samir Alley | @samiralley Author URI: http://www.revize.com/ Version: 1.0 / Auf 29, 2014 Table of content #Reset & Basics #Basic Styles #Site Styles #Typography #Links #Lists #Images #Buttons #Forms #Misc #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing #Header + Nav + No More IE7 #Inner Page #Doc Center #FlexSlider #BxSlider #Buttons #Bootstrap v2.3.2 tables only #Media Queries -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #Reset -----------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} body{line-height:1} blockquote,q{quotes:none} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none} /* ----------------------------------------- #Bacic Styles -----------------------------------------*/ body{background:#fff;font:14px/21px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#444;/* -webkit-font-smoothing:antialiased;*//* Fix for webkit rendering */-webkit-text-size-adjust:100%;font-family:georgia;} /* ----------------------------------------- #Typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#181818;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:normal;margin-bottom:10px} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:28px;line-height:35px;margin-bottom:14px} h2{font-size:24px;line-height:30px;margin-bottom:14px} h3{font-size:22px;line-height:34px} h4{font-size:21px;line-height:30px} h5{font-size:17px;line-height:24px} h6{font-size:14px;line-height:21px} .header{font-size:24px} .subheader{font-size:18px} p{margin:0 0 20px 0} p.lead{font-size:21px;line-height:27px;color:#777} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ddd;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #Links -----------------------------------------*/ a,a:visited{color:#872d0a;text-decoration:underline;outline:0} a:hover,a:focus{color:#872d0a} 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%;*max-width:none;height:auto} a img{border:none} /* ----------------------------------------- #Buttons -----------------------------------------*/ .button, button, input[type="submit"], input[type="reset"], input[type="button"]{border:1px solid #d3d3d3;color:#444;display:inline-block;font-size:13px;font-weight:normal;text-decoration:none;cursor:pointer;line-height:normal;padding:6px 14px;vertical-align:top;font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;text-shadow:0 1px 0 rgba(255,255,255,.4);-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);-moz-box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);-o-box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(0,0,0,.07);background: rgb(254,254,254); background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(224,224,224,1) 50%, rgba(211,211,211,1) 50%, rgba(211,211,211,1) 87%, rgba(211,211,211,1) 95%, rgba(191,191,191,1) 97%, rgba(168,168,168,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,1)), color-stop(50%,rgba(224,224,224,1)), color-stop(50%,rgba(211,211,211,1)), color-stop(87%,rgba(211,211,211,1)), color-stop(95%,rgba(211,211,211,1)), color-stop(97%,rgba(191,191,191,1)), color-stop(100%,rgba(168,168,168,1))); background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); background: -o-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); background: linear-gradient(to bottom, rgba(254,254,254,1) 0%,rgba(224,224,224,1) 50%,rgba(211,211,211,1) 50%,rgba(211,211,211,1) 87%,rgba(211,211,211,1) 95%,rgba(191,191,191,1) 97%,rgba(168,168,168,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#a8a8a8',GradientType=0 )} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none} .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active{background:#e1e1e1;-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.175);-moz-box-shadow:inset 0 0 2px rgba(0,0,0,.175);-o-box-shadow:inset 0 0 2px rgba(0,0,0,.175);box-shadow:inset 0 0 2px rgba(0,0,0,.175)} .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width{width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #Forms -----------------------------------------*/ form{margin-bottom:20px} fieldset{margin-bottom:20px} input[type="text"], input[type="password"], input[type="email"], textarea, select{border:1px solid #d3d3d3;padding:6px 4px;outline:none;font:13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;color:#777;margin:0;display:inline-block;background:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-o-box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-shadow:inset 0 1px 1px rgba(0,0,0,.06)} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{color:#444;border:1px solid #999!important} 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} /* ----------------------------------------- #Misc -----------------------------------------*/ .remove-bottom{margin-bottom:0!important} .half-bottom{margin-bottom:10px!important} .add-bottom{margin-bottom:20px!important} .sliderBtn {position:absolute;z-index:9999;} /* ----------------------------------------- #Base 960 Grid -----------------------------------------*/ .container{position:relative;width:960px;margin:0 auto;padding:0} .container .column, .container .columns{float:left;display:inline;margin-left:10px;margin-right:10px;min-height:1px} .row{margin-bottom:20px} .column.alpha,.columns.alpha{margin-left:0} .column.omega,.columns.omega{margin-right:0} .container .one.column, .container .one.columns{width:40px} .container .two.columns{width:100px} .container .three.columns{width:160px} .container .four.columns{width:220px} .container .five.columns{width:280px} .container .six.columns{width:340px} .container .seven.columns{width:400px} .container .eight.columns{width:460px} .container .nine.columns{width:520px} .container .ten.columns{width:580px} .container .eleven.columns{width:640px} .container .twelve.columns{width:700px} .container .thirteen.columns{width:760px} .container .fourteen.columns{width:820px} .container .fifteen.columns{width:880px} .container .sixteen.columns{width:940px} .container .one-third.column{width:300px} .container .two-thirds.column{width:620px} .container .offset-by-one{padding-left:60px} .container .offset-by-two{padding-left:120px} .container .offset-by-three{padding-left:180px} .container .offset-by-four{padding-left:240px} .container .offset-by-five{padding-left:300px} .container .offset-by-six{padding-left:360px} .container .offset-by-seven{padding-left:420px} .container .offset-by-eight{padding-left:480px} .container .offset-by-nine{padding-left:540px} .container .offset-by-ten{padding-left:600px} .container .offset-by-eleven{padding-left:660px} .container .offset-by-twelve{padding-left:720px} .container .offset-by-thirteen{padding-left:780px} .container .offset-by-fourteen{padding-left:840px} .container .offset-by-fifteen{padding-left:900px} /* ----------------------------------------- #Tablet (Portrait) -----------------------------------------*/ @media only screen and (min-width:768px) and (max-width:959px){ .container{width:768px} .container .column, .container .columns{margin-left:10px;margin-right:10px} .column.alpha,.columns.alpha{margin-left:0;margin-right:10px} .column.omega,.columns.omega{margin-right:0;margin-left:10px} .alpha.omega{margin-left:0;margin-right:0} .container .one.column, .container .one.columns{width:28px} .container .two.columns{width:76px} .container .three.columns{width:124px} .container .four.columns{width:172px} .container .five.columns{width:220px} .container .six.columns{width:268px} .container .seven.columns{width:316px} .container .eight.columns{width:364px} .container .nine.columns{width:412px} .container .ten.columns{width:460px} .container .eleven.columns{width:508px} .container .twelve.columns{width:556px} .container .thirteen.columns{width:604px} .container .fourteen.columns{width:652px} .container .fifteen.columns{width:700px} .container .sixteen.columns{width:748px} .container .one-third.column{width:236px} .container .two-thirds.column{width:492px} .container .offset-by-one{padding-left:48px} .container .offset-by-two{padding-left:96px} .container .offset-by-three{padding-left:144px} .container .offset-by-four{padding-left:192px} .container .offset-by-five{padding-left:240px} .container .offset-by-six{padding-left:288px} .container .offset-by-seven{padding-left:336px} .container .offset-by-eight{padding-left:384px} .container .offset-by-nine{padding-left:432px} .container .offset-by-ten{padding-left:480px} .container .offset-by-eleven{padding-left:528px} .container .offset-by-twelve{padding-left:576px} .container .offset-by-thirteen{padding-left:624px} .container .offset-by-fourteen{padding-left:672px} .container .offset-by-fifteen{padding-left:720px} } /* ----------------------------------------- #Mobile (Portrait) -----------------------------------------*/ @media only screen and (max-width:767px){ #calendar{width:100%} .container{width:300px} .container .columns, .container .column{margin:0} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{width:300px} .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen{padding-left:0} } /* ----------------------------------------- #Mobile (Landscape) -----------------------------------------*/ @media only screen and (min-width:480px) and (max-width:767px){ .container{width:420px} .container .columns, .container .column{margin:0} .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column{width:420px} } /* ----------------------------------------- #Clearing -----------------------------------------*/ .container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden} .clearfix:before, .clearfix:after, .row:before, .row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0} .row:after, .clearfix:after{clear:both} .row,.clearfix{zoom:1} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} /* ----------------------------------------- #Header + Nav + No More IE7 -----------------------------------------*/ body, html{overflow-x:hidden} #alert-section{color:#fff;background:#45484d;background:-moz-linear-gradient(top, #45484d 0%,#000 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#45484d),color-stop(100%,#000));background:-webkit-linear-gradient(top, #45484d 0%,#000 100%);background:-o-linear-gradient(top, #45484d 0%,#000 100%);background:-ms-linear-gradient(top, #45484d 0%,#000 100%);background:linear-gradient(to bottom, #45484d 0%,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d',endColorstr='#000',GradientType=0 );box-shadow:0 0 3px #000} .alert-inner{padding:10px 0} .alert-images{float:left;padding:10px 0} .red-alert{float:left;margin-right:10px} .alert-text{float:left;margin-top:12px} .alert-notice{padding:10px 0;font-size:12px;line-height:1.3} .alert-notice h4{margin:0;padding:6px 0 0 0;color:#fff;font-size:16px;line-height:1.5;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .alert-notice p{margin:0} .alert-notice a{color:#c42b27} .alert{background:#CC3535;border:5px solid #FF6391;color:#fff;padding:20px;font-size:16px} .no-more-ie{overflow:hidden} .no-more-ie span{float:left;width:75%} .no-more-ie img{width:40px;padding:0 7px} .browser-icons{width:25%;float:right;text-align:right} #header{background:url(../_images_/header.png) bottom repeat-x;position:relative;z-index:9999;position:relative;height:155px;transition:all .3s ease-in-out} .logo{position:relative;transition:all .2s ease-in-out} .logo img{margin-left:-10px;max-width:none;position:absolute;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out} .search-form *{margin:0} .search-form{float:right;padding:0px 10px 0;color:#fff;background:#3f70bb;border:1px solid #fff;border-top:0;border-radius:0 0 3px 3px;width:258px;overflow:hidden;margin-bottom:20px;height:50px;background:#5594cc;background:-moz-linear-gradient(top, #5594cc 0%,#3e6eba 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#5594cc),color-stop(100%,#3e6eba));background:-webkit-linear-gradient(top, #5594cc 0%,#3e6eba 100%);background:-o-linear-gradient(top, #5594cc 0%,#3e6eba 100%);background:-ms-linear-gradient(top, #5594cc 0%,#3e6eba 100%);background:linear-gradient(to bottom, #5594cc 0%,#3e6eba 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5594cc',endColorstr='#3e6eba',GradientType=0 )} .search-form .button{border:0!important;border-radius:0!important;box-shadow:none!Important;float:right;position:relative;right:-10px;background:#7d1e1b url(../_images_/search.png) center center no-repeat;margin:0;height:50px;width:17% } #search.text{margin:0!important;background:none!important;border:0!important;color:#fff!important;padding-top:19px;font-family:georiga;font-style:italic;font-size:16px;float:left;width:75%} .media-area{float:right;padding:18px 12px 0 0} .addthis_toolbox{float:right;margin-left:10px} .media-area a{color: #376CA9;font-style:italic;text-decoration:none;float:left;} .media-area img{vertical-align:middle} .top-bar{width:100%;height:8px;position:absolute;background:url(../_images_/bar.png) bottom;top:0;left:0} .nav{position:relative;z-index:999;margin:0} #menu-icon{display:none} .nav{float:right;margin:0 0 10px;transition:all .3s ease-in-out} .nav li{float:left;position:relative;list-style:none;margin:0;transition:all .3s ease-in-out} .nav li a{float:left;color:#85201d;font-weight:bold;font-family:'Open Sans',sans-serif;display:block;padding:19px 19px 20px;text-decoration:none;text-transform:uppercase;line-height:1.123;font-size:16px;transition:all .3s ease-in-out} .nav .em{display:none;display:block;font-weight:normal;color: #316096;font-size:16px;font-style:italic;text-transform:none;font-family:georgia;transition:all .3s ease-in-out;} .nav ul{ display:none;position:absolute;left:0;top:100%;margin:0;z-index:99999;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1);background:#85201D;padding:5px} .nav ul a{float:none;width:200px;border-right:none;border-top:0;padding:7px 10px;color:#fff;background:#85201D;font-size:12px;text-transform:none;line-height:1.3;border-radius:3px;-moz-transition:all .5s ease-in-out;transition:all .3s ease-in-out} .nav ul ul{border-top:1px solid #942e2b} .nav ul a:hover{background:#EA7432;color:#fff} .nav ul li{float:none} .nav ul ul{top:0;left:100%} .nav li:hover >ul{display:block} #header.stuck{position:fixed;top:0;width:100%;z-index:99999;height:65px} #header.stuck .search-area{display:none} #header.stuck .logo{width:100px;transition:all .3s ease-in-out} #header.stuck .logo img{max-width:100%;transition:all .3s ease-in-out} #header.stuck .twelve{width:840px;float:right} #header.stuck .em{display:inline;font-size:13px} #header.stuck .nav >li>a{font-size:13px} #header.stuck .nav{float:right} .sticky-wrapper{height:155px!important} .main-content{padding-bottom:30px} .left-col h2, .news-section >h2, .cal-section h2{font:0/0 a;color:#fff;margin-bottom:30px} .post .morenews{margin-bottom:20px;border-bottom-color:#CBD7E5!important;padding-bottom:20px!important} .post:last-child .morenews p{margin:0} .weather{margin-bottom:20px} .weather small{display:block;overflow:hidden} .weather img{float:right} .more{font-weight:bold;font-family:'Open Sans',sans-serif;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;display:block} .cal .more{margin-top:10px} #footer{background:url(../_images_/footer.jpg) bottom center;color:#dfe8ee;font-size:12px;line-height:1.6} #footer a{color:#dfe8ee} .footer-wrap{background:url(../_images_/bar.png) repeat-x;min-height:144px} #footer .thirteen{padding-top:50px} #footer .three img{position:absolute;right:10px;top:27px} .copyright{font-size:12px;padding:10px 0;line-height:1;font-style:italic;color:#757575} .copyright p{margin:0} .powered-by-revize, #revize-login a#powered-by-revize-link, #revize-login a#revize-login-link{color: #000 !important;} /*.fa-angle-down{display:none!important}*/ /* ----------------------------------------- #Inner Page -----------------------------------------*/ .flyout{margin:0;padding:0} .flyout li{margin:0;list-style:none;position:relative} .flyout li a{display:block;font-style:italic;text-decoration:none;padding:15px 25px;border-bottom:1px solid #ddd;color:#303030;background:url(../_images_/little-arrow.png) left center no-repeat} .flyout ul{margin:0;position:absolute;left:100%;top:0;display:none;-webkit-box-shadow:0 0 3px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px rgba(0,0,0,.1);-o-box-shadow:0 0 3px rgba(0,0,0,.1);box-shadow:0 0 3px rgba(0,0,0,.1);z-index:9;background:#821F1C;padding:5px} .flyout ul a{border:0;padding:7px 20px;color:#fff;background:none;font-size:12px;width:130px;border-radius:3px} .flyout ul a:hover{background:#EA7432;color:#fff} .flyout li:hover >ul{display:block} #freeform .left-col h2{padding:20px;margin:0} #freeform .flyout >li>a{color:#fff;background:none} #freeform .main-content .container{background:url(../_images_/inenr-content.jpg) top center repeat-y;clear:both;position:relative;z-index:3;margin-top:-100px;border-radius:3px;background-clip:padding-box} .entry .padding{padding:20px 20px 20px 0;min-height:500px} .fullwidth .entry .padding{padding:20px} #freeform.fullwidth .main-content .container{background:#F4F8FB;border-radius:3px} .breadcrumbs{font-size:12px;margin-bottom:20px;color:#85201e;font-style:italic} .breadcrumbs p{margin:0;display:inline;padding-right:10px} .breadcrumbs a{text-decoration:none} .breadcrumbs img{vertical-align:middle;border-radius:3px;margin-top:-2px} .page-header{font-family:'Open Sans',sans-serif;font-weight:bold;color:#85201e} #freeform .buttons-area{width:auto;height:auto;background:none;display:none} #freeform .buttons-area .four{width:100%;margin:0;height:120px} .banner{background:url(../_images_/parallax.jpg) center top fixed no-repeat;position:relative;margin:-150px auto 0;width:100%;height:350px;background-size:cover} .police-template .banner, .police-template-fullwidth .banner{background:url(../_images_/parallax-police.jpg) center top fixed no-repeat;} /* ----------------------------------------- #Doc Center -----------------------------------------*/ #RZdocument_center .file_row{background:#fff;border:1px solid #ccc;margin-bottom:1px;padding:7px 8px;width:97.5%;margin:0 0 1px;float:left} #RZdocument_center .file_row a{color:#024930!Important;font: 14px/21px arial!Important;text-transform:uppercase;font-family:"Times New Roman", serif!important} #msg{background:#FCF8E3;border:2px solid #dac293;display:block;padding:8px 35px 8px 14px;text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);color:#af8338} #RZdocument_center table h3 {display:block;overflow:hidden;padding:7px 7px;border-bottom:1px solid #ccc;margin:0 0 10px;} #RZdocument_center h3 a{font-size:16px!important;font-weight:bold;color:#85201D!important} #RZdocument_center table {padding:0;margin-bottom:10px} #RZdocument_center form,#RZdocument_center input,#RZdocument_center select,#RZdocument_center button{margin:0!important;width:auto;min-width:inherit} 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} /* ----------------------------------------- #FlexSlider -----------------------------------------*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus{outline:none} .slides, .flex-control-nav, .flex-direction-nav{margin:0;padding:0;list-style:none} .flexslider{margin:0;padding:0} .flexslider .slides >li{display:none;-webkit-backface-visibility:hidden} .flexslider .slides img{width:100%;display:block} .flex-pauseplay span{text-transform:capitalize} .slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} html[xmlns] .slides{display:block} * html .slides{height:1%} .no-js .slides >li:first-child{display:block} .flexslider{margin:0;position:relative;zoom:1} .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease} .loading .flex-viewport{max-height:300px} .flexslider .slides{zoom:1} .carousel li{margin-right:5px} .flex-direction-nav a{width:30px;height:30px;margin:-20px 0 0;display:block;background:url(../_images_/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:-35px;cursor:pointer;text-indent:-9999px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .flex-direction-nav .flex-next{background-position:100% 0;right:0} .flex-direction-nav .flex-prev{right:26px} .flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default} .flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center;display:none} .flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline} .flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)} .flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)} .flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default} .flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden} .flex-control-thumbs li{width:25%;float:left;margin:0} .flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer} .flex-control-thumbs img:hover{opacity:1} .flex-control-thumbs .active{opacity:1;cursor:default} .flexslider img{width:auto;max-width:220px;float:right;margin-left:20px;margin-bottom:20px} /* ----------------------------------------- #BxSlider -----------------------------------------*/ /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ .bx-wrapper *{margin:0;padding:0} .bx-wrapper{position:relative;margin:-150px auto 0;float:left;width:100%;padding:0;*zoom:1} .bx-wrapper img{width:100%;height:auto;max-width:100%;display:block} .bx-wrapper .bx-viewport{background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;bottom:30px;width:100%} .bx-wrapper .bx-loading{min-height:50px;background:url(../_images_/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000} .bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px} .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:#821F1C;text-indent:-9999px;display:block;width:30px;height:30px;margin:0 5px;outline:0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#EA7432} .bx-wrapper .bx-prev{left:10px;background:url(../_images_/left-arrow.png) no-repeat center center} .bx-wrapper .bx-next{right:10px;background:url(../_images_/right-arrow.png) no-repeat center center} .bx-wrapper .bx-prev:hover{background-position:0 0} .bx-wrapper .bx-next:hover{background-position:0 0} .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-31px;outline:0;width:62px;height:62px;text-indent:-9999px;z-index:9999} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bx-wrapper .bx-controls-auto{text-align:center} .bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../_images_/controls.png) -86px -11px no-repeat;margin:0 3px} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0} .bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../_images_/controls.png) -86px -44px no-repeat;margin:0 3px} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px} .bx-wrapper .bx-caption *{color:#fff;line-height:1.5} .bx-wrapper .bx-caption{position:absolute;bottom:20%;left:0;width:100%} .bx-wrapper .bx-caption .inner{background:#000\9;background:rgba(0,0,0,.8);width:520px;margin:0;padding:20px} .bx-wrapper .bx-caption-wrap{width:940px;margin:0 auto} .bx-wrapper .bx-caption p{color:#fff} .bx-wrapper .bx-caption h3{font-size:32px;margin:0 0 5px;font-weight:bold;font-family:'Open Sans',sans-serif} /* ----------------------------------------- #Buttons -----------------------------------------*/ .buttons-area{background:url(../_images_/btns-bg.png);width:100%;height:160px;overflow:hidden;text-align:center;margin-bottom:40px;position:relative;z-index:99} .buttons-area .four{height:160px;padding-top:25px} .buttons-area .four a{display:block;color: #ffffff;font-style:italic;text-decoration:none;text-shadow:0 1px 0 rgba(0,0,0,.3);} .buttons-area .four img{display:block;margin:0 auto 20px} .buttons-area .four span{display:block} .newBtns{position:absolute;top:-10px;left:0} .quicklinkbtn,.alertbtn{position:absolute;width:100%;z-index:9} .alertbtn{z-index:99999} /* ----------------------------------------- #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 #757575;padding:0 5px;margin:5px;background:white;color:#202020;font-family:Arial,sans-serif;font-size:10px} #map_canvas{clear:both;border:3px solid #fff} #map_canvas .button{cursor:pointer} #map_canvas .iwContent{font-family:Arial,sans-serif;font-size:13px;line-height:1.2} #map_canvas .iwEditor textarea{display:block;width:90%;height:300px} #map_canvas h1{font-family:Arial,sans-serif;font-size:18px;font-weight:bold;line-height:1.1} #map_canvas img{max-width:none} /* ----------------------------------------- #Bootstrap v2.3.2 tables only -----------------------------------------*/ .table{max-width:100%!important;background-color:#fff;border-collapse:collapse;border-spacing:0} .table textarea{min-width:220px;max-width:100%!important;border:1px solid #e1e1e1} .table caption{background:#e1e1e1;color:#fff;text-align:left;padding:10px 20px} .table{width:100%;margin-bottom:20px} .table th, .table td{padding:8px;line-height:20px;text-align:left;vertical-align:top;border-top:1px solid #e1e1e1} .table th{font-weight:bold} .table thead th{vertical-align:bottom} .table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td{border-top:0} .table tbody+tbody{border-top:2px solid #e1e1e1} .table .table{background-color:#fff} .table-condensed th, .table-condensed td{padding:4px 5px} .table-bordered{border:1px solid #e1e1e1;border-collapse:separate;*border-collapse:collapse;border-left:0} .table-bordered th, .table-bordered td{border-left:1px solid #e1e1e1} .table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td{border-top:0} .table-bordered thead:first-child tr:first-child >th:first-child, .table-bordered tbody:first-child tr:first-child >td:first-child, .table-bordered tbody:first-child tr:first-child >th:first-child{-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px} .table-bordered thead:first-child tr:first-child >th:last-child, .table-bordered tbody:first-child tr:first-child >td:last-child, .table-bordered tbody:first-child tr:first-child >th:last-child{-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px} .table-bordered thead:last-child tr:last-child >th:first-child, .table-bordered tbody:last-child tr:last-child >td:first-child, .table-bordered tbody:last-child tr:last-child >th:first-child, .table-bordered tfoot:last-child tr:last-child >td:first-child, .table-bordered tfoot:last-child tr:last-child >th:first-child{-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px} .table-bordered thead:last-child tr:last-child >th:last-child, .table-bordered tbody:last-child tr:last-child >td:last-child, .table-bordered tbody:last-child tr:last-child >th:last-child, .table-bordered tfoot:last-child tr:last-child >td:last-child, .table-bordered tfoot:last-child tr:last-child >th:last-child{-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px} .table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0} .table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0} .table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px} .table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px} .table-striped tbody >tr:nth-child(odd) >td, .table-striped tbody >tr:nth-child(odd) >th{background-color:#f9f9f9} .table-hover tbody tr:hover >td, .table-hover tbody tr:hover >th{background-color:#f5f5f5} table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0} .table td.span1, .table th.span1{float:none;width:44px;margin-left:0} .table td.span2, .table th.span2{float:none;width:124px;margin-left:0} .table td.span3, .table th.span3{float:none;width:204px;margin-left:0} .table td.span4, .table th.span4{float:none;width:284px;margin-left:0} .table td.span5, .table th.span5{float:none;width:364px;margin-left:0} .table td.span6, .table th.span6{float:none;width:444px;margin-left:0} .table td.span7, .table th.span7{float:none;width:524px;margin-left:0} .table td.span8, .table th.span8{float:none;width:604px;margin-left:0} .table td.span9, .table th.span9{float:none;width:684px;margin-left:0} .table td.span10, .table th.span10{float:none;width:764px;margin-left:0} .table td.span11, .table th.span11{float:none;width:844px;margin-left:0} .table td.span12, .table th.span12{float:none;width:924px;margin-left:0} .table tbody tr.success >td{background-color:#dff0d8} .table tbody tr.error >td{background-color:#f2dede} .table tbody tr.warning >td{background-color:#fcf8e3} .table tbody tr.info >td{background-color:#d9edf7} .table-hover tbody tr.success:hover >td{background-color:#d0e9c6} .table-hover tbody tr.error:hover >td{background-color:#ebcccc} .table-hover tbody tr.warning:hover >td{background-color:#faf2cc} .table-hover tbody tr.info:hover >td{background-color:#c4e3f3} /* new */ *:focus{outline:1px solid #000 !important} #skip{display:inline-block;background:#fff;transition:all .5s;left:-100%;top:50px;z-index:99999;text-decoration:none;font-size:14px;text-transform:uppercase;font-weight:bold;padding:5px 8px;position:fixed} #skip:focus{left:50px} /* #Media Queries ================================================== */ @media only screen and(min-width:992px){ .flyout,.nav{display:block!important} .nav .focused .toggle,.nav .focused .toggle2,.flyout .focused .toggle{display:inline-block;margin-left:8px} .flyout .focused .toggle,.nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} } @media only screen and (min-width: 960px) { .nav{display:block!important} } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #header{height:auto;padding-bottom:30px;box-sizing:border-box} #calendar{width:90%} .logo img{width:100%} #menu-icon{display:block;color:#821F1C;padding:10px;font-size:21px;cursor:pointer;float:right;border:1px solid #821F1C;border-radius:3px;position:relative;z-index:200} #menu-icon span{display:block;width:22px;height:3px;background:#821F1C;float:left;clear:both;margin:3px 10px 0 0} .nav{display:none;float:none;height:auto;position:relative;width:100%;padding-top:50px;box-sizing:border-box;transition:none;margin:0} .nav li{float:none;background:#821F1C} .nav .em{color:#EA7432;display:inline-block} .nav li a{float:none;background:#fff;font-size:14px;border:none;border-bottom:1px solid #97312e;border-radius:0;background:none;color:#fff;padding:10px;display:block} .nav ul{display:none;position:static;box-shadow:none;border:none;padding:0} .nav li li a{width:auto;font-size:12px} .nav li li a:before{content:"- "} .nav li li li a:before{content:"- - "} .nav li:hover>ul{display:none} .toggle,.toggle2{display:inline-block!important;line-height:38px!important;height:38px;width:38px;background:rgba(0,0,0,.2);text-align:center;color:#fff;position:absolute;right:0;top:0} .flyout{margin-bottom:20px} .flyout ul{position:static;display:block} .flyout ul a{width:auto;background:none;color:#000;text-indent:5px} .flyout ul{background:none;border:0;box-shadow:none;padding:0} .flyout ul li a:before{content:"- "} .bx-caption {bottom:0!important;width:100%;box-sizing: border-box} .bx-caption-wrap {width:100%!important;box-sizing: border-box} .bx-caption-wrap .inner{width:100%!important;box-sizing: border-box;padding:10px!important;font-size:12px} .bx-caption-wrap h3{ font-size: 2.3vw!important} .bx-controls,.bx-pager{display:none} #freeform .main-content .container{background-size:98% auto} .table-responsive { width:100%; max-width:100%; margin-bottom:15px; overflow-x:scroll; overflow-y:hidden } .table-responsive > .table { margin-bottom:0; background-color:#fff } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space:nowrap } .table-responsive > .table-bordered { border:0 } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left:0 } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right:0 } .table-responsive > .table-bordered > thead > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > thead > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom:0 } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .alert-text{width:200px} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .logo img{width:30%} .media-area{display:none} .search-area{height:65px;overflow:hidden} .search-form{width:60%} .search-form .button{display:none} .news-section{padding-bottom:20px} .bx-wrapper{margin-top:-11px} .buttons-area{height:auto;background:#4B81C1;padding-top:20px} #freeform .main-content .container{background:#F4F8FB;padding:20px;max-width:100%} .left-col{background:#4B85C5} #footer .three img{width:100px} .banner{background-size:cover} .bx-caption{display:none!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) {}