/*----------------------------------------------------------------------------------- Theme Name: LaGrange, TX Theme URI: http://www.cityoflg.com/ Description: Custom Website Design for LaGrange, TX Author: Tom Gooden | @good3n Author URI: http://www.revize.com/ Version: 1.0 / FEB 19, 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 #Tabs #Inner Page #FlexSlider #Bootstrap v2.3.2 tables only #Media Queries -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:16px;line-height:22px;font-family:'Open Sans',sans-serif;color:#231f20;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%} @font-face {font-family:'Nexa Rust';src:url('../fonts/nexa/NexaRustHandmade-Extended.eot');src:url('../fonts/nexa/NexaRustHandmade-Extended.eot?#iefix') format('embedded-opentype'),url('../fonts/nexa/NexaRustHandmade-Extended.woff') format('woff'),url('../fonts/nexa/NexaRustHandmade-Extended.ttf') format('truetype');font-weight:normal;font-style:normal} @font-face {font-family:'Nexa Rust';src:url('../fonts/nexa/NexaRustScriptL-0.eot');src:url('../fonts/nexa/NexaRustScriptL-0.eot?#iefix') format('embedded-opentype'),url('../fonts/nexa/NexaRustScriptL-0.woff') format('woff'),url('../fonts/nexa/NexaRustScriptL-0.ttf') format('truetype');font-weight:300;font-style:normal} @font-face {font-family:'Nexa Rust';src:url('../fonts/nexa/NexaRustSans-Black.eot');src:url('../fonts/nexa/NexaRustSans-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/nexa/NexaRustSans-Black.woff') format('woff'),url('../fonts/nexa/NexaRustSans-Black.ttf') format('truetype');font-weight:900;font-style:normal} /*@font-face {font-family:'Nexa Rust';src:url('../fonts/nexa/NexaRustSlab-BlackShadow01.eot');src:url('../fonts/nexa/NexaRustSlab-BlackShadow01.eot?#iefix') format('embedded-opentype'),url('../fonts/nexa/NexaRustSlab-BlackShadow01.woff') format('woff'),url('../fonts/nexa/NexaRustSlab-BlackShadow01.ttf') format('truetype');font-weight:900;font-style:normal}*/ @font-face {font-family:'Nexa Rust';src:url('../fonts/nexa/NexaRustExtras-Free.eot');src:url('../fonts/nexa/NexaRustExtras-Free.eot?#iefix') format('embedded-opentype'),url('../fonts/nexa/NexaRustExtras-Free.woff') format('woff'),url('../fonts/nexa/NexaRustExtras-Free.ttf') format('truetype');font-weight:normal;font-style:normal} @font-face { font-family: 'Nexa'; src: url('../fonts/nexa/NexaRustSlab-BlackShadow01.woff2') format('woff2'), url('../fonts/nexa/NexaRustSlab-BlackShadow01.woff') format('woff'); font-weight: 900; font-style: normal; } .faqs-heading{background:#f9f9f9 url(../images/arrow-down.png) no-repeat 20px center !important} .faqs-heading.active{background:#2ECC71 url(../images/arrow-up.png) no-repeat 20px center !important} /* ----------------------------------------- #typography -----------------------------------------*/ html{overflow:auto;} h1,h2,h3,h4,h5,h6{color:#111;font-weight:normal;margin-bottom:30px;line-height:1.2} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit} h1{font-size:36px} h2{font-size:32px} h3{font-size:28px} h4{font-size:21px} h5{font-size:16px} h6{font-size:14px} .header{font-family:'Nexa Rust',sans-serif;font-size:40px;line-height:20px;color:#231f20;font-style:normal;font-weight:900} .subheader{font-size:24px;line-height:22px;font-family:'Lora',serif;font-weight:bold;color:#231f20} p{margin:0 0 30px 0} em{font-style:italic} strong,b{font-weight:bold} small{font-size:80%} hr{border:solid #ccc;border-width:1px 0 0;clear:both;margin:10px 0 30px;height:0} /* ----------------------------------------- #links -----------------------------------------*/ a,a:visited{color:#0f99ee;text-decoration:underline;outline:0!important; -webkit-transition:color .3s ease;-moz-transition:color .3s ease;-o-transition:color .3s ease;transition:color .3s ease; -webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease} a:hover,a:focus{color:#0f99ee} p a,p a:visited{line-height:inherit} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:20px;margin-left:10px} ul{list-style:disc} ol{list-style:decimal} ul ul,ul ol, ol ol,ol ul{margin:4px 0 5px 30px} ul ul li,ul ol li, ol ol li,ol ul li{margin-bottom:6px} li{line-height:1.3;margin-bottom:7px} li p{line-height:1.3} /* ----------------------------------------- #images -----------------------------------------*/ img{max-width:100%;height:auto} a img{border:none} .alignleft{float:left;clear:left;margin:0 20px 20px} .alignright{float:right;margin:0 0 20px 20px} .alignnone{margin:0 auto 20px;display:block} img[align="right"], img[style*="float:right"], img[style*="float:right"]{ margin:0 0 20px 20px; } img[align="left"], img[style*="float:left"], img[style*="float:left"]{ margin:0 20px 20px 0; } /* ----------------------------------------- #buttons -----------------------------------------*/ .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"], .btn{padding:10px 20px;background:#0f99ee;color:#fff!important;border:0;border-radius:0;display:inline-block;font-size:12px;font-weight:900!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family:'Open Sans',sans-serif;text-transform:uppercase;transition:background .3s} .button:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .btn:hover{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda} .button:active, a.button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .btn:active{-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;background:#0e8cda} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} #directContainer .btn{color:#666!important;overflow:hidden} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family:'Open Sans',sans-serif;color:#777;margin:0;display:inline-block;background:#fff;border-radius:0;box-shadow:none} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="search"]:focus, textarea:focus{color:#63686c;border:1px solid #0F95E9} label, legend{display:block;font-weight:bold;font-size:13px} input[type="checkbox"]{display:inline} label span, legend span{font-weight:normal;font-size:13px;color:#444} .form-control:focus{border-color:inherit;-webkit-box-shadow:none;box-shadow:none} ::-webkit-input-placeholder{color:#777} :-moz-placeholder{color:#777} ::-moz-placeholder{color:#777} :-ms-input-placeholder{color:#777} .gsc-control-cse *{box-sizing:content-box} /* ----------------------------------------- #rz intranet -----------------------------------------*/ form.loginform{background:#fff;padding:30px;border:1px solid #D2DFEF} form.loginform p{background:#E65229;color:#fff;padding:20px;line-height:1} form.loginform label{font-weight:normal} form.loginform label input{display:block;margin-bottom:10px;width:100%;box-sizing:border-box;padding:10px;color:#000} /* ----------------------------------------- #rz notify -----------------------------------------*/ .e-notify{font-weight:bold;font-size:12px;background:#E7DF7F;position:fixed;padding:3px 13px 2px;bottom:10px;left:10px;color:#111;border-radius:50px;text-transform:uppercase;z-index:999;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,.175)} .e-notify img{display:none} .e-notify i{margin-right:4px!important} .e-notify a{position:absolute;top:0;bottom:0;left:0;right:0} /* ----------------------------------------- #rz alert -----------------------------------------*/ .floating-alert{position:fixed;z-index:99999;bottom:10px;margin:0;right:10px;border:3px solid #fff;background:#000;background:rgba(0,0,0,.9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#fff;padding:30px;font-size:14px;width:350px} .floating-alert h4{color:#ffc140;margin:0 0 10px;font-family:'Open Sans',sans-serif;font-weight:bold;text-transform:uppercase;font-size:18px} .floating-alert .btn{padding:8px 10px;margin:20px 0 0 0!important} .floating-alert .close{padding:0;background:none!important;color:#fff!important;opacity:1;margin-right:20px} /* ----------------------------------------- #rz edit -----------------------------------------*/ .librarygabbieBtn,.libraryBtn{position:absolute;z-index:10} .sliderbtn{top:auto;bottom:0} .float_button_above,.captionEditBox,.bgnewsEditBox,.editBtns,.eventsEditBox,.captionEditBox,.notifyEventsBtn,#footer-text .editBtn{position:absolute;z-index:200} #freeform .float_button_above, #freeform .editBtn{display:none} .quicklinkbtn{position:relative;z-index:200;} .newsBtn{position:absolute;top:-20px;z-index:200} #news-desc .editBtn{position:absolute;z-index:200} #freeform .captionEditBox{position:absolute;right:0;bottom:0;z-index:999} #new-div{border-radius:6px;background:#edeadc;padding:15px;display:block;text-decoration:none !important;font-size:21px;font-weight:900;color:#231f20;font-family:'Nexa Rust',sans-serif;text-transform:uppercase;min-height:100px} #new-div img{max-width:100%;width:42px;margin:17px 21px 0 0} #new-div span{overflow:hidden;margin-top:27px} #featured-resources{padding:100px 0} #featured-resources h2{margin:0 0 50px;font-weight:bold;text-transform:uppercase;font-family:'Nexa Rust',sans-serif} #featured-resources .row{margin-bottom:50px} #featured-resources a{display:block;text-decoration:none !important} #featured-resources img{max-width:100px;margin-bottom:15px} #featured-resources .txt{font-weight:bold} /* ----------------------------------------- #main -----------------------------------------*/ body{overflow-x:hidden} .library #slider-caption-wrap .container{width: 1600px;max-width: 100%;} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #nav-toggle,.toggle,.toggle2{display:none} header{background:#0b554e;position:relative;z-index:999} header .fa-angle-down{display:none} #nav-wrap{position:relative;z-index:999;padding-left:15px} #nav{padding:0;margin:0} #nav>li:after{content:'';position:absolute;right:0;top:20px;bottom:20px;width:1px;background:#489891} #nav>li:last-of-type:after{display:none} #nav li{position:relative;margin:0;float:left;list-style:none} #nav a{text-decoration:none;color:#fff;display:block;font-weight:bold;font-size:16px;line-height:70px;padding:0 20px;transition:all .2s ease-in-out} #nav ul{padding:0;margin:0;position:absolute;left:0;top:100%;background:#fff;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.3);display:none} #nav ul li{width:220px;float:none} #nav ul a{padding:15px 25px;font-size:14px;line-height:1;border-bottom:1px solid rgba(11,85,78,.2);color:#0B554E;position:relative;z-index:10} #nav ul a:after{content:'';position:absolute;left:0;right:100%;top:100%;bottom:0;background:#113935;transition:all .2s ease-in-out;z-index:-1} #nav ul a:hover:after{top:0%;right:0%} #nav ul a:hover{color:#fff} #nav ul ul{left:100%;top:0} #nav li:last-child>a{border:none} #nav li:hover>ul{display:block} .nav > li > a:focus, .nav > li > a:hover{background-color: transparent;} #header-right{display:inline-block;float:right} #social{display:inline-block;float:left;padding-right:29px} #social a{display:inline-block;float:left;text-decoration:none;color:#fff;font-size:22px;margin-right:16px;line-height:70px} #social>a:last-of-type{margin-right:0} #search{display:inline-block;float:left;padding:14px 0} #search .search-form{position:relative;margin:0} #search .search-form label{position:absolute;left:0;top:0;height:40px;line-height:40px;width:56px;text-align:center;padding:0;margin:0;font-weight:normal !important;color:#fff;cursor:pointer} #search .search-form input{background:#113935;border:none;border-radius:6px;line-height:40px;height:40px;min-width:297px;padding:0 74px 0 59px;color:#fff !important;font-size:14px;transition:all .2s ease-in-out} #search .search-form input::-webkit-input-placeholder{color:rgba(255,255,255,.5)} #search .search-form input:-moz-placeholder{color:rgba(255,255,255,.5)} #search .search-form input::-moz-placeholder{color:rgba(255,255,255,.5)} #search .search-form input:-ms-input-placeholder{color:rgba(255,255,255,.5)} #search .search-form input:focus{border:none} #search .search-form button{padding:0;position:absolute;right:0;top:0;line-height:40px;height:40px;text-align:center;width:74px;background:transparent;font-size:16px;font-weight:bold !important} #logo-wrap{padding:29px 0 0 50px;position: absolute;left: 0;} #logo{display:inline-block;text-decoration:none} #slider-caption-wrap{position:absolute;left:0;right:0;top:0;bottom:0} #slider-caption{position:relative;z-index:200;top: -59px;left: -45px;clear: both;} .tourism #slider-caption{top: 45px;left: 15px;} .slider_caption_text{font-size: 80px;color: #231f20;font-family: 'Nexa', sans-serif;} .top_caption{background: #a1d2b6;/*! text-align: center; */border-radius: 6px;padding: 3px 15px 3px;display: inline-block;} .bottom_caption{background: #f4d384;border-radius: 6px;position: relative;z-index: 1;top: -1px;left: 170px;/*! padding-top: 2px; *//*! padding-bottom: 3px; */padding: 3px 15px;display: table-cell;} .library .bottom_caption{float: right;left:0} #slider-qlinks-wrap{position:absolute;right:0;left:0;bottom:0;top:0} /*#slider-qlinks{position:relative;z-index:200;float:right;padding-right:51px}*/ #slider-qlinks{position:relative;z-index:200;/*! float:right; */padding-right:170px;margin-top: 65px;/*! bottom: -420px; */} #slider-qlinks>a:last-of-type{border:none} .qlink-entry{text-decoration:none !important;display:block;padding:18px 44px;border-bottom:1px solid rgba(255,255,255,.3)} .qlink-icon{float:left;display:inline-block;padding-right:19px} .qlink-icon img{display:inline-block} .qlink-title{display:block;float:left} .qlink-title span{display:inline-block;color:#fff;font-family:'Lora',serif;font-size:18px;font-weight:bold;line-height:20px;text-shadow: 0px 0px 10px rgb(0, 0, 0),0px 0px 10px rgb(0, 0, 0);} #slider-more{position:absolute;bottom:41px;right:71px} #slider-more a{position:relative;z-index:200;text-decoration:none;color:#fff;font-size:18px;line-height:20px;font-family:'Lora',serif;font-weight:bold} #slider-more a img{margin-right:13px} .library_tabs .container{width: 100%;} a.library_tab{border-radius: 6px;background: #edeadc;padding: 15px;display: block;text-decoration: none !important;font-size: 21px;font-weight: 900;color: #231f20;font-family: 'Nexa Rust',sans-serif;text-transform: uppercase;min-height: 100px;margin-bottom: 30px;} .library_tab_img{display: inline-block;vertical-align: top;margin-top: 20px;} .library_tab_text{display: inline-block;width: 60px;margin-top: 10px;} #isotope-container .isotop-element{opacity: 1 !important;} .ecomonic_img_bg{height: 200px;} #news-wrap{padding:72px 0} #news{padding-left:84px} #news-in{display:inline-block} #news-header{padding-bottom:20px} #news-header h2{margin:0;font-size:36px;line-height:1;color:#231f20;font-family:'Nexa Rust',sans-serif;font-style:normal;font-weight:900} #news-desc{padding-bottom:32px} #news-desc p{margin:0;font-size:14px;line-height:18px;color:#231f20} #news-all a{font-family:'Lora',serif;text-decoration:none;font-size:18px;line-height:20px;font-weight:bold;color:#dda241} #news-entries{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:63px;-moz-column-gap:63px;column-gap:30px;/*! padding:0 85px 0 42px */} /*#news-entries>a:last-of-type{margin-right:0}*/ /*#news-entries>a:first-of-type{margin-left:0}*/ .news-entry{text-decoration:none !important;/*margin:0 23px*/;display:inline-block;width:100%} .news-entry-banner{height:220px;border-radius:6px 6px 0 0} .news-entry-desc{border-radius:0 0 6px 6px;box-shadow:inset 0px 0px 0px 2px rgba(194,187,138,1);padding:25px 37px} .news-entry-date span{font-size:14px;line-height:20px;color:#231f20} .news-entry-title span{color:#0b554e;font-weight:bold;font-family:'Lora',serif;font-size:18px;line-height:24px} #events-wrap{/*! margin-bottom:115px; */min-height:825px;min-height:490px;background:url('../_images_/background-events.jpg') top center no-repeat;background-size:cover;} #spotlight-wrap{text-align:center;margin:50px 37px 0 85px;position:relative;} .shade{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;background: rgba(0, 0, 0, 0.4);border-radius: 6px;} .spolight_content{position: relative;z-index: 2;color: #F5F5DC;padding: 15px 30px;} .star-heading h3, #spotlight-wrap h4{font-family: 'Lora',serif;font-size: 20px;font-weight: bold;line-height: 26px;color: #70c5bd;text-decoration: none;} #spotlight{/*! min-height:600px; */border-radius:6px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 5px;} #spotlight-logo{position:relative;top:-42px;margin-bottom:-42px;z-index: 60;} #spotlight-slider{padding:33px 55px 0 55px;} .spotlight-item{/* border-top:1px solid rgba(255,255,255,.3); *//* border-bottom:1px solid rgba(255,255,255,.3); */padding:40px 0;display:block;text-decoration:none !important;padding-bottom: 0px;color: } .spotlight-item-header{/* padding-bottom:20px */} .spotlight-item-header span{font-family:'Lora',serif;font-size:20px;font-weight:bold;line-height:26px;color:#70c5bd;text-decoration:none;} .spotlight-item-desc p{font-size:14px;line-height:18px;color:#fff;margin:0} #calendar{width:100%} #calendar-wrap{padding: 75px 85px 13px 37px;} #calendar-header{padding-bottom:46px} #calendar-header h2{margin:0;font-size:36px;font-family:'Nexa Rust',sans-serif;font-weight:900;text-transform:uppercase;font-style:normal;line-height:1;color:#231f20;float:left} #calendar-header a{float:right;text-decoration:none;font-family:'Lora',serif;font-weight:bold;font-size:18px;line-height:20px;color:#dda241;position:relative;bottom:-15px} #freeform .notif-guide{margin:0} #freeform .guide-out{padding:0;margin:0 -15px} #homepage .guide-out{padding-right:85px} #notif-wrap{padding-bottom:60px} footer{background:#0b554e;padding:33px 85px 29px 85px} #footer-logo{text-decoration:none;display:inline-block} #footer-text p{margin:0;font-size:14px;line-height:22px;color:#fff;display:inline-block} #footer-text p span:after{content:'';padding:0 16px} #footer-text p span:last-of-type:after{display:none} #revize-login-wrap{text-align:right} #revize-login{display:inline-block} #revize-login .powered-by-revize{color:#fff;font-weight:bold;font-size:14px;line-height:22px} #revize-login #powered-by-revize-link{text-decoration:none;color:#fff;font-weight:bold;font-size:14px;line-height:22px} #revize-login #powered-by-revize-link:after{content:'';padding:0 16px;color:#fff} #revize-login #revize-login-link, #revize-login>a{text-decoration:none;color:#dda241;text-transform:uppercase;font-weight:bold;font-size:14px;line-height:22px} #revize-login>a{margin-right:15px} #spotlight-pager{position:relative;top:-5px} #spotlight-pager p{margin:0;color:#fff;font-style:italic;font-weight:600;font-size:16px;line-height:36px} .currSlide{margin-right:5px} .numSlide{margin-left:5px} #tourbookdiv{margin: 0 auto} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform-slider-wrap{position:relative} #freeform-slider{height:290px;margin:0 -15px} #freeform-slider li{position:relative} /*#freeform-slider li:after{content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:url(../images/shade-2.png) bottom left repeat-x;background-size:contain}*/ #freeform-caption-wrap{position:absolute;right:0;left:0;bottom:0;top:0} #freeform-caption{position:relative;z-index:200;text-align:right;padding-right:55px} .aside{background:#edeadc;margin-left:-15px;position:relative;z-index:200;padding:92px 0} .aside .fa-angle-down{display:none} #flyout-toggle{display:none} #flyout-header{padding:0 67px 22px 67px} #flyout-header h2{font-size:20px;font-weight:bold;line-height:29px;font-family:'Lora',serif;color:#231f20;margin:0} #flyout{margin:0;padding:0} #flyout li{margin:0;display:block;position:relative;padding:0 73px 0 67px} #flyout a{text-decoration:none;padding:15px 0;display:block;border-bottom:1px solid #d9d6c9;font-size:16px;font-weight:normal;line-height:24px;color:#0b554e} #flyout>li:hover{background:#fff} #flyout>li:hover>a{border-color:#fff} #flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#fff;box-shadow:0px 0px 1px 0px rgba(0,0,0,0.3)} #flyout ul li{padding:0} #flyout ul a{font-size:13px;padding:10px 15px;width:180px;border-bottom:1px solid rgba(11,85,78,.2);position:relative;z-index:10;transition:all .2s ease-in-out} #flyout li:hover>ul{display:block} #flyout li:last-child>a{border:none} #flyout ul a:after{content:'';position:absolute;left:0;right:100%;top:100%;bottom:0;background:#113935;transition:all .2s ease-in-out;z-index:-1} #flyout ul a:hover:after{top:0%;right:0%} #flyout ul a:hover{color:#fff} .fullwidth .entry{padding-left:75px;padding-right:75px} .entry{padding:90px 85px 90px 75px} #page-title{padding-bottom:50px} #page-title h1{font-family:'Nexa Rust',sans-serif;font-size:40px;line-height:30px;color:#231f20;font-style:normal;font-weight:900;margin:0} .post{padding-bottom:50px} .post blockquote{padding:0;border:none;font-style:italic;color:#dda241;font-size:34px;line-height:40px;font-weight:bold;font-family:'Lora',serif} .post aside{text-transform:uppercase;font-size:16px;font-weight:600;line-height:22px;color:#231f20;font-weight:bold} #freeform #notif-in{padding:0;margin:0 -15px} #breadcrumbs-wrap{position:absolute;left:0;right:0;bottom:36px} .breadcrumbs{text-transform:capitalize;position:relative;z-index:200;padding-left:55px;color: white;text-shadow: 0px 0px 4px rgb(0, 0, 0), 0px 0px 4px rgb(0, 0, 0);} .breadcrumbs p{margin:0;font-size:14px;line-height:20px;font-weight:600;color:#fff} .breadcrumbs a{text-decoration:none;color:#70c5bd} .breadcrumbs a:after{content:'\f105';font-family:'FontAwesome';margin: 0 10px;color: white;} .breadcrumbs i{font-size:14px;margin:0 12px} .breadcrumbs pre{display:none} .bus-detail {height: auto;padding-left: 0;padding-right: 0;padding-top: 0;} iframe.rz-business-inner-map {float: none!important;margin-right: 0;} .rz-bus-extra {color: #221f20;} .business-social-links h3 {margin: 0 15px 0 0;text-transform: uppercase;font-weight: bold;font-size: 15px;display: inline-block;} .business-social-links {text-align: left;} .rz-business-block .business-social-links a {font-size: 14px!important;margin: 0 8px 0 0!important;display: inline-block!important;} .business-social-links a>i {margin: 0!important;width: auto!important;font-size: 19px!important;} .business-social-links a>.fa-facebook-official {color: #3A5995!important;} .business-social-links a>.fa-twitter{color: #009FEF!important;} .business-social-links a>.fa-instagram{color:#E76869!important;} .pull-left .business-social-links {margin-bottom: 15px;} #rz-business-categories ul {border:0!important;background:none!important;margin-bottom:10px!important;} #rz-business-categories ul li a{border: 1px solid #ae9960 !important;background: #ae9960;color: #071d1b;margin-right:10px;border-radius:4px;padding:10px!Important;} #rz-business-categories .rz-selected-business-category{border: 1px solid #0b554e!important;text-decoration:none!important;color: #ffffff!important;background: #0b554e!important;} #rz-business-categories .rz-selected-business-category::after {display:none} #rz-business-categories li{margin-bottom:8px} /* ----------------------------------------- #landing templates -----------------------------------------*/ .landing-lib .book-crawl{padding-bottom:60px} .landing #nav-wrap{line-height:0px} #landing-slider-wrap{position:relative} #landing-slider{margin:0 -15px;height:590px;position:relative} #landing-slider li{position:relative} /*#landing-slider li:after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:url(../images/shade-landing.png) left bottom repeat-x;background-size:contain}*/ #landing-slider-caption{position:absolute;left:0;right:0;bottom:0;top:0} #landing-caption{position:relative;z-index:200;padding-left:170px;bottom:-30px} .landing-edc #landing-caption{text-align:right} #landing-contact-wrap{position:absolute;right:0;left:0;bottom:0;top:0} #landing-contact{position:relative;z-index:200;float:right;padding-right:125px} #landing-contact-header{padding:0 40px 23px 40px} #landing-contact-header img{float:left;margin-right:16px} #landing-contact-header span{font-family:'Lora',serif;font-size:18px;font-weight:bold;line-height:20px;color:#fff;float:left;position:relative;bottom:-3px} #landing-contact-content{padding:30px 40px 40px 40px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)} .landing-contact{display:block;color:#fff;font-size:16px;line-height:22px;text-shadow:0px 5px 8.5px rgba(0,0,0,0.3)} .landing-contact-type{display:inline-block;font-weight:bold;width:102px} #landing-breadcrumbs-wrap{position:absolute;left:0;bottom:25px;right:0} #how-to-wrap{padding:60px 85px} #lib-card,.lib-card{background:#edeadc;border-radius:6px} .lib-card{padding:20px;position:relative} .catalog-search{padding-right:48px;height:40px} .card-header{margin-top:-5px} .lib-card button{position:absolute;right:20px;bottom:20px;height:40px;color:#231f20!important;background:none} #lib-card-logo{display:inline-block;float:left;padding:27px 21px 31px 43px} #lib-card-header{display:inline-block;float:left} #lib-card-header h2,.card-header{margin:0;text-transform:uppercase;font-size:21px;font-weight:900;color:#231f20;font-family:'Nexa Rust',sans-serif;display:inline-block} #lib-card-header,#faq-header{width:calc(100% - 120px)} #lib-card-learn{text-align:right;padding-right:44px} #lib-card-learn a{text-decoration:none;font-family:'Lora',serif;color:#dda241;font-size:18px;font-weight:bold;line-height:20px;display:inline-block} #faq{background:#edeadc;border-radius:6px;text-decoration:none!important;display:block;padding:15px} #faq img{max-width:100%;width:200px} #faq-logo{display:inline-block;float:left;padding:27px 21px 31px 43px} #faq-header{display:inline-block;float:left} #faq-header h2{margin:0;text-transform:uppercase;font-size:21px;font-weight:900;color:#231f20;font-family:'Nexa Rust',sans-serif;display:inline-block} #faq h2 span{display:block;font-size:12px} #lib-events-wrap{padding:60px 85px} #lib-events-header h2{margin:0;text-transform:uppercase;font-size:36px;font-weight:900;color:#231f20;font-family:'Nexa Rust',sans-serif;float:left} .landing-lib .book-crawl{padding-left:30px;padding-right:30px} .book-crawl h2{margin:0;text-transform:uppercase;font-size:25px;font-weight:900;line-height:36px;color:#231f20;font-family:'Nexa Rust',sans-serif} #lib-events-header a{text-decoration:none;font-family:'Lora',serif;font-weight:bold;float:right;font-size:18px;line-height:20px;color:#dda241;position:relative;bottom:-15px} #lib-catalog-wrap{padding-right:23px} #lib-catalog{border-radius:6px;padding:54px 55px 33px 55px} #lib-catalog-entries>a:first-of-type{border:none;padding-top:0} .lib-entry{text-decoration:none!important;border-top:1px solid rgba(255,255,255,.3);display:block;padding:23px 0} .lib-entry-logo{float:left;padding-right:29px} .lib-entry-logo img{max-width:32px;width:100%} .iib-entry-desc{float:left} .lib-entry-title{padding-bottom:9px} .lib-entry-title span{font-family:'Lora',serif;color:#70c5bd;font-size:20px;line-height:26px;font-weight:bold} .lib-entry-caption p{margin:0;font-size:14px;line-height:18px;color:#fff} #landing-panel-entries{padding:45px 85px} #landing-panel{max-width:100%;overflow:hidden} .tourism .container.v-align{margin: 0 !important;} .landing-panel-ctb .item{margin:0 5px} .landing-panel{border-radius:6px;display:block;text-decoration:none!important;padding:0 24px;min-height:130px;width:16.6666666666666667%;float:left;position:relative} .landing-panel-edc{margin:0 -20px !important} .landing-panel-edc .landing-panel{width:25%;padding:0 54px} .landing-panel-edc .landing-panel:after{left:20px;right:20px} .landing-panel:after{content:'';position:absolute;left:5px;top:0;bottom:0;right:5px;background:#edeadc;border-radius:6px;z-index:-1} .landing-panel-logo{display:block;float:left;padding-right:14px;width:30%;text-align:right} .landing-panel-logo img{display:inline-block} .landing-panel-title{display:block;float:left;width:70%} .landing-panel-title span{display:inline-block;font-family:'Nexa Rust',sans-serif;font-weight:900;text-transform:uppercase;font-size:18px;line-height:22px;color:#231f20} .landing-panel-in{display:inline-block;width:100%} .visitors-guide,.dining-guide{background:#edeadc;border-radius:6px} .visitors-guide{margin-bottom:40px} .business-guide,.notif-guide{background:#edeadc;border-radius:6px;margin-top:-100px} #guide-wrap{padding:0 85px 50px 0} .guide-header{padding-top:23px} .guide-header h2{margin:0;font-size:26px;line-height:36px;color:#231f20;text-transform:uppercase;font-weight:900;font-family:'Nexa Rust',sans-serif;font-style:normal} .guide-header p{margin:0;font-size:14px;line-height:18px;color:#231f20} .landing-ctb #spotlight{min-height:740px} .landing-edc #spotlight{min-height:600px} .guide-logo{float:left;display:inline-block} .notif-guide .guide-logo{padding:26px 24px 30px 29px} .business-guide .guide-logo{padding:29px 26px 33px 37px} .visitors-guide .guide-logo{padding:26px 25px 33px 36px} .dining-guide .guide-logo{padding:29px 23px 32px 42px} .guide-link{padding-right:43px;text-align:right} .guide-link a{display:inline-block;text-decoration:none;font-family:'Lora',serif;font-weight:bold;color:#dda241;font-size:18px;line-height:20px} .visitors-guide{margin-top:-240px} .dining-guide{margin-top:-100px} .guide-out{padding-left:55px} .stat-entry{padding:95px 0} .stat-entry-left{padding-right:50px;padding-left:50px} .stat-entry-right{padding-right:85px} .stat-header{padding-bottom:20px} .stat-header h2{margin:0;text-transform:uppercase;font-weight:900;font-family:'Nexa Rust',sans-serif;font-size:36px;line-height:1;color:#231f20} .stat-info{padding-bottom:15px} .stat-info{font-size:16px;line-height:24px} .stat-more a{text-decoration:none;color:#dda241;font-family:'Lora',serif;font-weight:bold;font-size:18px;line-height:20px} .owl-buttons{padding:40px 60px 0 60px;position:relative;z-index:200} .owl-buttons .owl-prev{float:left;font-family:'Lora',serif;font-weight:bold;font-size:20px;color:#dda241} .owl-buttons .owl-next{float:right;font-family:'Lora',serif;font-weight:bold;font-size:20px;color:#dda241} .owl-page{height:40px;width:40px;background:#fff} .owl-pagination{display:none} .featured-resources{padding-top:40px!important;padding-bottom:40px!important} .featured-resources .table br{display:none} .featured-resources .table tr:first-of-type td{border:none} .featured-resources .table tr td{padding:15px 8px} .rz-action-btns{z-index:99!important} /* ----------------------------------------- #bxslider -----------------------------------------*/ #slider-wrap{position:relative} #slider{height:830px;margin:0 -15px;position:relative} #slider li{position:relative} #slider li:after{content:'';position:absolute;right:0;bottom:0;top:0;width:659px;background:url(../images/shade.png) top right repeat-y;background-size:contain} .bxslider,.bx-viewport,.bxslider li,.bx-wrapper{height:100%!important} .bx-wrapper{position:relative;margin:0;padding:0;*zoom:1;overflow:hidden} .bx-wrapper *{margin:0;padding:0} .bx-wrapper img{max-width:100%;display:block} .bxslider{list-style:none;margin: 0;padding: 0;} .bxslider>li:nth-child(n+1){/*! display:none */} /* pager */ .bx-wrapper .bx-pager{text-align:center} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline} .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#000} /* direction controls */ .bx-wrapper .bx-controls-direction a{width:32px;height:32px;margin:-20px 0 0;display:block;background:url(../images/slider-nav.png) no-repeat 0 0;position:absolute;z-index:51;top:50%;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bx-wrapper .bx-prev{left:-40px} .bx-wrapper .bx-next{right:-40px;background-position:100% 0!important} .bx-wrapper:hover .bx-next{opacity:0.6;right:20px} .bx-wrapper:hover .bx-prev{opacity:0.6;left:20px} .bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover{opacity:1} #directContainer{height:700px;position:relative} /* ----------------------------------------- #media queries -----------------------------------------*/ @media only screen and (max-width:1600px){ #news{padding-left:15px} #news-entries{padding:0 15px} #spotlight-wrap{padding-left:15px;padding-right:0;margin: 0;} #calendar-wrap{padding-right:15px;padding-left:0} .guide-header{padding-top:22px} .guide-header h2{font-size:20px;line-height:30px} .guide-header p{font-size:13px} #landing-panel-entries,.fullwidth .entry,.entry,#how-to-wrap,#lib-events-wrap,footer,#notif-logo{padding-left:15px;padding-right:15px} #flyout li{padding:0 30px} #lib-card-header h2,#faq-header h2{font-size:20px;line-height:30px} #faq-logo,#lib-card-logo{padding-left:25px} #guide-wrap{padding-right:15px} .guide-out{padding-left:0} #homepage .guide-out{padding-right:15px} .landing-panel-title span{font-size:16px;line-height:20px} .stat-entry{padding:45px 0} .stat-entry-right{padding-right:15px} .library .bottom_caption{float: none;} .library #slider-caption{left: 0;} .library .top_caption, .library .bottom_caption{font-size: 52px;} } @media only screen and (max-width:1367px){ #nav a{font-size:14px;padding:0 15px} #nav>li:first-child>a,#nav-wrap{padding-left:0} #nav ul a{font-size:13px} #search .search-form input{min-width:250px;max-width:250px} #news-header h2,#calendar-header h2,#lib-events-header h2,.stat-header h2{font-size:25px;line-height:30px} #calendar-header a,#lib-events-header a{position:static} .news-entry{margin:0 15px;} #landing-contact{padding-right:0} #landing-caption{padding-left:0} #landing-contact-content{padding:30px 25px 40px 25px} #landing-contact-header{padding:0 25px 23px 25px} #lib-catalog{padding:54px 25px 33px 25px} .landing-panel{width:33.3333333333333333%;margin-bottom:10px} #landing-panel-entries{padding-bottom:35px} .stat-info{font-size:14px;line-height:16px} } @media only screen and (max-width:1199px){ #nav a{font-size:13px;padding:0 10px} #nav ul a{font-size:12px} #search .search-form input{min-width:200px;max-width:200px} #spotlight-slider{padding:25px 25px 0 25px} .guide-logo{display:none} .guide-header{padding-left:25px} .guide-link{padding-right:25px} .guide-link a{font-size:15px;line-height:17px} #lib-card{margin-bottom:25px} #slider-qlinks{padding-right:0} .top_caption, .bottom_caption{font-size: 72px;} .post table{overflow:hidden} } @media only screen and (min-width:992px) { #flyout,#nav{display:block!important} } @media only screen and (max-width:991px) { #new-div{margin-bottom:25px} /* rz citizens request center */ #formwizziwmorf tr,#formwizziwmorf tr td{display:block!important} #formwizziwmorf tr table tr{display:table-row!important} #formwizziwmorf tr table td{display:table-cell!important} .toggle,.toggle2,#nav-toggle{display:inline-block;cursor:pointer} .down-arrow{display:none} /* if not hidden above */ #social{display:none} #header-right{float:none;display:block} #search{display:none;float:none} #search .search-form input{max-width:initial;min-width:initial} #logo-main-wrap{padding:15px 0} #logo-main{display:inline-block;text-decoration:none} #logo-main img{max-width:100px} #toggles-wrap{text-align:right;padding-top:30px} #toggles-wrap label,#toggles-wrap div{padding:5px;cursor:pointer;color:#fff;font-size:18px;width:25px;text-align:center} #toggles-wrap div{padding-right:0} #nav-wrap{margin:0 -15px} #nav{display:none} #nav *:after{display:none!important} #nav li{float:none;display:block} #nav li a{padding:15px !important;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px} #nav ul{position:static;top:0;padding:0;background:rgba(0,0,0,.2)} #nav ul li{width:100%} #nav li:hover>ul{display:none} #nav ul a{width:100%;color:#fff} #nav ul ul{left:0} #nav .toggle,#nav .toggle2{position:absolute;right:0;top:0;background:rgba(0,0,0,.2);height:44px;width:44px;line-height:44px;text-align:center;display:inline-block!important} #nav li li:hover>a{background:none;color:#fff} #slider{height:600px} #slider-qlinks-wrap{position:static;background:#0b554e} #slider-qlinks{padding:30px 0;float:none;margin:0 auto;position:static} .qlink-icon{/*! width:42%; */text-align:right} .qlink-title{width:58%} #news-wrap{padding:30px 0;} #news{text-align:center;padding:0 0 30px 0;} #news-entries{padding:0;} .news-entry-desc{padding:20px 25px} .news-entry-title span{font-size:16px;line-height:18px} .news-entry{margin: 0;} #news-in{margin-top: 0 !important;} #events-wrap{max-height:initial;margin-bottom:30px;background:url('../images/bg-events-mobile.jpg') bottom center no-repeat;background-size:contain} #notif-wrap{max-width:100%;overflow:hidden} #notif-in{margin-top:0;padding:0} #notif{margin:0 -15px;min-height:initial;padding:50px 0} #notif-logo{display:block;padding:0;float:none;text-align:center;padding-bottom:15px} #notif-header{padding:0 15px 30px 15px;text-align:center;float:none;display:block;height:auto !important} #notif-sign{padding:0;text-align:center} #how-to-wrap,#lib-events-wrap{padding-left:0;padding-right:0} #lib-events{padding-top:50px} #calendar-wrap{/*! padding:50px 0 */} #spotlight-wrap{padding-left:0;margin: 0;} #spotlight,.landing-ctb #spotlight{min-height:500px} #freeform-caption{padding:0;text-align:center;padding-bottom:15px} #breadcrumbs-wrap{bottom:15px} .breadcrumbs{padding-left:0} .aside{padding:0;margin:0 -15px} .aside *:after{display:none!important} #flyout-toggle{display:block;cursor:pointer;padding:15px} #flyout-header{display:none} #flyout{display:none} #flyout li{padding:0;background:transparent !important} #flyout li a{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px;border-color:#d9d6c9 !important} #flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.2)} #flyout ul a{width:100%;color:#0B554E !important} #flyout li:hover>ul{display:none} #slider-caption{position: absolute;top: -110px;left: 15px;} .top_caption, .bottom_caption{text-align: left;padding-left: 15px;padding-right: 15px;} .bottom_caption{left: 0;} .toggle-children{position:absolute;right:0;top:0;height:44px;line-height:44px;width:44px;text-align:center;background:rgba(0,0,0,.2);display:inline-block !important} .fullwidth .entry,.entry{padding:50px 0} #page-title{padding-bottom:25px} #page-title h1{font-size:30px;line-height:35px} #landing-contact-wrap{position:static;background:#0B554E} #landing-contact{float:none;display:block;padding:30px 0} #landing-contact-content{padding-left:0;padding-right:0} #landing-contact-header{padding-left:0;padding-right:0} #landing-caption{text-align:center;bottom:auto} #landing-slider{height:600px} #lib-card,#faq{text-align:center;padding:50px 15px} #lib-card-logo,#faq-logo{display:block;float:none;padding:0 0 25px 0} #lib-card-header{display:block;float:none;padding-bottom:25px} #lib-card-learn{padding:0;text-align:center} .library #slider-caption{left: 15px;} .library .top_caption, .library .bottom_caption{font-size: 42px;} #faq-header{display:block;float:none} #news-entries{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;} #news-entries .news-entry:nth-of-type(3){display:none} .lib-entry{text-align:center} .lib-entry-logo{float:none;padding:0 0 10px 0} .iib-entry-desc{float:none} #footer-logo{text-align:center;display:block;padding-bottom:30px} #footer-text{text-align:center;padding-bottom:30px} #revize-login-wrap{text-align:center} .visitors-guide,.dining-guide,.business-guide,.notif-guide{margin-top:0;padding:50px 0} #guide-wrap{padding:50px 0} .guide-logo{padding:0 0 30px 0 !important;text-align:center;display:block;float:none} .guide-header{padding:0 15px 30px 15px;text-align:center;float:none} .guide-link{text-align:center;padding:0 15px} #homepage .guide-out{padding-right:0} #landing-panel-entries{padding:50px 0 35px 0;margin:0 -5px} .landing-panel{width:50%} .landing-panel-edc .landing-panel{width:100%} .landing-panel-edc .landing-panel-logo{width:40%} .landing-panel-edc .landing-panel-title{width:40%} .at-share-dock-outer,#at4m-mobile-container{display:none !important} *:not(.editform) .entry table.collapsible-table,*:not(.editform) .entry table.collapsible-table table{width:100%!important;table-layout:fixed} *:not(.editform) .entry table.collapsible-table tr,*:not(.editform) .entry table.collapsible-table td{display:block;width:100%} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width:767px) { .floating-alert{width:auto;right:0;left:0;border:0;bottom:0;border-radius:0;padding-left:15px;padding-right:15px} .floating-alert{font-size:12px} .floating-alert h4{margin-bottom:10px;font-size:14px} .floating-alert .btn{font-size:10px;padding:7px 12px!important} #slider,#lib-slider{height:450px} .news-entry{margin:0 5px} #news-entries{padding:0} #logo-main img{max-width:70px} #toggles-wrap{padding-top:22px} .top_caption, .bottom_caption{font-size: 52px;} .library .top_caption, .library .bottom_caption{font-size: 42px;} #news-entries { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #news-entries .news-entry:nth-of-type(2){display:none} } @media only screen and (max-width:599px){ .landing-lib #landing-caption,.lib-page #landing-caption{bottom:140px;width:200px} /*.lib-page #landing-caption{bottom:210px;width:200px}*/ } @media only screen and (max-width:511px){ #news-entries{-webkit-column-count:auto;-moz-column-count:auto;column-count:auto} .news-entry{margin:0 0 25px 0} #slider,#lib-slider,#landing-slider{height:400px} #calendar-header h2,#lib-events-header h2{float:none;margin-bottom:10px} #calendar-header a,#lib-events-header a{float:none} .landing-panel{width:100%} #slider-caption{top: -150px;} } /* 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) { .qlink-icon{width:30%} .qlink-title{width:70%} .top_caption, .bottom_caption{font-size: 32px;} } @media print { .nav-wrap,.sidebar,#flyout-wrap,.breadcrumbs .e-notify{display:none!important} a[href]:after{content:none!important} } .spotlight-item-desc .spotlight-item {color:#F5F5DC } .spotlight-item-desc a{color:#F5F5DC }