/* Theme Name: Nashville Guru 2017 Theme URI: http://modernsparkmedia.com Description: Custom Website Version: 1.0 Author: Modern Spark Author URI: http://modernsparkmedia.com Tags: Custom */ /*====================================== COLORS ======================================*/ /* TEAL: 008083 BRIGHT TEAL: 62dfe1 BLACK: 000 DARK GRAY: 353535 LIGHT GRAY: f9f9f9 WHITE: FFF ORANGE: ff5e0e */ /*====================================== BASICS ======================================*/ html {margin:0; padding:0; font-size:18px; font-family:'Open Sans', Arial, Helvetica, sans-serif; color: #000; background:#ddd; -webkit-font-smoothing: antialiased !important; } html a {-webkit-font-smoothing: antialiased !important;} * { margin: 0; padding: 0; } article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; margin:0; padding:0; } h1 { -webkit-margin-before: 0em; -webkit-margin-after: 0em; } .alignleft { float: left; margin:0 10px 0px 0 } .alignright { float: right; margin:0 0 0px 10px } .aligncenter, img.aligncenter { text-align:center; clear: both; display: block; margin-left: auto; margin-right: auto; } .floatleft {float:left; } .floatright {float:right; } .clear { clear: both; } .centertext, .textcenter {text-align:center; } a img, img, a { border: none; margin:0; padding:0; } a:target{display: block; position: relative; top: -140px; visibility: hidden;} ul,ol{ list-style: none; } p{margin-bottom: 10px; } blockquote {display:block; width:94%; padding:20px 3% 10px 3%; margin:0 0 10px 0; background:#eee; color:#000; font-weight:300; font-size:160%; border-radius:6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; } hr {margin:15px 0; background:#eee; height:3px; border:0; } /*====================================== SPECIAL EFFECTS ======================================*/ .hide-on-mobile, .show-on-desktop {display:block; } .hide-on-desktop, .show-on-mobile {display:none; } .box-shadow {box-shadow:3px 3px 5px #111;-webkit-box-shadow:3px 3px 5px #111;-moz-box-shadow: 3px 3px 5px #111;} .rounded-corners {border-radius:6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;} .background-transition { -webkit-transition: background linear .2s; -moz-transition: background linear .2s; -o-transition: background linear .2s; -ms-transition: background linear .2s; transition: background linear .2s;} .js-video {height: 0; padding-top: 25px; padding-bottom: 67.5%; margin-bottom: 10px; position: relative; overflow: hidden; } .js-video.widescreen { padding-bottom: 57.25%; } .js-video.vimeo { padding-top: 0; } .js-video embed, .js-video iframe, .js-video object, .js-video video { top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .remove-margin {margin:0!important} #backtotop {z-index:99999;position: fixed; right:20px; bottom:20px; width:100px; height:70px; display:none;} #backtotop a {text-decoration:none;border:0 none;display:block;font-size:100%; width:100%; padding:20px 0; margin:0; text-align: center; background:#111;color:#fff;box-shadow:0px 1px 6px #222;-webkit-box-shadow:0px 1px 6px #222;-moz-box-shadow: 0px 1px 6px #222; } #backtotop a:hover {background:#008083; color:#fff; } img.stretch {width:100%; height:auto; width:auto; } .center-block {float:left; width:80%; margin:10px 10%;} /*====================================== LINKS ======================================*/ a:link, a:visited {color: #008083; font-weight: bold; text-decoration: none; outline: none; } a:hover, a:active {color: #000; text-decoration: none; outline: none; -webkit-transition: background linear .1s; -moz-transition: background linear .1s; -o-transition: background linear .1s; -ms-transition: background linear .1s; transition: background linear .1s; } a:link.standard-button, a:visited.standard-button, span.standard-button a:link, span.standard-button a:visited{font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:400; background:#008083; color:#fff; font-size:22px; padding:5px 10px 5px 10px; margin:3px 0; text-align:center; border:2px solid #62dfe1; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; } a:hover.standard-button, span.standard-button a:hover {background:#000; color:#fff} .back-container {float:left; width:100%; margin:0;} a:link.back-button, a:visited.back-button{color:#008083; font-size:200%; line-height:30px; padding:4px 1%; font-weight:300; text-align:center; margin:0 2px; } a:hover.back-button {color:#FF5813} .button a:link, .button a:visited {background:#008083; color:#fff; padding:5px 1%; width:98%; font-weight:400; display:block; text-align:center; margin:0 0 2px 0; -moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;} .button a:hover, .button a:active {background:#111; color:#fff} .large-button a:link, .large-button a:visited {float:left; font-size:130%; background:#008083; color:#fff; padding:10px 1%; width:98%; font-weight:400; display:block; text-align:center; margin:0 0 0px 0; -moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius: 8px;} .large-button a:hover, .large-button a:active {background:#111; color:#fff} a:link.subtle-button, a:visited.subtle-button {background:#fff; color:#008083; padding:5px 10px 5px 10px; font-style:none; font-weight:500; font-size:90%; margin:0 2px 0 0; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px;} a:hover.subtle-button, a:active.subtle-button {background:#111; color:#fff} a:link.bright-button, a:visited.bright-button {background:#62dfe1; color:#000; padding:5px 10px 5px 10px; font-style:none; margin:0 2px 0 0; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px;} a:hover.bright-button, a:active.bright-button {background:#000; color:#62dfe1} a:link.custom-link, a:visited.custom-link {background:#62dfe1; color:#000; padding:5px 10px 5px 10px; font-style:none; margin:0 2px 0 0; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px;} a:hover.custom-link, a:active.custom-link {background:#000; color:#62dfe1} .alt-link a:link, .alt-link a:visited, a:link.alt-link, a:visited.alt-link {color:#008083; font-weight:400; font-family:'Oswald', sans-serif;} .alt-link a:hover, .alt-link a:active, a:hover.alt-link, a:active.alt-link {color:#000; } a.block-link {position:absolute; bottom:0; right:0; padding:5px; font-weight:400; background:#008083; color:#fff; text-transform: uppercase; font-family:'Oswald', sans-serif; } a:hover.block-link, a:active.block-link {background:#000;} a.neighborhood-block-link {position:absolute; bottom:0; right:0; padding:5px; font-weight:400; background:#333; color:#fff; text-transform: uppercase; font-family:'Oswald', sans-serif; } a:hover.neighborhood-block-link, a:active.neighborhood-block-link {background:#008083;} a.neighborhood-block-link {position:absolute; bottom:0; right:0; padding:5px; font-weight:400; background:#333; color:#fff; text-transform: uppercase; font-family:'Oswald', sans-serif; } a:hover.neighborhood-block-link, a:active.neighborhood-block-link {background:#008083;} .box-link h2 a {font-weight:400;} .box-link:hover, .box-link:hover a {background:#008083; color:#fff;} #archive-nav {position:relative; float:left; width:98%; margin:5px 1%;} #archive-nav .previous {position:relative; float:right; width:50%; text-align:right; } #archive-nav .next {position:relative; float:left; width:50%; text-align:left; } #archive-nav .previous a {padding:10px; font-weight:400; background:#008083; color:#fff; text-transform: uppercase; font-family:'Oswald', sans-serif; } #archive-nav .next a { padding:10px; font-weight:400; background:#008083; color:#fff; text-transform: uppercase; font-family:'Oswald', sans-serif; } #archive-nav a:hover, #archive-nav a:active {background:#000;} .edit-this-button {float:left; width:100%; margin:0 0 4px 0; } .edit-this-button a:link {display:block; float:left; background:#efedc0; padding:3px 6px; font-size:120%; font-style:italic;} .see-more {float:left; width:20%; margin:10px 40%; } .see-more a:link, .see-more a:visited {font-family:'Oswald', sans-serif; float:left; font-size:110%; text-transform:uppercase; background:#008083; color:#fff; padding:8px 1%; width:98%; font-weight:400; display:block; text-align:center; } .see-more a:hover, .see-more a:active {background:#111; color:#fff} a.neighborhood-block-link {position:absolute; bottom:0; right:0; padding:5px; font-weight:400; background:#333; color:#fff; text-transform: uppercase; font-family:'Oswald', sans-serif; } a:hover.neighborhood-block-link, a:active.neighborhood-block-link {background:#008083;} /*====================================== INPUTS AND FORMS ======================================*/ input[type="text"],input[type="password"],input[type="email"],select,textarea{padding:5px 1%; width:98%; background:#ddd; margin:0 0 5px 0; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:100%; border:0;} input:focus[type="text"],input:focus[type="email"],select:focus,textarea:focus{background:#eee;} input[type="submit"] {padding:10px 5px; width:50%; background:#008083; color:#fff; cursor:pointer; border:0; font-size:120%; font-weight:300; font-family:'Open Sans', Arial, Helvetica, sans-serif; border-radius:6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; } input[type="submit"]:hover {background:#111; color:#fff; -webkit-transition: background linear .2s; -moz-transition: background linear .2s; -o-transition: background linear .2s; -ms-transition: background linear .2s; transition: background linear .2s;} #searchform-body {float:left; width:100%; margin:0 0 20px 0; } #searchform-text {float:left; width:68%; margin:0 2% 0 0; } #searchform-text input[type="text"] {width:96%; padding:10px 2%; font-size:120%;} #searchform-submit {float:right; width:30%; } #searchform-submit input[type="submit"] {width:96%; padding:10px 2%;} /*====================================== HEADINGS ======================================*/ h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0 0 10px 0;} h1 {font-family: 'Oswald', sans-serif; font-weight:700; color:#222; font-size:200%; text-transform: uppercase; margin:0 0 15px 0; letter-spacing: -1px} h1.post-title {font-size:280%; font-family: 'Oswald', sans-serif; text-transform: none; font-weight:300; margin:0 0 20px 0; line-height:110%; } h1.section-header {width:98%;padding:5px 1%; margin:0; font-size:120%; font-weight:400; color:#fff; background:#000; text-transform: uppercase; letter-spacing: 0px } h1.section-header-link {width:100%; margin:0; font-size:120%; color:#fff; background:#000; text-transform: uppercase; letter-spacing: 0px } h1.section-header-link a {display:block; color:#fff; font-weight:400; padding:5px 1%; } h1.section-header-link a:hover, h1.section-header a:active {background:#008083;} h1.breadcrumbs-header {float:left; width:98%; font-size:120%; padding:5px 1%; margin:0; color:#fff; background:#000; font-weight:400; text-transform: uppercase; letter-spacing: 0px } h1.breadcrumbs-header a {display:inline; color:#fff; font-weight:400; padding:0px; text-transform: uppercase; font-family: 'Oswald', sans-serif; } h1.breadcrumbs-header a:hover, h1.breadcrumbs-header a:active {color:#008083;} .main-image-container h1 {font-size:220%; position:absolute; bottom:5px; left:5px; background:rgb(0,0,0); background:rgba(0,0,0,0.5); color:#fff; font-weight:300; text-transform: uppercase; padding:10px; letter-spacing: 0px } h2 {font-size:200%; font-family: 'Oswald', sans-serif; } h2 a {display:block; } .articles h2 {font-size:120%; margin:0 0 5px 0; } .articles h2 a:link, .articles h2 a:visited {color:#000; font-weight:400; } .articles h2 a:hover, .articles h2 a:active {color:#008083; } .articles.home h2 {font-size:140%; margin:0 0 5px 0; } .neighborhoods h2 {margin:0; padding:0; float:left; font-size:100%; width:100%; } .neighborhoods h2 a:link, .neighborhoods h2 a:visited {float:left; width:98%; color:#000; font-weight:400; background:#fff; display:block; border:0; margin:0; padding:5px 1% 10px 1%; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .neighborhoods h2 a:hover, .neighborhoods h2 a:active {color:#fff; background:#008083;} .neighborhoods h2.coming-soon {background:#fff; padding:5px 1% 10px 1%; text-transform: uppercase; } .neighborhoods:hover h2 a {color:#fff; background:#008083;} .main-image-container h2 {position:absolute; bottom:0; left:3px; background:rgb(0,0,0); background:rgba(0,0,0,0.5); color:#fff; font-weight:300; text-transform: uppercase; padding:10px;} h3 {font-size:180%; font-family: 'Oswald', sans-serif } h3.sub-page-header a {font-family: 'Oswald', sans-serif; margin:0; font-weight:400; color:#000 ;} h3.sub-page-header a:hover, h3.sub-page-header a:active {color:#008083;} h4 {font-size:160%; font-weight:bold; letter-spacing:-1px; } #event-listings h4 {margin:0;} .gce-feed-1 h4 {font-size:100%; } h5 {font-size:130%; font-family: 'Open Sans', sans-serif; font-weight:400; letter-spacing:3px; padding:5px 1%; margin:0 0 20px 0; text-transform:uppercase; color:#eee; background:#008083;} h6 {background:#000; color:#fff; font-size:190%; font-weight:300; text-transform:uppercase; padding:5px 1%; margin:0 0 20px 0; font-family:'Oswald', sans-serif;} /*====================================== TEXT ADJUSTMENTS ======================================*/ .small-font {font-size:80%;} .large-font {font-size:140%;} .normal-weight {font-weight:400;} .custom-font {font-family:'Oswald', sans-serif; } p.excerpt {font-size:90%; color:#555; } p.note {background:#ddd; font-style:italic; font-size:80%; float:left; padding:10px 1%; margin:10px 0; width:98%; border-radius:6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; } .searchnote {background:#ffe0d0; font-style:italic; font-size:100%; float:left; padding:10px 1%; margin:20px 0 10px 0; width:98%; border-radius:6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px; } .single-post p, .page p, .article-guide-content p {line-height:150%; margin-bottom:20px; } .get-more-details {float:left; width:100%; margin:0px 0 20px 0; font-size:22px; } .bright {color:#62dfe1;} /*====================================== IMAGE AND PHOTO ADJUSTMENTS ======================================*/ .featured-image-header {float:left; width:100%; margin:0 0 10px 0; } .featured-image-header img {float:left; width:100%; height:auto; max-width: 100%} .featured-image-caption {float:left; width:98%; padding:5px 1%; font-size:14px; color:#777; text-align: center; } .wp-caption {width:100%; max-width:100%; height:auto; } .wp-caption img {width:100%; max-width:100%; height:auto; z-index:1;} .wp-caption-text {font-size:12px; color:#bbb; text-align:left; padding:3px; margin:0 0 5px 0; font-style:none !important; } /*====================================== CONTAINERS & LAYOUT ======================================*/ .inner-container {width:96%; min-width:300px; max-width:1280px; margin: 0 auto; } .basic-container {float:left; width:98%; margin:0 1% 10px 1%;} .break {margin:0 0 20px 0; float:left; width:100%;} .break-no-margin {margin:0; float:left; width:100%; } .hundred {position:relative; float:left; width:100%; margin:0 0 15px 0;} .fifty-left {float:left; width:49%; margin:0 1% 15px 0;} .fifty-right {float:right; width:49%; margin:0 0 15px 1%;} .two-up {float:left; width:98%; margin:0 1% 2px 1%;} #main {float:left; width:74%; margin:0 1% 15px 0;} #main-full-width {float:left; width:100%; margin:0 0 15px 0;} #sidebar {float:right; width:300px; margin:0 0 15px 0; text-align:right;} .basic-padding {padding:10px 2%;} .padding {padding:5px 1%; margin:0; } /*====================================== HEADER ======================================*/ #user-logged-in {float:left; width:100%; height:32px; } #mobile-menu {display:none;} #header {z-index:10000; width:100%; min-height:123px; float:left; background:#fff; position:fixed; top:0; left:0; transition: top 0.2s ease-in-out; box-shadow:3px 3px 5px #222;-webkit-box-shadow:3px 3px 5px #222;-moz-box-shadow: 3px 3px 5px #222; } #header-top {float:left; width:100%; height:63px;} #logo {float:left; width:40%; height:auto; } #logo-graphic {float:left;} #logo-graphic img {width:100%; max-width:350px; height:auto; width:auto;} #logo-graphic img:hover {opacity:.8; } .city-dropdown-arrow img {margin:-50px 0 0 0; max-width:20px; height:auto;} .city-dropdown-arrow {cursor:pointer;} .city-dropdown {position: relative; display: inline-block; padding:20px 0px 0 10px; float:left; width:20px; } .city-dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 100px; box-shadow: 3px 8px 16px 3px rgba(0,0,0,0.5); padding: 0px 0 0 0; z-index: 1; text-align: left; border-radius: 5px; } .city-dropdown-content img {max-width:250px; height:auto; padding:10px 5px 5px 5px;} .city-dropdown:hover .city-dropdown-content {display: block; } #sub-nav { width:40%; margin: 0; float:left; margin:10px 0 0 0; padding:10px 0; } #sub-nav ul {float:left; width:100%; text-align:right; } #sub-nav li {background:none; display:inline;} #sub-nav a, #sub-nav a:link, #sub-nav a:visited {padding:10px 5px;text-decoration:none; font-weight:400; font-size:16px; color:#000; text-transform: lowercase;} #sub-nav a:hover {background:#eee; } #sub-nav ul li.current_page_item a {color:#999;} #header-search {float:right; width:18%; margin:10px 1% 0 1%; position:relative; } #header-searchform{float:right; width:100%; } #header-search-text {float:left; width:85%;} #header-search-text input {float:left; background-color: #ddd; color:#008083; border:1px solid #222; margin: 3px 1% 3px 1%; padding:5px 5%; position: relative; width: 88%; font-size:16px;} #header-search-text input:focus { background-color: #fefefe; outline: 0; border:1px solid #008083; color:#000; } #header-search-submit {float:left; width:15%; margin:0;} #header-search-submit input {float:right; width:28px; height:28px; margin:3px 0; text-align:right; outline:0; background:url('images/searchsite.png') top left no-repeat; background-size: cover;} #header-search-submit input:hover, #header-search-submit input:active { outline:0; } #nav { width:100%; margin: 0; float:left; text-align:center; padding:10px 0; background:#000; font-family:'Oswald', Helvetica, Arial, sans-serif; text-transform: uppercase; } #nav ul {float:left; width:100%; text-align:center; } #nav li {background:none; display:inline;} #nav a {padding:10px 1.5%;text-decoration:none; font-weight:100; font-size:150%; color:#fff;} #nav a:hover {background:#008083; } #nav li.menu-item-38786 a {background:#333; color:#fff; padding:2px 2%; margin:8px 0; border-radius:6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;} #nav li.menu-item-38786 a:hover {background:#fff; color:#000;} #nav ul li.current_page_item a, #nav ul li.current-page-ancestor a {color:#008083; background:transparent;} #slideshow {float:left; width:100%; height:auto; margin:0px 0 10px 0;} #slideshow img {max-width:100%; height:auto; width:auto; } .slides {float:left; width:100%; height:300px; background:#ccc;} .banner {float:left; width:100%; height:auto; margin:0px 0 10px 0;} .banner img{max-width:100%; height:auto; width:auto; } .mobile-banner-link a {background:#008083; color:#fff; text-align: center; font-family: 'Oswald', sans-serif; font-weight:700; text-transform: uppercase; float:left; width:98%; padding:10px 1%; font-size:120%; } /* #neighborhood-list {float:left; width:100%; margin:0 0 10px 0;} #content #neighborhood-list ul {margin:0; padding:0; width:100%;} #content #neighborhood-list ul li {list-style:none; float:left; width:16.6666667%; margin:0;} #content #neighborhood-list a:link, #content #neighborhood-list a:visited {float:left; font-family:'Oswald', sans-serif; font-size:100%; display:block; text-align:center; text-transform:uppercase; color:#353535; background:#5d5d5d; width:99%; margin:1px 1px; padding:5px 0; } #content #neighborhood-list a:hover, #content #neighborhood-list a:active {background:#fff;} */ .notice {float:left; width:90%; padding:3px 5%; margin:0px 0 10px 0; background:#008083; color:#fff; font-size:75%; text-align:center; } .postponed-notice {float:left; width:90%; padding:3px 5%; margin:0px 0 10px 0; background:#952001; color:#fff; text-align: center; font-weight:bold; font-size:140%; } .temp-header {text-align:center; margin:10px 0; float:left; width:100%;} /*====================================== MAIN SECTION + SIDEBAR ======================================*/ #content {float:left; width:100%; min-height:50px; margin:135px 0 20px 0; } #content img, #content object, #content embed {max-width: 100%; } #content img { height: auto; } #content ul, #content ol {margin:0 0 25px 0px; } #content ul li {background:url('images/bullet.png') no-repeat 0px 6px; list-style:none; margin:0 0 15px 0; padding:0 0 0 15px; } #content ol li {list-style:decimal; margin:0 0 10px 23px; padding:0;} #content ol#diamonds { counter-reset:li; margin-left:0; padding-left:0; } #content ol#diamonds > li {font-size:140%;position:relative; margin:0 0 6px 2em; padding:5px 8px; list-style:none; border-top:2px solid #d7d7d7;} #content ol#diamonds > li:before {content:counter(li); counter-increment:li; position:absolute;top:-2px;left:-2em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:2em;margin-right:8px;padding:6px 0 8px 0;border-top:2px solid #d7d7d7;color:#fff;font-weight:400;font-family:'Oswald', sans-serif;text-align:center;background:url('images/ol-diamond.png') no-repeat;} #content ol#diamonds li ol, #content ol#diamonds li ul {margin-top:6px;} #content ol#diamonds ol ol li:last-child {margin-bottom:0;} #content ol#topevents {margin-left:0; padding-left:0; } #content ol#topevents > li {font-size:140%;position:relative; margin:0 0 6px 0em; padding:5px 8px; list-style:none; border-top:0px solid #d7d7d7;} #content ol#topevents li ol, #content ol#topevents li ul {margin-top:6px;} #content ol#topevents ol ol li:last-child {margin-bottom:0;} /* CUSTOM NUMBERED LIST STYLE ----------------------------*/ ol#customlist { counter-reset: my-custom-counter; list-style: none; padding-left: 30px; } ol#customlist li { margin: 0 0 1rem 0; counter-increment: my-custom-counter; position: relative; list-style:none; } ol#customlist li::before { content: counter(my-custom-counter); background: #008083; color: #fff; font-size: 1.1rem; font-weight: bold; position: absolute; --size: 25px; left: calc(-1 * var(--size) - 10px); line-height: var(--size); width: var(--size); height: var(--size); top: 0; border-radius: 50%; text-align: center; } div.top-events-days {float:left; margin-right:5px; background:#000; color:#fff; font-weight:400; padding:9px 0; width:80px; font-size: 70%; text-align:center; font-family:'Oswald',sans-serif; text-transform:uppercase; } #content ul.article-column-buttons {float:left; width:100%; list-style:none; margin:0 0 20px 0; padding:0; } #content ul.article-column-buttons li {float:left; width:50%; overflow:hidden; list-style:none; display:block; background:none; margin:0; padding:0; } #content ul.article-column-buttons li a:link, ul.article-column-buttons li a:visited { background:#008083; color:#fff; display:block; padding:5px 1%; width:96%; margin:2px 1%; font-style:none; font-weight:300; font-size:110%; font-family:'Oswald',sans-serif; text-align:center; text-transform: uppercase; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #content ul.article-column-buttons li a:hover {background:#111; color:#fff} /*====================================== SECTIONS ======================================*/ section {position:relative;} section footer {float:left; width:100%; height:40px; } section.basic {float:left; width:100%; background:transparent; padding:0 0 0px 0;} section.standard {float:left; width:100%; background:#f0f0f0; padding:0 0 10px 0;} section.standard.no-padding {padding:0; } section.white {float:left; width:100%; background:#fff; padding:0 0 10px 0;} .section-body {float:left; width:100%; background:#f0f0f0; padding:0; margin:0 0 0px 0; position:relative; } .section-footer {float:left; width:100%; height:40px; } /*====================================== HOME PAGE SPECIFIC ======================================*/ #home-happy-hours-container, .home-top-events-container, .top-events-container {padding:5px 1%; height:260px; overflow:hidden; } #home-happy-hours-container ul {margin:0; padding:0px 10px; overflow:hidden;} #home-happy-hours-container ul li { list-style:none; margin:0 0 10px 0; padding:0 0 0 0; background: none} a.happy-hour-business-name {font-family:'Oswald',sans-serif; font-size:130%; font-weight:400;} #popular-searches {float:left; padding:20px 1%; line-height:260%; font-size:16px; } #popular-searches a:link, #popular-searches a:visited {background:#62dfe1; color:#000; padding:5px 10px 5px 10px; font-style:none; -moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius: 3px; white-space:nowrap;} #popular-searches a:hover, #popular-searches a:active {background:#000; color:#62dfe1} /*====================================== ARTICLES ======================================*/ .articles {position:relative; float:left; width:31.333333%; height:390px; margin:10px 1%; background:#fff; } .articles p {font-size:80%; color:#555; } .article-container {position:relative; float:left; padding:5px 3% 0px 3%; } .article-date {position:absolute; bottom:5px; left:5px; font-size:60%; font-style:italic; text-align: left; width:98%; padding:0 1%; color:#999;} .articles.home {height:450px;} .articles.home p {font-size:90%; color:#555; } .articles.neighborhood-articles {height:410px;} .articles.related-articles {width:23%; height:auto; background:transparent; } .articles.simple {position:relative; float:left; width:31.333333%; height:auto; margin:10px 1%; background:#fff; } .thumb-container {float:left; width:100%; margin:0; padding:0; overflow:hidden; position:relative; } .thumb-container img {float:left; max-width: 100%; height:auto; margin:0; padding:0; } .articles.buzz {position:relative; float:left; width:68%; height:auto; margin:5px 1% 5px 1%; background:#fff; } .articles.buzz p {font-size:100%; color:#000; } .thumb-container.buzz {float:left; width:30%; margin:0 0% 0 0; padding:0px; overflow:hidden;} .thumb-container.buzz {max-width: 100%; height:auto; } .article-container.buzz {position:relative; float:left; width:94%; padding:10px 3% 10px 3%; } /*====================================== ARTICLE GUIDE ======================================*/ .article-guide-intro {float:left; width:80%; padding:10px 7% 10px 7%; margin:10px 3% 10px 3%; background: #fff; font-size:120%;} h1.article-guide-intro-title {float:left; width:94%; margin:10px 3%; text-align:center; font-family: 'Oswald', sans-serif; background: #000; color:#fff; font-weight:700; font-size:220%; text-transform: uppercase; letter-spacing: -1px} .article-guide-container {float:left; width:84%; padding:10px 5% 10px 5%; margin:10px 3% 10px 3%; background: #fff; } .article-guide-container h2 {line-height: 110%} .article-guide-thumb {float:left; width:100%; margin:0 0 15px 0; padding:0px; overflow:hidden;} .article-guide-thumb img {width:100%; height:auto;} .article-guide-title {float:left; width:100%; margin:0 0 10px 0; } .article-guide-content {float:left; width:96%; padding:10px 2%; } .restaurant-buzz-header {float:left; width:100%; margin:0 0 15px 0; font-size: 160%; color:#fff; font-weight:300; line-height: 110%; font-family: 'Oswald', sans-serif; text-shadow: 0px 2spx 10px rgba(0, 0, 0, 0.9); background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('http://nashvilleguru.com/officialwebsite/wp-content/uploads/2018/10/rawpixel-754045-unsplash.jpg'); background-repeat: no-repeat; background-size: cover } .restaurant-buzz-header a {font-weight:300; color:#fff; display: block; width:96%; padding:20px 2%; } .restaurant-buzz-header a:hover {color:#62dfe1; background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('http://nashvilleguru.com/officialwebsite/wp-content/uploads/2018/10/rawpixel-754045-unsplash.jpg'); background-repeat: no-repeat; background-size: cover} .restaurant-buzz-header:hover h1#restaurant-buzz-heading {color:#fff; } .restaurant-buzz-header h1#restaurant-buzz-heading {color:#62dfe1; line-height:100%; font-size:42px; margin:0 0 10px 0 ;} .restaurant-buzz-header h1#restaurant-buzz-heading:hover {color:#fff;} /*====================================== NEIGHBORHOOD BOXES ======================================*/ .neighborhoods {position:relative; float:left; text-align:center; } .neighborhoods img {float:left; margin:0; padding:0;} .neighborhoods.six {width:14.666667%; margin:10px 1%;} .neighborhoods.four {width:23%; height:180px; margin:10px 1%; } .neighborhoods.three {width:31.33333%; height:240px; margin:10px 1%; } /*====================================== NEIGHBORHOOD MAIN PAGE - page-neighborhoods.php ======================================*/ #neighborhood-map {float:left; width:100%; position:relative; overflow:hidden;} #neighborhood-map iframe {float:left; width:100%; height:400px;} /*====================================== NEIGHBORHOOD LANDING PAGE ======================================*/ .main-image-container {float:left; position:relative; width:100%;} .main-image-container img {position:relative; float:left; width:100%; height:auto; width:auto;} .main-image-container .title-box {position:absolute; bottom:5%; left:5px; background:rgb(0,0,0); background:rgba(0,0,0,0.5); color:#fff; font-weight:300; text-transform: uppercase; padding:10px;} .main-image-container .title-box h2 {position:relative; bottom:auto; left:auto; background:transparent; padding:0; color:#fff; font-weight:300; text-transform: uppercase; margin:0; } #sub-page {float:left; width:98%; padding:10px 1%; background: #e7e7e7} #sub-pages-menu-container {float:left; width:100%; margin:5px 0 0 0; } a#home-link {float:left; width:5%; margin:3px 0 0 0; } ul#sub-pages-menu {text-align:left; margin:0; float:left; width:95%;} ul#sub-pages-menu li {display:inline; list-style:none; background: none; margin:0 0px; padding:0; } ul#sub-pages-menu li a {font-family:'Oswald', sans-serif; font-weight:300; font-size:100%; text-transform:uppercase; background:#777; color:#fff; padding:12px 8px 12px 8px; margin:0px; border-top-left-radius: 6px; border-top-right-radius: 6px; } ul#sub-pages-menu li a:hover, ul#sub-pages-menu li.current_page_item a, ul#sub-pages-menu li.current a {color:#000; background:#f3f3f3; box-shadow:1px 2px 4px #444 } #sub-pages-menu-container.sub-page-menu-happy-hours {padding:0 0 10px 0} .sub-section {position:relative; float:left; width:98%; padding:10px 1%; margin:0 0 10px 0; background:#f3f3f3; } .businesses {position:relative; float:left; width:31.333333%; /*height:270px;*/ margin:10px 1% 10px 1%; text-align:center; } .businesses img {float:left; margin:0; padding:0; width:100%; max-width: 100%} .things-to-do {position:relative; float:left; width:31.333333%; margin:10px 1% 10px 1%; overflow:hidden; text-align:center; } .things-to-do img {float:left; margin:0; padding:0;} .things-to-do h2 {margin:0; padding:0; float:left; font-size:110%; width:100%; font-weight:400; } .things-to-do h2 a:link, .things-to-do h2 a:visited {float:left; width:98%; height:60px; color:#000; font-weight:400; background:#fff; display:block; border:0; margin:0; padding:5px 1% 10px 1%; } .things-to-do h2 a:hover, .things-to-do h2 a:active {color:#fff; background:#008083;} .things-to-do:hover h2 a {color:#fff; background:#008083;} .businesses h2 {margin:0; padding:0; float:left; font-size:110%; width:100%; } .businesses h2 a:link, .businesses h2 a:visited {float:left; width:98%; color:#000; font-weight:400; background:#fff; display:block; border:0; margin:0; padding:5px 1% 10px 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .businesses h2 a:hover, .businesses h2 a:active {color:#fff; background:#008083;} .businesses:hover h2 a {color:#fff; background:#008083;} /*====================================== SINGLE BUSINESSES ======================================*/ .business-details-container {width:69%; margin:0 1% 0 0; float:left; } .business-details-container-new {width:98%; margin:0 1%; float:left; } .business-basic-details {float:left; width:100%; } #content .business-basic-details ul {background:none; list-style:none; margin:0 0 20px 5px; padding:0; } #content .business-basic-details ul li {background:none; list-style:none; margin:0 0 5px 0; padding:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #content .business-basic-details ul li a {font-weight:400;} .business-links-container {float:right; width:30%; margin:15px 0; font-size:130%;} .main-image-container .title-box {position:absolute; bottom:5%; left:5px; background:rgb(0,0,0); background:rgba(0,0,0,0.6); color:#fff; font-weight:300; text-transform: uppercase; padding:5px 15px;} .main-image-container .title-box h2 {position:relative; bottom:auto; left:auto; background:transparent; padding:0; color:#fff; font-weight:300; text-transform: uppercase; margin:0; } .title-box .business-type {font-style:italic; padding:0 0 5px 0; } .mobile-business-links {float:left; width:100%; margin:0 0 10px 0; } .mobile-business-links a:link, .mobile-business-links a:visited {float:left; box-sizing: border-box; width: 48%; margin: 0 1%; padding:5px; display:block; width:font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:400; color:#008083; font-size:16px; text-align:center; border:3px solid #008083; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mobile-business-links a:hover, .mobile-business-links a:active, .mobile-business-links a:focus {background:#111; color:#fff} .business-links-container-new {float:right; width:100%; margin:0px 0 10px 0; } .business-links-container-new a:link, .business-links-container-new a:visited {float:left; box-sizing: border-box; width: 24%; margin: 0 1% 0 0; padding:5px; display:block; width:font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:400; color:#008083; font-size:16px; text-align:center; border:3px solid #008083; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .business-links-container-new a:hover, .business-links-container-new a:active {background:#111; color:#fff} .day-container {float:left; width:100%; margin:0 0 5px 0; font-size:80%;} .days-of-week {width:11%; padding:0 3% 0 0; float:left; font-weight:bold } .day-specials {float:right; width:86%;} .business-type {font-style:italic; } .business-container {float:left; width:98%; margin:0 0 5px 0; padding:10px 1%; background:#fff; position:relative; } .expanded-business-container {float:left; width:100%; border-bottom:2px solid #ddd; } .business-breadcrumbs {float:left; width:100%; margin:0 0 20px 0; } .business-breadcrumbs a:link, .business-breadcrumbs a:visited {background:#008083; color:#fff; padding:3px 10px; font-size:90%; font-weight:400; } .business-breadcrumbs a:hover, .business-breadcrumbs a:active {background:#000;} div#title-coming-soon {float:left; font-size:120%; background:#222; color:#fff; padding:5px 8px; margin:0 0 10px 0; text-transform:uppercase; letter-spacing:5px; font-weight:bold; font-family:'Open Sans', sans-serif;} /*====================================== DIRECTORY LISTINGS 2021 ======================================*/ .directory-listings-links {float:right; width:100%; margin:0px 0 10px 0; } .directory-listings-links a:link, .directory-listings-links a:visited {float:left; font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:400; background:#008083; color:#fff; font-size:16px; padding:10px 1%; margin:0 0% 5px 0; width:98%; display:block; text-align:center; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .directory-listings-links a:hover, .directory-listings-links a:active {background:#111; color:#fff} a:link.reservations, a:visited.reservations {background:#000; color:#fff; font-size:24px; font-weight:700; margin:0 0 20px 0; padding:10px 1%; display:block; text-align:center; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} a:hover.reservations, a:active.reservations {background:#008083; color:#fff; } .listings-social-icons-container {float:left; width:100%; margin:10px 0;} .listings-social-icons {float:left; width:48px; height:48px; margin:2px; } .listings-social-icons a:link {background:transparent;} .listings-social-icons img {border-radius:10px; } .listings-social-icons a:hover img, .listings-social-icons a:active img {opacity:.8; } .directory-column-one {float:left; width:69%; margin:20px 1% 0 0;} .directory-column-two {float:left; width:30%; margin:20px 0 0 0;} a:link.directory-cta-link, a:visited.directory-cta-link {font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:400; background:#008083; color:#fff; font-size:18px; padding:10px; margin:10px; display:inline; text-align:center; -moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} a:hover.directory-cta-link, a:active.directory-cta-link{background:#111; color:#fff} .listing-correction-container {float:left; width:90%; margin:20px 5%; text-align:center; } #upgraded-listing-header-gallery img {float:left; width:23%; margin:10px 1% 10px 1%} #upgraded-listing-main-gallery {float:left; width:100%; margin:0 0 20px 0;} #upgraded-listing-main-gallery img {float:left; width:48%; margin:10px 1% 10px 1%} /*====================================== HAPPY HOURS ======================================*/ ul#happy-hours-list {list-style:none; margin:0; padding:10px; } ul#happy-hours-list li {list-style:none; padding:0 0 5px 0;} #best-happy-hours {font-size:110%; } #best-happy-hours a {font-family:'Oswald'; text-transform: uppercase; font-size:120%; } #best-happy-hours ul {float:left; width:100%; } #best-happy-hours ul li {background:url('images/bullet-large.png') no-repeat 0px 8px; list-style:none; margin:0 0 15px 0; padding:0 0 5px 30px; border-bottom:3px solid #eee; } /*====================================== EVENTS ======================================*/ ul#happening-today {float:left; width:100%; margin:0 0 0px 0; padding:0;} ul#happening-today li { background:none; display: inline-block; width:48%; float:left; margin:0; padding:3px 1%; } ul#happening-today li a:link, ul#happening-today li a:visited {display:block; width:98%; padding:3px 1% 3px 1%; color:#008083; background:#fff; margin:0; font-weight:400; font-family:'Oswald', sans-serif; font-size:140%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} ul#happening-today li a:hover, ul#happening-today li a:active {background:#008083; color:#fff;} .fixed-height {height:270px;} .fixed-height-two {height:240px;} #mark-your-calendar-container {float:left; width:96%; margin:10px 1%;} .mark-your-calendar {font-family:'Oswald', sans-serif; font-size:140%; font-weight: 400; float:left; width:98%; margin:0 1% 10px 1%;} .mark-your-calendar a {font-weight:400; } .mark-your-calendar-date {padding:0 2% 0 0; float:left; text-transform: uppercase;} .mark-your-calendar-tagline {font-family:'Open Sans', sans-serif; font-size:14px; } .gce-month-title {font-family: 'Oswald', sans-serif; font-size:200%; color:#000; text-transform: uppercase; } .gce-page-grid .gce-calendar .gce-has-events {color:#008083;} .gce-event-info { background: #fff; border: 1px solid #ccc; padding:3px; max-width: 500px } .gce-day-number {font-family: 'Oswald', sans-serif; font-size:160%; } .gce-event-info ul li {list-style:none; margin:0 0 3px 0px; list-style-position: inside; } .gce-event-info ul li a {display:block; font-weight: 400; font-size:14px; padding:3px 2%; width:96%; color:#000; background: #e9fafa } .gce-event-info ul li a:hover, .gce-event-info ul li a:active {color:#008083;} .gce-event-info ul>li:nth-child(odd) a { background:#d1e4e4;}​ #events-calendar-container {float:left; width:96%; margin:10px 2%;} .gce-page-grid .gce-calendar td, .gce-page-grid .gce-calendar {border:0;} #event-listings {float:left; width:100%; } #event-listings a:hover{background:#008083; color:#fff ;} #event-listings ul {margin:0; padding:0; list-style:none;} #event-listings ul li {float:left; width:100%; margin:0; padding: 0; list-style: none;} #event-listings a {display:block; font-weight: 400; font-size:110%; padding:8px 2%; margin:1px 0 1px 0; width:96%; color:#008083; background:#fff; } ul.gce-list li {list-style:none; margin:0; padding:0; } .gce-list-title {font-family:'Oswald', sans-serif; font-size:160%; text-transform: uppercase; background: #fff; padding:5px 1%; width:98%; float:left; } #events-calendar-container .gce-page-grid .gce-calendar .gce-today {background-color:#62dfe1;} #events-calendar-container .gce-page-grid .gce-calendar .gce-has-events.gce-day-past { color: #cccccc; cursor: pointer; } #events-calendar-container .gce-prev a, #events-calendar-container .gce-next a {display:block; padding:5px; text-transform: uppercase; background:#008083; color:#fff; } .events {float:left; width:98%; margin:3px 1%; position: relative;} .events a {display:block; float:left; width:96%; padding:5px 2%; color:#000; background:#fff; font-weight:400;} .events a:hover {color:#fff; background:#008083; } .events a .event-listing-title {font-size:100%; font-weight:700; float:left; width:75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .events a .event-listing-details {font-size:80%; font-style: italic; float:left; width:75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .events a .find-tickets {background:#008083; color:#fff; padding:5px; position:absolute; top:10px; right:1%; font-size:100%; font-weight: 700} .events a:hover .find-tickets {background:#000; color:#fff; } /*====================================== NEWS ======================================*/ ul#new-businesses {float:left; width:100%; margin:0 0 15px 0; padding:0;} ul#new-businesses li { background:none; display: inline-block; width:48%; float:left; margin:0; padding:5px 1%; } ul#new-businesses li a:link, ul#new-businesses li a:visited {display:block; width:96%; padding:5px 2% 5px 2%; color:#000; background:#fff; margin:0; font-weight:400; font-family:'Oswald', sans-serif; font-size:120%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} ul#new-businesses li a:hover, ul#new-businesses li a:active {background:#008083; color:#fff;} ul#new-businesses div.new-businesses-date {float:left; color:#fff; background:#000; padding:4px 1px; margin:2px 4px 0 0; font-weight: 700; text-transform: uppercase; width:70px; font-size:70%; text-align: center; } ul#new-businesses li:hover div.new-businesses-date {background:#fff; color:#000;} ul#new-businesses li.new-biz-home { background:none; display: inline-block; width:98%; float:left; margin:0; padding:5px 1%; } #email-cta {float:left; margin:5px 0 15px 0; padding:10px 0%; width: 100%; background:#000; color:#fff; text-align:center; box-sizing: border-box; border: 2px dotted #62dfe1;} #email-cta p {margin:0 0 20px 0; font-weight:bold; color:#62dfe1; line-height:110%; } #email-cta label {font-weight:bold; font-size:110%;} #email-cta input[type="submit"]:hover {background:#62dfe1; color:#000;} #emailform-new {float:left; width:90%; margin:0px 5% 0px 5%; } #emailform-new .mc-field-group {float:left; width:100%; margin:0 0 20px 0;} #emailform-container-new {float:left; width:90%; padding:0px 5% 10px 5%; } #email-cta img {float:left; width:60%; height:auto; margin:0 20% 5px 20%;} #emailform-container {float:left; width:76%; padding:10px 12%; background:#fff; } #emailform-header {float:left; width:100%; } #emailform-header img {width:100%; height:auto; width:auto;} #emailform {float:left; width:70%; margin:-30px 15% 20px 15%; } #emailform .mc-field-group {float:left; width:100%; margin:0 0 20px 0;} /*====================================== VISITORS ======================================*/ .visitor-tabs-first {float:left; width:23%; } .visitor-tabs {float:left; width:23%; margin:0 0% 0px 2.66666667%; } .visitor-tabs-first:hover, .visitor-tabs:hover {opacity:.8} /*====================================== FITNESS ======================================*/ .stacked-dates {float:left; width:100%; margin:0 0 10px 0; padding:0; font-weight:400; font-family:'Oswald', sans-serif; font-size:120%;} .stacked-dates a {font-weight: 400; display:block; height:50px; padding:5px 1%; } .stacked-dates a:link, .stacked-dates a:visited {background:#fff; color:#000; } .stacked-dates a:hover, .stacked-dates a:active {background: #008083; color:#fff;} .stacked-dates .event-container { background:none; display: block; width:49%; float:left; margin:0; padding:2px .5%; line-height:100%; } .stacked-dates .event-container .date-container {float:left; width:10%; display: block; color:#fff; background:#000; margin:0px 1% 0 0; padding:3px 1% 5px 1%; font-weight: 700; text-transform: uppercase; text-align: center; } .stacked-dates .event-container .date-container .month {font-size:80%;} .stacked-dates .event-container .date-container .day {font-size:110%;} .stacked-dates .event-container .event-title {float:left; width: 85%; display: block; font-size:110%; padding:13px 1% 10px 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .stacked-dates.one-up .event-container { background:none; display: block; width:99%; float:left; margin:0; padding:2px .5%; line-height:100%; } .stacked-dates.four-up .event-container { background:none; display: block; width:24%; float:left; margin:0; padding:2px .5%; line-height:100%; } .stacked-dates.this-week .event-container .date-container {float:left; width:25%; display: block; color:#fff; background:#000; margin:0px 1% 0 0; padding:15px 1% 15px 1%; font-weight: 700; text-transform: uppercase; text-align: center; } .stacked-dates.this-week .event-container .event-title {float:left; width: 60%; display: block; font-size:110%; padding:13px 1% 10px 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .stacked-dates.titans a:hover, .stacked-dates.titans a:active {background: #4b92db; color:#fff;} /*====================================== PAGE DEFAULT ======================================*/ .page {padding:20px 3%; background:#fff; float:left; width:94%; } /*====================================== ADVERTISE ======================================*/ .advertise-header {float:left; width:100%; height:auto; margin:0 0 -10px 0; padding:0; } /*====================================== SIDEBAR ======================================*/ #sidebar div {float:right; margin:0 0 10px 0; } .ad {float:right; margin:0 0 10px 0;} a:link#advertise, a:visited#advertise {float:right; font-family:'Oswald', sans-serif; display:block; text-align:center; text-transform:uppercase; color:#353535; background:#5d5d5d; padding:5px 5px; width:290px; } a:hover#advertise, a:active#advertise {background:#fff;} /*====================================== SINGLE DEFAULT ======================================*/ #single-container {float:left; width:100%; padding:0px; margin:0 0 20px 0; position:relative; background:#eee; } .single-post {float:left; width:92%; padding:30px 3%; margin:10px 1%; background:#fff; position: relative; } .single-recommended {float:left; width:100%; margin:0 0 20px 0; background:#eee;} #tags {float:left; width:100%; margin:10px 0; font-size:80%; color:#ccc; } #tags a:link, #tags a:visited {float:left; background:#f2f2f2; color:#008083; padding:3px 6px 3px 6px; font-style:none; font-weight:400; font-size:80%; margin:0 2px 4px 0; -moz-border-radius: 3px;-webkit-border-radius:3px; border-radius: 3px;} #tags a:hover, #tags a:active {background:#111; color:#fff} .post-meta {float:left; width:100%; padding:5px 0%; margin:0 0 5px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; background:#fafafa; color:#555; font-size:14px;} #post-date {position:absolute; right:5px; top:5px; text-align:right; width:98%; font-size:90%; color:#bbb; padding:0px 1%; margin-bottom:20px;;} #social-share {float:left; width:90%; margin:30px 5% 10px 5%; padding:20px 0 0 0; border-top:5px solid #eee; } #social-share a {display:block; float:left; width:48%; margin:0 1%;} #email-signup-in-post {float:left; width:100%; } #email-signup-in-post .mc-field-group {float:left; width:25%; margin:0 1% 0 0; text-align: left; } #email-signup-in-post .email-submit {float:left; width:25%;} .post-social-container {float:left; width:100%; padding:0px 0; margin:0 0 20px 0;} .post-social {float:left; width:31.33333%; margin:0 1%; } .disclosure {float:left; width:98%; padding:3px 1%; margin:0px 0 20px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; background:#fafafa; color:#555; font-size:14px; } #fb-root { display: none; } /* To fill the container and nothing else */ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } #like-box-wrapper * { width: 100% !important; } .lyft-banner {float:left; width:100%; margin:0px 0 20px 0; text-align: center; font-size:24px;letter-spacing:-1px; } /*====================================== ZANIES CUSTOM ======================================*/ #zanies {font-size:120%;} .posters {float:left; width:31.333333%; margin:0 1% 20px 1%; } .poster-content {float:left; width:100%; margin:0px 0; font-weight:700; text-align: center; font-size:16px; height:40px; } #zanies a .poster-content {color:red;} /*====================================== COMMENTS =======================================================================================================*/ #comment-container {float:left; width:100%; margin:10px 0 10px 0; } #comment-container .comment-text p {margin:0 0 20px 0; line-height:130%; } .comment-author {font-family:'Oswald', sans-serif; font-size:120%; float:left; margin:0 0 10px 0; width:100%;} .comment-date {font-size:80%; float:right; padding:0 0 0 0; color:#008083} .comment-bubble {float:left; width:5%; text-align:right; margin:30px -5px 0 0;} .comment-post-0 {float:left; width:80%; padding:10px 5% 10px 5%; margin:0 0 10px 0%; background:#d1e4e4; border:10px solid #fff; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px; word-wrap: break-word; } .comment-post-1 {float:left; width:80%; padding:10px 5% 10px 5%; margin:0 0 10px 0%; background:#e9fafa; border:10px solid #fff; -moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius: 6px; word-wrap: break-word; } .admin {background:#008083; color:#fff; width:80%; margin:0 0 10px 0%; } .admin .comment-date {background:#008083; color:#fff; } .admin a {color:#ffb996; } .admin a:hover, .admin a:active {color:#000;} .admin-title {color:#fff; font-weight:bold; } #leave-a-comment {float:left; width:90%; margin:10px 5%; } /*====================================== COMMENTS =======================================================================================================*/ #search-listings {float:left; width:100%; } #search-listings a:hover{background:#008083; color:#fff ;} #search-listings ul {margin:0; padding:0; list-style:none;} #search-listings ul li {float:left; width:100%; margin:0; padding: 0; list-style: none;} #search-listings a {display:block; font-weight:400; font-size:130%; padding:8px 2%; margin:1px 0 1px 0; width:96%; color:#000; background:#fff; } #search-listings a.search-highlight {background:#62dfe1; font-weight:700;} /*====================================== SPONSORS ======================================*/ .sponsor-container {background: #fff; } .sponsor {float:left; width:23%; margin:5px 1% 5px 1%; max-height:200px; } .sponsor img {width:100%; height:auto; max-height:200px; } /*====================================== FOOTER ======================================*/ #newsletter-link a:link, #newsletter-link a:visited {background:#62dfe1; color:#000; padding:10px; font-size:14px; position:fixed; bottom:20px; left:1%; transition: background 0.2s ease-in-out; border-radius: 2px; box-shadow: 1px 1px 5px #555;-webkit-box-shadow:1px 1px 5px #555;-moz-box-shadow: 1px 1px 5px #555;} #newsletter-link a:hover, #newsletter-link a:active {background: #000; color:#62dfe1; } #social-nav {float:left; width:100%; margin:0 0% 20px 0%; } #social-nav a img {opacity:.3; max-width:100%; width:auto;} #social-nav a:hover img {opacity:1;} #social-nav ul {float:left; width:80%; margin:0 10%; padding:0; } #social-nav ul li {display:block; float:left; width:18%; margin:0 1%; text-align: center;} #footer {float:left; background:#000; padding:25px 2% 70px 2%; width:96%; text-align:center; font-size:100%; color:#fff;} #footer a:hover, #footer a:active {color:#fff;} #footer-navigation {float:left; font-family:'Oswald', sans-serif; text-transform: uppercase; width:100%; margin:0 0 20px 0;} #footer-navigation ul li {display: inline; } #footer-navigation ul li a {padding:5px 10px;} #copyright {float:left; font-size:80%; width:100%; text-align: center; } /* #social {float:right; width:30%; } #social ul {float:right; text-align:right;} #social li {display:inline-block; width:32px; margin:0 1px; float:left;} #social li img {max-width:100%; height:auto; margin:0 auto;} */ /*====================================== INTERNAL ======================================*/ #main ol.internal-list {margin:0 0 0 30px;} .internal-listing-container {float:left; width:100%; padding:0px 0 20px 0; border-bottom: 3px solid #eee;} .internal-listing-admin-notes {float:left; width:98%; padding:10px 1%; background:#f1ebc2; margin:0 0 20px 0; } .internal-listing-container p {font-size:16px; color:#555; } .internal-listing-title {font-family: 'Oswald', serif; font-size:32px; float:left; width:98%; padding:10px 1% 0 1%; font-weight:400; } .internal-listing-title a:link, .internal-listing-title a:visited {font-weight: 400} /*====================================== LISTING ARCHIVE ======================================*/ .listing-archive {float:left; width:48%; padding:10px 1%; height:650px; margin:0 0 10px 0; text-align:center; } .listing-archive h2 {margin:0; padding:0; float:left; font-size:110%; width:100%; } .listing-archive h2 a:link, .listing-archive h2 a:visited {float:left; width:98%; color:#000; font-weight:400; background:#fff; display:block; border:0; margin:0; padding:5px 1% 10px 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .listing-archiveh2 a:hover, .listing-archiveh2 a:active {color:#fff; background:#008083;} .listing-archive:hover h2 a {color:#fff; background:#008083;} .listing-archive-photo {max-height:500px; overflow:hidden;} .image-data {float:left; width:100%; margin:5px 0; font-size:12px; } /*====================================== LIVE SPECIALS ======================================*/ #heavy-list { } #heavy-list a.business-name {font-family:'Oswald'; text-transform: uppercase; font-size:120%; float:left; width:100%; } #heavy-list a.visit-website {font-family:'Oswald'; text-transform: uppercase; font-size:80%; float:left; display:block; width:99%; } #heavy-list a:link.visit-website, #heavy-list a:visited.visit-website {font-family:'Oswald', sans-serif; text-transform:uppercase; font-weight:400; background:#62dfe1; color:#000; font-size:12px; white-space: nowrap; text-align:center; border:1px solid #000; } #heavy-list a:hover.visit-website, #heavy-list a:active.visit-website {background:#000; color:#fff} #heavy-list ul li {background:url('images/bullet-large.png') no-repeat 0px 8px; list-style:none; margin:0 0 15px 0; padding:0 0 5px 30px; border-bottom:3px solid #eee; } .apartment-specials-container {position:relative; float:left; width:97.5%; padding:7px 1% 5px 1%; margin:0 0 13px 0; border:1px solid #eee; box-shadow: 0px 0px 5px #CCC;} .apartment-specials-container:hover {background:#111; color:#fff; border:1px solid #62dfe1; cursor: pointer;} .apartment-specials-container:hover a {color:#62dfe1;} .apartment-specials-thumb {float:left; width:14%; margin:0 1% 4px 0;} .apartment-specials-copy {float:left; width:85%; font-weight:600;} .apartment-specials-description {float:left; } .clickable-div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; /* Makes sure the link doesn't get underlined */ z-index: 10; /* raises anchor tag above everything else in div */ background-color: white; /*workaround to make clickable in IE */ opacity: 0; /*workaround to make clickable in IE */ filter: alpha(opacity=0); /*workaround to make clickable in IE */} /********2020 UPDATES********/ .universal-box {float:left; width:98%; margin:10px 1%; height:270px; background:#fff; position: relative; transition: background-color 0.2s ease; text-align:center; } .universal-box.home {height:320px; } .universal-box:hover {background:#008083; color:#fff; } /*.universal-box img {float:left; width:100%; display:block; margin:0; padding:0; transition: transform .5s;} .universal-box:hover img {transform: scale(1.05);}*/ .universal-box p {color:#444; font-size:16px; font-weight:700; color:#008083;} .universal-box:hover p {color:#62dfe1;} .universal-box .copy-container {float:left; width:94%; padding:3px 3%; overflow:hidden;} .universal-box a.copy-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; z-index: 10; background-color: white; opacity: 0; filter: alpha(opacity=0); } .universal-box h2 {margin:0 0 5px 0; padding:0; float:left; font-size:130%; width:100%; line-height:120%; } .universal-box.home h2 {margin:5px 0 5px 0; padding:0; float:left; font-size:130%; width:100%; line-height:120%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .universal-box-event-date-container {position:absolute; bottom:0; left:0; background:#000; color:#fff; font-family:'Oswald', sans-serif; text-align:center; width:50px; padding:5px; text-transform: uppercase; font-size:24px; line-height: 100%; transition: background-color 0.2s ease;} .universal-box:hover .universal-box-event-date-container { background:#008083; color:#fff; } .universal-box-event-date-container .dayofweek {font-size:14px; background: #444; margin:0 0 2px 0;} .universal-box:hover .universal-box-event-date-container .dayofweek {background:#000; color:#fff; } .universal-box.event-listing {text-align:left; height:310px; } .universal-box.event-listing .copy-container {height:100px;} .two-columns {float:left; width:48%; margin:0px 1%;} .six-up .universal-box {width:14.67%;} .four-up .universal-box {width:23%;} .three-up .universal-box {width:31.333333%;} .two-up .universal-box {width:48%; height:auto; } .one-up .universal-box {width:98%;} .universal-box.titans:hover {background:#000; color:#fff; } .four-up {float:left; width:23%; margin:5px 1%; text-align:center; } .four-up img {width:80px; max-width:100%; height:auto; } .hide-extras .universal-box p {display:none;} .weekly-events {float:left; width:100%; margin:0 0 10px 0; padding:0; font-weight:400; font-family:'Oswald', sans-serif; font-size:110%;} .weekly-events a {font-weight: 400; display:block; height:50px; padding:5px 1%; } .weekly-events a:link, .weekly-events a:visited {background:#fff; color:#000; } .weekly-events a:hover, .weekly-events a:active {background: #008083; color:#fff;} .weekly-events .event-container { background:none; display: block; width:99%; float:left; margin:0; padding:2px .5%; line-height:100%; } .weekly-events .event-container .date-container {float:left; width:17%; height:100%; display: block; color:#fff; background:#000; margin:0px 1% 0 0; padding:0px 1% 0px 1%; font-weight: 700; text-transform: uppercase; text-align: center; } .weekly-events .event-container .date-container .day {font-size:110%; padding:15px 0;} .weekly-events .event-container .event-title {float:left; width: 78%; display: block; font-size:110%; padding:13px 1% 10px 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .event-intro-line {font-size:140%; font-family:'Oswald', sans-serif; text-transform: uppercase; text-align:center; letter-spacing: -.5px; float:left; width:98%; margin:0 0 20px 0; background:#000; color:#fff; padding:5px 1%;} .regular-events {float:left; width:100%; margin:0 0 10px 0; padding:0; font-weight:400; font-family:'Oswald', sans-serif; font-size:100%;} .regular-events a {font-weight: 400; display:block; height:35px; padding:5px 1%; } .regular-events a:link, .regular-events a:visited {background:#fff; color:#000; } .regular-events a:hover, .regular-events a:active {background: #008083; color:#fff;} .regular-events .event-box { background:none; display: block; width:49%; float:left; margin:0; padding:2px .5%; line-height:100%; } .regular-events .event-box .event-box-dates {float:left; width:15%; display: block; color:#fff; background:#000; margin:0px 1% 0 0; padding:9px 1% 9px 1%; font-size:80%; font-weight: 700; text-transform: uppercase; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .regular-events .event-box .event-box-title {float:left; width: 80%; display: block; font-size:110%; padding:7px 1% 5px 1%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .graphic-buttons {float:left; width:23%; margin:10px 1%; } .graphic-buttons:hover img {opacity:.9;} .graphic-buttons.six-up {float:left; width:14.666667%; margin:10px 1%; } .business-new-container {position:relative; float:left; width:46%; margin:3px 1%; padding:5px 1%; background:#fff; } .business-feature-box {float:left; width:99%; margin:3px 1% 3px 0; padding:0px 0%; font-size:14px; text-transform:uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .business-feature-sub-box {float:left; width:90%; margin:1px 0% 1px 10%; padding:3px 0%; font-size:12px; text-transform:uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .business-links a:link, .business-links a:visited {float:left; width: 96%; margin: 2px 1%; padding:3px 1%; display:block; font-family:'Oswald', sans-serif; background:#008083; color:#fff; text-transform:uppercase; font-weight:400; font-size:16px; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .business-links a:hover, .business-links a:active, .business-links a:focus {background:#111; color:#fff} h2.business-name-link {font-size:150%; margin:0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } h2.business-name-link a:link, h2.business-name-link a:visited {color:#000; font-weight:400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } h2.business-name-link a:hover, h2.business-name-link a:focus {color:#008083;} .listing-specials-box {float:left; width:96%; background:#fff; color:#000; padding:8px 2%; border:4px dotted #008083;} .partner-notice {position:absolute; top:0px; right:0px; padding:2px; font-size:12px; color:#eee; font-style:italic; background:rgba(0,0,0,0.3); } .listings-social-icons-container {float:left; width:100%; margin:10px 0;} .listings-social-icons {float:left; width:48px; height:48px; margin:2px;} .upgrade-listing-cta {float:left; background:#eee; box-sizing: border-box; width: 100%; margin:10px 0% 20px 0%; padding:20px; border: 5px solid #62dfe1; font-weight:700; text-align:center; } .happy-hour-highlight-container {position:relative; float:left; width: 100%; padding:10px; margin:0 0 13px 0; box-sizing: border-box; border:7px solid #62dfe1; box-shadow: 0px 0px 5px #CCC; } .happy-hour-highlight-container a {color:#000;} .happy-hour-highlight-container:hover {background:#111; color:#fff; cursor: pointer;} .happy-hour-highlight-container:hover a {color:#62dfe1;} .happy-hour-highlight-thumb {float:left; width:29%; margin:0 1% 4px 0;} .happy-hour-highlight-copy {float:left; width:70%; font-weight:600; font-size:22px} .happy-hour-highlight-description {float:left; } .discount-container {position:relative; float:left; width: 100%; padding:10px; margin:7px 0 7px 0; box-sizing: border-box; border:7px solid #62dfe1; box-shadow: 0px 0px 5px #CCC; } .discount-container a {color:#000;} .discount-container:hover {background:#111; color:#fff; cursor: pointer;} .discount-container:hover a {color:#fff;} .discount-thumb {float:left; width:29%; margin:0 1% 4px 0;} .discount-title {font-family:'Oswald', sans-serif; text-transform: uppercase; font-size:24px; margin:0 0 3px 0; } .discount-copy {float:left; width:70%; font-weight:600; font-size:18px} .discount-description {float:left; margin:0 0 20px 0; } .horizontal-post-container {position:relative; float:left; width: 100%; padding:10px; margin:7px 0 7px 0; background:#fff; box-sizing: border-box; border:0px solid #62dfe1; box-shadow: 0px 0px 5px #CCC; } .horizontal-post-thumb {float:left; width:29%; margin:0 1% 4px 0;} .horizontal-post-title {font-family:'Oswald', sans-serif; text-transform: uppercase; font-weight: 400; font-size:24px; margin:0 0 3px 0; } .horizontal-post-title a, .horizontal-post-title a:link, .horizontal-post-title a:visited {font-weight:400;} .horizontal-post-copy {float:left; width:70%; font-weight:600; font-size:14px} .horizontal-post-description {float:left; margin:0 0 20px 0; } /*====================================== TITANS ======================================*/ .titans-home-banner {float:left; width:48%; margin:10px 1%; } .oob-description {float:left; width:76%; padding:15px 2%; margin:-60px 10% 20px 10%; background:#fff; box-sizing: border-box; border:3px dotted #4b92db; border-radius: 10px; box-shadow: 0px 0px 5px #4b92db;} /*.oob-description-copy {padding:10px 15%; line-height:150%;}*/ .titans-section a:link, .titans-section a:visited, .titans-section a {color:#4b92db; } .titans-section a:hover, .titans-section a:active {color:#000;} #titans-button-container {float:left; width:100%; margin:10px 0; } #titans-button-container a:link, #titans-button-container a:visited, #titans-button-container a {float:left; width:46%; margin:3px 1%; padding:10px 1%; background:#4b92db; color:#fff; font-family:'Oswald', sans-serif; font-weight:400; text-transform: uppercase; font-size:22px; text-align:center; } #titans-button-container a:hover, #titans-button-container a:active {background:#000;} a:link.titans-link, a:visited.titans-link, a.titans-link {color:#4b92db; font-family:'Oswald', sans-serif; font-weight:600; text-transform: uppercase; } a:hover.titans-link, a:active.titans-link {color:#000;} .titans-more-button {float:left; width:100%; margin:10px 0; } .titans-more-button a:link, .titans-more-button a:visited, .titans-button-container a {float:left; width:46%; margin:3px 25%; padding:6px 1%; background:#4b92db; color:#fff; font-family:'Oswald', sans-serif; font-weight:400; text-transform: uppercase; font-size:20px; text-align:center; } .titans-more-button a:hover, .titans-more-button a:active {background:#000;} /*====================================== MOBILE ======================================*/ /*NASHVILLE GURU KEY BREAKPOINTS BASED ON TRAFFIC 320px or less = 30.3 568 or less = 3.8 768 or less = 15.1 1024 or less = 2.1 1280 or less = 17.7 1366 or less = 8.7 1366 or more = 17.8 */ /* LARGE SCREENS AT A MINIMUM OF 1440 @media handheld, only screen and (min-width: 1440px) { .single-post {float:left; width:76%; padding:30px 11%; margin:10px 1%; background:#fff; position: relative; } } */ /* LARGE LAPTOPS */ @media handheld, only screen and (max-width: 1280px) { /* .inner-container {width:96%; max-width:1280px; margin: 0 auto; } .articles.home {height:450px;} .neighborhoods.four {height:180px; } .neighborhoods.three {height:240px;} .articles {height:390px; } .businesses { height:230px; } */ .universal-box {height:250px; } .universal-box.event-listing {height:300px; } } /* SMALL LAPTOPS */ @media handheld, only screen and (max-width: 1280px) { #header-search {float:right; width:18%; margin:10px 0% 0 2%; position:relative; } #header-search-text {float:left; width:83%;} #header-search-submit {float:left; width:17%; } .inner-container {width:96%; max-width:1140px; margin: 0 auto; } #main {float:left; width:71%; margin:0 1% 15px 0;} .articles.home {height:430px;} .neighborhoods.four {height:160px; } .neighborhoods.three {height:210px;} /*.businesses { height:200px; }*/ .articles {height:370px; } ul#new-businesses li a:link, ul#new-businesses li a:visited {font-size:130%;} .top-events-container a {font-size:80%;} .top-events-container h2 {font-size:120%;} .mark-your-calendar {font-size:120%; } #nav a {padding:10px 1%;text-decoration:none; font-weight:100; font-size:150%; color:#fff;} .universal-box {height:250px; } .universal-box.home {height:290px; } .universal-box h2 {font-size:120%; } .universal-box.home h2 {font-size:120%;} .universal-box.event-listing {text-align:left; height:280px; } .stacked-dates.this-week .event-container .date-container {float:left; width:30%; } .stacked-dates.this-week .event-container .event-title {float:left; width: 65%; } } /* SMALL SCREENS & IPAD LANDSCAPE */ @media handheld, only screen and (max-width: 1140px) { .inner-container {width:96%; max-width:1024px; margin: 0 auto; } #main {float:left; width:68%; margin:0 1% 15px 0;} #home-happy-hours-container {font-size:90%;} .articles.home {height:410px;} .articles.neighborhood-articles {height:410px;} .neighborhoods.four {height:140px; } .neighborhoods.three {height:180px;} /*.businesses { height:180px; }*/ .articles {height:350px; } .universal-box {height:250px; } .universal-box.event-listing {text-align:left; height:260px; } #nav a {padding:10px .75%;text-decoration:none; font-weight:100; font-size:150%; color:#fff;} } /* IPAD PORTRAIT */ @media handheld, only screen and (max-width: 1023px) { #user-logged-in {display:none;} html { -webkit-text-size-adjust: 100%; } .inner-container {width:98%; padding:0 1%; max-width:768px; margin: 0 auto; } .fifty-left, .fifty-right {float:left; width:100%; margin:0 0 10px 0; padding:0;} #main {float:left; width:100%; margin:0 0% 15px 0;} #header {width:100%; min-height:100px; } #nav a {padding:10px .5%;text-decoration:none; font-weight:100; font-size:100%; color:#fff;} #home-happy-hours-container, .home-top-events-container, .top-events-container {padding:5px 1%; height:auto; overflow:hidden; } #sub-nav { width:35%; margin: 0; float:left; margin:10px 0 0 0; padding:10px 0; } #sub-nav ul {float:left; width:100%; text-align:center; } #sub-nav li {background:none; display:inline;} #sub-nav a {padding:10px 1%;text-decoration:none; font-weight:300; font-size:80%; color:#000; text-transform: lowercase;} #sub-nav a:hover {background:#eee; } #sub-nav ul li.current_page_item a {color:#999;} #header-search {float:right; width:23%; margin:10px 0% 0 2%; position:relative; } #header-search-text {float:left; width:80%;} #header-search-submit {float:left; width:20%; } #home-happy-hours-container {font-size:100%;} ul#new-businesses li.new-biz-home { background:none; display: inline-block; width:48%; float:left; margin:0; padding:5px 1%; } .articles.home {position:relative; float:left; width:31.333333%; height:400px; margin:10px 1%; background:#fff; } /*.businesses { height:210px; }*/ #sidebar {float:left; width:100%; margin:0; background:#f0f0f0; padding:20px 0 0 0} #sidebar div {float:left; width:300px; margin:0 25px 20px 25px; text-align:center; } #neighborhood-map {float:left; width:90%; margin:0 5%; position:relative; overflow:hidden;} .neighborhoods.six {width:31.3333333%; margin:10px 1%;} .neighborhoods.three {height:200px;} .mark-your-calendar {font-size:140%; } .top-events-container a {font-size:100%;} .top-events-container h2 {font-size:200%;} .fixed-height {height:auto;} #logo img {max-width: 100%; height:auto; } a:link#advertise, a:visited#advertise {float:left; margin:20px 1%; font-family:'Oswald', sans-serif; display:block; text-align:center; text-transform:uppercase; color:#353535; background:#5d5d5d; padding:5px 2%; width:94%; } a:hover#advertise, a:active#advertise {background:#fff;} li#menu-item-30507 {display:none;} .stacked-dates .event-container { background:none; display: block; width:99%; float:left; margin:0; padding:2px .5%; line-height:100%; } .restaurant-buzz-header h1#restaurant-buzz-heading {color:#62dfe1; line-height:100%; font-size:40px;} .stacked-dates .event-container { background:none; display: block; width:99%; float:left; margin:0; padding:2px .5%; line-height:100%; } .universal-box.home {height:220px; } .set-height {height:auto;} .universal-box {height:230px; } .universal-box.event-listing {text-align:left; height:260px; } .stacked-dates.this-week .event-container .date-container {float:left; width:25%; } .stacked-dates.this-week .event-container .event-title {float:left; width: 60%; } .horizontal-post-thumb {float:left; width:100%; margin:0 0% 4px 0;} .horizontal-post-title {font-family:'Oswald', sans-serif; text-transform: uppercase; font-weight: 400; font-size:24px; margin:0 0 3px 0; } .horizontal-post-title a, .horizontal-post-title a:link, .horizontal-post-title a:visited {font-weight:400;} .horizontal-post-copy {float:left; width:100%; font-weight:600; font-size:14px} .horizontal-post-description {float:left; margin:0 0 20px 0; } } @media handheld, only screen and (max-width: 767px) { .inner-container {width:100%; padding:0%; max-width:564px; margin: 0 auto; } #content { margin:10px 0 20px 0; } #header {z-index:10000; width:100%; min-height:100px; float:left; background:#fff; position:relative; top:auto; transition: top 0.2s ease-in-out; box-shadow:3px 3px 5px #222;-webkit-box-shadow:3px 3px 5px #222;-moz-box-shadow: 3px 3px 5px #222; } #header-top {float:left; width:100%; height:63px;} #logo {float:left; width:50%; height:auto; ;} #logo img {max-width:100%; height:auto; width:auto; padding:8px 0 0 0;} #logo img:hover {opacity:.8; } #sub-nav { display:none; } #header-search {float:right; width:48%; margin:10px 1% 0 1%; position:relative; } #header-searchform{float:right; width:100%; } #header-search-text {float:left; width:85%;} #header-search-text input {float:left; background-color: #ddd; color:#008083; border:1px solid #222; margin: 3px 1% 3px 1%; padding:5px 5%; position: relative; width: 88%; font-size:16px;} #header-search-text input:focus { background-color: #fefefe; outline: 0; border:1px solid #008083; color:#000; } #header-search-submit {float:left; width:15%; margin:0;} #header-search-submit input {float:right; width:28px; height:28px; margin:3px 0; text-align:right; outline:0; } #header-search-submit input:hover, #header-search-submit input:active { outline:0; } #nav a {padding:10px 1%;text-decoration:none; font-weight:300; font-size:90%; color:#fff;} .businesses {position:relative; float:left; width:98%; height:auto; margin:10px 1% 10px 1%; text-align:center; } .business-details-container {width:100%; margin:0; float:left; } .business-links-container {float:left; width:100%; margin:0; margin:10px 0;} #social-nav ul {float:left; width:100%; margin:0; padding:0; } h1.breadcrumbs-header {font-size:100%; } .articles.related-articles {width:98%; height:auto; background:transparent; overflow: hidden; } .articles {position:relative; float:left; width:98%; height:auto; margin:10px 1%; background:#fff; } #main {width:96%; padding:2%;} #content .thumb-container img {width:100%; height:auto; margin:0 auto; } .articles.home {position:relative; float:left; width:98%; height:auto; margin:10px 1%; background:#fff; } .neighborhoods.six {width:48%; margin:10px 1%;} .single-post {float:left; width:96%; padding:10px 1%; margin:10px 1%; background:#fff; position: relative; } #social-share {float:left; width:100%; margin:10px 0%; text-align:center; } #social-share a {display:block; float:left; width:100%; margin:0;} a#home-link {display:none; } ul#sub-pages-menu {text-align:center; margin:0 0 10px 0; float:left; width:100%;} ul#sub-pages-menu li {display:block; width:23%; list-style:none; background: none; margin:0 1% 2px 1%; padding:0; float:left; } ul#sub-pages-menu li a {display:block; float:left; font-family:'Oswald', sans-serif; font-weight:300; font-size:80%; text-transform:uppercase; background:#777; color:#fff; padding:8px 2%; width:96%; margin:0; border-top-left-radius: 0px; border-top-right-radius: 0px; } ul#sub-pages-menu li a:hover, ul#sub-pages-menu li.current_page_item a, ul#sub-pages-menu li.current a {color:#fff; background:#000; padding:8px 2%; margin-top:0; margin:0; box-shadow:0px 0px 0px #444 } .neighborhoods h2 {font-size:80%; } .neighborhoods.four {width:48%; height:auto; margin:10px 1%; } .neighborhoods.three {height:145px; } #backtotop {right:0px; bottom:0; width:30px; height:30px; display:none; text-align: center} #backtotop a {text-decoration:none;border:0 none;display:block;font-size:100%; width:30px; height:30px; padding:0px 0; margin:0; text-align: center; background:rgba(0,0,0,.8);color:#fff;box-shadow:0px 1px 6px #222;-webkit-box-shadow:0px 1px 6px #222;-moz-box-shadow: 0px 1px 6px #222; } #backtotop a:hover {background:#008083; color:#fff; } .articles {position:relative; float:left; width:100%; height:auto; margin:10px 0%; padding:0 0 20px 0; background:#fff; } .neighborhoods.six {width:48%; margin:10px 1%;} .neighborhoods.four {width:48%; height:auto; margin:10px 1%; } #sidebar {float:left; width:100%; margin:0; background:transparent; padding:0px 0 0 0} #sidebar div {float:left; width:100%; margin:0 auto 10px ; text-align:center; } h1.post-title {font-size:200%; line-height: 110%; font-family: 'Oswald', sans-serif; text-transform: capitalize; font-weight:300; margin:0 0 20px 0; } h2 {font-size:160%;} ul#new-businesses li { background:none; display: inline-block; width:98%; float:left; margin:0; padding:5px 1%; } ul#new-businesses li.new-biz-home { background:none; display: inline-block; width:98%; float:left; margin:0; padding:5px 1%; } #emailform-container {float:left; width:98%; padding:10px 1%; background:#fff; } #neighborhood-map {float:left; width:80%; height:300px; margin:0 10%; position:relative; overflow:hidden;} .posters {float:left; width:98%; margin:0 1% 20px 1%; text-align: center;} .poster-content {height:auto; } .three-up .universal-box {width:98%;} .universal-box {height:auto; } .universal-box.event-listing {height:auto; } .universal-box.event-listing .copy-container {height:auto;} .stacked-dates.this-week .event-container .date-container {float:left; width:20%; font-size:70%; } .stacked-dates.this-week .event-container .event-title {float:left; width: 65%; } .regular-events .event-box {width:99%; } .business-new-container {float:left; width:96%; margin:3px 1%; padding:5px 1%; background:#fff; } .graphic-buttons, .graphic-buttons.six-up {float:left; width:48%; margin:10px 1%; } .see-more {float:left; width:30%; margin:10px 35%; } .happy-hour-highlight-thumb {float:left; width:100%; margin:0 0% 4px 0;} .happy-hour-highlight-copy {float:left; width:100%; font-weight:600; font-size:22px} .discount-thumb {float:left; width:100%; margin:0 0% 4px 0;} .discount-copy {float:left; width:100%; } #email-cta img {float:left; width:100%; height:auto; margin:0 0% 5px 0%;} .oob-description {float:left; width:96%; padding:15px 10px; margin:-20px 2% 20px 2%; background:#fff; box-sizing: border-box; border:3px dotted #4b92db; border-radius: 10px; box-shadow: 0px 0px 5px #4b92db;} .titans-home-banner {float:left; width:98%; margin:10px 1%; } } @media handheld, only screen and (max-width: 479px) { .hide-on-mobile, .show-on-desktop {display:none; } .hide-on-desktop, .show-on-mobile {display:block; } #newsletter-link {display:none;} .alignright, .alignleft {float:none; text-align:center; clear: both; display: block; margin-left: auto; margin-right: auto; } .inner-container {width:100%; padding:0 0%; min-width:300px; max-width:479px; margin: 0 auto; } #header {z-index:0; width:100%; min-height:auto; padding:0 0 5px 0; float:left; background:#fff; position:relative; top:auto; transition: top 0.2s ease-in-out; box-shadow:3px 3px 5px #222;-webkit-box-shadow:3px 3px 5px #222;-moz-box-shadow: 3px 3px 5px #222; } #sub-nav {display:none; } #mobile-menu-link {float:left; width:13%; text-align: center} #mobile-menu-link a {display:block; width:90%; padding:5px 5%; font-size:140%; font-family:arial, helvetica, sans-serif;} #mobile-container-header ul {float:left; width:100%; } #mobile-container-header ul li {float:left; width:100%; text-align: center} #mobile-container-header a {float:left; display:block; width:96%; padding:5px 2%; font-family: 'Oswald', sans-serif; font-weight: 300; text-transform: uppercase; font-size:130%;} #mobile-container-header #navi {float:left; width:100%;} #mobile-nav-header {float:left; width:100%;} #header-search {float:left; width:98%; margin:0px 1% 0 1%; position:relative; } #header-search-text {float:left; width:90%;} #header-search-submit {float:right; width:10%;} #header-top {float:left; width:100%; height:auto;} #logo {float:left; width:87%; text-align:left;} #logo-graphic img {width:90%; max-width:250px; height:auto; width:auto;} #social {float:left; width:100%; } #social ul {text-align:center; width:100%; float:left;} #social li {display:inline; width:auto; margin:0 1px; float:none;} #social li img {max-width:100%; height:auto; margin:0 auto; width:auto;} #nav {display:none; } nav#menu {bottom:50px; z-index: 1000000} #mobile-menu {display:block; position:fixed; bottom:0; left:0; background:#111; width:100%; z-index:1000; } #mobile-menu a {color:#fff; padding:10px 1%; font-size:9px; float:left; display:block; height:100%; width:98%; font-weight:400; } .mobile-menu-item {float:left; width:20%; height:100%;} .mobile-menu-item img {width:24px; height:auto;} .mobile-menu-item a:active, .mobile-menu-item a:focus, .mobile-menu-item a:hover, .mobile-menu-item.active-page {background:#008083; } #mobile-nav {position:fixed; bottom:60px; width:100%; right:0; background:rgba(0,0,0,.8); font-family:'0swald', sans-serif; font-size:120%; text-align:right;} #mobile-nav a {font-family: 'Oswald'; color:#fff; font-size:160%; font-weight:300; display:block; text-align: center; text-transform: uppercase; } #simple-mobile-nav {float:left; text-align:center; width:98%; padding:5px 1% 5px 1%; background:#000; overflow:hidden; } #simple-mobile-nav a {font-size:15px; font-family:'Oswald', sans-serif; font-weight:400; text-transform: uppercase; color:#fff; padding:1px 3px;} #simple-mobile-nav a:hover, #simple-mobile-nav a:active, #simple-mobile-nav a:focus {background:#62dfe1; color:#000;} #simple-mobile-nav li.current-menu-item a { color:#008083;} #simple-mobile-nav ul {text-align:center;} #simple-mobile-nav ul li {display:inline; margin:0 0px; } #main {float:left; width:100%; margin:0 0 10px 0; padding:0;} #sidebar {float:left; width:100%; margin:0 0 10px 0; text-align:center; } #sidebar div {float:left; width:100%; margin:0 auto 10px ; text-align:center; } .neighborhoods.three {height:125px; } .neighborhoods h2 {font-size:80%; } .neighborhoods h2 a:hover, .neighborhoods:hover h2 a {color:#000; background:#fff;} .neighborhoods h2 a:active {color:#000; background:#fff;} .main-image-container h2 {font-size:100%;osition:absolute; bottom:0; left:3px; background:rgb(0,0,0); background:rgba(0,0,0,0.5); color:#fff; font-weight:300; text-transform: uppercase; padding:10px;} .main-image-container .title-box h2 {font-size: 130%;} .title-box .business-type {font-style:italic; padding:0 0 5px 0; font-size:12px; } .single-post {float:left; width:94%; padding:10px 2%; margin:10px 1%; background:#fff; position: relative; word-wrap: break-word; } /*.businesses, .things-to-do {position:relative; float:left; width:48%; height:170px; margin:10px 1% 10px 1%; overflow:hidden; text-align:center; }*/ /*.businesses h2, .things-to-do h2 {margin:0; padding:0; float:left; font-size:90%; width:100%; font-weight:400; }*/ #user-logged-in {display:none;} #backtotop {z-index:-99999;position: fixed; right:-2000px; bottom:-2000px; width:100px; height:70px; display:none;} #backtotop a {text-decoration:none;border:0 none;display:block;font-size:100%; width:100%; padding:20px 0; margin:0; text-align: center; background:#111;color:#fff;box-shadow:0px 1px 6px #222;-webkit-box-shadow:0px 1px 6px #222;-moz-box-shadow: 0px 1px 6px #222; } #backtotop a:hover {background:#008083; color:#fff; } .apartment-specials-thumb {display:none; float:left; width:0%; margin:0 0% 0px 0;} .apartment-specials-copy {float:left; width:100%; } .directory-column-one {float:left; width:100%; margin:10px 0% 0 0;} .directory-column-two {float:left; width:100%; margin:10px 0 0 0;} }