/*----------------------------------------------------------------------------------- Theme Name: City of North Las Vegas Theme URI: https://www.cityofnorthlasvegas.com/ Description: Custom Website for City of North Las Vegas Author: Design by Ben Fryc / Development by Tom Gooden | @good3n Author URI: http://www.revize.com/ RZ Ver: 1.0.1 Version: 1.0 / Aug 19, 2015 Table of content #Reset & Basics #Basic Styles #Site Styles #Typography #Links #RZ Document Center #Lists #Images #Buttons #Agenda detail #Forms #Header + Nav + No More IE7 #Inner Page #RZ Edit Butons #bxSlider #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.6; font-family: "HelveticaNeueLTStd","HelveticaNeue",Helvetica,Arial,sans-serif !important;} blockquote,q{quotes:none} blockquote:before,blockquote:after, q:before,q:after{content:'';content:none} #___gcse_0 *{box-sizing:content-box!important} /* ----------------------------------------- #Bacic Styles -----------------------------------------*/ body{background:#fff;font:16px/21px "crimson",serif;color:#182330;/* -webkit-font-smoothing:antialiased;*//* Fix for webkit rendering */-webkit-text-size-adjust:100%} /* ----------------------------------------- #Typography -----------------------------------------*/ h1,h2,h3,h4,h5,h6{color:#182330;font-family:"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} @font-face{ font-family:'crimson'; src:url('crimsontext-bold-webfont.eot'); src:url('crimsontext-bold-webfont.eot?#iefix') format('embedded-opentype'), url('crimsontext-bold-webfont.woff2') format('woff2'), url('crimsontext-bold-webfont.woff') format('woff'), url('crimsontext-bold-webfont.ttf') format('truetype'), url('crimsontext-bold-webfont.svg#crimson_textbold') format('svg'); font-weight:bold; font-style:normal; } @font-face{ font-family:'crimson'; src:url('crimsontext-italic-webfont.eot'); src:url('crimsontext-italic-webfont.eot?#iefix') format('embedded-opentype'), url('crimsontext-italic-webfont.woff2') format('woff2'), url('crimsontext-italic-webfont.woff') format('woff'), url('crimsontext-italic-webfont.ttf') format('truetype'), url('crimsontext-italic-webfont.svg#crimson_textitalic') format('svg'); font-weight:normal; font-style:italic; } @font-face{ font-family:'crimson'; src:url('crimsontext-regular-webfont.eot'); src:url('crimsontext-regular-webfont.eot?#iefix') format('embedded-opentype'), url('crimsontext-regular-webfont.woff2') format('woff2'), url('crimsontext-regular-webfont.woff') format('woff'), url('crimsontext-regular-webfont.ttf') format('truetype'), url('crimsontext-regular-webfont.svg#crimson_textroman') format('svg'); font-weight:normal; font-style:normal; } /* ----------------------------------------- #Links -----------------------------------------*/ a,a:visited{color:#0072bc;text-decoration:underline;outline:0; -webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease; -webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease} a:hover,a:focus{color:#0072bc} 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 Helvetica,arialimportant;text-transform:uppercase;font-family:"Helvetica",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} /* button fix */ .button, #RZdocument_center button, #RZdocument_center input[type="submit"], #RZdocument_center input[type="reset"], #RZdocument_center input[type="button"]{padding:0 19px!important} /* ----------------------------------------- #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, a.button, button, input[type="submit"], input[type="reset"], input[type="button"]{color:#fff;background:#c13440;display:inline-block;text-align:center;outline:none!important;font-size:14px;box-shadow:none;border:none;height:30px;line-height:30px!important;font-weight:bold;text-decoration:none;cursor:pointer;line-height:normal;padding:0 15px;vertical-align:middle;font-family:"HelveticaNeueLTStd","HelveticaNeue",Helvetica,Arial,sans-serif;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease} .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active{background:#cd434f} 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"], input[type="search"], textarea, select{border:1px solid #d3d3d3;padding:6px 4px;outline:none;font:13px "crimson",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} 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.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} .e-notify{color:#fff!important;font-weight:bold;font-size:12px;background:#0C517E;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;color:#fff!important} /* ----------------------------------------- #Header + Nav + No More IE7 -----------------------------------------*/ .container{width:1080px} html{overflow-x:hidden} .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{font-family:"HelveticaNeueLTStd","HelveticaNeue",Helvetica,Arial,sans-serif} .logo{margin:17px 0 15px} .translate{font-weight:bold;font-size:12px;margin-top:35px;text-align:right} .translate a{text-decoration:none;padding:3px 25px 3px 0;background:url(../img/translate.png) right center no-repeat;background-size:18px 18px;line-height:18px} .void{margin-top:30px} .void a{color:#fff;background:#0072BC;display:inline-block;width:32px;height:32px;text-align:center;line-height:32px} .nav-wrap{background:#0072bc} #nav{position:relative;z-index:999} #menu-icon{display:none} .nav{width:100%;float:left;margin:0} .nav li{float:left;position:relative;list-style:none;margin:0} .nav li a{float:left;color:#fff;display:block;padding:17px;font-size:16px;text-decoration:none;text-transform:capitalize;font-weight:bold} .nav > li:first-child a{padding-left:0} .nav ul{display:none;position:absolute;left:0;top:100%;margin:0;z-index:99;background:#0c517e;padding:3px} .nav ul a{float:none;width:180px;border-right:none;padding:9px 10px!important;color:#fff;font-size:11px;text-transform:none} .nav li a:hover{background:none} .nav li li:hover > a{background:#0072bc;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px} .nav ul li:last-child a{border:none} .nav ul li{float:none} .nav ul ul{top:0;left:100%} .nav li:hover > ul{display:block} .search form{margin:10px 0 10px -30px;position:relative;background:#0c517e;overflow:hidden;height:35px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px} .search form:before{position:absolute;font-family:FontAwesome;top:6px;left:15px;content:"\f002";color:#fff;font-size:17px;font-weight:normal} .search input{background:none;border:none;line-height:38px;height:38px;padding:0 0 0 40px;color:#fff;font-size:14px;font-style:italic} .search input::-webkit-input-placeholder{opacity:1!important;color:#fff} .search button{position:absolute;right:0;background:none;font-size:14px;color:#ffd27c;height:35px} .wrapper{background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#eef0f1 50%,#eef0f1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#eef0f1),color-stop(100%,#eef0f1));background:-webkit-linear-gradient(top,#ffffff 0%,#eef0f1 50%,#eef0f1 100%);background:-o-linear-gradient(top,#ffffff 0%,#eef0f1 50%,#eef0f1 100%);background:-ms-linear-gradient(top,#ffffff 0%,#eef0f1 50%,#eef0f1 100%);background:linear-gradient(to bottom,#ffffff 0%,#eef0f1 50%,#eef0f1 100%)} #main-top{margin-top:30px;font-family:"HelveticaNeueLTStd","HelveticaNeue",Helvetica,Arial,sans-serif} .qlinks .inner{background:#0072BC;margin-left:-30px;padding:30px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-o-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0} .qlinks a.qlink{display:block;background:#fff url(../img/arrow.png) 95% 50% no-repeat;background-size:12px 12px;color:#182330;text-decoration:none;font-weight:bold;font-size:16px;margin-bottom:4px;padding:9.5px 17px;border-radius:4px} .qlinks a.qlink:last-of-type{margin:0} .main-title{font-size:40px;font-weight:bold;line-height:1} #news{padding:55px 0 45px;font-family:"HelveticaNeueLTStd","HelveticaNeue",Helvetica,Arial,sans-serif} #news .main-title{float:left;margin:0 0 0 15px} #news a.all{float:right;margin-right:15px;font-weight:normal;font-size:13px} .news-items{padding:32px 5px 0} .news-item .inner{margin:0 -6px !important;background:#fff !important;margin-bottom:18px !important;-webkit-border-radius:4px !important;-moz-border-radius:4px !important;-o-border-radius:4px !important;border-radius:4px !important;padding:25px 30px 45px !important;overflow:hidden !important} .news-img{margin:-30px -30px 30px} .news-date p{margin:0 0 8px;font-style:italic;font-family:"crimson",serif} .news-title{color:#0072bc;font-size:20px;font-weight:bold} .news-title a{text-decoration:none} .news-title a:hover{text-decoration:underline} #events{padding:60px 0} #newsletter{background:#0072bc;color:#ffe3af;padding:55px 0 50px} #newsletter .main-title{color:#fff;margin-bottom:10px} #newsletter p{margin:0} .signup{text-align:right} .signup form{text-align:left;height:40px;margin:0 0 10px -30px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;position:relative;margin:0} .signup input{background:none;border:none;width:80%;box-shadow:none;outline:none;line-height:40px;padding:0 20px;font-style:italic;height:40px} .signup input[type="submit"]{background:#fdb813;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-o-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;color:#182330;height:40px;position:absolute;right:0;width:auto} .signup input[type="submit"]:hover{background:#ffcb4e} .signup p{background:url(../img/lock.png) left 10px no-repeat;display:inline-block;padding-left:30px;background-size:18px 18px;padding-top:10px;clear:both} #community{padding:60px 0 35px} #community .message .inner{background:url(../img/message.jpg) center no-repeat;background-size:cover;color:#fff;padding:45px 35px 30px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin-right:-30px} #community .main-title{color:#fdb813;margin-bottom:20px;padding-right:30px} #community .message-post{font-style:italic;line-height:1.56} #community .auth{font-style:normal;font-weight:bold;margin-top:25px;display:block} .video-inner{padding-left:60px} .video-wrap{margin-bottom:25px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px} .video h4{font-size:24px;font-weight:bold} #clone{padding:40px 0;background:#eef0f1;text-align:center;font-family:"HelveticaNeueLTStd","HelveticaNeue",Helvetica,Arial,sans-serif} .nav-clone .nav{float:none} .nav-clone .nav li{float:none;display:inline-block} .nav-clone .nav li a{padding:0 29px;color:#000;float:none} .nav-clone .nav ul{display:none!important} #footer{font-family:"HelveticaNeueLTStd","HelveticaNeue",Helvetica,Arial,sans-serif;padding:30px 0 40px;font-size:12px} .foo-left{margin-top:18px} .foo-left p{margin-bottom:10px} .foo-left a{text-decoration:none} .foo-left a:hover{text-decoration:underline} .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;} .alert h4{color:#ffc140;margin:0 0 10px;font-family:"HelveticaNeueLTStd";font-weight:bold;text-transform:uppercase;font-size:18px} .alert .btn{padding:8px 10px 6px;margin:20px 0 0 0!important;background:#0f99ee;color:#fff;text-transform:uppercase;text-decoration:none;border-radius:0;font-size:12px;font-weight:bold} .alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px;} /* ----------------------------------------- #Inner Page -----------------------------------------*/ .breadcrumbs{font-size:14px;text-transform:capitalize;color:#aeb7c3;padding:25px 15px 50px;font-family:"HelveticaNeueLTStd","HelveticaNeue",Helvetica,Arial,sans-serif;font-weight:bold} .breadcrumbs p{margin:0} .breadcrumbs a{text-decoration:none;background:url(../img/breadcrumb.png) right center no-repeat;background-size:8px 8px;padding-right:15px;margin-right:10px} .breadcrumbs a:hover{text-decoration:underline} .sidebar .inner{padding-right:60px;font-family:"HelveticaNeueLTStd","HelveticaNeue",Helvetica,Arial,sans-serif;position:relative;z-index:1} h4.side-title{font-size:20px;font-weight:bold} .flyout{margin:0;padding:0} .flyout li{margin:0;list-style:none;position:relative;z-index:998} .flyout li a{display:block;text-decoration:none;padding:10px 0;border-bottom:1px solid #dddee0;font-weight:bold;font-size:14px} .flyout ul{margin:0;position:absolute;left:100%;top:0;display:none;padding:3px;background:#0c517e} .flyout ul a{padding:9px 20px;color:#fff;font-size:11px;width:180px;border:none} .flyout ul li:last-child a{border:none} .flyout li li:hover > a{background:#0072bc;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px} .flyout li:hover > ul{display:block} .entry .inner{margin:0 0 0 -30px} .page-title{font-size:50px;font-weight:bold;margin-bottom:50px;line-height:1} .post{font-size:16px} .side-right .inner{padding-left:60px;font-family:"HelveticaNeueLTStd","HelveticaNeue",Helvetica,Arial,sans-serif} .box{border:1px solid #182330;border-radius:4px;margin-bottom:20px} h5.side-title{background:#182330;color:#fff;font-weight:bold;font-size:16px;margin:0;padding:16px} .box article{padding:20px 15px;font-size:12px} #main{padding-bottom:50px} .fullwidth .entry .inner{margin-left:0} .newslist .news_item{margin:0 0 30px} .entry-wrap{position:relative} .extradiv{position:relative;z-index:998;margin-top:30px} /* ----------------------------------------- #RZ Edit Buttons -----------------------------------------*/ #nav .float_button_above{top:-24px} .slider-edit-btns{z-index:51} .youtube-edit-btn{z-index:100} .news-edit-btns{z-index:5;left:25px} /* ----------------------------------------- #newslist -----------------------------------------*/ .newslist #main{background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#eef0f1 50%,#eef0f1 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#eef0f1),color-stop(100%,#eef0f1));background:-webkit-linear-gradient(top,#ffffff 0%,#eef0f1 50%,#eef0f1 100%);background:-o-linear-gradient(top,#ffffff 0%,#eef0f1 50%,#eef0f1 100%);background:-ms-linear-gradient(top,#ffffff 0%,#eef0f1 50%,#eef0f1 100%);background:linear-gradient(to bottom,#ffffff 0%,#eef0f1 50%,#eef0f1 100%)} .newslist .news-item{margin-bottom:30px;} .newslist .seqclass + p{margin:30px 0 0} .newslist .seqclass + p a{color:#182330;font-weight:bold;text-decoration:none;font-size:28px} .newslist #news{padding:0} /* ----------------------------------------- #Agenda Detail -----------------------------------------*/ .agenda_detail .page-title{margin:0 0 15px} .agenda_detail .agenda_date{margin:0 0 15px} .agenda_detail .agenda_header{margin:15px 0 10px} /* ----------------------------------------- #bxSlider -----------------------------------------*/ .slider{overflow:hidden} .bx-wrapper{position:relative;margin:0;padding:0;*zoom:1} .bx-wrapper *{margin:0;padding:0} .bx-wrapper img{max-width:100%;width:100%;display:block;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px} /* 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;-o-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:25px;height:25px;margin:-20px 0 0;display:block;background:#c13440 url(../img/arrow-white.png) no-repeat 50%;background-size:11px 11px;position:absolute;z-index:60;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 a.bx-prev{left:-40px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)} .bx-wrapper a.bx-next{right:-40px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-o-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px} .bx-wrapper:hover a.bx-next{opacity:0.6;right:0} .bx-wrapper:hover a.bx-prev{opacity:0.6;left:0} .bx-wrapper a.bx-prev:hover,.bx-wrapper a.bx-next:hover{opacity:1} /*.caption{position:absolute;bottom:0;right:0;left:0;padding:100px 50px 53px;background:url(../img/caption.png) bottom center repeat-x}*/ .caption{position:absolute;bottom:0;right:0;left:0;padding:100px 50px 53px;} .caption-title{display:block;color:#fff;font-family:"crimson",serif;font-style:italic;font-size:16px;margin-bottom:20px} .caption-post{color:#ffd27c;font-weight:bold;font-size:40px;line-height:1} .video-inner{position:relative} .youtube-edit-btn{z-index:9999999;top:0px;position:relative!important} /* hide the broken skype logo */ #skype_c2c_container {display: none;} /* ----------------------------------------- #Media Queries -----------------------------------------*/ @media only screen and (min-width:993px){ .nav{display:block!important} } @media only screen and (max-width:1200px){} @media (max-width:1110px){ .container{width:970px} header .nav li a{padding:17px 13px} .qlinks .inner{padding:29px 30px} .qlinks a{padding:7px 14px} } @media only screen and (max-width:992px){ .container{max-width:100%} .logo{text-align:center;margin:20px 0} .translate{display:none} #menu-icon p{float:left;margin:0;color:#fff;text-transform:uppercase;font-weight:bold;font-size:16px} #menu-icon .burger{float:right} #menu-icon{padding:20px 15px;display:block;position:relative;margin:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer} #menu-icon span{display:block;position:absolute;height:4px;width:30px;background:#fff;border-radius:4px;opacity:1;right:0;margin:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out} #menu-icon span:nth-child(1){top:20px} #menu-icon span:nth-child(2),#nav-icon3 span:nth-child(3){top:28px} #menu-icon span:nth-child(4){top:36px} #menu-icon.open span:nth-child(1){top:28px;width:0%;left:-100px} #menu-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:28px} #menu-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:28px} #menu-icon.open span:nth-child(4){top:28px;width:0%;left:-100px} header .nav{display:none;float:none;padding:0 15px} header .nav li{float:none} header .nav li a{float:none;font-size:14px;border:none;border-bottom:1px solid #1585ce!important;padding:20px 15px!important;color:#ffd27c} header .nav ul{display:block;position:static;box-shadow:none;border:none;padding:0;background:#218bd0} header .nav li li a{width:auto;font-size:12px;padding:15px 30px!important;font-weight:normal;color:#fff;border-bottom:1px solid #309ce2!important} header .nav li li:hover >a{background:none;border-radius:0} header .nav li a:hover{background:#fff!important;color:#182330} header .nav li li li a{padding:10px 45px!important;background:#4ea7e1;border-bottom:1px solid #65b8ed!important} #nav .float_button_above{top:-85px} .search{display:none} .wrapper{background:none} #main-top{margin:0} .slider{padding:0} .bx-wrapper img{border-radius:0;min-height:420px;min-width:537px} a.bx-prev{left:0!important;opacity:1!important} a.bx-next{right:0!important;opacity:1!important} .qlinks{padding:0} .qlinks .inner{margin:0;border-radius:0;padding:30px} .qlinks a{padding:9px 14px;background-position:98% 50%} #news{background:#eef0f1} #homepage .news-items{text-align:center} #homepage .news-item{margin:0 auto;text-align:center;display:inline-block;max-width:250px;float:none} .newsletter-left{text-align:center;margin-bottom:30px} .signup{text-align:left} .signup form{margin:0 0 15px} #community,.message{padding:0} #community .message .inner{border-radius:0;margin:0} .video-inner{padding:30px 5px} .nav-clone .nav li{display:block;margin:20px 0} .nav-clone .nav li a{font-size:18px} #footer{text-align:center} /*.caption{position:absolute;bottom:0;right:0;left:0;padding:100px 50px 53px;background:url(../img/caption.png) bottom center repeat-x}*/ .caption{position:absolute;bottom:0;right:0;left:0;padding:100px 50px 53px;} .caption-title{display:block;color:#fff;font-family:"crimson",serif;font-style:italic;font-size:16px;margin-bottom:20px} .caption-post{color:#ffd27c;font-weight:bold;font-size:30px;line-height:1} .breadcrumbs{padding:20px 30px} .sidebar{background:#eef0f1;padding:20px 30px;margin-bottom:50px} .flyout li a{color:#0072bc;border-bottom:1px solid #dddee0!important} .flyout ul{position:static;display:block;padding:0;background:0} .flyout ul a{width:auto;font-style:italic} .flyout li li:hover > a{background:none;color:#0072bc} .sidebar .inner,.entry .inner,.side-right .inner{margin:0;padding:0} .entry .inner{padding:0 15px} .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 } } @media only screen and (max-width:797px){ #homepage .news-item{display:none} #homepage .news-item:first-of-type{display:inline-block} #homepage .news-item:first-of-type + .news-item{display:inline-block} } @media only screen and (max-width:480px){ .main-title{font-size:30px;letter-spacing:-1px} } @media only screen and (max-width:340px){ a.all{padding:7px!important;height:auto;font-size:12px!important;line-height:1!important;position:relative;top:3px} } @media only screen and (max-width:320px){} /* changes to internal pages */ #main { background-image: url("/images/background1.jpg"); background-size: 100% 100%; background-repeat: no-repeat; background-attachment: fixed; } @media only screen and (max-width:992px) { #main {background-image: none;} } /* AHK, 2/1/2016 */ .page-title { text-transform: uppercase; } /* gray background with rounded corners, left-top, left-bottom */ .sidebar { background-color: #eef0f1; padding-bottom: 20px; padding-top: 10px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } /* rounded corners, right-top, right-bottom, left-bottom */ .box article { -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -o-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } /* white background main content area and right-sidebar if it exists */ .entry, .entry .inner, .titltBtn, .box article { background-color: #ffffff; } /* drop shadow for any image in the left sidenav */ .extradiv a img { box-shadow: 1px 1px 1px 1px #000000; } /* rounded corner, left-bottom, extend column with white background to left strip */ .entry .inner { padding:15px 15px; -webkit-border-radius:0 0 0 4px; -moz-border-radius:0 0 0 4px; -o-border-radius:0 0 0 4px; border-radius:0 0 0 4px; } /* rounded corners, top-right, bottom-right */ .entry { -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } /* fix print issues */ @media print { .nav-wrap, .void, .translate, .qlinks, a.all, #newsletter, .video-inner, #clone, .sidebar, .breadcrumbs, .e-notify{display:none!important} .news-item{max-width:20%;float:left;height:auto} a[href]:after{content:none!important} .entry .inner{margin:0} } a[href="rss.xml"] { display: none; }