/*----------------------------------------------------------------------------------- Theme Name: Jefferson, Missouri Theme URI: http://www.jeffcitymo.org/ Description: Custom Website for Jefferson, Missouri Author: Tom Gooden | @good3n Author URI: http://www.revize.com/ Version: 1.2 / Oct 9, 2014 - Samir - Moved search to center area on home page and made it larger Version: 1.1 / Oct 1, 2014 - Samir - added newsletter - added rss feed - added news section Version: 1.0 / JULY 22, 2014 Table of content #Reset & Basics #Basic Styles #Site Styles #Typography #Links #RZ Document Center #Lists #Images #Buttons #Forms #Misc #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing #Header + Nav + No More IE7 #Inner Page #FlexSlider #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:#dcd6c6;color:#333;overflow:hidden;font:14px/21px Arial,sans-serif;/* -webkit-font-smoothing:antialiased;*//* Fix for webkit rendering */-webkit-text-size-adjust:100%} /* ----------------------------------------- #Typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#660010;font-family: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:#660010;text-decoration:underline;outline:0} a:hover,a:focus{color:#660010} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #RZ Document 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:Arial,sans-serif!important} #msg{background:#FCF8E3;border:3px 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:#333!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} /* ----------------------------------------- #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} .logo a img,.brick a img,.breadcrumbs a img,.qlink img{border:0} /* ----------------------------------------- #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: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%)} .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 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} /* ----------------------------------------- #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){ .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 -----------------------------------------*/ 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%);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:25px} .alert-notice{padding:20px 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;text-decoration:none;text-transform:uppercase} .alert-notice a:hover{text-decoration:underline} .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} body{padding-top:62px} nav{position:fixed;width:100%;left:0;top:0;background:#000;height:58px;z-index:999} .main-nav{border-bottom:4px solid #06214e;background:rgb(250,249,245);background:-moz-linear-gradient(top, rgba(250,249,245,1) 1%,rgba(221,213,190,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,rgba(250,249,245,1)),color-stop(100%,rgba(221,213,190,1)));background:-webkit-linear-gradient(top, rgba(250,249,245,1) 1%,rgba(221,213,190,1) 100%);background:-o-linear-gradient(top, rgba(250,249,245,1) 1%,rgba(221,213,190,1) 100%);background:-ms-linear-gradient(top, rgba(250,249,245,1) 1%,rgba(221,213,190,1) 100%);background:linear-gradient(to bottom, rgba(250,249,245,1) 1%,rgba(221,213,190,1) 100%)} #nav{position:relative;z-index:999} #menu-icon{display:none} .nav{width:100%;margin:0;font-family:"Georgia",serif;position:relative;text-align:center} .nav > li{background:url(../_images_/nav-bullet.png) right center no-repeat;display:inline-block;*float:left;*display:block} .nav > li:last-child{background:none} .nav > li > a{color:#06214e;display:block;padding:20px 32px 20px 12px;text-transform:uppercase} .nav li{list-style:none;margin:0} .nav li a{text-decoration:none} .nav ul{display:none;margin:0;width:100%;position:absolute;left:0;top:100%;background:#EEEADE url(../_images_/wave.png) center no-repeat;border-top:4px solid #06214E;border-bottom:4px solid #5E000F;padding:10px 0 20px;text-align:left} .nav ul li{width:25%;display:block} .nav ul li{float:left} .nav ul a{display:block;padding:12px 20px 7px 20px;font-weight:bold} .nav ul ul{position:relative;top:0;left:0;border:none;background:none;padding:0} .nav ul ul li{float:none;width:auto} .nav ul ul a{font-size:12px;font-weight:normal;padding:7px 20px 7px 30px;color:#06214E} .nav li:hover ul{display:block} /* DROPDOWNS .nav{width:100%;float:left;margin:0} .nav > li{background:url(../_images_/nav-bullet.png) right center no-repeat} .nav > li:last-child{background:none} .nav > li:hover >a{color:#660010} .nav li{float:left;position:relative;list-style:none;margin:0} .nav li a{float:left;color:#06214e;display:block;padding:14px 48px 14px 30px;text-decoration:none;text-transform:uppercase;font-family:"Georgia",serif} .nav ul{display:none;position:absolute;left:0;top:100%;margin:0;border-top:4px solid #06214E;z-index:99;-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)} .nav ul a{float:none;width:160px;border-right:none;border-bottom:1px solid #DCD6C6;padding:12px 20px;color:#333;background:#fff;font-size:12px;text-transform:none} .nav li li:hover >a{background:#5D000E;color:#fff} .nav ul li:last-child a{border:none} .nav ul li{float:none} .nav ul ul{top:0;left:100%;border:none} .nav li:hover > ul{display:block} */ .logo{margin:40px auto 0} .flex-wrap{position:relative} .flex-bg{background:url(../_images_/slide-overlay.png) bottom repeat-x;height:150px;position:absolute;width:100%;bottom:-1px} .top-slug{background:url(../_images_/slice-top.png) top center no-repeat;height:75px;position:relative;margin-top:200px} .slice{background:url(../_images_/slice.png) center repeat-y;position:relative} .wave{background:url(../_images_/wave.png) bottom left no-repeat;max-width:980px;margin:0 auto} .top-left{margin-top:21px} .top-right{margin-top:-30px} #homepage .top-left{margin-top:20px} #homepage .top-right{margin-top:20px} a.qlink{background:url(../_images_/button-bg.png) no-repeat;width:100px;height:95px;display:inline-block;text-align:center;color:#fff;text-decoration:none;line-height:16px;float:left} a.qlink:first-of-type{margin-right:20px} a.qlink img{display:block;margin:14px auto 7px} .search form{background:#dcd6c6;border:1px solid #660010;position:relative;width:98%;box-shadow:8px 10px 0 rgba(0,0,0,.3)} .search input{background:none;border:none;color:#000;width:90%;padding:12px 30px 10px 10px;font-size:18px;} .search button{background:url(../_images_/search.png) center no-repeat;border:none;box-shadow:none;border-radius:0;height:100%;width:10%;position:absolute;right:0;top:0;bottom:0;} .content{margin-top:-100px;padding-bottom:30px} .brick{margin:20px 0 30px;background:#fff url(../_images_/brick.png) center repeat;border:2px solid #dcd6c6;box-shadow:8px 10px 0 rgba(0,0,0,.3)} .brick-inner{box-shadow:inset 0 0 90px rgba(221,214,194,.75)} .left-title{background:url(../_images_/qlinks.png) top left no-repeat;height:22px;margin-bottom:30px;position:relative;top:20px;left:10px} .flyout{margin:0;padding:0} .flyout li{margin:0;list-style:none;position:relative} .flyout li a{display:block;color:#222;text-decoration:none;padding:10px;border-bottom:1px solid #dcd6c6} .flyout ul{margin:0;position:absolute;left:100%;top:0;border-bottom:3px solid #5E000F;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:99999} .flyout ul a{border-bottom:1px solid #dcd6c6;padding:12px 20px;color:#333;background:#fff;font-size:12px;width:160px} .flyout ul li:last-child a{border:none} .flyout li:hover > a{background:#5E000F;color:#fff} .flyout li:hover > ul{display:block} .content{min-height:560px!important} .home-text2{margin-top:20px} .calendar{padding:20px 10px} .all{position:relative;left:20px;bottom:30px;} .slice-btm{background:url(../_images_/slice-btm.png) center no-repeat;height:45px} footer{background:#06214e;padding:10px 0;margin:40px 0 20px;color:#fff;text-align:center;font-size:11px} footer p{margin:0} footer a{color:#fff!important;text-decoration:none} footer a:hover{text-decoration:underline} .bannerBtn,.sliderBtn,.alertbtn{position:absolute;z-index:1} .translate{position:fixed;bottom:0;right:10px} /* ----------------------------------------- #Inner Page -----------------------------------------*/ .banner{position:absolute;height:638px;overflow:hidden} #freeform .top-slug{margin:0} .breadcrumbs{font-size:11px;text-transform:capitalize;color:#000} .breadcrumbs a{text-decoration:none;color:#000} .breadcrumbs a:hover{text-decoration:underline} .breadcrumbs p{margin:0 0 10px} .email-me{padding:0 0 10px} .email-me img{vertical-align:middle} #freeform .search form{margin:-14px 0 0} #freeform .flyout{min-height:300px} .page-title{clear:both;font-size:21px} .entry{padding-bottom:30px;min-height:600px!important} .post a[name]{display:block;position:relative;top:-62px;visibility:hidden} .float_button_above{z-index:99999!Important;left:-100px;top:0} /* ----------------------------------------- #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, .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;background:#fff;position:absolute;zoom:1;max-width:100%;overflow:hidden} .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: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} .flex-direction-nav .flex-next{background-position:100% 0;right:-36px} .flex-direction-nav .flex-prev{left:-36px} .flexslider:hover .flex-next{opacity:0.8;right:5px} .flexslider:hover .flex-prev{opacity:0.8;left:5px} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1} .flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default} .flex-control-nav{display:none;width:100%;position:absolute;bottom:-40px;text-align:center} .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} .newsletter{margin-top:20px;border:1px solid #DCD6C6;padding:20px;background:#fff;box-shadow: 0px 0px 90px rgba(221, 214, 194, 0.75) inset, 8px 10px 0 rgba(0,0,0,.3)} .newsletter p{font-size:21px;color:#660010;} .newsletter input{width:75%} .newsletter input.submit{width:20%;background:#0B2C5C!important;color:#fff!important;border:0!important} .newsletter form{margin:0} .rss{overflow:hidden;padding:10px;} .rss a{color:#000;text-decoration:none;display:block} .rss p{display:inline} .rss img{display:inline-block;vertical-align:middle;width:16px;margin-left:10px;margin-top:-2px} .home-text2 .news-item h3{font-size:18px;margin:0;line-height:1.5} .home-text2 .news-item p{margin:0} .news-item{margin-bottom:20px} .faqs-toggle{clear:both;overflow:hidden} .faqs-heading{padding:11px 55px;cursor:pointer;position:relative;border:1px solid #ddd;margin:3px 0 0 0;background:#f9f9f9 url(../_images_/arrow-down.png) no-repeat 20px center!important;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-webkit-backface-visibility:hidden;font-size:14px;line-height:1.5;color:#333} .faqs-heading.active{background:#fff url(../_images_/arrow-down.png) no-repeat 20px center!important;border-color:#ddd!important;color:#000!important} .faqs-toggle-content{padding:20px 20px 0;border:1px solid #ddd!important;border-top:none;margin:0 0 3px;background:#fff} .faqs-toggle-content p{margin:0 0 20px;font-size:14px;line-height:1.5} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .faqs-heading{background-image:url(/revize/plugins/faq/_images_/arrow-down@2x.png);background-size: 22px 22px;} .faqs-heading.active{background-image:url(/revize/plugins/faq/_images_/arrow-up@2x.png);background-size: 22px 22px;} } /* ----------------------------------------- #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} /* #Media Queries ================================================== */ @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){ .alert-text{width:70%;margin-top:28px} #menu-icon{display:block;color:#333;padding:20px 0 21px;font-size:21px;cursor:pointer} #menu-icon span{display:block;width:30px;height:3px;background:#333;float:left;clear:both;margin:3px 10px 0 0} .nav{display:none;background:#fff;float:none;position:absolute;height:300px;overflow-y:scroll} .nav li{ text-align:left;float:none;width:100%} .nav li a{ padding:7px 20px!important;float:none;border:none;border-bottom:1px solid #e1e1e1!important} .nav ul{display:block;position:static;top:0;box-shadow:none;border:none;background:none;padding:0} .nav ul li{width:auto;float:none} .nav ul li a{width:auto} .nav li:hover a{} .nav li li a:before{content:"- "} .nav li li li a:before{content:"-- "} .top-slug{margin-top:80px} .content{margin-top:-180px} a.qlink{display:block;margin:0 auto;float:none;padding-top:5px} a.qlink:first-of-type{margin:0 auto} .flyout li a{border-bottom:1px solid #dcd6c6!important;padding:10px 12px;font-size:12px} .flyout ul{position:static;display:block;border:none;box-shadow:none} .flyout ul a{width:auto;background:none} .flyout li:hover >a{background:none;color:#333} .calendar{padding:20px 10px} .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){} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px){ .top-slug,.slice-btm{display:none} .logo{margin-bottom:20px} .slice{background:#EEEADE;box-shadow:0 0 10px rgba(0,0,0,.3);padding:20px 0} a.qlink{background:#06214E;height:auto;width:100%;border-radius:4px;text-align:left;padding:20px 0;margin-bottom:10px!important} a.qlink img{display:inline;margin:0 20px;float:left;position:relative;top:-6px} .flyout>li>a{font-weight:700;} .flyout li a{border-bottom:1px solid #dcd6c6!important;padding:10px 12px;font-size:12px} .flyout ul{padding:0 10px;position:static;display:block;border:none;box-shadow:none} .flyout ul a{width:auto;background:none} .equal{height:auto!important} #freeform .search form{margin-bottom:20px;margin-top:5px} } /* 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){} img{ /* image-orientation: 0deg!important; image-orientation: inherit; image-orientation: initial; image-orientation: 90deg flip!important; image-orientation: 0!important; */ } /* surveymonky fix */ .smcx-embed{z-index:1!important}