/* Theme Name: City of Round Rock Theme URI: http://underscores.me/ Author: Brooks Bennett Author URI: http://underscores.me/ Description: Theme for the City of Round Rock website Version: 1.0 License: GNU General Public License License URI: license.txt Text Domain: city-of-round-rock Domain Path: /languages/ Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. City of Round Rock is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Reset 2.0 - Typography 3.0 - Elements 4.0 - Forms 4.1 Header Search 5.0 - Navigation 5.1 - Links 5.2 - Menus 5.3 - Sidebar Navigation 5.4 - Quick Links 5.5 - Breadcrumbs 5.6 - Pagination 6.0 - Accessibility 7.0 - Alignments 8.0 - Clearings 9.0 - Widgets 10.0 - Content 10.1 - Posts and pages 10.2 - Asides 10.3 - Comments 10.4 - News 11.0 - Infinite scroll 12.0 - Media 13.0 - Media Queries 14.0 - Misc 14.1 - Social Media Styles 14.2 - YouTube on homepage 14.3 - Public Alert Styles 14.4 - Carousel Styles 15.0 - Custom Template Styles 15.1 - Library Custom Template Styles 15.2 - Parks Custom Template Styles 15.3 - Police Template Styles 16.0 - Bootstrap Column Height 17.0 - Blog 18.0 - Print Styles 19.0 - Carousel 20. 0 - Admin Area --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } *, *:before, *:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */ -moz-box-sizing: border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */ box-sizing: border-box; } body { background: #fff; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a img { border: 0; } /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ body, input, select, textarea { color: #505050; font-family: 'Open Sans', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5; font-weight: 300; } h1, h2, h3 { clear: both; font-family: 'Raleway', serif; font-weight: 700; } h4, h5, h6 { font-family: 'Raleway', serif; font-weight: 600; } h1 { font-size: 1.6em; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.12em; } h5 { font-size: .83em; } h6 { font-size: .75em; } .site-title { font-family: 'Play', serif; font-weight: 700; } h1.line { overflow: hidden; text-align: center; margin-top:20px; margin-bottom:20px; } h1.line:before, h1.line:after { background-color: #888888; content: ""; display: inline-block; height: 2px; position: relative; vertical-align: middle; width: 50%; } h1.line:before { right: 0.5em; margin-left: -50%; } h1.line:after { left: 0.5em; margin-right: -50%; } h1.title,h2.title,h3.title { overflow: hidden; line-height:28px; position:relative; } h1.title:after, h2.title:after, h3.title:after { background: url(inc/bg_off.png) repeat; content: ""; height: 5px; margin-left: 10px; position: absolute; top: 12px; width: 99%; } .headline { border-bottom:1px solid #ccc; } p { margin-bottom: 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } h1.entry-title { color: rgb(31,82,134); font-weight: bold; font-size: 1.6em; padding: 0 0 5px 0; clear: none; } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.0em 2em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 0; } table { width:100% !important; } th { font-weight: bold; } .table-bordered { border:0; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background: #f5f8fb; } .table > thead > tr > th, .table > thead > tr > td { border-bottom: 2px solid #a7c2d9; color: #365d7e; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background: #f5f8fb; } /*.table-boxed, .table-bordered { border: 1px solid #ebebeb; }*/ .table.table-boxed > thead > tr > th, .table.table-boxed > thead > tr > td { border:none; border-right:1px solid #ebebeb; background: #6091ba; color: #fff; } .table.table-boxed>thead>tr>th:last-child { border-right:none; } .well { border-radius:0px; -webkit-box-shadow: inherit; box-shadow: inherit; } .border-left { border:0px; border-left:4px solid #6091ba; } /*-------------------------------------------------------------- 4.0 Forms --------------------------------------------------------------*/ input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */ } /*input[type="reset"], input[type="submit"] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 12px; font-size: 1.2rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } input[type="reset"]:focus, input[type="submit"]:focus, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } */ input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } .radio, .checkbox { margin-left:25px; } /*-------------------------------------------------------------- 4.1 Header Search --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/ a { } a:visited { } a:hover, a:focus, a:active { } /*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/ .main-navigation { clear: both; position: relative; display: block; float: left; background-color: rgb(59,59,59); padding: 0px; width: 100%; } .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .ubermenu .ubermenu-search .ubermenu-searchform { width:inherit !important; } .ubermenu-search-input { font-size: 16px; /* Fixes iOS zooming for search form on mobile */ } /*-------------------------------------------------------------- 5.3 Sidebar Navigation --------------------------------------------------------------*/ aside ul { margin:0; } .widget_recent_entries, .wpb_caw_widget, .Annual_Archive_Widget { margin:10px 10px 20px 10px !important; } .widget_recent_entries li, .wpb_caw_widget li { list-style:none; /*border-top: 1px solid #ffffff;*/ border-bottom: 1px solid #D3D3D3; } .Annual_Archive_Widget li { list-style: none; } .widget_recent_entries li:nth-child(2),.wpb_caw_widget li:nth-child(2) { border-top: none; } .widget_recent_entries li:last-child,.wpb_caw_widget li:last-child { border-bottom:none; } .widget_recent_entries li a, .wpb_caw_widget li a { font-size:.9em; } .widget_recent_entries a:hover, .wpb_caw_widget a:hover { text-decoration:none; } .flexipages_widget { float: left; width: 100%; } .flexipages_widget ul { list-style-type: none; margin: 0; padding: 0; } .flexipages_widget ul ul > li{ padding-left:10px; } .flexipages_widget li a { display: block; padding: 4px 10px; /*background: rgba(0,0,0,.1);*/ text-decoration: none; font-size: .8em; color: #000; } .flexipages_widget li a:hover, #nav li a.active { background: rgb(190,45,25); color: #fff !important; } .flexipages_widget ul li.current_page_item:hover:before { color: #fff !important; } .flexipages_widget li ul { /*display: none; // used to hide sub-menus*/ } /*.flexipages_widget ul ul { display: none; } .flexipages_widget ul li:hover > ul { display: block; }*/ .flexipages_widget li ul li a { padding: 3px 15px; background: #ececec; } .flexipages_widget ul li.current_page_item:before { content: '\f0da'; /*color: #be3119;*/ font-size: 14px; display: inline-block; height: 15px; width: 15px; line-height: 18px; font-family: FontAwesome; float: left; margin: 3px 0 0 0px; font-style: normal; font-weight: 400; text-decoration: inherit; text-align: center; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .flexipages_widget ul li.current_page_item > a, .flexipages_widget ul li.current_page_ancestor > a, .flexipages_widget ul li.current_page_ancestor > a{ color: rgb(190,45,25); font-weight: 700; color: rgb(190,45,25); } /*-------------------------------------------------------------- 5.4 Quick Links --------------------------------------------------------------*/ ul.quick-links { list-style-type: none; margin: 0; padding: 0; } .quick-links li:first-child { border-left: none; } .quick-links li { display: inline; padding-left: 7px; border-left: 1px solid rgba(0,0,0,.1); } .quick-links li a { text-decoration: none; color: rgba(0,69,131,.7); } .quick-links li a:hover { text-decoration: underline; color: rgba(0,69,131,.8); } div.tooltipster-content ul { margin: 5px 0; padding: 0; } div.tooltipster-content li { list-style-position:inside; margin: 0 0 0 5px; padding: 0 0 0 1px; } /*-------------------------------------------------------------- 5.5 Breadcrumbs --------------------------------------------------------------*/ .breadcrumbs { font-size: .7em; color: rgb(170,170,170); line-height: 2.4em; } .breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:hover { color: rgb(170,170,170); } .breadcrumbs a:hover { text-decoration: none; } /*-------------------------------------------------------------- 5.6 Pagination --------------------------------------------------------------*/ /* The containing box with a nice white background */ .paging-navigation { font-family: sans-serif; padding: 1em; } /* Remove bullets and list indentation */ .paging-navigation ul { list-style-type: none; margin: 0; padding: 0; } /* Make the list items appear horizontally */ .paging-navigation li { display: inline; } /* Give each link and the current item some padding to make them easy to click */ a.page-numbers, span.page-numbers { padding: .3em .7em; } /* Link hover state */ a:hover.page-numbers { } /* Current page bold and dark */ .paging-navigation .current { font-weight: bold; } /*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ .sticky { } .hentry { margin: 0 0 1.5em; } .byline { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { } /*-------------------------------------------------------------- 10.3 News --------------------------------------------------------------*/ ul.news_story li:hover { background-color:inherit; } /*-------------------------------------------------------------- 11.0 Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- 12.0 Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; max-width: 100%; text-align:center; background-color: #f3f3f3; padding-top: 4px; margin: 10px 0; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .site-main .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-main .gallery a img { border: none; height: auto; max-width: 90%; } .site-main .gallery dd, .site-main .gallery figcaption { margin: 0; } .site-main .gallery-columns-4 .gallery-item { } .site-main .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- 13.0 Media Queries --------------------------------------------------------------*/ .site-branding { position: relative; } .site-branding h1 { font-size: 1.6em; padding: 4px; text-align: center; } .site-branding h1 a { text-decoration: none; color: rgb(0,69,131); } .quick-links, .quick-search { display: none; } .mobile-search{ display:none !important; } .city-logo img { z-index: 999; position: absolute; display: block; pointer-events:none; height: 40px; width: 50px; left: 2px; top: 2px; } .main-navigation{ width: 100%; } @media screen and (min-width: 600px) and (max-width: 1209px) { .site-branding { position: relative; height: 110px; } .site-branding h1 { font-size: 2.5em; line-height: 1em; position: absolute; width: 350px; left: 175px; top: 10px; text-align: left; } .city-logo img { height: 135px; width: 170px; left: 0; top: 2px; } .quick-links { position: absolute; display: block; top: 10px; right: 10px; } .quick-search { position: absolute; display: block; top: 50px; right: 10px; text-align:right; } } @media screen and (min-width: 600px) and (max-width: 700px) { .quick-search input[type=text] { width: 120px; } .quick-links { font-size: .7em; } } @media screen and (max-width:600px) { .mobile-search { display:block !important; } } @media screen and (min-width: 1210px) { /*FIX FOR NAVIGATION RIBBON*/ .main-navigation { width: 1180px; left: -10px; } .main-navigation:before, .main-navigation:after { content:" "; border-top: 10px solid gray; position: absolute; bottom: -10px; } .main-navigation:before { border-left: 10px solid transparent; left: 0; } .main-navigation:after { border-right: 10px solid transparent; right: 0; } /*FIX FOR NAVIGATION RIBBON*/ .site-branding { position: relative; height: 110px; } .site-branding h1 { font-size: 2.5em; position: absolute; left: 180px; top: 30px; } .city-logo img { height: 180px; width: 215px; left: -55px; top: 2px; } .quick-links { position: absolute; display: block; top: 10px; right: 10px; } .quick-search { position: absolute; display: block; top: 50px; right: 10px; text-align:right; } } /*-------------------------------------------------------------- 14.0 Misc --------------------------------------------------------------*/ /* remove remarketing google space from footer */ iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } /* Style Google Translate */ #google_translate_element { position:relative; top:10px; } #google_translate_transportation { text-align: right; } #google_translate_transportation #google_translate_element { background-color: #428bca; border-radius: 5px; display: inline-block; margin-bottom: 1.5em; padding: 8px 10px 8px 25px; position:relative; } .goog-te-gadget-simple { background-color: transparent !important; border-left: none !important; border-top: none !important; border-bottom: none !important; border-right: none !important; } #google_translate_element .goog-te-gadget-simple .goog-te-menu-value { color: rgba(255,255,255,.5) !important; } #google_translate_transportation #google_translate_element .goog-te-gadget-simple .goog-te-menu-value { color: #fff !important; } .goog-te-gadget img { display:none !important; } .goog-te-gadget-simple .goog-te-menu-value span:nth-child(3),.goog-te-gadget-simple .goog-te-menu-value span:nth-child(5) { display:none !important; } .goog-te-menu-value { position:relative; } .goog-te-menu-value:before { content: "\f1a0"; font-family: FontAwesome; font-size:1.1em; left:-15px; position:absolute; top:0; } /*MOBILE FIRST MINDSET!*/ #page, #footer-area { max-width: 1160px; margin: 0 auto; } /*HOMEPAGE STUFF*/ .eventDetails a, .recentNews a { font-weight: 600; } .upcomingEvents li:hover, .recentNews li:hover { background-color: rgba(200,200,200,.1); } .upcomingEvents li, .recentNews li { display: inline-block; width: 100%; } /*FIX THIS POPOVER CODE FOR JUST RIGHT WINDOW SIZES*/ .popover { font-size: .9em; min-width: 175px; } #page { /*box-shadow: 0px 0px 10px 10px rgba(0,0,0,.1);*/ box-shadow: 0px 5px 5px 5px rgba(0,0,0,.2); margin-bottom: 30px; } #footer-wrapper { width:100%; color: rgba(255,255,255,.8); /*box-shadow: 0px 0px 10px 10px rgba(0,0,0,.1);*/ border-top: 1px solid rgba(0,0,0,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); background: rgb(0,69,131); /* Old browsers */ /*background: linear-gradient(to bottom, rgb(0,69,131) 0%,rgb(100,130,166) 100%); */ /* W3C */ /*background: -webkit-linear-gradient(top, rgb(102,131,165) 0%, rgb(37,82,135) 100%);*/ /* Chrome10+,Safari5.1+ */ } #footer-wrapper a { font-weight: bold; color:rgba(255,255,255,.8); } html { min-height: 100%; } body { min-height: 100%; margin: 0; } body { /*background: rgb(246,245,238);*/ background: rgb(192,196,205); /*background: linear-gradient(to bottom, rgb(0,69,131) 0%,rgb(100,130,166) 100%); *//* W3C */ /*background: linear-gradient(to bottom, rgb(0,69,131) 0%,rgb(100,130,166) 100%); *//* W3C */ /*background: linear-gradient(to bottom, rgb(100,130,166) 0%,rgb(150,180,216) 100%); *//* W3C */ /*background: linear-gradient(to bottom, rgb(150,180,216) 0%,rgb(200,230,266) 100%); *//* W3C */ /*background: linear-gradient(to bottom, rgb(206,205,198) 0%,rgb(246,245,238) 100%); *//* W3C */ } #content { background-color:rgb(234,234,234); } #primary { background-color: rgb(255,255,255); padding:10px; } #colophon { background-color: rgb(0,31,62); color: rgb(96,121,142); text-align: right; padding-right: 5px; } #masthead { background: rgb(246,246,246); /*background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(206,206,206) 100%); *//* W3C */ } @media screen and (min-width: 600px) { #secondary { width: 25%; float: left; } #primary { width: 75%; float: right; } } @media screen and (min-width: 800px) { #secondary { width: 20%; } #primary { width: 80%; padding: 10px; } } /*FULL WIDTH HOMEPAGES*/ body.home #primary, body.page-id-12 #primary { width: 100%; } .site-title { text-transform: uppercase; } .home #primary { padding:0; /*margin-top: -24px;*/ } .ubermenu-main { background-color: transparent !important; } /*LESS PADDING FOR UBERMENU FLYOUTS*/ .ubermenu li li a.ubermenu-target { padding: 5px 20px; } @media only screen and (min-width: 320px) { .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { background: rgba(0,0,0,.1) !important; } .ubermenu-skin-grey-white.ubermenu-notouch .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-grey-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target { background: rgba(0,0,0,.1) !important; } } @media only screen and (min-width: 1150px) { .ubermenu-main .ubermenu-nav > li.ubermenu-item-level-0 { width: 16%; text-align: center; } .ubermenu-main .ubermenu-nav li li{ text-align: left; } } ul.recentNews, ul.upcomingEvents { list-style-type: none; margin: 0; margin-bottom:3px; padding: 0; } ul.recentNews li, ul.upcomingEvents li { clear:both; margin-top: 15px; } .eventDetails { margin-left: 60px; } .datetime { border-right: 1px dashed rgba(0,0,0,.2); text-align: center; width: 50px; margin: 0 10px 0 0; float: left; } .month { /*background-color: rgb(191,47,26);*/ color: rgba(0,0,0,.4); font-size: .7em; } /*.date { font-size: 1.1em; line-height: 1em; }*/ .day { font-size: .7em; line-height: 1.2em; color: rgba(0,0,0,.3); margin:0; padding:0; } @media (min-width: 600px) { .tableCell, .tableCell3 { display: table-cell; float:none; } tableCell { width: 50%; } tableCell3 { width: 33%; } .moreLink { position: absolute; bottom:0px; right:20px; } ul.recentNews, ul.upcomingEvents { margin-bottom:36px; } } .moreLink { float:right; } .tableCell, .tableCell3 { clear: both; } .tableCell > h2, .tableCell3 > h2 { font-size: 1.6em; } .entry-header { border-bottom: 1px solid rgba(155,155,155,.1); } /*-------------------------------------------------------------- 14.1 Social Media Styles --------------------------------------------------------------*/ #social-footer { color: white; width: 100%; background-color: #003366; border-top: 1px solid black; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); } .social-list { list-style: none; margin: 0; overflow: auto; padding: 11px 0 0 0; } .social-list li { float: right; margin: 0 9px 9px 0; } .social-list li a { color: rgba(255,255,255,.5); text-decoration: none; } .social-list li a:hover { color: rgba(255,255,255,.9); } /*-------------------------------------------------------------- 14.2 YouTube on homepage --------------------------------------------------------------*/ .video h2{ font-size:1.6em; } ul#thumbs li.selected, ul#thumbs li.selected:hover { /*background-color: rgba(66,105,152,.1);*/ border-left: 5px solid rgb(190,45,25); } ul#thumbs li:hover { cursor: pointer; border-left: 5px solid rgba(66,105,152,.2); } ul#thumbs { list-style-type: none; margin: 0px; padding: 0px; } ul#thumbs li { margin: 0px; padding: 5px; clear: both; min-height: 90px; border-left: 5px solid transparent; } ul#thumbs li h3 { clear: none; } ul#thumbs li img { float: left; height: 77px; width: 100px; margin-right: 10px; } .btn-square { border-radius:0; } .video-section { background: #FFFFFF; box-shadow: inset 0px 0 40px rgba(0, 0, 0, 0.19); } .video-section iframe { border: 1px solid #717171; } /*-------------------------------------------------------------- 14.3 Public Alert Styles --------------------------------------------------------------*/ .alert-danger { background-color: rgb(190,45,25); color: white; padding: 5px; border:0; border-radius:0; border-bottom:3px solid #8e1719; } .alert-danger a { color: rgb(255,255,255); } .alert-danger a:hover { text-decoration: none; } .fourth-of-july { text-align: center; font-size: 1.2em; font-weight: bold; padding: 15px; } .fourth-of-july .flag-icon { display: inline-block; margin-right: 15px; font-size: 1.33em; vertical-align: middle; } /*-------------------------------------------------------------- 14.4 Public Alert Styles --------------------------------------------------------------*/ .rssBlock h1 { display: inline-block; margin: 0 0 0px 0; padding: 16px 30px; background: #000000; background: rgba(0, 0, 0, 0.6); line-height: 1em; color: #ffffff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); font-size: 50px; font-weight: 300; width: auto; } /*-------------------------------------------------------------- 15.0 Custom Template Styles --------------------------------------------------------------*/ /*-------------------------------------------------------------- 15.1 Library Custom Template Styles --------------------------------------------------------------*/ @media screen and (min-width: 1210px) { body.page-id-12 #page, body.page-template-page-library-php #page { margin-top: 20px; } } body.page-id-12 .mobileNoticiation, body.page-template-page-library-php .mobileNoticiation { display: block; margin-bottom: 0px; } @media screen and (min-width: 600px) { body.page-id-12 .mobileNoticiation, body.page-template-page-library-php .mobileNoticiation { display: none; } } /*LIBRARY LINK STYLES FOR HOMEPAGE*/ body.page-id-12 .library li a { background-color: rgb(83,124,120); color: #FFF; margin-bottom: 20px; } body.page-id-12 .library li a:hover { background-color: rgb(188,28,30); } body.page-id-12 ul.library { margin-left: 0px; } body.page-id-12, body.page-template-page-library-php { background: rgb(244,223,175); } body.page-id-12>#page, body.page-template-page-library-php>#page { box-shadow: 0px 0px 10px 10px rgba(0,0,0,.1); } body.page-id-12 #site-navigation, body.page-template-page-library-php #site-navigation { background: rgb(83,124,120); } body.page-id-12 .site-branding h1 a, body.page-template-page-library-php .site-branding h1 a { color: rgb(83,124,120); } body.page-id-12 #masthead, body.page-template-page-library-php #masthead { background: rgb(255,255,255); } body.page-id-12 #footer-wrapper, body.page-template-page-library-php #footer-wrapper { background: rgb(83,124,120); } body.page-id-12 #social-footer, body.page-template-page-library-php #social-footer { background: rgb(79, 116, 113) } body.page-template-page-library-php h2.sectionHeader { background-color: #537c78; width: 100%; padding: 10px; color: #fff; font-size: 1.4em; } body.page-template-page-library-php .imagesApps { border-radius: 20px; } body.page-template-page-library-php .subsecindent {margin-left: 15;} body.page-template-page-library-php .cardholdertitle {margin-left:25px;} body.page-template-page-library-php .top {float: right} body.page-template-page-library-php a.secpadding {padding-left: 10px;} body.page-template-page-library-php a.subsecpadding {padding-left: 10px;} body.page-template-page-library-php p.indent {margin-left: 70px;} /*-------------------------------------------------------------- 15.2 Parks Custom Template Styles --------------------------------------------------------------*/ body.page-id-510 .site-branding, body.page-template-page-parks-and-recreation-php .site-branding, body.single-park .site-branding, body.page-template-single-trail-php .site-branding { background-color: rgb(200,220,230); background-image: url("inc/park-header-fun-two.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } body.page-id-510 .site-branding h1 a, body.page-template-page-parks-and-recreation-php .site-branding h1 a, body.single-park .site-branding h1 a, body.page-template-single-trail-php .site-branding h1 a { color: rgb(255, 255, 255); text-shadow: 1px 2px 7px #000000; } body.page-id-510 a.rockn-river-water-park, body.page-template-page-parks-and-recreation-php a.rockn-river-water-park, body.single-park a.rockn-river-water-park, body.page-template-single-trail-php a.rockn-river-water-park { display: none; } body.page-id-510 .site-branding .quick-links li a, body.page-template-page-parks-and-recreation .site-branding .quick-links li a, body.page-template-page-parks-and-recreation-php .site-branding h1 a, body.single-park .site-branding h1 a, body.page-template-single-trail-php .site-branding h1 a { color:rgba(255,255,255,1); } body.page-id-510 #content, body.page-template-page-parks-and-recreation-php #content, body.single-park #content, body.page-template-single-trail-php #content { background-color: rgba(200,200,200,.1); } body.page-id-510 #footer-wrapper, body.page-template-page-parks-and-recreation-php #footer-wrapper, body.single-park #footer-wrapper, body.page-template-single-trail-php #footer-wrapper { background-color: rgb(43,79,34); background-image: url("inc/parks-grass2.png"); background-repeat: repeat-x; background-position: right top; padding-top: 135px; border-top: none; } body.page-id-510 #seconday, body.page-template-page-parks-and-recreation-php #secondary, body.single-park #secondary, body.page-template-single-trail-php #secondary { background-color: white; } body.page-id-510 #page, body.page-template-page-parks-and-recreation-php #page, body.single-park #page, body.page-template-single-trail-php #page { box-shadow: none; } body.page-id-510 #content.site-content, body.page-template-page-parks-and-recreation-php #content.site-content, body.single-park #content.site-content, body.page-template-single-trail-php #content.site-content { box-shadow: 0px 0px 5px 5px rgba(0,0,0,.2); } body.page-id-510 #site-navigation, body.page-template-page-parks-and-recreation-php #site-navigation, body.single-park #site-navigation, body.page-template-single-trail-php #site-navigation { background: rgb(170,41,23); } body.page-id-510 .ubermenu-skin-grey-white.ubermenu-responsive-toggle, body.page-template-page-parks-and-recreation-php .ubermenu-skin-grey-white.ubermenu-responsive-toggle, body.single-park .ubermenu-skin-grey-white.ubermenu-responsive-toggle, body.page-template-single-trail-php .ubermenu-skin-grey-white.ubermenu-responsive-toggle { background: rgb(170,41,23); } body.page-id-510 #masthead, body.page-template-page-parks-and-recreation-php #masthead, body.single-park #masthead, body.page-template-single-trail-php #masthead { background: none; } body.page-id-510 .site-title, body.page-template-page-parks-and-recreation-php .site-title, body.single-park .site-title, body.page-template-single-trail-php .site-title { top: 30px; } body.page-id-510 .title-hide, body.page-template-page-parks-and-recreation-php .title-hide, body.single-park .title-hide, body.page-template-single-trail-php .title-hide { display: none; } body.page-id-510 .site-branding h1, body.page-template-page-parks-and-recreation-php .site-branding h1, body.single-park .site-branding h1, body.page-template-single-trail-php .site-branding h1 { text-align: left; } /* body.page-id-510 #primary.content-area { background-color: rgba(200,200,200,.1); } */ body.page-id-510 #secondary, body.page-template-page-parks-and-recreation-php #secondary, body.single-park #secondary, body.page-template-single-trail-php #secondary { background: rgb(231,234,239); } body.page-id-510 #social-footer, body.page-template-page-parks-and-recreation-php #social-footer, body.single-park #social-footer, body.page-template-single-trail-php #social-footer { background-color:#1d4215; } body.page-id-510 .border-left, body.page-template-page-parks-and-recreation-php .border-left, body.single-park .border-left, body.page-template-single-trail-php .border-left { border:0px; border-left:4px solid green; } body.page-id-510 .park-links > a{ margin-bottom:25px; } body.page-id-510 .social { background-color: #333333; margin-top:25px; padding:10px; } body.page-id-510 .social a { color:#fff; } @media screen and (min-width: 600px) and (max-width: 1209px) { body.page-id-510 .site-branding h1, body.page-template-page-parks-and-recreation-php .site-branding h1, body.single-park .site-branding h1, body.page-template-single-trail-php .site-branding h1 { font-size: 2em; width: 350px; left: 190px; top: 20px; text-align: left; } } @media screen and (max-width: 600px) { body.page-id-510 .site-branding h1, body.page-template-page-parks-and-recreation-php .site-branding h1, body.single-park .site-branding h1, body.page-template-single-trail-php .site-branding h1 { text-align: center; } } @media screen and (min-width: 1210px) { body.page-id-510, body.page-template-page-parks-and-recreation-php, body.single-park, body.page-template-single-trail-php { background-position: center top; background-size: auto; } body.page-id-510 .site-branding, body.page-template-page-parks-and-recreation-php .site-branding, body.single-park .site-branding, body.page-template-single-trail-php .site-branding { height: 252px; } body.page-id-510 a.rockn-river-water-park, body.page-template-page-parks-and-recreation-php a.rockn-river-water-park, body.single-park a.rockn-river-water-park, body.page-template-single-trail-php a.rockn-river-water-park { position: absolute; bottom: 10px; right: 0; color: #fff; font-size: 1.2em; display: block; } body.page-id-510 .site-branding h1, body.page-template-page-parks-and-recreation-php .site-branding h1, body.single-park .site-branding h1, body.page-template-single-trail-php .site-branding h1 { left: 250px; font-size:3em; width:300px; } body.page-id-510 .title-hide, body.page-template-page-parks-and-recreation-php .title-hide, body.single-park .title-hide, body.page-template-single-trail-php .title-hide { display: block; } } body.page-id-510 .flexipages_widget li a, body.page-template-page-parks-and-recreation-php .flexipages_widget li a, body.single-park .flexipages_widget li a, body.page-template-single-trail-php .flexipages_widget li a { background: rgb(231,234,239); color: #000; } body.page-id-510 .flexipages_widget li a:hover, body.page-template-page-parks-and-recreation-php .flexipages_widget li a:hover, body.single-park .flexipages_widget li a:hover, body.page-template-single-trail-php .flexipages_widget li a:hover { background: green; color: #fff; } body.page-id-510 .flexipages_widget li ul li a, body.page-template-page-parks-and-recreation-php .flexipages_widget li ul li a, body.single-park .flexipages_widget li ul li a, body.page-template-single-trail-php .flexipages_widget li ul li a { background: rgb(231,234,239); } body.page-id-510 .flexipages_widget ul li.current_page_item > a, body.page-template-page-parks-and-recreation-php .flexipages_widget ul li.current_page_item > a, body.single-park .flexipages_widget ul li.current_page_item > a, body.page-template-single-trail-php .flexipages_widget ul li.current_page_item > a { background: green; color: rgb(231,234,239); } /*-------------------------------------------------------------- 15.2.1 Park Custom Post Type Styles --------------------------------------------------------------*/ /* custom park page (/departments/parks-and-recreation/parks-trails/parks/) */ #park-table td { white-space: normal !important; } .park-custom-post-type-page h2 { color: rgb(54, 93, 126); margin-bottom: .75em; } .park-custom-post-type-page select { border: 1px solid rgb(54,93,126); color: #fff; background: rgb(54,93,126); height: 2em; margin-bottom: 1.75em; letter-spacing: 1px; width: 100%; } .park-custom-post-type-page .acf-map { height: 400px; width: 100%; } .park-custom-post-type-page .park-listing { list-style-type: none; margin: 0; padding: 1em 0 3em 0; } .park-custom-post-type-page table { margin: 1em 0 2em 0; } .park-custom-post-type-page table tr:hover { background-color: rgba(155,155,155,.3); cursor: pointer; } .park-custom-post-type-page table tr.park-row-selected { background-color: rgba(155,155,155,.3); } .park-custom-post-type-page table thead tr:hover { background-color: transparent; cursor: default; } .park-custom-post-type-page table h2 { font-size: 1em; } .park-custom-post-type-page table h3 { font-size: 1em; font-weight: normal; text-transform: capitalize; } .park-custom-post-type-page table p { font-size: .8em; margin: 0; } .park-custom-post-type-page table a { font-size: .8em; } .park-custom-post-type-page td { text-transform: capitalize; vertical-align: middle !important; } /* custom park and trail single post (/park/* & /trail/*) */ .back-to-parks-trails { display: inline-block; margin-top: 2em; } .back-to-parks-trails:before { content: "\f053"; display: inline-block; font-family: FontAwesome; margin-right: 8px; vertical-align: middle; } .park-trail-custom-post-types-post { border-bottom: 1px solid rgba(155,155,155,.1); margin-bottom: 3em; padding-bottom: 1em; } .park-trail-custom-post-types-post .acf-map { height: 300px; max-width: 100%; } img.attachment-park-trail-featured { margin-top: 1em; } .park-trail-custom-post-types-post .get-directions { text-align: center; } .park-trail-custom-post-types-post .get-directions a { background-color: green; color: #fff; display: inline-block; margin: 2em 0; padding: 6px 12px; } .park-trail-custom-post-types-post .get-directions a:after { content: "\f054"; display: inline-block; font-family: FontAwesome; margin-left: 8px; vertical-align: middle; } .park-amenities { margin-bottom: 2.5em; } .park-amenities h3 { color: rgb(54,93,126); margin-bottom: 1.25em; } .park-amenities h3:before { content: "\f087"; display: inline-block; font-family: FontAwesome; margin-right: 10px; } .park-amenities ul { color: #fff; font-size: .7em; list-style-type: none; margin: 0; padding: 0; } .park-amenities ul li:before { content: "\f00c"; display: inline-block; font-family: FontAwesome; margin-right: 2px; } .park-amenities ul li { background-color: rgb(54,93,126); border-radius: 5px; display: inline-block; margin: 0 4px 8px 0; padding: 4px 8px; } .park-amenities ul li:last-child { margin-right: 0; } .park-amenities ul li a { color: #fff; } .park-upcoming-events { margin-bottom: 3em; } .park-upcoming-events h3 { color: rgb(54,93,126); margin-bottom: .33em; } .park-upcoming-events h3:before { content: "\f073"; display: inline-block; font-family: FontAwesome; margin-right: 10px; } @media screen and (min-width: 768px) { .park-custom-post-type-page select { border: none; width: 50%; } .park-custom-post-type-page table h2 { font-size: 1.25em; } } /*-------------------------------------------------------------- 15.3 Police Custom Template Styles --------------------------------------------------------------*/ body.page-id-572, body.page-template-page-police-php { background-color: rgb(255,255,255); background-image: linear-gradient(rgb(200,200,200) 0%, rgb(55,55,55) 100%); } body.page-id-572 .site-branding h1 a, body.page-template-page-police-php .site-branding h1 a { color: rgb(7,66,106); } body.page-id-572 #content, body.page-template-page-police-php #content { background: rgb(7,66,106); } body.page-id-572 #page, body.page-template-page-police-php #page { } body.page-id-572 #site-navigation, body.page-template-page-police-php #site-navigation { background: rgb(7,55,87); } body.page-id-572 #masthead, body.page-template-page-police-php #masthead { } body.page-id-572 .site-title, body.page-template-page-police-php .site-title { top: 10px; } body.page-id-510 .title-hide, body.page-template-page-parks-and-recreation-php .title-hide, body.single-park .title-hide { display: none; } .police-logo img { z-index: 999; position: absolute; display: block; pointer-events:none; height: 50px; width: 36px; left: 10px; top: 5px; } .btn-police { background:rgb(7,66,106); color:#ccc; } .btn-police:hover { color:#fff; } body.page-id-572 .site-branding h1, body.page-template-page-police-php .site-branding h1 { text-align: left; } body.page-id-572 .flexipages_widget li a, body.page-template-page-police-php .flexipages_widget li a { background: rgb(7,66,106); color: #fff; } body.page-id-572 .flexipages_widget li a:hover, body.page-template-page-police-php .flexipages_widget li a:hover, #nav li a.active { background: rgb(189,48,25); color: #fff; } body.page-id-572 .flexipages_widget li ul li a, body.page-template-page-police-php .flexipages_widget li ul li a{ background: rgb(7,66,106); color: white; } body.page-id-572 .flexipages_widget ul li.current_page_item > a, body.page-template-page-police-php .flexipages_widget ul li.current_page_item > a{ background: rgb(189,48,25); color: rgb(231,234,239); } body.page-id-572 #footer-wrapper, body.page-template-page-police-php #footer-wrapper { /*background: rgb(125,125,125);*/ background: rgb(7,55,87); } body.page-id-572 #social-footer, body.page-template-page-police-php #social-footer { background: rgb(7,55,87); } @media screen and (min-width: 600px) and (max-width: 1209px) { .police-logo img { height: 95px; width: 68px; left: 20px; top: 5px; } body.page-id-572 .site-branding h1, body.page-template-page-police-php .site-branding h1 { font-size: 1.7em; width: 350px; left: 110px; top: 20px; text-align: left; } } @media screen and (min-width: 1210px) { .police-logo img { height: 100px; width: 72px; left: 20px; top: 5px; } } @media screen and (max-width: 600px) { body.page-id-572 .site-branding h1, body.page-template-page-police-php .site-branding h1 { text-align: center; } } /*-------------------------------------------------------------- 16.0 Bootstrap Column Height --------------------------------------------------------------*/ /* columns of same height styles */ .container-xs-height { display:table; padding-left:0px; padding-right:0px; } .row-xs-height { display:table-row; } .col-xs-height { display:table-cell; float:none; } @media (min-width: 767px) { .container-sm-height { display:table; padding-left:0px; padding-right:0px; } .row-sm-height { display:table-row; } .col-sm-height { display:table-cell; float:none; } } @media (min-width: 992px) { .container-md-height { display:table; padding-left:0px; padding-right:0px; } .row-md-height { display:table-row; } .col-md-height { display:table-cell; float:none; } } @media (min-width: 1200px) { .container-lg-height { display:table; padding-left:0px; padding-right:0px; } .row-lg-height { display:table-row; } .col-lg-height { display:table-cell; float:none; } } /* firefox fix */ .img-responsive { width: 100%; } /* vertical alignment styles */ .col-top { vertical-align:top; } /* special faq styles */ .panel-default>.panel-heading.active-faq { background-color: #428bca; } .panel-default>.panel-heading.active-faq a { color: #fff; } .panel-default>.panel-heading.active-faq a:focus, .panel-default>.panel-heading a:focus { outline: none; } /* COVID-19 map buttons */ /* .covid-19-map-mobile { display: none; } @media screen and (max-width: 992px) { .covid-19-map-mobile { display: block!important; } } @media screen and (max-width: 992px) { .covid-19-map-desktop { display: none!important; } } */