/* -------------------------------------------------- APP CSS - The Toledo.com App Styles ----------------------------------------------------- SITE COLORS: ORANGE: #ea8b1c DARK BLUE: #212130 /* -------------------------------------------------- :: Browser Resets -------------------------------------------------- */ .row {max-width: 1040px;} h1, h2, h3, h4, h5, h6 {color:#53524e; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.5; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#53524e; font-family: 'Oswald', Arial, Helvetica, sans-serif;} h1 { font-size: 28px; margin-bottom: 12px;} h2 { font-size: 23px; margin-bottom: 9px;} h3 { font-size: 20px; margin-bottom: 9px;} h4 { font-size: 18px; margin-bottom: 3px;} h5 { font-size: 16px; margin-bottom: 3px;} h6 { font-size: 14px;} p, td, div, body {font-family: 'Open Sans', Arial, Helvetica, sans-serif;} /* Elements */ a { color:#ea8b1c; line-height:inherit;} a:hover { color:#ea8b1c; } em, i { font-family: inherit; font-style: italic; line-height: inherit; } hr { border: none; background: #d5d4d0; clear: both; display:block; height: 1px; margin: 20px 0;} li { line-height: 1.6; } p { margin: 0 0 18px; } p a, p a:visited { line-height: inherit; } p, p a, ul, ol { font-family: 'Open Sans', Arial, Helvetica, sans-serif; } small { font-size: 60%; line-height: inherit; } strong, b { font-family: inherit; font-weight: 700; line-height: inherit; } ul, ol { list-style:disc; } .flex-video iframe {border: none;} :focus {outline: 0;} ::-moz-selection {background: #ffdab0; } ::selection {background: #ffdab0; } /* Forms */ input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea {min-width: 100%;} /* Specified in foundation.css */ /* Tables */ table { width:100%; } caption, th, td {font-weight: normal;} form table td {width: 1%;} @media only screen and (max-width: 100%) and (min-width: 768px) { table tbody tr td {padding:2% 0;} table tr td input {padding:2% 0;} /* remember to define focus styles! */ } /* Print styles - Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } /* ----------------------------------------- Define Main Structure ----------------------------------------- */ body { color:#46464a; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; line-height: 1.6; margin:0; padding:0; position:relative; background: #eee; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* these 2 items remove the extra "boldness" that's added to Google Fonts in FF - such as white fonts on dark backgrounds, etc. */ } .fixed { position:fixed; top:0; left:0; width:100%; z-index:999; } /* Header */ #header {background: url(graphics/polygon/images/bg_header.jpg) repeat-x center top; background-size: auto 100%;} #header .row.header-main {min-height: 107px;} #header.happy-hour {background: url(graphics/polygon/images/bg_header-map-happyhour.jpg) no-repeat center center; background-size: cover;} #logo {margin-top: -17px; display: block;} #logo img {width: 170px; height: auto;} .happy-hour #logo {margin-top: -25px; display:inline-block; position:absolute; right:0; z-index:100;} .happy-hour #logo img {width: 130px; height: auto;} #header.happy-hour .row.header-main {min-height:0; text-align:right;} #header.happy-hour .powered {margin:0 20px 0 0; text-align:right; color:#a9a9b6; text-transform:uppercase; font-family: "Oswald", "Open Sans", Helvetica, Arial, sans-serif;} /* Navigation */ .happy-hour .top-bar {background:#212130; padding:3px 0;} .happy-hour .top-bar ul {margin:0; padding:0; list-style-type:none;} .happy-hour .top-bar ul li {margin:0; padding:0; display:inline-block;} .happy-hour .top-bar ul li a {color:#a9a9b6; text-decoration:none; display:block; font-family:"Oswald", "Open Sans", Helvetica, Arial, sans-serif; font-size:16px; padding:0 7px;} /* Main Nav */ #main-nav { background:#212130; text-align: center; border-bottom: 5px solid #ea8b1c; -webkit-transition: all 500ms ease; transition: all 500ms ease;} #main-nav ul { display:block; list-style:none; margin:0 auto; padding:0; position:relative; text-align:center; z-index:10; -webkit-transition: all 400ms ease; transition: all 400ms ease;} #main-nav ul li { display: inline-block; padding: 0; margin: 0 0 0 -4px; /* removes the spacing of li inline-blocks */ line-height:22px; position:relative; zoom:1; -webkit-transition: all 400ms ease; transition: all 400ms ease; } #main-nav ul a { border-right:1px solid #4d4b65; color:#fff; display: block; font-size: 16px; padding: 18px 22px; text-align: center; text-decoration: none; font-family: "Oswald", "Open Sans", Helvetica, Arial, sans-serif; -webkit-transition: all 400ms ease; transition: padding 400ms ease; } #main-nav ul a:hover { color:#fff; text-decoration:none; background: #2a2a3e; } #main-nav ul a.first { } #main-nav ul a.last { border-right: none;} #main-nav ul li ul { background:#53534f; font-size:14px; line-height:28px; padding:0 0 10px 0; position:absolute; top:30px; left:-10px; text-align: left; visibility:hidden; width:180px; z-index:1000; } #main-nav ul li ul ul { top:0px; left:180px; padding:0 10px 10px 0; } #main-nav ul li li { margin:0; width:100%; } #main-nav ul li ul a { border-right:0; display:block; line-height:28px; margin:0!important; padding:2% 5%!important; text-align:left; text-transform: none!important; width:90%; } #main-nav ul li ul a:hover { color:#f48a35; } #main-nav ul li:hover ul, #main-nav ul li.sfhover ul {visibility:visible;} .happy-hour #main-nav {background:transparent; text-align:left;} .happy-hour #main-nav ul {text-align:left; margin:10px 0;} .happy-hour #main-nav ul li {margin:0 5px;} .happy-hour #main-nav ul li a {border:2px solid #dedeea; padding:10px 20px; background:#212130; text-transform:uppercase; border-radius:20px; color:#dedeea;} .happy-hour #main-nav ul li a:hover {border-color:#ea8b1c;} .happy-hour #main-nav.stuck ul li a {padding:8px 15px;} .happy-hour #main-nav.stuck ul {margin:5px 0;} /* Menu Sticky Animations */ @keyframes main-nav-ul-sticky { 0% {left: 0; font-size: inherit;} 100% {left: 100px; font-size: 12px;} } @-webkit-keyframes main-nav-ul-sticky { 0% {left: 0; font-size: inherit;} 100% {left: 100px; font-size: 12px;} } /* The above might be able to be deleted in place of transitions */ #main-nav.stuck {position: fixed; z-index: 1001; width: 100%; top: 0; background: rgba(25,25,40,.92);} #main-nav.stuck ul li {display: inline-block; float: none;} /* These (below) are animated via the transitions on the respective classes above (without .stuck) */ #main-nav.stuck ul {text-align: right;} #main-nav.stuck ul a {font-size: 14px; padding: 14px 21px;} #main-nav.stuck ul a:hover {background: #212130;} .logo-icon {position: absolute; left: -15px; top: -700px; z-index: 1000; transition: all 400ms ease; -webkit-transition: all 400ms ease;} #main-nav.stuck .logo-icon {top: -7px;} .happy-hour-header {height:300px; text-align:center;} .happy-hour-header img {width:950px;} .happy-hour-header .hr-logo {width:100%; height:auto; overflow:hidden; margin-top:10px;} /* Weather & Search */ .weather {padding: 15px 0 0; max-width: 290px; float: right; margin-bottom: 8px;} /* Changed from 250px to 290px max-width to accommodate long weather descriptions */ .weather .weather-temp {color: #fff; font-size: 32px; font-weight: 100; line-height: 1; float: left; margin-right: 15px; margin-bottom: 0;} /* .weather .weather-temp span {font-size: 44px; position: relative; top: 9px; line-height: 0;} - Modern IE renders this HUGE, FF & Chrome do it too smaller by default, hiding this because of IE for now */ .weather .weather-temp a {color: #fff; text-decoration: none; font-size: 32px;} .weather p {float: left; line-height: 1; font-size: 15px; color: #fff; margin-bottom: 0;} .weather a {font-size: 12px;} .site-search {clear: right;} .site-search.results-page {margin: 35px 0 10px;} .site-search #search_box_form {float: right;} .site-search.results-page #search_box_form {float: none; width: 100%;} .site-search input.searchBoxInput { display:block; min-width: inherit; float:left; border: 1px solid #151618; color: #7f828a; } .site-search.results-page input.searchBoxInput {width: 90%;} .site-search input {border: 1px solid #151618;} .site-search .search-submit {padding: 7px 10px 8px; background: #EA8B1C; border-left: none;} .searchBoxInput.ajaxSearch {width:100%;} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fff; border-color: #EA8B1C; outline: none; color: #222; } /* Content */ .row.main {position: relative;} .main-content.columns {position: relative; margin-right: 320px; width: auto; max-width: 100%;} .main-conent.full-width.columns {margin: 0; width: 100%;} .sidebar.columns {float: right; width: 320px; margin: 0 0 25px -322px; padding-left: .55em;} .sidebar .box {border-bottom: none;} .main-content ul, .main-content ol {margin-left: 30px;} .sidebar .banner-ads li {line-height: 0; margin-bottom: 15px;} .sidebar .banner-ads li:empty {display: none;} .sidebar .banner-ads.ads_140 li {float: left; width: 50%;} .sidebar .banner-ads.ads_140 li:nth-child(even) {text-align: right;} .sidebar .banner-ads.ads_140 li.clear {float: none; width: 100%; margin: 0;} .sidebar .ads {line-height: 1; margin: -20px 0 0; color: #999999;} .ads sub {font-size: 14px; color: #999; font-weight: 300;} .banner-ads {list-style: none; padding: 0; margin: 0;} .banner-ads.row {margin: 25px 0;} .banner-ads.row .columns {text-align: center;} /* Homepage */ .home.page {padding-top: 20px;} .box .row {margin: 0;} .box { position: relative; background: #fff; border-bottom: 5px solid #EA8B1C; margin-bottom: 20px; z-index: 15; -webkit-box-shadow: 0 2px 5px 0 rgba(57,69,110,.33); box-shadow: 0 2px 5px 0 rgba(57,69,110,.33); } .main-content .row.box {border: none; padding-bottom: 40px;} .home.page .box h2, .sidebar .box h3 {background: #2B2B3A; border-bottom: 5px solid #EA8B1C; color: #fff; padding: 10px 15px; margin-bottom: 20px; font-size: 21px;} .home.page .box h2.latest {font-size: 26px;} .home.page .main-content .box ul, .home.page .main-content .box ol {margin-left: 0;} .box article {padding: 0;} .home.page .box article h3 {font-size: 18px; margin: 0;height: 27px; overflow: hidden;} .box article h3 a {text-decoration: none;} .box article h3 a:hover {color: #EA8B1C; text-decoration: underline;} .byline p {font-size: 12px; margin: 0;} .byline .category, .byline .author a {font-weight: 600; color: #545459;} .byline .category:hover, .byline .author a:hover {color: #EA8B1C;} .home.page article img {width: 100%;} .home.page article .no-img {background: #f0f0f0; width: 100%; height: 0; padding-bottom: 66.6667%; display: block; text-decoration: none;} .box article .blurb {margin: 0;} .box .view-all { display: block; text-align: right; font-size: 14px; padding: 20px 50px 0 0px !important; margin-top: 15px; text-decoration: none; } .box .view-all.big { font-size: 20px; padding: 30px 100px 15px 0px !important; margin-top: 35px; } .box .triangle { height: 0; width: 0; display: block; border-left: 50px solid transparent; border-bottom: 50px solid #EA8B1C; position: absolute; right: 0; bottom: 0; z-index: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; text-indent: -23px; color: #fff; line-height: 70px; font-size: 15px; text-align: left; } .box .triangle.big { border-left: 100px solid transparent; border-bottom: 100px solid #EA8B1C; text-indent: -40px; line-height: 140px; font-size: 22px; } .box a.view-all:hover {text-decoration: underline; color: #EA8B1C;} .box a:hover .triangle {width: 58px;} .box a:hover .triangle.big { /* border-bottom-color: #d47200; */ width: 115px; } .landing p { margin: 0; } .landing-link a {font-weight: 600; color: #545459;} .landing-link a:hover {color: #EA8B1C;} .box .flexslider-carousel {margin:0 auto 20px; width: 78%;} .flexslider-carousel .slides li {width: 128px !important; margin-right: 10px; line-height: 1;} .flexslider-carousel p {margin: 0; font-size: 11px; line-height: 1.5;} .box.local-features {background: none; border: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0;} .box.local-features h2 {margin-bottom: 10px;} .box.local-features .row {margin: 0 -0.5em;} .box.local-features .columns {padding-left: .5em; padding-right: .5em;} .box.local-features .box {min-height: 380px;} .box.local-features .view-all {position: absolute; width: 100%; bottom: 0;} .box.local-features h3 {font-size: 15px; text-transform: uppercase; border-bottom: 5px solid #212130; color: #fff; text-align: center; line-height: 1; letter-spacing: 2px; margin-bottom: 20px;} .box.local-features h3 a {padding: 15px; display: block; color: #fff;} .box.local-features h3 span {display: inline-block; border: 1px solid rgba(255, 255, 255, .5); padding: 6px 15px;} .box.local-features h4 {font-size: 16px; margin: 0; line-height: 1.3; overflow: hidden; white-space: nowrap; min-width: 100%; width: 100px;} /* The min-width & width fix above solves a problem when gig guide title is ridiculously long - like 30 words - that pushed over the main content large-8 column too far */ .box.local-features h4 a {text-decoration: none;} .box.local-features h4 a:hover {text-decoration: underline;} .box.local-features p {margin: 0;} .box.local-features li {font-size: 12px; list-style: none; margin: 0 15px 10px; padding-bottom: 10px; line-height: 1.3; border-bottom: 1px dashed #d3d3dd;} .box.local-features li:last-child {border: none} .box.local-features .flexslider-infocus li {margin: 0; padding: 0; border: none;} .local-features .gig-guide .box, .local-features .gig-guide .view-all .triangle {border-bottom-color: #e05814;} .local-features .gig-guide h3 {background: #e05814;} .local-features .gig-guide .view-all, .local-features .gig-guide .view-all:hover {color: #e05814;} .local-features .in-focus .box, .local-features .in-focus .view-all .triangle {border-bottom-color: #ffb72f;} .local-features .in-focus h3 {background: #ffb72f;} .local-features .in-focus .view-all, .local-features .in-focus .view-all:hover {color: #ffb72f;} .local-features .in-focus .album {margin-top: 5px; display: block; position: relative;} .local-features .in-focus .album img {width: 94%;} .album .blank-photo {display: block; width: 94%; height: 100%; border: 1px solid #bdbdbe; background: #fff; display: block; position: absolute; top: 0; z-index: -1; -webkit-transition: all 200ms ease; transition: all 200ms ease;} .album .blank-photo.one {left: 4px; top: 3px;} .album .blank-photo.two {left: 7px; top: 6px; z-index: -2;} .album:hover .blank-photo.one {left: 6px; top: 5px;} .album:hover .blank-photo.two {left: 11px; top: 9px;} .local-features .in-focus p {text-align: center; margin-top: 20px;} .local-features .flexslider-infocus {padding: 0 5%;} .local-features .flexslider-infocus .flex-direction-nav a {height: 36px; width: 30px; top: 72%;} .local-features .flexslider-infocus .flex-direction-nav a:hover {width: 37px;} .local-features .flexslider-infocus .flex-direction-nav .flex-next {background: url("graphics/polygon/images/icon_arrow_right_small.png") no-repeat scroll left center #BDBDBE;} .local-features .flexslider-infocus .flex-direction-nav .flex-prev {background: url("graphics/polygon/images/icon_arrow_left_small.png") no-repeat scroll right center #BDBDBE;} .local-features .creative-natives .box, .local-features .creative-natives .view-all .triangle {border-bottom-color: #a2c73e;} .local-features .creative-natives h3 {background: #a2c73e;} .local-features .creative-natives .view-all, .local-features .creative-natives .view-all:hover {color: #a2c73e;} .photo-frame {border: 1px solid #bdbdbe; margin: 1px 1px 0 1px; padding: 3px; background: #fff; display: block;} .news-feed .box {margin-bottom: 0;} /* These are the bottom 2 boxes on the homepage */ .news-feed .box h3 {font-size: 18px; text-align: center;} .news-feed .box h4 {font-size: 16px; overflow: hidden; height: 23px;} .news-feed .box a {text-decoration: none;} .news-feed .box a:hover {text-decoration: underline;} .news-feed .box ul {list-style: none; padding: 0 15px; margin-bottom: 30px;} .news-feed .box ul li {border-bottom: 1px dashed #D3D3DD; padding: 5px 0;} .regional-events .button {margin: 8px 0 13px;} /* SUB PAGES / INNER PAGES */ .header-image {width: 100%; height: auto; color: #eee;} .sub.page .main-content {padding-right: 20px; margin-top: -30px;} .sub.page .main-content.full-width {padding-right: 0;} .sub.page .main-content h1 {margin-top: 20px;} .main-content .ads.row {margin: 35px 0;} .main-content .ads {line-height: 1; margin: 0;} .main-content p.ads {margin-left: .9375em;} .main-content .ads img {height: auto !important; min-width: 100%;} .main-content blockquote {font-size: 36px; font-family: "Oswald", Arial, Verdana, sans-serif; color: #454364; margin: 60px 0; line-height: 1.4; text-transform: uppercase; font-weight: 300; border-top: 1px solid #cac9d3; border-bottom: 1px solid #cac9d3; text-align: center; position: relative;} .main-content blockquote:before {content: open-quote; font-size: 150px; color: #cac9d3; line-height: 0; position: absolute; left: 44%; font-weight: 400; top: 15px;} .main-content blockquote p {font-size: 36px; font-family: "Oswald", Arial, Verdana, sans-serif;} h1.formsTitle {display: none;} /* SIDEBAR CSS */ .sidebar {position: relative; z-index: 15;} .sidebar .box h3 {margin: 0;} .sidebar .section-container.social-media section {background: #5A5A65;} .sidebar .section-container.social-media .content {border-top: 10px solid #212130; background: #fff; margin-top: 10px; /* margin-top counter acts border top height from JS */} .sidebar .social-media .title {line-height: 0; height: 44px;} .sidebar .section-container.tabs.social-media .title a {padding: .5em .65em;} .sidebar .social-media .title img {margin: 0; padding: 0; opacity: .8; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} .sidebar .social-media .title a:hover img,.sidebar .social-media .active .title img {opacity: 1;} .sidebar .social-media iframe {width: 100% !important; background: url(graphics/polygon/images/ajax-loader.gif) no-repeat center center;} .sidebar .social-media .content a img {opacity: 1;} .sidebar .social-media #flickr_badge_wrapper {width:100%; text-align:left; padding-top: 10px;} .sidebar .social-media #flickr_badge_wrapper a {display: block; width: 46%; margin-left: 2.5%; float: left;} .sidebar .social-media #flickr_badge_wrapper h6 a {display: inline; margin: 0; width: auto; float: none;} .sidebar .social-media #flickr_badge_wrapper .flickr_badge_image img {border: 0px solid #666666 !important; width: 100%;} .sidebar .social-media .content h4, .sidebar .social-media .content h6 {margin: 0 0 0 3%; line-height: 1.5;} .sidebar .social-media .pinterest span { box-shadow: none !important; width: 100%; overflow: hidden; } .sidebar .social-media .youtube .content {padding: 10px;} .sidebar .social-media .youtube .content h4, .sidebar .social-media .youtube .content h6 {margin-left: 0;} ._1drm._1b90 {border: none !important;} /* Trying to remove Facebook border */ /* Responsive Calendar Styles */ body#calendar-iframe-body {background: #fff;} #calendarDetail .calendarNav { margin-bottom:0; min-height:0; } #calendarDetail .calendarNav div { border:none; background:none; height:auto; min-height:0; vertical-align:baseline; } #calendarDetail div { background:#fff; font-size:16px; min-height:125px; } .calendarDays { } .calendarDays div {} #calendarDetail a { font-size:12px; line-height:1.1; margin-bottom:10px; } #calendarDetail a:hover { text-decoration:underline; } #calendarDetail .title { color:#f48a35; font-size:28px; padding:30px 0; text-align:center; text-transform:uppercase; } #calendarDetail .weekdays { color:#fff; font-weight:700; padding-top:10px; padding-bottom:10px; text-align:center; } .cal { background:#fff; border: none; margin: 8px auto; text-align:center; width: 93%; } .cal table { border:0; width: 90%; margin: 0 auto 20px;} .cal tr th, .cal tr td {padding: 0; line-height: 2.2;} .cal .calGrid th { width: 14.285% /* 1/7th */; font-weight: 300; font-size: 11px; text-transform: uppercase; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding-bottom: 5px; color: #545459; } .cal .calGrid td { background:#fff; padding: 0; font-size: 13px;} .cal .calPrev { float:left; font-weight:700; margin-left:3%; padding: 10px 0; } .cal .calNext { float:right; font-weight:700; margin-right:3%; padding: 10px 0; } .cal .calMonth { color:#ea8b1c; display:inline-block; font-size: 18px; font-weight:300; text-transform: uppercase; font-family: "Oswald", "Open Sans", Arial, Helvetica, sans-serif; padding: 10px 0; text-align:center;} .cal .calMonth a:hover { text-decoration: underline; } .cal .calNext a, .cal .calPrev a, .cal .calMonth a { color:#ea8b1c; text-decoration:none; } .cal .calNext a:hover, .cal .calPrev a:hover, .cal .calMonth a:hover { } .cal .calDayOn a { text-decoration: none; -webkit-transition: background 500ms ease; transition: background 500ms ease; } .cal .calDayOn a:hover {display: block; height: 100%; width: 80%; margin: auto; background: #fbd7ae;} .cal .calTodayOn {} .cal .calTodayOn a { color:#68686a; font-weight: 400; text-decoration: none; display: block; border-bottom: 29px solid #fbd7ae; height: 0; width: 0; border-left: 29px solid transparent; text-indent: -29px; margin: auto; line-height: 2.3; } .cal .calDayOn { color:#68686a; } .cal a {color: #68686a; text-decoration: none;} .cal a:hover {text-decoration: underline;} .emptyDay { background:#fff!important; } .prevLink, .nextLink { text-align:center; padding-top:25px; } .prevLink a, .nextLink a { color:#f48a35!important; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size:24px!important; font-weight: 700; text-decoration:none; } .calMonthLink { color:#fff!important; display:block; padding:10px 0; } .calMonthLink:hover { color:#779115!important; } .cal .button {color: #fff; margin-bottom: 7px;} .cal .button:hover {text-decoration: none;} .cal .button.large-6 {width: 49%;} .cal .button.orange {margin-bottom: 10px;} /* Event Detail */ /* Events Lister */ .events .events-top {margin-bottom: 35px;} .events .main-cal {border: 1px solid #c5c9d9; border-top: none;} .events .main-cal table {width: 300px;} .events .cal.events-page {margin: 0 auto;} .events .cal.events-page .calMonth a {font-size: 16px; color: #f7b05d;} .events .cal-bottom {padding-bottom: 15px;} .events .cal-bottom.months a {font-size: 11px; color: #a3a3aa; text-transform: uppercase;} .events .cal-bottom.months .orange a {color: #e88a1c;} .events .cal-top {background: #ee962f; position: relative;} .events .cal-top h4 {color: #fff; text-align: left; font-size: 16px; font-family: "Open Sans", Arial, Verdana, sans-serif; text-transform: uppercase; line-height: 1; padding: 10px 25px; margin: 0; min-height: 60px;} .events .cal-top h4 span {display: block; font-size: 52px;} .events .cal-top h4 span.year {color: #f5c082; display: block; font-size: 40px; font-weight: 300; position: absolute; right: 25px; bottom: 10px;} .events .minical.columns {padding: 0; width:60%; left: 40%;} .events .event-buttons.columns {padding: 0; width: 40%; right: 60%;} .events .editor-picks {background: #f0f0f0; padding: 0 .95em 30px; margin: 0 -.95em; border-bottom: 5px solid #EA8B1C; position: relative;} .editor-picks .small-2.large-1 {padding: 0;} .events .editor-picks .events-lister-title {margin-bottom: 30px;} .events .editor-picks .events-lister-title span {font-weight: 300;} .events .editor-picks .item .row {background: #fff;} .events .editor-picks .item .date.img {padding: 4px 20% 0; display: block; width: 100%;} .events .editor-picks .item .date.img img {height: auto;} .events img.staff-pick {width: 30px; margin-top: -7px; margin-right: 6px;} p.staff-pick span {display: inline-block; float: right;} .events .events-lister-title {background: #212130; border-bottom: 5px solid #EA8B1C; color: #fff; padding: 10px 15px; margin: 20px -0.5em; font-size: 26px;} .events .events-lister-title span {font-weight: 300;} .events .event-filter {margin-top:20px;} .events .event-filter table {width: auto; float: left;} .events .event-filter select {width: auto; font-style: normal; font-size: 13px;} .events .event-filter input {display: inline-block; min-width: 200px; border: 1px solid #d9d9db; font-style: normal; -webkit-box-shadow:inset 0 0 2px 2px rgba(240,240,240,1); box-shadow:inset 0 0 2px 2px rgba(240,240,240,1);} .events .event-filter input[type=image] { padding: 7px 10px 8px; background: #616165; border-left: none; -webkit-box-shadow: none; box-shadow: none; } .events .event-filter input[type=text] {width:calc(100% - 36px);} .events .event-filter .search-submit {padding: 7px 10px 8px; min-width: inherit; background: #616165; border-left: none; -webkit-box-shadow: none; box-shadow: none;} .events .item {z-index: 1; position: relative;} .events .item .row {background: #f8f8f8; padding: 10px 0; margin-bottom: 3px; -webkit-transition: background 300ms ease; transition: background 300ms ease; overflow: hidden; position: relative;} .events .item .row:hover {background: #ede9e1;} .events .item .large-11 {border-left: 1px solid #7d7d85;} .events .item .triangle {bottom: -10px; border-bottom-color: #f7b05d; text-decoration: none;} .events .item h3 {color: #616165; font-size: 24px; text-align: center; margin: 20px 0; text-transform: uppercase; height: auto;} .events .item h4 {color: #545459; font-size: 16px; font-family: "Oswald", "Open Sans", inherit, sans-serif; margin: 0; line-height: 1.2;} .events .item h4 a {text-decoration: none;} .events .item h4 span a {color: #e88a1c; text-decoration: underline; font-family: "Open Sans", Helvetica, Arial, sans-serif;} .events .item h4 a:hover {text-decoration: underline;} .events .item h4 span {font-weight: 300; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif;} .events .item p {color: #B5B5B9; font-size: 14px; font-weight: 600; margin: 0;} .events .item .state {text-transform: uppercase;} .events .item .date {font-size: 24px; color: #888; text-align: center; font-weight: 400; line-height: 1; text-transform: uppercase;} .events .item .date span {display: block; font-size: 16px;} .events .no-editor-picks {position: absolute; bottom: 30px; z-index: 0;} .app .ias-trigger, .events .ias-spinner {margin: 20px auto; width: 60%;} .app .ias-trigger a {color: #616165; background: #d9d9db; text-decoration: none; display: block; padding: 10px; -webkit-transition: background 300ms ease; transition: background 300ms ease;} .app .ias-trigger a:hover {background: #C9C9CB;} .events .item .triangle.events {border: none; width: 385px; background: #f7b05d; right: -389px; height: 70px; padding: 0; margin: 0; text-indent: 0; bottom: -10; -webkit-transition: right 500ms ease; transition: right 500ms ease; text-align: right; } .events .item .row .triangle.events:hover {right: 0; background: #e88a1c;} .events .item .triangle.events:before {content: ""; background: url(graphics/polygon/images/bg_events_arrow.png) no-repeat top right; display: block; height: 100%; width: 70px; position: absolute; left: -70px; } .events .item .row .triangle.events:hover:before {background-position: bottom left;} .events .item .triangle.events img {height: 70px; width: auto; -webkit-transition: background 300ms ease; transition: background 300ms ease;} .events .item .triangle.events a:hover img {background: #f7b05d;} .events .top-5-email h5 {font-size: 18px; margin-bottom: 0;} .events .top-5-email #mc_embed_signup form {margin: 0; padding:0; background: #fff;} .events .top-5-email #mc_embed_signup form input {background: #eee; border: 1px solid #a3a3aa; width: 75%; min-width: inherit; float: left;} .events .top-5-email #mc_embed_signup form input[type=submit] {background: #ee962f; border-color: #d48223; width: 25%; color: #fff; font-size: 12px; padding: 6px 0 7px; cursor: pointer; margin: 0; line-height: 1.3; clear: none; box-shadow: none; -webkit-box-shadow: none;} .events .top-5-email #mc_embed_signup form input:focus {border-color: #e88a1c;} .ads.row.grey {background: #f0f0f0; margin: 0 -.95em; padding: 30px 0;} .ads.row.grey.grey-first {padding: 30px 15px;} .ads.row.grey .events-ads {margin-left: 0;} .ads.row.grey .events-ads li {margin: 15px 0 20px;} #eventForm table, #eventForm table tr, #eventForm table tr td { border:0; color:; font-size:14px; margin:0; padding:0; } .breadcrumbs {list-style-type:none; margin-left:0 !important;} .breadcrumbs li {display:inline; } /* News Articles, Blog Articles, Events Detail, Article Pages */ select#category{ width:auto; } .article.page .main-content .box.row {line-height: 2;} .article.page .main-content .box.row p {font-size: 16px;} .article.page .main-content .box.row p, .article.page .main-content .box.row h2, .article.page .main-content .box.row h3, .article.page .main-content .box.row h4, .article.page .main-content .box.row h5, .article.page .main-content .box.row h6, .article.page .main-content .box.row ul, .article.page .main-content .box.row table {padding: 0 10%; } .article.page .main-content .box.row .comments h3 {padding: 0;} .article.page .main-content .box.row h1 {font-size: 34px; color: #353450; margin-bottom: 0;} .article.page .main-content .box.row h2 {font-size: 28px;} .article.page .main-content .box.row h3 {font-size: 24px;} .article.page .main-content .box.row h4 {font-size: 20px;} .article.page .main-content .box.row h5 {font-size: 17px;} .article.page .main-content .box.row h6 {font-size: 14px;} .article.page .main-content .box.row .full-text {padding: 0;} .article.page .main-content .box.row h6.full-text {font-family: "Open Sans", Arial, Verdana, sans-serif;} .article.page .main-content .box.row h6.full-text a {color: #e88a1c; font-family: "Open Sans", Arial, Verdana, sans-serif;} .article.page .main-content .box.row blockquote {margin: 60px 80px; padding: 10px 0;} .article.page .main-content .box.row blockquote p {font-size: 36px; padding: 0; margin: 0;} .article.page .main-content .box.row img {width: 124%; margin-left: -12%; max-width: 124%;} .article.page .main-content .box.row .imgright, .article.page .main-content .box.row .imgright img {margin-right: -3.5em; margin-left: 0; width: auto;} .article.page .main-content .box.row .imgleft, .article.page .main-content .box.row .imgleft img {margin-left: -3.5em; margin-right: 0; width: auto;} .article.page .main-content .box.row .imgleft img, .article.page .main-content .box.row .imgright img {margin: 0;} .article.page .main-content .box.row p.imgleft {padding-right: 15px;} .article.page .main-content .box.row p.imgright {padding-left: 15px;} .article.page .main-content .box.row .imgcaption {} .kids-banner img{margin:0 !important; width:100% !important; height:auto !important;} /* Event Detail Specifics */ .page .main-content .event-detail .event-detail-body p, .page .main-content .event-detail .event-detail-body span {color: #46464A !important;} .page .main-content .event-detail .event-detail-body h1, .page .main-content .event-detail .event-detail-body h2, .page .main-content .event-detail .event-detail-body h3, .page .main-content .event-detail .event-detail-body h4, .page .main-content .event-detail .event-detail-body h5, .page .main-content .event-detail .event-detail-body h6 {color: #53524E !important;} /* Take that ADD YOUR OWN EVENT PEOPLE (the public) WHO TRY TO USE DIFFERENT COLORS other than our site colors */ .page .main-content .box.row .event-detail h5 {font-family: "Open Sans", Arial, sans-serif; font-weight: 700; margin: 0; font-size: 16px;} .page .main-content .box.row .event-detail p {font-size: 14px; line-height: 1.8;} .page .main-content .box.row .event-detail .quick-links {font-size: 13px; padding: 0; margin: 0;} .page .main-content .box.row .event-detail pre {font-family: "Open Sans", Arial, sans-serif; font-size: 13px; position: absolute; top: 3px; right: 15px} .page .main-content .box.row .event-detail img {width: auto; margin-left: 0; max-width: 100%;} .page .main-content .box.row .ads img {margin: 0;} .page .main-content .back.button.orange { margin: auto; text-decoration: none; font-family: "Open Sans", Arial, sans-serif; font-size: 16px; font-weight: 600; text-shadow: none; -webkit-text-shadow:none; background: url(graphics/polygon/images/btn_back_arrow.png) no-repeat bottom left #f7b05d; border-color: #e98a1c; border-bottom-width: 5px; display: block; width: 250px; padding: 15px; } .page .main-content .back.button.orange:hover {background-color: #f7a343;} /* NEWS ARTICLES & DETAIL NEWS & BLOG ARTICLES STYLES */ /* Facebook Commenting System Responsive CSS (Also needs data-width="100%" on the HTML of the FB Comments code - can't use Freedom's Facebook Comments Widget...) */ .social-media.box .fb_iframe_widget, .social-media.box .fb_iframe_widget span, .social-media.box .fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; background: #fff; } /* GIG GUIDE PAGE CSS & STYLES */ .gig-guide-detail {} .gig-guide-detail .ads.row {margin: 10px 0;} .gig-guide-detail #gig-guide-search {font-size:0px;} .gig-guide-detail #gig-guide-search form {float: left; margin-right: 4px !important; font-size:14px;} .gig-guide-detail #gig-guide-search input {float: left; height: 28px; font-size: 14px; font-style: normal;} .gig-guide-detail #gig-guide-search .search-input {min-width: inherit; width:calc(100% - 33px); border: 1px solid #d9d9db; -webkit-box-shadow:inset 0 0 8px 0 #f0f0f0; box-shadow:inset 0 0 8px 0 #f0f0f0;} .gig-guide-detail #gig-guide-search .search-submit {padding: 7px 10px 8px; background: #616165; border-left: none; -webkit-box-shadow: none; box-shadow: none;} .gig-guide-detail #gig-guide-search select {float: right; width: 250px;} .gig-guide-detail .extra-info {clear: both;} .gig-guide-detail .extra-info a {font-size: 13px;} .gig-guide-detail .extra-info .venue-info {float: right;} .gig-guide-detail .extra-info img {width: 24px; height: auto; float: left; margin-right: 4px;} .gig-guide-detail #gig-guide {font-size: 13px; border: none; white-space: nowrap; table-layout: fixed;} .gig-guide-detail #gig-guide th {background: #262538; background-image: url(graphics/polygon/images/icon_sort_arrows.png); background-repeat: no-repeat; background-position: center right; color: #fff; font-weight: 700; padding: 4px 10px; font-size: 13px; border-right: 1px solid #4f4c65;} .gig-guide-detail #gig-guide th.tablesorter-headerUp {background-image: url(graphics/polygon/images/icon_sort_arrow_up.png);} .gig-guide-detail #gig-guide th.tablesorter-headerDown {background-image: url(graphics/polygon/images/icon_sort_arrow_down.png);} .gig-guide-detail #gig-guide .even {background: #ededf2;} .gig-guide-detail #gig-guide tr.ads {background: none;} .gig-guide-detail #gig-guide tr td {border-bottom: 1px solid #c3c2ce; line-height: 1.4; overflow: hidden; text-overflow: ellipsis;} .gig-guide-detail #gig-guide tr.last td {border: none;} .gig-guide-detail #gig-guide tr td img.staff-pick {width: 20px;} #gig-guide .venue {width: 150px;} #gig-guide .venue a.dark-link {color:#46464a;} #gig-guide .venue a.dark-link:hover {color:#ea8b1c;} img.staff-pick {width: 25px; height: auto; position: relative; display: block; float: left; margin-right: 4px; margin-top: -2px;} .gig-guide-detail .subject-to-change {text-align: right;} .gig-guide-detail .semi {font-weight: 600;} /* InFocus (in-focus - in focus) Photo Gallery Styles */ .in-focus.page .album-container {margin-bottom: 15px;} .in-focus.page .row.box {margin-bottom: 0;} .in-focus.page .infocus-detail {margin-bottom: 50px !important;} .in-focus.page .ias-trigger, .in-focus.page .ias-spinner {margin-bottom: 40px;} .in-focus.page .photo-album {position: relative; margin-bottom: 8px;} .in-focus.page .photo-album img {width: 94%;} #album-thumbs-container {margin-bottom: 20px;} .in-focus.page .album-thumbs-lister.columns {margin-bottom: 50px;} .in-focus.page .album-thumbs-lister.columns .photo-thumb-item {float: left;} .in-focus.page .album-thumbs-lister.columns .pagination {margin-bottom: 40px; clear: both;} .dark-bg {background: #25252c; padding: 90px 0 20px;} .dark-bg .detail-image {position: relative;} .dark-bg .detail-image img {width: auto; height: auto; max-height: 650px; display: block; margin: auto; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.9); box-shadow: 0 0 40px 0 rgba(0,0,0,.9);} .dark-bg h2 {color: #fff; font-size: 24px; margin-bottom: 0;} .dark-bg p {color: #fff; font-size: 16px;} .dark-bg p.pages {font-size: 14px; font-weight: 700; margin-top: 20px;} .photo-album-nav a {color: #fff; text-decoration: none; position: absolute; top: 49%;} .photo-album-nav a.prev {left: -55px;} .photo-album-nav a.next {right: -55px;} .dark-bg .detail-image .photo-album-nav img {width: auto; -webkit-box-shadow: none; box-shadow: none;} .addthis_photo_gallery {width: 360px; margin: 80px auto 0;} #album-thumbnails {margin: 50px;} .in-focus.page h3.title span {font-weight: 400; font-size: 16px; font-family: "Open Sans", Arial, Helvetica, sans-serif;} .square.thumb {width: 74px; height: 74px; float: left; margin: 0 7px 7px 0; overflow: hidden; position: relative;} .thumb img {min-width: 100%; min-height: 100%; position: absolute; max-width: 130%; top: 50%; left: 50%; margin-left: -37px; margin-top: -37px; } .dark-bg.video-page {padding-bottom: 90px;} .video-page .banner-ads.row {margin-bottom: 50px;} /* Footer */ /* -------------------------------------------------- :: Universal Classes - Global ---------------------------------------------------*/ /* Alignment Classes */ .center, .text-center { text-align: center; } .left, .text-left { text-align:left; } .right, .text-right { text-align:right; } .no-padding-left.columns {padding-left: 0;} .no-padding-right.columns {padding-right: 0;} /* Buttons */ .button, .main-content form input[type=submit] { display:inline-block; line-height:1; padding: 10px 20px; text-decoration: none; text-align:center; color: #fff; background:#5a5a65; text-shadow: 0 1px 0 #221f1f; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 18px; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .button:hover { background:#454552; color:#fff; text-decoration: none; } .main-content form input[type=submit] {display: block; margin: 50px auto 0;} .button.outline { background: none; display:inline-block; border:1px solid #e9903d; color:#e9903d;} .button.outline:hover { border:1px solid #6e6d69; color:#6e6d69; } .button.orange, .main-content form input[type=submit] {background: #ea8b1c; border: 1px solid #a55c07; cursor: pointer; -webkit-box-shadow: 0 2px 4px 0 rgba(17,17,57,.33); box-shadow: 0 2px 4px 0 rgba(17,17,57,.33);} .button.orange:hover, .main-content form input[type=submit]:hover {background: #D4770B;} .nonprofit.button {width:100%;} .submit { background:#e9903d; border:0; color:#fff; display:block; float:left; font-size:14px; height:32px; line-height:0; margin-left:5px; padding:6px 10px; text-align:center; text-shadow: 0 1px 0 #a65f0d; } .submit:hover { background:#d0711d; color:#fff; } /* List Classes */ ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Miscellaneous Classes */ .formtextRequired { font-weight:bold; } .formtextRequired label:before { content:"*"; } .row.full-width, .columns.full-width { margin:0!important; max-width:none!important; padding:0!important; width:100%!important; } .happy-hour .columns.full-width {margin-top:-140px !important;} .hide { display: none; } .hideclear { clear:both; height:0; overflow:hidden; visibility:hidden; } .one-fifth {width: 20%;} .clear {clear: both; height: 0;} p.clear {height: auto;} .imgleft, .imgleft img { float: left; padding:0 15px 15px 0; } .imgright, .imgright img {float: right; padding:0 0 15px 15px ; } .imgleft img, .imgright img {padding: 0;} /* prevents double padding */ .imgcenter { display:inline-block; margin:auto; } .imgcaption {clear: both; font-size: 12px; font-style: italic; color: #818185;} .imgleft .imgcaption {float: left;} .imgright .imgcaption {float: right;} /* Pagination Classes */ .prevnextCurrent, .prevnextLink, .prevnextWindow { background:#9A9AA5; color:#fff; display:inline-block; text-decoration: none; line-height:0; padding:15px 20px; margin:0 4px; text-align:center;} .prevnextCurrent, .prevnextCurrent:hover, .prevnextLink:hover, .prevnextWindow:hover { background:#5A5A65; color:#fff; } .prevnextWindowArrow {display: block; margin-top: 40px;} /* Freedom 9.6.001 Date Picker Calendar Style Updates: */ #ui-datepicker-div { background: rgba(255, 255, 255, 0.95); /* this will give slightly opaque white bg */ border: 1px solid #ccc; box-shadow: 0 0 45px #ccc; -webkit-box-shadow: 0 0 45px #ccc; margin-left: -20px; padding: 20px; } .ui-datepicker-prev {float: left;} .ui-datepicker-next {float: right;} .ui-datepicker-prev, .ui-datepicker-next {font-size: 11px; margin-top: 4px;} .ui-datepicker-prev:hover, .ui-datepicker-next:hover {cursor: pointer;} .ui-datepicker-title {text-align: center; padding-bottom: 20px;} .ui-datepicker-calendar th {font-size: 12px; font-weight: bold; text-align:center;} #ui-datepicker-div table td {padding: 8px;} /* Google Maps & Locations Directory Classes */ #googlemap img, object, embed, .GMapEZ img { max-width: none; } #map_canvas embed { max-width: none; } #map_canvas img { max-width: none; } #map_canvas object { max-width: none; } @media only screen and (max-width: 767px) { .locations input, .locations select {width:auto;} } @media only screen and (max-width: 450px) { .locations input[type=submit] { width:80%; margin-top:10px; } } /* ---------------------- Custom Homepage Flex Slider (FlexSlider) Styles ------------------------ */ #slideshow {margin: 25px 0 10px;} .flexslider .slides {border: 1px solid #999ba2; border-right: none;} .flexslider .flexslider-home-thumb-nav {padding: 0; margin: 0; list-style: none; background: #d5d5da; border: 1px solid #999ba2;} .flexslider .flexslider-home-thumb-nav li {cursor: pointer; padding: 3.7% 7.5% 2.25%; border-bottom: 1px solid #999ba2; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease;} .flexslider .flexslider-home-thumb-nav li:last-child {border: none;} .flexslider .flexslider-home-thumb-nav li.flex-active {background: #212130;} /* .flexslider .flexslider-home-thumb-nav .flexslider-thumb {width: 44%; float: left; margin-right: 5%;} */ .flexslider .flexslider-home-thumb-nav .flexslider-nav-text h4 {font-size: 16px;} .flexslider .flexslider-home-thumb-nav li.flex-active .flexslider-nav-text h4 {color: #ea8b1c;} .flexslider .flexslider-home-thumb-nav .flexslider-nav-text h6 {color: #9a9aa1; text-transform: uppercase; font-size: 12px; font-family: "Open Sans", Helvetica, Arial, sans-serif;} .flexslider .flexslider-home-thumb-nav .image img {width: 100%; height: auto;} .flexslider .flexslider-home-thumb-nav .image {position: relative; width: 44%; float: left; margin-right: 5%;} .flexslider .flexslider-home-thumb-nav .image .play-head {position: absolute; width: 40px; height: 40px; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px;} .flexslider .slides .text {background: #212130; border-bottom: 5px solid #e98a1c; padding: 15px; height: 95px;} .flexslider .slides .text h2 {color: #e98a1c; font-size: 26px; font-weight: 400; margin-bottom: 3px;} .flexslider .slides .text p {color: #fff; font-weight: 300; height: 22px; overflow: hidden; white-space: nowrap; } .flexslider .slides .text .read-more {display: block; position: absolute; right: 15px; margin-top: -39px; background: #212130; line-height: 1; padding: 5px 0; display: inline-block; } .flexslider .slides .text .read-more:before {content: "..."; color: #fff; font-weight: 400; margin: 0 25px 0 2px;} .flexslider .slides .text .read-more a {color: #fff; font-weight: 600;} .flexslider .slides img {position: relative;} .flexslider .slides img.play-head {position: absolute; z-index: 1; width: 140px; height: 140px; left: 50%; margin-left: -70px; top: 50%;} #slideshow .flex-direction-nav {display: none;} /* Carousel Flexsliders on Homepage */ .flexslider-carousel .image {position: relative;} .flexslider-carousel .play-head {position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px;} /* COUNTDOWN TIMER STYLES */ #countdown-bar {display: none; min-height:75px;} .countdown-bar {position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.85); z-index: 100; color: #fff; padding: 10px 0;} .countdown-bar .countdown-timer {width: auto;} .countdown-timer .heading {width: auto; float: left; border-right: 1px solid #666;} .countdown-timer .the-timer {width: auto;} .countdown-timer h2 {line-height: 1.2; text-align: right; padding-bottom: 3px; margin: 0; color: #fff; font-size: 22px;} .countdown-box {color: #000; font-size: 12px; border-radius: 5px; -webkit-border-radius: 5px; float: left; padding: 6px; text-align: center; width: 70px; color: #000; line-height: 1; margin: 0 8px 0 0; } .countdown-box span {display: block; color: #fff; font-size: 30px; font-weight: bold;} .countdown-timer .finished .countdown-box {display: none;} .countdown-expiry {font-size: 24px; color: #fff; padding: 8px;} .countdown-text {float: right;} .countdown-banner {line-height: 1;} .countdown-text p {margin: 0; float: right;} .countdown-text img {height: 55px !important; width: auto !important; margin-right: 10px;} #close-cd-bar {position: absolute; right: 10px; top: 10px; color: #8a8a8a; text-decoration: none; font-size: 10px; text-transform: uppercase; z-index: 2; font-weight: bold;} #close-cd-bar img {float: right; margin-left: 5px;} /* Happy Hour */ .hh-title {margin:0;} p.disclaimer {margin:0 3px 8px; font-size:12px; line-height:1.2; text-align:center;} .hht-banner {margin-top:-15px !important; margin-bottom:15px !important; padding:5px 15px 0; text-align:center;} .happy-hour hr {height:2px; background:#efefef;} .happy-hour ul[class*="block-grid"] {margin:0;} .happy-hour .main-content .row.box {margin:0;} .happy-hour .top-header {margin-bottom:15px; background:#eaeaea; padding:8px 20px;} .happy-hour .top-header h1 {text-transform:uppercase; text-align:center; margin:0 !important; font-size:22px;} .happy-hour .open-image {position:relative; height:450px; background:#eaeaea url('graphics/polygon/images/happy-hour/drink.png'); background-size:cover; width:100%;} .happy-hour .open-image .set-bg {padding:15px; position:absolute; top:0; bottom:0; width:100%; text-align:center;} .happy-hour .open-image .set-bg a {max-width:240px; line-height:1.2; background:rgba(0,0,0,.4); border:1px solid #fff; padding:8px 20px 10px; margin-top:175px; display:inline-block; color:#fff; font-family:'Oswald', Arial, sans-serif; font-size:30px; text-decoration:none;} .happy-hour .open-image .set-bg a:hover {background:rgba(0,0,0,.6);} .happy-hour .sidebar .menu {margin-bottom:15px;} .happy-hour .sidebar .menu a {position:relative; padding:3px 5px; display:block; font-family:'Oswald', Arial, sans-serif; text-decoration:none; font-size:18px; color:#53524e; border-bottom:1px solid #d5d4d0;} .happy-hour .sidebar .menu a:after {content:'\25BA'; position:absolute; right:5px; font-size:14px;} .happy-hour .sidebar .menu a:hover {background:#f6f6f6;} .happy-hour .sidebar .banner-ad {margin-bottom:7px;} .happy-hour .sidebar .banner-ad img {width:100%; max-width:312px; margin:0 auto;} .specials-lister {background:#ededed; padding:3px;} .specials-lister .deal {background:#ffffff; margin-bottom:3px; padding:5px;} .specials-lister .specials .deal:nth-child(2n) {background:#f5f5f5;} .toggle-button {font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:18px; display:block; width:100%; padding:8px 45px 8px 10px; text-decoration:none; margin-bottom:3px; color:#fff; position:relative;} .happy-hour-detail .toggle-button {padding:5px 45px 5px 10px; font-size:18px;} .toggle-button:hover {color:#fff;} .toggle-button:after {content:'+'; position:absolute; right:10px; top:4px; font-size:35px; line-height:1;} .happy-hour-detail .toggle-button:after {content:none;} .toggle-button.clicked:after {content:'-'; font-size:40px; top:-1px; right:11px;} .happy-hour-detail .toggle-button.clicked:after {content:none;} .toggle-button.dow1 {background:#004785; border-bottom:3px solid #1260a2;} .toggle-button.dow1:hover {background:#1260a2;} .toggle-button.dow2 {background:#006fd1; border-bottom:3px solid #228cf0;} .toggle-button.dow2:hover {background:#228cf0;} .toggle-button.dow3 {background:#1e9bb7; border-bottom:3px solid #2ab1d1;} .toggle-button.dow3:hover {background:#2ab1d1;} .toggle-button.dow4 {background:#6cbd3c; border-bottom:3px solid #82d54f;} .toggle-button.dow4:hover {background:#82d54f;} .toggle-button.dow5 {background:#c5c515; border-bottom:3px solid #dedc25;} .toggle-button.dow5:hover {background:#dedc25;} .toggle-button.dow6 {background:#ecb30a; border-bottom:3px solid #ffc51f;} .toggle-button.dow6:hover {background:#ffc51f;} .toggle-button.dow0 {background:#e5820b; border-bottom:3px solid #fb9b22;} .toggle-button.dow0:hover {background:#fb9b22;} .happy-hour-detail .icons img {width:40px;} .toggle-button:hover {background:#1c2332;} .specials-lister .specials .deal p {margin:0; font-size:13px;} .specials-lister .specials .deal .time {font-style:italic; color:#818183;} .specials-lister .specials .deal .location-link a {color:#000000; font-weight:600;} .happy-hour-detail .location-title {margin:0 !important;} .happy-hour-detail .desc {margin:5px 0 10px;} .happy-hour-detail .address {margin:0;} .happy-hour-detail .address .name {} .happy-hour-detail .social img {width:30px; margin:10px 1px;} .happy-hour-detail .toggle-hours {display:none;} .happy-hour-detail .hide-hours {background:#eee; padding:15px;} .happy-hour-detail .hours {margin-bottom:0px; background:transparent; border-top: 1px solid #ccc;} .happy-hour-detail .hours td { background: #f6f6f6; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666666; padding: 0 20px; } .happy-hour-detail .hours td.day { padding: 0 10px 0 5px; font-weight: 600; text-transform: uppercase; background: #eee; border-left: 1px solid #ccc; } .locations .location {background:#f9f9f9; padding:10px;} .locations .location p {margin:0; line-height:1.5;} .locations .location.holiday p {margin-bottom:15px;} .locations .location.holiday p.address {font-size:13px; color:#8a8a8a;} .locations .location.holiday p.more {margin:0;} .locations .location.holiday h3 {margin:0;} .locations .location .specials .day {background:#ededf2; border:1px solid #c3c2ce; margin-top:15px; padding:5px; border-radius:3px} .locations .location .specials .day p {color:#46464a; font-size:13px;} .search .filter {display:block; width:100%; font-size:0px;} .search .filter select {display:inline-block; width:calc(100% - 64px);} .search .filter input[type=submit] {margin:0; font-size:15px; text-transform:uppercase; border:none; display:inline-block; width:64px; text-shadow:none; box-shadow:none; padding:6px 14px;} .happy-hour .set-bg.image {padding:75px 15px; text-align:center; margin-bottom:20px;} .happy-hour .set-bg.image h1 {color:#fff; margin:0; padding:5px 20px; display:inline-block; background:rgba(0,0,0,.4);} .utility {text-align:center;} .utility a {position:relative; padding:3px 20px 3px 5px; display:inline-block; font-family:'Oswald', Arial, sans-serif; text-decoration:none; font-size:16px; color:#53524e; border-right:1px solid #d5d4d0;} .utility a:nth-child(2) {border:none;} .utility a:after {content:'\25BA'; position:absolute; right:5px; top:7px; font-size:11px;} .utility a:hover {background:#f6f6f6;} /* --------- Off-canvas ----------- */ .mobile-menu-toggle { color: #fff !important; font-size: 18px; font-family: "Oswald", "Open Sans", Helvetica, Arial, sans-serif; text-transform: uppercase; } .mobile-menu-toggle img {width: 20px;} /* Navigataion */ #main-nav, #main-nav.stuck { -webkit-box-shadow:inset -25px 0 25px 0 rgba(0,0,0,.5); box-shadow:inset -25px 0 25px 0 rgba(0,0,0,.5); position: fixed; width: 40%; top: 0; height: 100%; left:-40%; z-index:100; } .openNav #main-nav {left:0;} #main-nav .row { -webkit-transform: scale3d(.7, .7, .7); -moz-transform: scale3d(.7, .7, .7); -ms-transform: scale3d(.7, .7, .7); -o-transform: scale3d(.7, .7, .7); transform: scale3d(.7, .7, .7); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } #main-nav .large-12 {padding: 0} #main-nav ul {padding: 0; margin: 0;} #main-nav ul li {float: none; text-align: left; display: block;} #main-nav ul li a { border-right: none; border-bottom: 1px solid #4D4B65; font-size: 18px !important; padding: 30px 15px !important;} /* Reveal open/close buttons */ a.open-panel, a.close-panel {display: block;} .close-panel {text-align: right; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 14px; border-bottom: 5px solid #EA8B1C; margin: 10px 0 5px; width: 100%; padding-right: 15px; } .close-panel:hover {color: #fff;} .close-panel img {width: 16px; height: auto;} .top-nav .close-panel {border-color: #212130;} .openNav #canvas-page { left: 0; -webkit-transform: translate3d(40%, 0, 0); -moz-transform: translate3d(40%, 0, 0); -ms-transform: translate3d(40%, 0, 0); -o-transform: translate3d(40%, 0, 0); transform: translate3d(40%, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .openNav #main-nav .row { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* When the panel is closed, transition the page back to the left */ #canvas-page { left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } /* About Nav Reveal open/close buttons */ a.open-about-panel, a.close-about-panel {display: block;} span.span-button {display: inline-block; border: 1px solid rgba(255, 255, 255, 0.4); padding: 2px 8px; border-radius: 5px; -webkit-border-radius: 5px;} .open-about-panel span.span-button {margin-top: -5px;} .close-panel span.span-button {margin-bottom: 8px;} /* -------------------------------------------------- :: Media Query Fixes ---------------------------------------------------*/ /* Media Queries Great Than 767px */ @media only screen and (max-width: 1033px) { #main-nav ul a, #main-nav.stuck ul a {padding: 14px 17px;} #footer-bottom {padding-bottom: 100px;} } @media only screen and (max-width: 999px) { .countdown-text {width: 100%; text-align: center;} .countdown-text img {margin-top: 15px;} } @media only screen and (max-width: 940px) { #main-nav ul a, #main-nav.stuck ul a {font-size: 15px; padding: 14px 14px;} } @media only screen and (max-width: 900px) { #main-nav ul a, #main-nav.stuck ul a {padding: 14px 11px; font-size: 14px;} .flexslider .flexslider-home-thumb-nav li {padding: 3% 7%;} .box.local-features .columns {width: 100%;} } @media only screen and (max-width: 800px) { .logo-icon {display: none;} } /* Media Queries Less than 767px */ @media only screen and (max-width: 767px) { /* Global Classes */ .one-fifth {width: 100%;} .mobile-clear {clear: both;} #header {background: url(graphics/polygon/images/bg_footer.jpg) repeat-x center bottom;} /* About Nav CSS */ /* About Navigataion */ .top-nav { -webkit-box-shadow:inset 0 -10px 8px 0 rgba(0,0,0,.2); box-shadow:inset 0 -10px 8px 0 rgba(0,0,0,.2); background: #EA8B1C; } .top-nav.row { -webkit-transform: scale3d(.7, .7, .7); -moz-transform: scale3d(.7, .7, .7); -ms-transform: scale3d(.7, .7, .7); -o-transform: scale3d(.7, .7, .7); transform: scale3d(.7, .7, .7); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .top-nav .large-12 {padding: 0} .top-nav {position: absolute; height: 280px; top: -280px; left: 0; padding: 0; margin: 0;} .top-nav .top_nav {padding: 0; margin: 0;} .top-nav .top_nav li {float: none; display: block; text-align: left;} .top-nav .top_nav li a { border-right: none; border-bottom: 1px solid #f2b977; font-size: 16px; padding: 10px; display: block; line-height: 1;} .openNav-about #canvas-page { right: 0; -webkit-transform: translate3d(0, 280px, 0); -moz-transform: translate3d(0, 280px, 0); -ms-transform: translate3d(0, 280px, 0); -o-transform: translate3d(0, 280px, 0); transform: translate3d(0, 280px, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .openNav-about .top-nav.row { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* Footer Mobile/Tablet CSS */ #footer ul li {width: 50%; float: left; line-height: 3;} #footer .one-fifth h5 {margin-top: 35px;} #footer-bottom .social-media {text-align: center; margin-bottom: 25px;} #footer-bottom .copyright {text-align: center;} .corner-pop {position: absolute;} /* Sidebar Pages */ .sub.page .main-content {padding-right: 0.9375em; margin-top: -5px;} .main-content.columns {position: relative; margin-right: 0; width: 100%; max-width: 100%;} .sidebar.columns {float: none; width: 100%; margin: 40px 0 0; margin-left: 0; padding: 0 .975em;} .sidebar .banner-ads img {height: auto !important; width: 100% !important;} .sidebar .banner-ads.ads_140 img {max-width: 96%} .ads.row .columns {margin-bottom: 15px;} /* Homepage */ .home.page article img {width: 50%; display: block; margin: auto;} .local-features .flexslider-infocus .flex-direction-nav a {top: 78%;} .box.local-features .in-focus .box {min-height: 450px;} /* Events Page */ .events .item .triangle.events {display: none;} .events .minical.columns {width:100%; left: 0; margin-bottom: 20px;} .events .event-buttons.columns {width: 100%; right: 0;} .events .event-buttons.columns img {width: 300px; height: auto; display: block; margin: 10px auto;} /* Article Pages */ .article.page .main-content .box.row img {width: 100%; margin-left:0; max-width: 100%;} .article.page .main-content .box.row .imgright, .article.page .main-content .box.row .imgleft, .article.page .main-content .box.row .imgright img, .article.page .main-content .box.row .imgleft img {margin: 0; width: auto;} .article.page .main-content .box.row p, .article.page .main-content .box.row h2, .article.page .main-content .box.row h3, .article.page .main-content .box.row h4, .article.page .main-content .box.row h5, .article.page .main-content .box.row h6, .article.page .main-content .box.row ul, .article.page .main-content .box.row table {padding: 0 1.5em; } /* Photo Gallery Album In focus Pages */ .small-clear {clear: both;} .pagination div {white-space: normal !important;} .prevnextCurrent, .prevnextLink, .prevnextWindow {margin-bottom: 10px;} /* Gig Guide */ .gig-guide-detail #gig-guide {white-space: normal;} /* Countdown Timer */ #close-cd-bar {display: block; text-align: center; color: #fff;} .countdown-bar .the-timer, .countdown-bar .heading, .countdown-bar .countdown-text, .countdown-bar .countdown-timer {width: 100%; float: none !important; border: none;} .countdown-bar .heading {margin-top: 22px;} .countdown-bar .countdown-text {text-align: center; margin-top: 15px;} .countdown-timer h2 {text-align: center; font-size: 20px;} .countdown-box {font-size: 10px;} .countdown-box span {font-size: 22px;} .countdown-box {width: 19%; margin: .5%;} .countdown-text img {width: 100% !important; height: auto !important; margin-top: 0;} } /* Media Queries Medium */ @media only screen and (max-width: 550px) { .header-main .weather p {display: none;} .header-main .site-search input.searchBoxInput {display:none;} .header-main .site-search .search-submit {border-left: 1px solid;} .article.page .main-content .box.row blockquote {margin-left: 0; margin-right: 0;} .dark-bg .detail-image .photo-album-nav img {width: 50%; height: auto;} #gig-guide .venue {width: 100px;} #album-thumbnails {margin: 50px 0;} p.staff-pick span {float: none; text-align: left;} select#category{ width:100%; } } @media only screen and (max-width: 479px) { .home.page article img {width: 100%;} .article.page .main-content .box.row .imgright, .article.page .main-content .box.row .imgleft {width: 100%; float: none;} .main-content blockquote:before {left: 42%;} .gig-guide-detail #gig-guide-search form, .gig-guide-detail #gig-guide-search select {width: 100%; float: none; clear: both;} .gig-guide-detail .extra-info .venue-info {float: none; display: block;} .movie-page .small-4 {width:100%!important; display:block;} } /* Media Queries Small */ @media only screen and (max-width: 320px) { } /* APP CSS */ .app.sub {background: #fff;} .app-home-bg {position:absolute; left:0; top:0; height:100%; width:100%; background: url(graphics/app/bg_toledo_map.jpg) no-repeat center center fixed; background-size: cover; } .app-content {padding-top:15px;} .app .copyright, .app .copyright a {padding-top: 20px; font-size:13px;} .app-home-container .copyright, .app-home-container .copyright a {color: #fff; padding-top: 20px;} .header {position:fixed; top:0; width:100%; left:0; transition: top 0.2s ease-in-out, left 500ms ease; z-index:100;} .header.nav-up {top:-55px;} .openNav .header {left:40%;} .canvas-content {padding-top:55px;} .openNav body {overflow-x:hidden;} .app .gig-guide-detail .staff-pick-key {float: right; margin-bottom: 8px;} .app .gig-guide-detail .subject-to-change {clear: right; font-size:12px; margin:0;} .app .top-5-item {background: #fff; padding: 15px; margin-bottom: 15px; border: 1px solid #d5d4d0;} .app .events .item .row {margin: 0 .9375em .9375em; border: 1px solid #d5d4d0;} .app .events .item .date span.staff-text {font-size: 12px; color: #888; text-transform: none;} .app .prev, .app .next { display: block; padding: 10px 5px; background: #5a5a65; text-align: center; margin-bottom: 10px; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: 700;} .app .pagination p.pages {margin-top: 9px;} .app .app-home-container { position: relative; left: 0; height:100%; width: 100%; padding: 50px 30px;} .app .app-home.button { margin-bottom: 35px; width: 100%; height: 100px; display: block; padding: 0; background: #fff; font-size: 200%; color: #46464a; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.75);box-shadow: 0 0 8px 0 rgba(0,0,0,.75); text-shadow: none;} .app .app-home.button.live-music {background: url(graphics/app/icon_blue_mic.png) no-repeat #fff; background-size: 100px; background-position-x: 105%; background-position-y: 25px;} .app .app-home.button.top-5 {background: url(graphics/app/icon_blue_star.png) no-repeat #fff; background-position-x: 97%; background-position-y: 23px; background-size: 80px;} .app .app-home.button.events-cal {background: url(graphics/app/icon_blue_ticket.png) no-repeat #fff; background-position-x: 98%; background-position-y: 20px; background-size: 90px;} .app .app-home.button.happy-hour {background: url(graphics/app/icon_blue_beer.png) no-repeat #fff; background-position-x: 98%; background-position-y: 10px; background-size: 80px;} .app .app-home .btn-text {font-size: 24px; margin-top: 37px; display: inline-block;} @media only screen and (max-width: 370px) {.app .app-home .btn-text {font-size: 19px;}} .app .app-home.button .btn-orange {background: #ea8b1c; display: block; float: left; padding: 20px; height: 100%; width: 30%; display: grid; align-content: center; text-align: center;} .app .app-home.button .btn-orange img {width: 60px;height: auto;max-width: 100%;display: block; margin: auto;} @media only screen and (max-width: 500px) { .app .app-home-container {padding: 50px 20px;} .app .app-home .btn-text {font-size: 20px; margin-top: 40px;} } @media only screen and (max-width: 400px) { .app .app-home-container {padding: 50px 15px;} } @media only screen and (max-width: 360px) { .app .app-home-container {padding: 50px 10px;} .app .app-home .btn-text {font-size: 18px;} } @media only screen and (max-width: 320px) { .app .app-home-container {padding: 40px 5px;} }