/*----------------------------------------------------------------------------------- Theme Name: Hamilton County Front-end Developer: Kristin Vaughn Author Design: Ying Liu Author URI: http://www.revize.com/ Date: May 31, 2019 -----------------------------------------------------------------------------------*/ /* ----------------------------------------- #basic styles -----------------------------------------*/ body{background:#fff;font-size:16px;line-height:1.5;font-family: 'Roboto', sans-serif;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%} /* ----------------------------------------- #typography -----------------------------------------*/ 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-size:28px;color:#111;margin-bottom:35px} .subheader{font-family: 'Playfair Display'; font-weight: bold; font-size:42px;color:#1e2332;margin-bottom:18px} p{margin:0 0 25px 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} @font-face { font-family: 'Abraham Lincoln'; src: url('../fonts/abrahamLincoln/AbrahamLincoln.woff2') format('woff2'), url('../fonts/abrahamLincoln/AbrahamLincoln.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Playfair Display'; src: url('../fonts/playfairDisplay/PlayfairDisplay-Bold.woff2') format('woff2'), url('../fonts/playfairDisplay/PlayfairDisplay-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('../fonts/roboto/Roboto-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/roboto/Roboto-Medium.woff2') format('woff2'), url('../fonts/roboto/Roboto-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('../fonts/roboto/Roboto-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('../fonts/roboto/Roboto-Black.woff2') format('woff2'), url('../fonts/roboto/Roboto-Black.woff') format('woff'); font-weight: 900; font-style: normal; } @font-face{ font-family:'weather'; src:url('../fonts/weather/artill_clean_icons-webfont.eot'); src:url('../fonts/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/weather/artill_clean_icons-webfont.woff') format('woff'), url('../fonts/weather/artill_clean_icons-webfont.ttf') format('truetype'), url('../fonts/weather/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); font-weight:normal; font-style:normal; } /* ----------------------------------------- #links -----------------------------------------*/ a,a:visited{text-decoration:underline; color: #40779a; -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} p a,p a:visited{line-height:inherit} #homepage a, #homepage a:visited, #homepage a:active, #homepage a:focus {text-decoration: none;} /* ----------------------------------------- #lists -----------------------------------------*/ ul,ol{margin-bottom:25px;margin-left:0px; padding-left: 35px;} 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 30px;background:#40779a;color:#fff!important;border:0;border-radius:50px;display:inline-block;font-size:12px;font-weight:700!important;text-decoration:none;cursor:pointer;line-height:normal;vertical-align:top;font-family: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:#cfc339; cursor: pointer;} .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:#cfc339} button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0} /* ----------------------------------------- #forms -----------------------------------------*/ form{margin-bottom:30px} fieldset{margin-bottom:30px} input[type="text"], input[type="password"], input[type="email"], input[type="search"], textarea, select{border:1px solid #e9eaec;padding:10px 14px;outline:none;font-size:13px;font-family: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{display: none;position:fixed;opacity: 1!important;z-index:99999;bottom:10px;margin:0;right:10px;border:10px outset rgba(64, 119, 154, .9);background: rgba(255, 255, 255, .9);box-shadow:0 0 10px rgba(0,0,0,.2);color:#1e2332;padding:30px;font-size:14px;width:350px;} .floating-alert h2{margin:0 0 15px;font-size:26px} .floating-alert p {margin: 10px 0;} .floating-alert .btn{margin-top: 10px;} .floating-alert .close{padding:0;background:none!important;color:#1e2332!important;opacity:1;margin-right:15px; margin-top: 10px;} /* ----------------------------------------- #rz edit -----------------------------------------*/ .sliderbtn{position:absolute;left:0;top:20%;z-index:100;right:0;text-align:center} .float_button_above{top:0;left:0;right:0} /* ----------------------------------------- #rz faq -----------------------------------------*/ .faqs-heading.active{background-color:#40779a} /* ----------------------------------------- #main -----------------------------------------*/ body{overflow-x:hidden} .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #skip {position: absolute;left: -100%;top: 150px;z-index: 999;} #skip:focus{left:210px;} #sticky-sticky-wrapper {height: auto!important;} header {background: #1e2332; position: relative; z-index: 9999;} header .container {position: relative;} header .container, header .row {height: 100%;} #sticky {background: #1e2332; height: auto;} #logo {display: inline-block; font-family: 'Abraham Lincoln', serif; color: #ece9c3; font-size: 50px; text-transform: none; letter-spacing: 1.4px; margin: 0;} #nav {margin: 0; padding: 0;} #nav-toggle, .toggle, .toggle2{display:none} #nav ul {margin: 0; padding: 0;} #nav li {display: inline-block;margin: 0;/* position: relative; */} #nav li ul li {display: block;page-break-inside: avoid;} #nav a, #nav span {display: block; text-decoration: none; color: #fff; font-weight: 900; font-size: 16px; text-transform: uppercase; padding: 40px 14px;} #nav strong {font-weight: 900;} #search {width: 100%;} .search-form {width: 100%; background: #fff; border-radius: 30px; position: relative; margin-bottom: 0;} #search input {background: none; border: none; padding: 5px 35px 5px 14px;} #search button {border-radius: 100%; padding: 7px; width: 30px; height: 30px; position: absolute; top: 2px; right: 2px;} #search button:hover, #search label:hover {cursor: pointer;} #search button label {font-size: 12px; margin-top: 2px; margin-left: 1px;} #slider {height: 700px;} #main .container {max-width: 1205px;} #popular-links {border-top: 10px solid #40779a; background: #1e2332; padding: 33px 0 38px;} #popular-links .owl-item {text-align: center; position: relative;} #popular-links .pop {display: block; padding: 20px 0;} #popular-links .pop i {font-size: 54px; color: #40779a; margin-right: 20px;} #popular-links .pop-tagline {color: #ece9c3; font-size: 15px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; display: inline-block; max-width: 113px; text-align: left;} #popular-links .container {max-width: 1470px;} #popular-links .owl-nav {color: rgba(64, 119, 154, .5); font-size: 28px; text-align: center;position: absolute;width: 100%;top: 33%;transform: translateY(-50%);} #popular-links .owl-prev {position: absolute; left: 0px;} #popular-links .owl-next {position: absolute; right: 0px;} #news .news {display: block;} #news {padding: 118px 0;} #news .subheader{margin-bottom:28px} #news .subheader span {font-size: 30px; color: #40779a;} #news .news-card {min-height: 391px; box-shadow: 0 7px 18px rgba(0, 0, 0, .07); border-radius: 5px;} #news .owl-nav {color: rgba(64, 119, 154, 1); font-size: 28px; text-align: center;position: absolute;width: 100%;top: 50%;transform: translateY(-50%);} #news .owl-prev {position: absolute; left: -15px;} #news .owl-next {position: absolute; right: -50px;} .news-image {height: 250px; border-bottom: 3px solid #40779a; border-radius: 5px 5px 0 0 ;} .news-content {padding: 24px 31px; border-radius: 0 0 5px 5px;} .news-date {font-weight: bold; font-size: 13px; color: #40779a; text-transform: uppercase; display: block;} .news-title {font-family: 'Playfair Display'; font-weight: bold; font-size: 22px; color: #1e2332; display: block; margin-top: 10px;} #upcoming-events {padding: 51px 0 122px; position: relative;} #upcoming-events .subheader{margin-bottom:52px} #upcoming-events iframe{width:100%} #upcoming-events:before {content: ''; display: block; width: 100%; height: 260px; background: #eff5f8; position: absolute; top: -13px; z-index: -1;} #areas-of-interest {text-align: center;} #areas-of-interest .overlay {padding: 90px 0; background: rgba(30, 35, 50, .7);} #areas-of-interest .subheader {color: #ece9c3; margin-bottom: 43px;} #areas-of-interest .areas {padding: 30px 80px; background: rgba(30, 35, 50, .7); max-width: 550px; margin: 0 auto;} #areas-of-interest .areas a {position: relative; top: -2px; border-top: 1px solid rgba(236, 233, 195, .2); color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; text-align: left; padding: 16px 0;} #areas-of-interest .areas-wrap {overflow: hidden; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } #areas-of-interest .areas a, #areas-of-interest .areas a:hover {transition: all .3s;} #areas-of-interest .areas a:hover {color: #ece9c3;} footer {background: #1e2332; padding: 41px 0;} footer, footer a, footer a:hover, footer a:active, footer a:visited, footer a:focus {color: #fff; font-weight: bold; font-size: 14px;} .revize-col {text-align: right;} footer a {text-decoration: underline!important;} #powered-by-revize-link {color: #ece9c3; text-decoration: none!important;} #calendarEvent{left:0px;max-height:500px;overflow-y:auto;margin:0 auto} /* ----------------------------------------- #inner -----------------------------------------*/ #freeform #logo {text-decoration: none;} #freeform #slider {height: 400px;} #freeform #main .container {max-width: 1490px;} #freeform #flyout-wrap {padding: 45px 0;} #freeform #flyout-header {margin-left: 15px; margin-bottom: 17px;} #freeform .subheader {color: #40779a; font-family: 'Roboto'; font-weight: bold; font-size: 22px; text-transform: uppercase;} #freeform #page-content {padding: 44px 16px;} .right-content{/* background: #40779a; */padding: 44px 20px;border-radius: 4px;/* color: #fff; */} .right-column span, .right-column p{/* color: white; */} #freeform .header {font-family: 'Playfair Display'; font-weight: bold; font-size: 42px; color: #1e2332;} #freeform #page-content li {list-style-type: none;} #freeform #page-content li:before {content: '\2022'; position: relative; left: -5px;} #freeform.fullwidth #page-content {margin-left: 0px!important;max-width: 100%!important;padding-left: 0; padding-right: 0;} #flyout{margin:0;padding:0} #flyout li{margin:0;display:block;position:relative} #flyout a, #flyout span{text-decoration:none;display:block;font-size:13px;padding:8.5px 15px; color: #1e2332; font-size: 13px; font-weight: 500;} #flyout ul{display:none;position:absolute;top:0;left:100%;margin:0;padding:0;background:#40779a; z-index: 9999;} #flyout ul a, #flyout ul span{font-size:13px;padding:10px 15px;width:180px; color: #1e2332; font-size: 13px; font-weight: 500;} #flyout li:hover > ul{display:block} .breadcrumbs{font-size:13px;text-transform: uppercase; color: #40779a; margin-bottom: 22px;} .breadcrumbs p{margin:0} .breadcrumbs a, .breadcrumbs a:visited{text-decoration:none; font-weight: bold; color: #1e2332;} .breadcrumbs a:after {content: '/'; padding: 0 10px 0 13px;} .breadcrumbs i{font-size:13px;margin:0 4px} /* ----------------------------------------- #share widget -----------------------------------------*/ .modal-dialog {max-width: 600px;} .modal-content{overflow:hidden;box-shadow:none!important;border-radius:3px} .modal-header{background:#fff;border-color:#F4F9FD;text-align:center;padding:30px 60px;text-align:left; display: block;} .modal-header h4{font-size:30px} .modal-header .close {margin: 0; padding: 0;} .modal-header button{margin-top:2px!important;position:relative;font-size:25px} .modal-body{padding:40px 60px} .modal-body pre {padding: 9.5px;} .copylink{margin-bottom:40px} .copylink pre{border-color:#DBE7F0;background:#F4F9FD;border-width:1px} .modal-header button,.modal-header button:hover{color:#000!important;background:none} .share-btns{margin:0 0 20px} .share-btns a{display:block;border:1px solid #DBE7F0;text-align:center;height:170px;border-radius:3px;overflow:hidden;text-decoration:none;margin-bottom:20px} .share-btns i{display:block;line-height:170px!important;font-size:60px} .btn-facebook{color:#3b5998!important} .btn-twitter{color:#00ACED!important} .btn-google{color:#D34836!important} .btn-reddit{color:#ff5700!important} .btn-facebook:hover{border-color:#3b5998} .btn-twitter:hover{border-color:#00ACED} .btn-google:hover{border-color:#D34836} .btn-reddit:hover{border-color:#ff5700} .btn-lg{font-size:16px;padding:14px 30px;border:0;border-radius:3px} .floating-share-btn{position:fixed;z-index:99999;top:40%;right:0;height:50px;width:50px;border-radius:0;border:0;background:#40779a!important;color:#fff!important;line-height:50px;padding:0;box-shadow:0 0 10px rgba(0,0,0,.3);text-align:center} /* ----------------------------------------- #bxslider -----------------------------------------*/ .bxslider, .bx-viewport, .bxslider li, .bx-wrapper{height:100%!important} .bx-wrapper{position:relative;margin:0;padding:0;*zoom:1;overflow:hidden} .bx-wrapper *{margin:0;padding:0} .bx-wrapper img{max-width:100%;display:block} .bxslider{list-style:none} .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} /* ----------------------------------------- #media queries -----------------------------------------*/ @media screen and (min-width: 1599px) { #logo {margin-top: -10px;} #sticky-sticky-wrapper {height: 100px!important;} #nav {margin-right: -100px;position: relative;} #popular-links .owl-item.active:nth-child(2) {width: 272px!important;} #popular-links .owl-item.active:nth-child(3) {width: 264px!important;} #popular-links .owl-item.active:nth-child(4) {width: 313px!important;} } @media screen and (min-width: 1441px) { #freeform #page-content {margin-left: 71px!important;max-width: 900px;} } @media screen and (max-width: 1440px) { #logo {font-size: 30px;} #nav a, #nav span {font-size: 14px; padding: 40px 7px;} header #nav ul {left: 8px;} } @media screen and (max-width: 1280px) { #logo {font-size: 32px;} #popular-links .owl-nav {font-size: 30px; top: 30%;} #news .owl-nav {font-size: 30px; text-align: center;position: absolute;width: 100%;top: 330px;transform: translateY(-50%);}#news .owl-prev {position: absolute; left: 5px;} #news .owl-next {position: absolute; right: -10px;} #news .owl-prev {position: absolute; left: 25px;} .news-content {padding: 24px 45px;} } @media screen and (min-width: 1025px) { #news-carousel {left: -18px; top: -5px;} #news .owl-stage {padding: 18px; min-width: 9999px;} #news .owl-stage-outer {min-width: 1209px;} } @media only screen and (min-width:992px) { .layout-table{table-layout:fixed;width:100%} .nav-underline {padding-bottom: 35px; border-bottom: 4px solid #40779a;} header {z-index: 200;} #nav .focused .toggle,#nav .focused .toggle2,#flyout .focused .toggle{display:inline-block;margin-left:8px} #flyout-toggle {display: none;} #flyout .focused .toggle,#nav .focused .toggle2{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} #flyout,#nav{display:block!important} #flyout li:hover {background: #40779a;} #flyout li:hover a, #flyout li:hover span {color: #fff} #flyout ul a:hover, #flyout ul span:hover, #nav ul a:hover, #nav ul span:hover {background: rgba(0, 0, 0, .15);} #flyout,#nav{display:block!important} #nav li:hover>ul, #flyout li:hover>ul{display:block!important} #nav ul {position: absolute;/* left: 14px; */left: 0;top: 100%;/* width: 190px; */background: #ece9c3;text-align: left;display: none;padding: 10px 3px;border-radius: 0 0 5px 5px;right: 0;width: 100%;margin: 0;padding: 0;column-count: 3;column-gap: 15px;padding: 15px;} #nav ul a, #nav ul span {padding: 6px 15px;font-weight: bold;font-size: 16px;color: #1e2332;text-transform: none;font-weight: 700;} #nav ul ul a, #nav ul ul span{font-size:13px;font-weight:400} #nav ul ul {/* left: 100%; *//* top: -10px; */display: block;position: static;column-count: auto;padding-left: 15px;background: transparent;} #nav>li:last-child ul {left: auto;right: 0;} #nav>li:last-child ul ul {left: auto;right: 100%;} #search {display: block!important; max-width: 250px;} .nav-col {z-index: 999;} .logo-col, .nav-col, .search-col {display: flex; align-items: center;} .nav-col, .search-col {justify-content: flex-end;} #popular-links .owl-item:nth-child(1) .pop {padding-left: 28px;} #popular-links .owl-item:nth-child(2) .pop {padding-left: 10px;} #popular-links .owl-item:nth-child(3) .pop {padding-left: 20px;} #popular-links .owl-item:nth-child(3) .pop {padding-right: 4px;} #popular-links .pop, #news .news {transition: all .3s;} #popular-links .pop:hover, #news .news:hover {transition: all .3s;} .news-btn, .events-btn {margin-top: 13px;} .pattern {position: absolute; top: 0; bottom: 0; left: 0; background: #ece9c3;} #freeform #main {position: relative;} } @media only screen and (max-width:991px) { /* rz form tables - without page scope this targets editforms and makes * editing confusing */ #freeform #formwizziwmorf tr,#freeform #formwizziwmorf tr td{display:block!important} #freeform #formwizziwmorf tr table tr{display:table-row!important} #freeform #formwizziwmorf tr table td{display:table-cell!important} .logo-col {display: flex; justify-content: space-between; align-items: center; height: 100%;} #toggles * {display: inline-block; line-height: 45px; width: 45px; text-align: center; border-radius: 5px; color: #fff; background: #40779a; font-size: 18px; margin-left: 5px;} .toggle, .toggle2, #nav-toggle{display:inline-block;cursor:pointer} .down-arrow{display:none} /* if not hidden above */ #nav{display: none; background: #40779a; max-height: 400px; max-height: calc(100vh - 75px); overflow-y: auto;} #nav li{float:none;display:block;position: relative;} #nav a, #nav span, #flyout a, #flyout span {line-height: 1;padding: 15px !important;font-size: 14px;border-bottom: 1px solid rgba(0,0,0,.15);} #nav li a, #nav li span{padding:20px 30px;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,.15)} #nav li:hover > ul{display:none} #nav ul a, #nav ul span{width:100%; border-bottom: 1px solid rgba(0,0,0,.15); text-transform: none; font-weight: 500;} #nav ul ul{left:0} .toggle, .toggle2 {position: absolute; right: 0; top: 0; line-height: 44px; width: 44px; text-align: center; background: rgba(0,0,0,.15); display: block;} #nav li li:hover > a{background:none;color:#fff} #nav ul,#flyout ul{display:none;} #related-pages {padding: 0;} #flyout, #flyout-wrap {background: #40779a;} #freeform #flyout-wrap {padding: 0;} #flyout-toggle {background: #ece9c3; font-weight: 700; color: #40779a; text-transform: uppercase;} #flyout-toggle .fa-bars {margin-right: 5px;} #flyout{display:none} #flyout-header {display: none;} #flyout-toggle {padding: 15px;} #flyout li a, #flyout li span{padding:15px;line-height:1;border-bottom:1px solid rgba(0,0,0,.2);background:none;font-size:14px; color: #fff;} #flyout ul{position:static;left:0;padding:0;background:rgba(0,0,0,.15)} #flyout ul a, #flyout ul span{width:100%} #flyout li:hover > ul{display:none} #sticky .container {max-width: 100%;} #search {display: none; text-align: right;} .search-form {max-width: 500px; display: inline-block;} .logo-col {min-height: 60px;} .search-col, .nav-col {background: #1e2332;} #search, #nav {margin: 15px 0;} #slider {height: 500px;} .right-content{background:transparent} .right-column{background:#40779a} #popular-links {padding: 30px 30px;} #popular-links .owl-prev {left: -30px;} #popular-links .owl-next {right: -30px;} #news {padding: 75px 0 75px;} #upcoming-events {padding: 40px 0 75px;} footer, .revize-col {text-align: center!important;} .floating-share-btn {top: initial; bottom: 0; right: 0;} /* Allows tables to be used as columns with responsive stacking */ .layout-table{width:100%!important} .layout-table, .layout-table thead, .layout-table tbody, .layout-table th, .layout-table td, .layout-table tr{display:block!important} .layout-table td{margin-bottom:15px} } @media screen and (min-width: 767px) and (max-width: 1024px) { #news-carousel {left: -18px; top: -5px;} #news .owl-stage {padding: 18px; min-width: 9999px;} #news .owl-stage-outer {min-width: calc(100% + 18px);} } /* 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 h1{margin-bottom:10px;font-size:14px} .floating-alert .btn{letter-spacing: 1px;font-size:12px;padding:10px 20px!important} .share-btns a{height:auto;padding:10px;width:100%;font-size:12px;white-space:nowrap;overflow:hidden} .share-btns i{display:block;line-height:50px!important;font-size:20px} .subheader {font-size: 34px;} #areas-of-interest .areas {padding: 20px!important;} #areas-of-interest .areas-wrap {-webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;} #news .owl-stage-outer {box-shadow: 0 7px 18px rgba(0, 0, 0, .07)} #news .news-card {box-shadow: none;} #news .owl-prev {position: absolute; left: 5px;} #news .owl-next {position: absolute; right: 5px;} .news-content {padding: 24px 45px;} } @media only screen and (min-width: 576px) { #popular-links .owl-stage-outer {width: 97%;} #popular-links .owl-item:after {content: ""; border-right: 1px solid #3b435d; display: inline-block; height: 100%;position: absolute; top: 0; right: 0;} .news-btn, .events-btn {float: right;} footer .container {max-width: 1200px;} } @media only screen and (max-width: 576px) { .news-btn, .events-btn {margin-bottom: 20px;} } /* 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) { #popular-links .owl-item {border: none!important;} #logo {font-size: 24px;} #toggles * {width: 35px; height: 35px; line-height: 35px;} } @media print { .nav-wrap, .sidebar, #flyout-wrap, #flyout, .breadcrumbs .e-notify, #nav, #search, .fa-search, #slider, #skip, #popular-links, #areas-of-interest, .owl-nav, .news-image, .alert, .news-btn, .events-btn, .floating-share-btn, footer{display:none!important} a[href]:after{content:none!important} #sticky, #logo, .logo-col, #upcoming-events {margin: 0!important; padding: 0!important;} #news {padding-bottom: 0!important} }