/* Theme Name: Tattooed Mom Theme URI: http://underscores.me/ Author: Kaplow Author URI: http://www.kaplow.com Description: WordPress theme by Kaplow Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: btc Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Backtrace is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ @font-face { font-family: 'Bira'; src: url("./fonts/bira.eot"); /* IE9 Compat Modes */ src: url("./fonts/bira.eot?#iefix") format("embedded-opentype"), url("./fonts/bira.woff2") format("woff2"), url("./fonts/bira.woff") format("woff"), url("./fonts/bira.ttf") format("truetype"), url("./fonts/bira.svg#Bira") format("svg"); /* Legacy iOS */ } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Fonts --------------------------------------------------------------*/ @font-face { font-family: 'DINBold'; src: url("fonts/din-bold-webfont.eot"); src: url("fonts/din-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/din-bold-webfont.woff") format("woff"), url("fonts/din-bold-webfont.ttf") format("truetype"), url("fonts/din-bold-webfont.svg#DINBold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINLight'; src: url("fonts/din-light-webfont.eot"); src: url("fonts/din-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/din-light-webfont.woff") format("woff"), url("fonts/din-light-webfont.ttf") format("truetype"), url("fonts/din-light-webfont.svg#DINLight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINRegular'; src: url("fonts/din-regular-webfont.eot"); src: url("fonts/din-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/din-regular-webfont.woff") format("woff"), url("fonts/din-regular-webfont.ttf") format("truetype"), url("fonts/din-regular-webfont.svg#DINRegular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINMedium'; src: url("fonts/din-medium-webfont.eot"); src: url("fonts/din-medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/din-medium-webfont.woff") format("woff"), url("fonts/din-medium-webfont.ttf") format("truetype"), url("fonts/din-medium-webfont.svg#DINBlack") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'DINBlack'; src: url("fonts/din-black-webfont.eot"); src: url("fonts/din-black-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/din-black-webfont.woff") format("woff"), url("fonts/din-black-webfont.ttf") format("truetype"), url("fonts/din-black-webfont.svg#DINBlack") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Core Circus 2D line2'; src: url("fonts/core-circus-2d-line2.eot"); src: url("fonts/core-circus-2d-line2?#iefix") format("embedded-opentype"), url("fonts/core-circus-2d-line2.woff") format("woff"), url("fonts/core-circus-2d-line2.ttf") format("truetype"), url("fonts/core-circus-2d-line2.svg#DINBlack") format("svg"); font-weight: normal; font-style: normal; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #222; font-family: "DINRegular", Helvetica, sans-serif; line-height: 1.5; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; background: #222; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: transparent; /* Fallback for when there is no custom background color defined. */ transition: transform 400ms ease; } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: bottom; } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } .no-display { display: none; } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, .button, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a, .read-more, .tribe-events-read-more, input[type="button"], input[type="reset"], input[type="submit"] { font-size: 16px; font-size: 1rem; background: #222; color: #222 !important; border: 2px solid black; box-shadow: 4px 4px #222; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; background: #fff; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 10; transition: all 120ms ease-out; font-family: "DINRegular", sans-serif; display: table; text-transform: uppercase; } @media (min-width: 620px) { button:hover, .button:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a:hover, .read-more:hover, .tribe-events-read-more:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #222; } } @media (min-width: 620px) { button:active, .button:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a:active, .read-more:active, .tribe-events-read-more:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { transform: translate(4px, 4px); box-shadow: 0 0 #222; } } button.big, .button.big, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.big, .read-more.big, .tribe-events-read-more.big, input[type="button"].big, input[type="reset"].big, input[type="submit"].big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #222; } button.big.yellow, .button.big.yellow, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.big.yellow, .read-more.big.yellow, .tribe-events-read-more.big.yellow, input[type="button"].big.yellow, input[type="reset"].big.yellow, input[type="submit"].big.yellow { color: #222 !important; } button.big.dark, .button.big.dark, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.big.dark, .read-more.big.dark, .tribe-events-read-more.big.dark, input[type="button"].big.dark, input[type="reset"].big.dark, input[type="submit"].big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { button.big:hover, .button.big:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.big:hover, .read-more.big:hover, .tribe-events-read-more.big:hover, input[type="button"].big:hover, input[type="reset"].big:hover, input[type="submit"].big:hover { color: #222; transform: translate(4px, 4px); box-shadow: 4px 4px #222; } } @media (min-width: 620px) { button.big:active, .button.big:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.big:active, .read-more.big:active, .tribe-events-read-more.big:active, input[type="button"].big:active, input[type="reset"].big:active, input[type="submit"].big:active { transform: translate(8px, 8px); box-shadow: 0 0 #222; color: #222; } } button.dark, .button.dark, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.dark, .read-more.dark, .tribe-events-read-more.dark, input[type="button"].dark, input[type="reset"].dark, input[type="submit"].dark { background: #222; color: #222 !important; border: 2px solid black; box-shadow: 4px 4px #222; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; } @media (min-width: 620px) { button.dark:hover, .button.dark:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.dark:hover, .read-more.dark:hover, .tribe-events-read-more.dark:hover, input[type="button"].dark:hover, input[type="reset"].dark:hover, input[type="submit"].dark:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #222; } } @media (min-width: 620px) { button.dark:active, .button.dark:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.dark:active, .read-more.dark:active, .tribe-events-read-more.dark:active, input[type="button"].dark:active, input[type="reset"].dark:active, input[type="submit"].dark:active { transform: translate(4px, 4px); box-shadow: 0 0 #222; } } button.dark.big, .button.dark.big, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.dark.big, .read-more.dark.big, .tribe-events-read-more.dark.big, input[type="button"].dark.big, input[type="reset"].dark.big, input[type="submit"].dark.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #222; } button.dark.big.yellow, .button.dark.big.yellow, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.dark.big.yellow, .read-more.dark.big.yellow, .tribe-events-read-more.dark.big.yellow, input[type="button"].dark.big.yellow, input[type="reset"].dark.big.yellow, input[type="submit"].dark.big.yellow { color: #222 !important; } button.dark.big.dark, .button.dark.big.dark, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.dark.big.dark, .read-more.dark.big.dark, .tribe-events-read-more.dark.big.dark, input[type="button"].dark.big.dark, input[type="reset"].dark.big.dark, input[type="submit"].dark.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { button.dark.big:hover, .button.dark.big:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.dark.big:hover, .read-more.dark.big:hover, .tribe-events-read-more.dark.big:hover, input[type="button"].dark.big:hover, input[type="reset"].dark.big:hover, input[type="submit"].dark.big:hover { color: #222; transform: translate(4px, 4px); box-shadow: 4px 4px #222; } } @media (min-width: 620px) { button.dark.big:active, .button.dark.big:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.dark.big:active, .read-more.dark.big:active, .tribe-events-read-more.dark.big:active, input[type="button"].dark.big:active, input[type="reset"].dark.big:active, input[type="submit"].dark.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #222; color: #222; } } button.pink, .button.pink, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-left a, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.pink, .blog .site-main .posts-navigation .nav-links div.nav-previous a, .category .site-main .posts-navigation .nav-links div.nav-previous a, .search-results .site-main .posts-navigation .nav-links div.nav-previous a, .tag .site-main .posts-navigation .nav-links div.nav-previous a, .read-more.pink, .tribe-events-read-more.pink, input[type="button"].pink, input[type="reset"].pink, input[type="submit"].pink { background: #ff007f; color: #222 !important; border: 2px solid #330019; box-shadow: 4px 4px #ff007f; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; } @media (min-width: 620px) { button.pink:hover, .button.pink:hover, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-left a:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.pink:hover, .blog .site-main .posts-navigation .nav-links div.nav-previous a:hover, .category .site-main .posts-navigation .nav-links div.nav-previous a:hover, .search-results .site-main .posts-navigation .nav-links div.nav-previous a:hover, .tag .site-main .posts-navigation .nav-links div.nav-previous a:hover, .read-more.pink:hover, .tribe-events-read-more.pink:hover, input[type="button"].pink:hover, input[type="reset"].pink:hover, input[type="submit"].pink:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #ff007f; } } @media (min-width: 620px) { button.pink:active, .button.pink:active, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-left a:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.pink:active, .blog .site-main .posts-navigation .nav-links div.nav-previous a:active, .category .site-main .posts-navigation .nav-links div.nav-previous a:active, .search-results .site-main .posts-navigation .nav-links div.nav-previous a:active, .tag .site-main .posts-navigation .nav-links div.nav-previous a:active, .read-more.pink:active, .tribe-events-read-more.pink:active, input[type="button"].pink:active, input[type="reset"].pink:active, input[type="submit"].pink:active { transform: translate(4px, 4px); box-shadow: 0 0 #ff007f; } } button.pink.big, .button.pink.big, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-left a.big, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.pink.big, .blog .site-main .posts-navigation .nav-links div.nav-previous a.big, .category .site-main .posts-navigation .nav-links div.nav-previous a.big, .search-results .site-main .posts-navigation .nav-links div.nav-previous a.big, .tag .site-main .posts-navigation .nav-links div.nav-previous a.big, .read-more.pink.big, .tribe-events-read-more.pink.big, input[type="button"].pink.big, input[type="reset"].pink.big, input[type="submit"].pink.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #ff007f; } button.pink.big.yellow, .button.pink.big.yellow, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-left a.big.yellow, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.pink.big.yellow, .blog .site-main .posts-navigation .nav-links div.nav-previous a.big.yellow, .category .site-main .posts-navigation .nav-links div.nav-previous a.big.yellow, .search-results .site-main .posts-navigation .nav-links div.nav-previous a.big.yellow, .tag .site-main .posts-navigation .nav-links div.nav-previous a.big.yellow, .read-more.pink.big.yellow, .tribe-events-read-more.pink.big.yellow, input[type="button"].pink.big.yellow, input[type="reset"].pink.big.yellow, input[type="submit"].pink.big.yellow { color: #222 !important; } button.pink.big.dark, .button.pink.big.dark, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-left a.big.dark, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.pink.big.dark, .blog .site-main .posts-navigation .nav-links div.nav-previous a.big.dark, .category .site-main .posts-navigation .nav-links div.nav-previous a.big.dark, .search-results .site-main .posts-navigation .nav-links div.nav-previous a.big.dark, .tag .site-main .posts-navigation .nav-links div.nav-previous a.big.dark, .read-more.pink.big.dark, .tribe-events-read-more.pink.big.dark, input[type="button"].pink.big.dark, input[type="reset"].pink.big.dark, input[type="submit"].pink.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { button.pink.big:hover, .button.pink.big:hover, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-left a.big:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.pink.big:hover, .blog .site-main .posts-navigation .nav-links div.nav-previous a.big:hover, .category .site-main .posts-navigation .nav-links div.nav-previous a.big:hover, .search-results .site-main .posts-navigation .nav-links div.nav-previous a.big:hover, .tag .site-main .posts-navigation .nav-links div.nav-previous a.big:hover, .read-more.pink.big:hover, .tribe-events-read-more.pink.big:hover, input[type="button"].pink.big:hover, input[type="reset"].pink.big:hover, input[type="submit"].pink.big:hover { color: #ff007f; transform: translate(4px, 4px); box-shadow: 4px 4px #ff007f; } } @media (min-width: 620px) { button.pink.big:active, .button.pink.big:active, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-left a.big:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.pink.big:active, .blog .site-main .posts-navigation .nav-links div.nav-previous a.big:active, .category .site-main .posts-navigation .nav-links div.nav-previous a.big:active, .search-results .site-main .posts-navigation .nav-links div.nav-previous a.big:active, .tag .site-main .posts-navigation .nav-links div.nav-previous a.big:active, .read-more.pink.big:active, .tribe-events-read-more.pink.big:active, input[type="button"].pink.big:active, input[type="reset"].pink.big:active, input[type="submit"].pink.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #ff007f; color: #ff007f; } } button.green, .button.green, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-right a, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.green, .blog .site-main .posts-navigation .nav-links div.nav-next a, .category .site-main .posts-navigation .nav-links div.nav-next a, .search-results .site-main .posts-navigation .nav-links div.nav-next a, .tag .site-main .posts-navigation .nav-links div.nav-next a, .read-more.green, .tribe-events-read-more.green, input[type="button"].green, input[type="reset"].green, input[type="submit"].green { background: #56eb0c; color: #222 !important; border: 2px solid #0f2902; box-shadow: 4px 4px #56eb0c; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; } @media (min-width: 620px) { button.green:hover, .button.green:hover, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-right a:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.green:hover, .blog .site-main .posts-navigation .nav-links div.nav-next a:hover, .category .site-main .posts-navigation .nav-links div.nav-next a:hover, .search-results .site-main .posts-navigation .nav-links div.nav-next a:hover, .tag .site-main .posts-navigation .nav-links div.nav-next a:hover, .read-more.green:hover, .tribe-events-read-more.green:hover, input[type="button"].green:hover, input[type="reset"].green:hover, input[type="submit"].green:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #56eb0c; } } @media (min-width: 620px) { button.green:active, .button.green:active, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-right a:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.green:active, .blog .site-main .posts-navigation .nav-links div.nav-next a:active, .category .site-main .posts-navigation .nav-links div.nav-next a:active, .search-results .site-main .posts-navigation .nav-links div.nav-next a:active, .tag .site-main .posts-navigation .nav-links div.nav-next a:active, .read-more.green:active, .tribe-events-read-more.green:active, input[type="button"].green:active, input[type="reset"].green:active, input[type="submit"].green:active { transform: translate(4px, 4px); box-shadow: 0 0 #56eb0c; } } button.green.big, .button.green.big, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-right a.big, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.green.big, .blog .site-main .posts-navigation .nav-links div.nav-next a.big, .category .site-main .posts-navigation .nav-links div.nav-next a.big, .search-results .site-main .posts-navigation .nav-links div.nav-next a.big, .tag .site-main .posts-navigation .nav-links div.nav-next a.big, .read-more.green.big, .tribe-events-read-more.green.big, input[type="button"].green.big, input[type="reset"].green.big, input[type="submit"].green.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #56eb0c; } button.green.big.yellow, .button.green.big.yellow, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-right a.big.yellow, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.green.big.yellow, .blog .site-main .posts-navigation .nav-links div.nav-next a.big.yellow, .category .site-main .posts-navigation .nav-links div.nav-next a.big.yellow, .search-results .site-main .posts-navigation .nav-links div.nav-next a.big.yellow, .tag .site-main .posts-navigation .nav-links div.nav-next a.big.yellow, .read-more.green.big.yellow, .tribe-events-read-more.green.big.yellow, input[type="button"].green.big.yellow, input[type="reset"].green.big.yellow, input[type="submit"].green.big.yellow { color: #222 !important; } button.green.big.dark, .button.green.big.dark, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-right a.big.dark, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.green.big.dark, .blog .site-main .posts-navigation .nav-links div.nav-next a.big.dark, .category .site-main .posts-navigation .nav-links div.nav-next a.big.dark, .search-results .site-main .posts-navigation .nav-links div.nav-next a.big.dark, .tag .site-main .posts-navigation .nav-links div.nav-next a.big.dark, .read-more.green.big.dark, .tribe-events-read-more.green.big.dark, input[type="button"].green.big.dark, input[type="reset"].green.big.dark, input[type="submit"].green.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { button.green.big:hover, .button.green.big:hover, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-right a.big:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.green.big:hover, .blog .site-main .posts-navigation .nav-links div.nav-next a.big:hover, .category .site-main .posts-navigation .nav-links div.nav-next a.big:hover, .search-results .site-main .posts-navigation .nav-links div.nav-next a.big:hover, .tag .site-main .posts-navigation .nav-links div.nav-next a.big:hover, .read-more.green.big:hover, .tribe-events-read-more.green.big:hover, input[type="button"].green.big:hover, input[type="reset"].green.big:hover, input[type="submit"].green.big:hover { color: #56eb0c; transform: translate(4px, 4px); box-shadow: 4px 4px #56eb0c; } } @media (min-width: 620px) { button.green.big:active, .button.green.big:active, .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-right a.big:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.green.big:active, .blog .site-main .posts-navigation .nav-links div.nav-next a.big:active, .category .site-main .posts-navigation .nav-links div.nav-next a.big:active, .search-results .site-main .posts-navigation .nav-links div.nav-next a.big:active, .tag .site-main .posts-navigation .nav-links div.nav-next a.big:active, .read-more.green.big:active, .tribe-events-read-more.green.big:active, input[type="button"].green.big:active, input[type="reset"].green.big:active, input[type="submit"].green.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #56eb0c; color: #56eb0c; } } button.yellow, .button.yellow, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.yellow, .read-more.yellow, .tribe-events-read-more.yellow, input[type="button"].yellow, input[type="reset"].yellow, input[type="submit"].yellow { background: #fffc06; color: #222 !important; border: 2px solid #393800; box-shadow: 4px 4px #fffc06; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; color: #222 !important; } @media (min-width: 620px) { button.yellow:hover, .button.yellow:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.yellow:hover, .read-more.yellow:hover, .tribe-events-read-more.yellow:hover, input[type="button"].yellow:hover, input[type="reset"].yellow:hover, input[type="submit"].yellow:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #fffc06; } } @media (min-width: 620px) { button.yellow:active, .button.yellow:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.yellow:active, .read-more.yellow:active, .tribe-events-read-more.yellow:active, input[type="button"].yellow:active, input[type="reset"].yellow:active, input[type="submit"].yellow:active { transform: translate(4px, 4px); box-shadow: 0 0 #fffc06; } } button.yellow.big, .button.yellow.big, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.yellow.big, .read-more.yellow.big, .tribe-events-read-more.yellow.big, input[type="button"].yellow.big, input[type="reset"].yellow.big, input[type="submit"].yellow.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #fffc06; } button.yellow.big.yellow, .button.yellow.big.yellow, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.yellow.big.yellow, .read-more.yellow.big.yellow, .tribe-events-read-more.yellow.big.yellow, input[type="button"].yellow.big.yellow, input[type="reset"].yellow.big.yellow, input[type="submit"].yellow.big.yellow { color: #222 !important; } button.yellow.big.dark, .button.yellow.big.dark, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.yellow.big.dark, .read-more.yellow.big.dark, .tribe-events-read-more.yellow.big.dark, input[type="button"].yellow.big.dark, input[type="reset"].yellow.big.dark, input[type="submit"].yellow.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { button.yellow.big:hover, .button.yellow.big:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.yellow.big:hover, .read-more.yellow.big:hover, .tribe-events-read-more.yellow.big:hover, input[type="button"].yellow.big:hover, input[type="reset"].yellow.big:hover, input[type="submit"].yellow.big:hover { color: #fffc06; transform: translate(4px, 4px); box-shadow: 4px 4px #fffc06; } } @media (min-width: 620px) { button.yellow.big:active, .button.yellow.big:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.yellow.big:active, .read-more.yellow.big:active, .tribe-events-read-more.yellow.big:active, input[type="button"].yellow.big:active, input[type="reset"].yellow.big:active, input[type="submit"].yellow.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #fffc06; color: #fffc06; } } button.blue, .button.blue, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.blue, .read-more.blue, .tribe-events-read-more.blue, input[type="button"].blue, input[type="reset"].blue, input[type="submit"].blue { background: #0cceeb; color: #222 !important; border: 2px solid #022429; box-shadow: 4px 4px #0cceeb; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; } @media (min-width: 620px) { button.blue:hover, .button.blue:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.blue:hover, .read-more.blue:hover, .tribe-events-read-more.blue:hover, input[type="button"].blue:hover, input[type="reset"].blue:hover, input[type="submit"].blue:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #0cceeb; } } @media (min-width: 620px) { button.blue:active, .button.blue:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.blue:active, .read-more.blue:active, .tribe-events-read-more.blue:active, input[type="button"].blue:active, input[type="reset"].blue:active, input[type="submit"].blue:active { transform: translate(4px, 4px); box-shadow: 0 0 #0cceeb; } } button.blue.big, .button.blue.big, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.blue.big, .read-more.blue.big, .tribe-events-read-more.blue.big, input[type="button"].blue.big, input[type="reset"].blue.big, input[type="submit"].blue.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #0cceeb; } button.blue.big.yellow, .button.blue.big.yellow, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.blue.big.yellow, .read-more.blue.big.yellow, .tribe-events-read-more.blue.big.yellow, input[type="button"].blue.big.yellow, input[type="reset"].blue.big.yellow, input[type="submit"].blue.big.yellow { color: #222 !important; } button.blue.big.dark, .button.blue.big.dark, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.blue.big.dark, .read-more.blue.big.dark, .tribe-events-read-more.blue.big.dark, input[type="button"].blue.big.dark, input[type="reset"].blue.big.dark, input[type="submit"].blue.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { button.blue.big:hover, .button.blue.big:hover, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.blue.big:hover, .read-more.blue.big:hover, .tribe-events-read-more.blue.big:hover, input[type="button"].blue.big:hover, input[type="reset"].blue.big:hover, input[type="submit"].blue.big:hover { color: #0cceeb; transform: translate(4px, 4px); box-shadow: 4px 4px #0cceeb; } } @media (min-width: 620px) { button.blue.big:active, .button.blue.big:active, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.blue.big:active, .read-more.blue.big:active, .tribe-events-read-more.blue.big:active, input[type="button"].blue.big:active, input[type="reset"].blue.big:active, input[type="submit"].blue.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #0cceeb; color: #0cceeb; } } button.big, .button.big, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.big, .read-more.big, .tribe-events-read-more.big, input[type="button"].big, input[type="reset"].big, input[type="submit"].big { font-size: 20.8px; font-size: 1.3rem; padding: 20px 50px; font-family: "DINBlack", sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 1024px) { button.big, .button.big, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.big, .read-more.big, .tribe-events-read-more.big, input[type="button"].big, input[type="reset"].big, input[type="submit"].big { padding: 15px 25px; font-size: 19.2px; font-size: 1.2rem; } } @media (max-width: 620px) { button.big, .button.big, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a.big, .read-more.big, .tribe-events-read-more.big, input[type="button"].big, input[type="reset"].big, input[type="submit"].big { padding: 12px 20px; font-size: 16px; font-size: 1rem; } } button:focus, .button:focus, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a:focus, .read-more:focus, .tribe-events-read-more:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 2px solid #222; border-radius: 0; padding: 5px 10px; transition: all 140ms ease; box-shadow: 0 0 0 #0cceeb; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="text"]:focus, input[type="text"]:active, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:focus, input[type="url"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="search"]:focus, input[type="search"]:active, input[type="number"]:focus, input[type="number"]:active, input[type="tel"]:focus, input[type="tel"]:active, input[type="range"]:focus, input[type="range"]:active, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:focus, input[type="month"]:active, input[type="week"]:focus, input[type="week"]:active, input[type="time"]:focus, input[type="time"]:active, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="color"]:focus, input[type="color"]:active, textarea:focus, textarea:active { outline: none; box-shadow: 4px 4px 0 #0cceeb; } select { border: 2px solid #222; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #ff007f; } a:visited { color: #ff007f; } a:hover, a:focus, a:active { color: #fffc06; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; overflow: hidden; transition: all 140ms ease; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul a { width: 200px; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { display: inline-block; position: relative; margin: 0 0 0 15px; } @media (max-width: 1024px) { .main-navigation li { margin: 0 5px; } } .main-navigation li:last-child { margin-right: 0; } .main-navigation li.current-menu-item a, .main-navigation li.current-post-parent a { color: #fffc06; } .main-navigation a { font-size: 16px; color: #222; font-family: "DINBlack", sans-serif; margin: 0; text-transform: uppercase; line-height: 1.75; display: block; text-decoration: none; transition: all 140ms ease; } .main-navigation a:hover { color: white; } /* Small menu. */ @media screen and (max-width: 620px) { .main-navigation .menu-primary-navigation-container ul { max-width: 0; float: none; background: transparent url("./img/2x-header-bg2.png") left bottom/cover no-repeat; display: block; z-index: 100; position: absolute; top: 45px; left: -15px; width: 100vw; padding-bottom: 80px; overflow: hidden; } .main-navigation .menu-primary-navigation-container ul li { display: block; width: 100vw; } .main-navigation .menu-primary-navigation-container ul li a { color: #222; display: block; text-align: center; padding: 10px; } } .main-navigation.toggled button { background: transparent url("./img/svg/icon-menu-close.svg") left center/14px auto no-repeat; } @media screen and (max-width: 620px) { .main-navigation.toggled .menu-primary-navigation-container ul { max-width: 100vw; } } .menu-toggle { display: inline-block; color: #fff !important; } .menu-toggle:hover { color: #fffc06 !important; } @media screen and (min-width: 620px) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .comment-navigation, .posts-navigation, .post-navigation { /* .site-main & { margin: 0 0 1.5em; overflow: hidden; } */ } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Featherlight Lightbox --------------------------------------------------------------*/ .featherlight .featherlight-content { background: transparent; padding: 0; border-bottom: none; } .featherlight .featherlight-content .caption { text-align: center; padding: 10px 0 0; font-size: 14px; line-height: 1.4; color: #fff; } .featherlight .featherlight-previous, .featherlight .featherlight-next { top: 0; bottom: 0; background: transparent url("./img/svg/arrow-white.svg") center center/50% auto no-repeat; opacity: .25; transition: all 140ms ease; } .featherlight .featherlight-previous:hover, .featherlight .featherlight-next:hover { background-color: transparent; opacity: 1; } .featherlight .featherlight-previous span span, .featherlight .featherlight-next span span { display: none !important; } .featherlight .featherlight-previous { left: 0; transform: rotate(180deg); } .featherlight .featherlight-next { right: 0; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } .widget_recent_entries ul { margin: 0; padding: 0; display: block; text-align: center; } .widget_recent_entries ul li { display: block; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ @keyframes heroCopy { from { opacity: 0; transform: translate(-50%, -60%); } to { opacity: 1; transform: translate(-50%, -50%); } } @keyframes heroCopyWide { from { opacity: 0; transform: translate(-40%, -60%); } to { opacity: 1; transform: translate(-40%, -50%); } } @keyframes heroPinup { from { opacity: 0; background-position: left 105% top; } to { opacity: 1; background-position: left 100% top; } } @keyframes heroPaint { from { width: 0; } to { width: 100%; } } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeDownEventFilter { from { opacity: 0; transform: translateY(calc(50% - 20px)); } to { opacity: 1; transform: translateY(50%); } } @keyframes fadeLeft { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeRight { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: auto; } } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Import General Lyaout styles --------------------------------------------------------------*/ html { height: 100%; } body { height: 100%; } .site { display: -ms-flexbox; display: flex; min-height: 100%; -ms-flex-direction: column; flex-direction: column; } .site-content { -ms-flex: 1 1 auto; flex: 1 1 auto; } /*-------------------------------------------------------------- ## Global inner --------------------------------------------------------------*/ .inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; max-width: 1400px; margin: 0 auto; width: 100%; position: relative; padding: 0 30px; } /*-------------------------------------------------------------- ## Header layout --------------------------------------------------------------*/ .site-header { background-color: transparent; background-image: url("./img/2x-header-bg2.png"); background-position: center bottom; background-repeat: repeat-x; background-size: auto 200%; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; height: 120px; margin-bottom: -120px; padding-bottom: 10px; position: relative; z-index: 11; } @media (max-width: 620px) { .site-header { height: 70px; margin-bottom: -70px; background-size: auto 250%; } } .site-header:before, .site-header:after { content: none; } .site-header > .inner { -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; transform: translateY(-10px); } @media (max-width: 620px) { .site-header > .inner { -ms-flex-pack: end; justify-content: flex-end; padding: 0 15px; } } .site-description { display: none; } .site-contact { width: calc(50% - 100px); text-align: left; } @media (max-width: 620px) { .site-contact { -ms-flex-order: 2; order: 2; width: auto; transform: translateY(5px); } } @media (min-width: 620px) { .site-contact { transform: translateY(-10px); } } .site-contact address { font-style: normal; margin: 0; } .site-contact address a { color: #222; text-decoration: none; } .site-contact address a:hover { text-decoration: underline; } .site-contact p { font-size: 16px; font-family: "DINBold", sans-serif; margin: 0; text-transform: uppercase; line-height: 1.75; } .site-contact p span { white-space: nowrap; } .site-contact p:first-child { display: none; } @media (max-width: 620px) { .site-contact p { text-align: right; font-size: 12px; } .site-contact p:first-child { display: block; } .site-contact p:last-child { display: none; } } .site-branding { width: 180px; text-align: center; } @media (max-width: 1024px) { .site-branding { width: 160px; } } @media (max-width: 620px) { .site-branding { width: 100px; -ms-flex-order: 1; order: 1; margin-right: auto; transform: translateY(5px); } } .site-branding h1 { margin: 0; } .site-branding h1 a { display: block; } .site-branding .site-logo { width: 100%; height: auto; vertical-align: bottom; } .main-navigation { width: calc(50% - 100px); padding: 0; text-align: right; } @media (max-width: 620px) { .main-navigation { text-align: left; position: absolute; top: -51px; left: 15px; -ms-flex-order: 3; order: 3; } .main-navigation button { background: transparent url("./img/svg/icon-menu.svg") left center/auto 14px no-repeat; padding: 0 20px; height: 45px; font-size: 12px; text-transform: uppercase; font-family: "DINBold", sans-serif; transition: color 160ms ease-in-out; transform: none; box-shadow: none; border: 0; color: #fff; } .main-navigation button:after { display: none; transform: none; } .main-navigation button:hover { color: #fffc06; transform: none; } } @media (min-width: 620px) { .main-navigation { transform: translateY(-10px); text-align: center; } } .main-navigation > div { float: right; } .header-up { display: -ms-flexbox; display: flex; height: 60px; background-image: url("./img/header-up-bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 20px; position: relative; z-index: 10; } @media (max-width: 620px) { .header-up { padding-bottom: 15px; } } .header-up > .inner { -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 620px) { .header-up > .inner { background-color: rgba(0, 0, 0, 0.3); -ms-flex-pack: end; justify-content: flex-end; padding: 0 15px 0 0; } } .header-up address { font-size: 16px; color: white; margin: 0; font-style: normal; } @media (max-width: 620px) { .header-up address { display: none; } } .header-up address a { color: #fff; text-decoration: none; } .header-up address a:hover { color: #fffc06; } .header-up p, .header-up a { font-family: "DINBold", sans-serif; margin: 0; text-transform: uppercase; line-height: normal; } .header-up a { text-decoration: none; } .header-up .more-fun { background: url("./img/svg/icon-upstairs.svg") no-repeat right center; background-size: auto 18px; padding: 0 25px 0 0; margin-left: auto; font-size: 16px; color: #fff; } .header-up .more-fun:hover { color: #fffc06; } @media (max-width: 620px) { .header-up .more-fun { font-size: 12px; padding: 3px 23px 3px 0; } } .header-up:after { content: ''; left: 0; right: 20px; height: 20px; background-image: url(./img/header-up-strip-bg.png); background-repeat: repeat; position: absolute; bottom: 0; } @media (max-width: 620px) { .header-up:after { right: 15px; height: 15px; } } .header-up:before { content: ''; right: 0; position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 20px 0 0 20px; border-color: transparent transparent transparent #fffc06; } @media (max-width: 620px) { .header-up:before { border-width: 15px 0 0 15px; } } /*-------------------------------------------------------------- ## Footer layout --------------------------------------------------------------*/ .site-footer { width: 100%; clear: both; background-color: #222; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .site-footer:before, .site-footer:after { content: none; } .site-footer > .inner { -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } @media (max-width: 620px) { .site-footer > .inner { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .site-footer .site-branding { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-align: left; width: inherit; padding: 30px 0; } @media (max-width: 620px) { .site-footer .site-branding { -ms-flex-direction: column; flex-direction: column; text-align: center; padding-bottom: 0; } } .site-footer .site-branding .site-title { margin: 0 20px 0 0; width: 100px; height: 58px; text-indent: -9999px; overflow: hidden; background: transparent url("./img/logomark-w.png") 0 0/cover no-repeat; } @media (max-width: 620px) { .site-footer .site-branding .site-title { margin-right: 0; } } .site-footer .site-branding address { color: #fff; font-style: normal; line-height: 1; margin: 0; } .site-footer .site-branding p { margin: 12px 0; font-size: 14px; line-height: 1; white-space: pre; } @media (min-width: 620px) and (max-width: 1024px) { .site-footer .site-branding p { font-size: 12px; } } .site-footer .site-branding p a { color: #56eb0c; } .site-footer .site-branding p a:hover { color: #fffc06; } .site-footer .footer-social { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; width: inherit; -ms-flex-direction: column; flex-direction: column; padding: 30px 0; } @media (min-width: 620px) and (max-width: 1024px) { .site-footer .footer-social { width: 100%; } } @media (max-width: 620px) { .site-footer .footer-social { -ms-flex-align: center; align-items: center; } } @media (min-width: 620px) { .site-footer .footer-social .zoom-social-icons-widget { display: block; width: 100%; text-align: center; } } .site-footer .footer-social .search { margin-bottom: 20px; width: 100%; } .site-footer .footer-social .search form { text-align: center; } @media (min-width: 620px) { .site-footer .footer-social .search form { text-align: right; } } .site-footer .footer-social .search form input { display: inline-block; vertical-align: top; } .site-footer .footer-social .search form label { display: inline-block; width: 50%; max-width: 300px; } .site-footer .footer-social .search form input[type="search"] { width: 100%; } .site-footer .footer-social .search form .search-submit { background: #56eb0c; color: #222 !important; border: 2px solid #0f2902; box-shadow: 4px 4px #56eb0c; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; display: inline-block !important; padding: 6px 12px; margin: 0; } @media (min-width: 620px) { .site-footer .footer-social .search form .search-submit:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #56eb0c; } } @media (min-width: 620px) { .site-footer .footer-social .search form .search-submit:active { transform: translate(4px, 4px); box-shadow: 0 0 #56eb0c; } } .site-footer .footer-social .search form .search-submit.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #56eb0c; } .site-footer .footer-social .search form .search-submit.big.yellow { color: #222 !important; } .site-footer .footer-social .search form .search-submit.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { .site-footer .footer-social .search form .search-submit.big:hover { color: #56eb0c; transform: translate(4px, 4px); box-shadow: 4px 4px #56eb0c; } } @media (min-width: 620px) { .site-footer .footer-social .search form .search-submit.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #56eb0c; color: #56eb0c; } } .site-footer .footer-social strong { font-size: 10px; line-height: 1; } .site-footer .footer-social ul { list-style: none; padding: 0; margin: 0; } .site-footer .footer-social ul > li { display: inline-block; margin: 0 5px; } @media (min-width: 620px) { .site-footer .footer-social ul > li { margin: 0 0 0 10px; } } .site-footer .footer-social ul > li img { width: 24px; height: auto; } .widget .zoom-social-icons-list--no-labels.zoom-social-icons-list--without-canvas { margin: 0; } @media (max-width: 620px) { #zoom-social-icons-widget-2 { display: block; width: 100%; text-align: center; margin: 0; } } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- ## Section --------------------------------------------------------------*/ section { min-height: 300px; } section .section-title { font-family: 'Bira',sans-serif; font-weight: normal; font-size: 120px; line-height: 1; margin: 0; padding: 0; } @media (max-width: 1024px) { section .section-title { font-size: 90px; } } @media (max-width: 620px) { section .section-title { font-size: 13vw; } } /*-------------------------------------------------------------- ## Blocks --------------------------------------------------------------*/ .block { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; } .block-headline { width: 350px; height: 350px; border: 1px solid; padding: 30px; } .block-headline .block-content { border: 1px solid; display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; background-color: #eee; padding: 37.5px; } .block-headline .block-content h2 { font-size: 48px; line-height: 1.25; margin: 0 0 10px 0; } .block-headline .block-content p { font-size: 12px; line-height: 1.25; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ section.upstairs { position: fixed; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; min-height: 0; overflow: hidden; transition: transform 250ms ease; transform: translateY(-100%); background: #222 url("./img/bg-upstairs.jpg") center center/cover no-repeat; } section.upstairs > .inner { background: rgba(0, 0, 0, 0.6); width: 100%; min-height: 100%; padding: 0; max-width: none; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; } section.upstairs div.x { display: none; position: fixed; z-index: 20; right: 20px; top: 20px; } @media (max-width: 1024px) { section.upstairs div.x { right: 0; top: 0; } } section.upstairs div.x a { text-decoration: none; color: #fffc06; font-size: 60px; padding: 20px; } @media (max-width: 620px) { section.upstairs div.x a { padding: 30px 15px; font-size: 12vw; } } section.upstairs div.x a:hover { color: #fff; } section.upstairs div.downstairs { position: absolute; z-index: 20; bottom: 20px; left: 0; width: 100%; text-align: center; } section.upstairs div.downstairs a { font-family: "DINBold", sans-serif; text-decoration: none; font-size: 16px; text-transform: uppercase; text-decoration: none; padding: 20px; color: #fff; } section.upstairs div.downstairs a:before { content: " "; display: inline-block; height: 18px; width: 18px; background: transparent url("./img/svg/icon-downstairs.svg") 0 0/cover no-repeat; margin-right: 5px; } section.upstairs div.downstairs a:hover { color: #fffc06; } section.upstairs .section-header { position: absolute; top: 0; left: 0; width: 100%; padding-top: 30px; z-index: 100; } section.upstairs .section-header h1 { color: #ff007f; text-align: center; font-size: 9vw; } section.upstairs .section-content { position: static; } section.upstairs .section-content .items { display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: stretch; justify-content: stretch; position: relative; min-height: 100%; width: 100%; position: relative; } @media (max-width: 1024px) { section.upstairs .section-content .items { padding-top: 12vw; -ms-flex-pack: stretch; justify-content: stretch; -ms-flex-align: center; align-items: center; padding-bottom: 60px; } } section.upstairs .section-content .item { width: 50%; height: 50%; display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; position: absolute; overflow: hidden; z-index: 1; } @media (max-width: 1024px) { section.upstairs .section-content .item { position: static; width: 100% !important; height: auto; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } } section.upstairs .section-content .item > .inner { padding: 30px; display: -ms-flexbox; display: flex; display: block; -ms-flex-pack: justify; justify-content: space-between; opacity: 0; transform: translateY(-40px); transition: all 600ms ease; transition-delay: 500ms; } @media (max-width: 1024px) { section.upstairs .section-content .item > .inner { -ms-flex-flow: column wrap; flex-flow: column wrap; } } section.upstairs .section-content .item .media { position: absolute; top: 50%; transform: translateY(-50%); z-index: -1; max-width: 500px; background: #222; } section.upstairs .section-content .item .media img { width: 100%; height: auto; vertical-align: bottom; opacity: .7; } @media (max-width: 1024px) { section.upstairs .section-content .item .media { width: 100%; position: static; transform: translateY(0); z-index: 1; width: 100%; margin: 0 auto; } } section.upstairs .section-content .item .item-content { width: 100%; padding: 0 10%; } @media (max-width: 1024px) { section.upstairs .section-content .item .item-content { width: 100%; text-align: center; } } section.upstairs .section-content .item .item-content h3, section.upstairs .section-content .item .item-content p { color: #fff; } section.upstairs .section-content .item .item-content h3 { text-transform: uppercase; font-size: 20px; margin: 0; } @media (max-width: 1024px) { section.upstairs .section-content .item .item-content h3 { margin-top: 20px; margin-bottom: 10px; } } section.upstairs .section-content .item .item-content p { text-transform: none; font-size: 16px; line-height: 1.5; font-weight: 400; } section.upstairs .section-content .item .item-content .button, section.upstairs .section-content .item .item-content .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links section.upstairs .section-content .item .item-content a { margin: 20px 0 0; position: absolute; } @media (max-width: 1024px) { section.upstairs .section-content .item .item-content .button, section.upstairs .section-content .item .item-content .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links section.upstairs .section-content .item .item-content a { position: static; margin: 20px auto 0; } } section.upstairs .section-content .item.featured { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 100%; width: 50%; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } @media (max-width: 1024px) { section.upstairs .section-content .item.featured { -ms-flex-preferred-size: auto; flex-basis: auto; position: static; height: auto; width: 50%; } } section.upstairs .section-content .item.featured .media { width: 100%; } section.upstairs .section-content .item.featured .media img { margin-right: 10%; } @media (max-width: 1024px) { section.upstairs .section-content .item.featured .media { width: 100%; margin: 0 auto; } } section.upstairs .section-content .item.item-featured { top: 0; left: 0; height: 100%; } section.upstairs .section-content .item.item-featured .inner { transition-delay: 500ms; } section.upstairs .section-content .item.item-1 { top: 0; right: 0; } section.upstairs .section-content .item.item-1 .inner { transition-delay: 700ms; } section.upstairs .section-content .item.item-2 { bottom: 0; right: 0; } section.upstairs .section-content .item.item-2 .inner { transition-delay: 900ms; } #page { transition: transform 400ms ease; } #page.upstairs { transform: translateY(100vh); width: 100vw; height: 100vh; position: fixed; z-index: 100; } #page.upstairs section.upstairs { pointer-events: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #page.upstairs section.upstairs { transform: none; } } #page.upstairs section.upstairs .x { display: block; z-index: 200; } #page.upstairs section.upstairs > .inner .section-content { height: 100vh; width: 100vw; overflow-y: auto; } #page.upstairs section.upstairs > .inner .section-content .inner { opacity: 1; transform: none; } #page.upstairs #main section, #page.upstairs #masthead .inner { pointer-events: none; opacity: 0; z-index: 1 !important; } .admin-bar #page.upstairs { margin-top: -32px; } section.hero { background: transparent; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; min-height: 0; max-width: none; } section.hero > .inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; max-width: none; } section.hero .section-header { font-size: 24px; line-height: 1; } section.hero .section-header h1 { max-width: 1400px; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: center; color: #ff007f; } section.hero.homepage { background-color: #222; background-image: url("./img/homepage/section_bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; border-bottom: 0; position: relative; padding: 0; } @media (max-width: 620px) { section.hero.homepage { background-position: left center; } } section.hero.homepage:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: " "; display: block; background: rgba(0, 0, 0, 0.5); } section.hero.homepage > .inner { max-width: 100%; padding: 0; } section.hero.homepage .section-header { display: none; } section.hero.homepage .section-content { display: -ms-flexbox; display: flex; width: inherit; -ms-flex-align: end; align-items: flex-end; height: 100%; -ms-flex-pack: end; justify-content: flex-end; height: calc(100vh - 60px); min-height: 800px; max-height: 80vw; } @media (min-width: 1200px) { section.hero.homepage .section-content { max-height: 100vh; } } @media (max-width: 1024px) { section.hero.homepage .section-content { min-height: 70vw; } } @media (max-width: 620px) { section.hero.homepage .section-content { height: 60vh; min-height: 100vw; } } @media (max-width: 480px) { section.hero.homepage .section-content { height: 60vh; min-height: 120vw; } } section.hero.homepage .learn-more { position: absolute; bottom: 30px; right: -40px; } section.press-links { z-index: 0; width: 100%; min-height: 0; background: #222 url("./img/texture9.jpg") center center repeat; padding: 0; width: 100%; margin: 0 auto; } section.press-links > .inside { padding: 10px; background: rgba(21, 21, 21, 0.95); } @media (max-width: 1024px) { section.press-links > .inside { padding: 10px 20px; } } section.press-links > .inside .slick-prev, section.press-links > .inside .slick-next { transform: none; border: none; box-shadow: none; top: -1px; } section.press-links > .inside .slick-prev:hover, section.press-links > .inside .slick-prev:focus, section.press-links > .inside .slick-next:hover, section.press-links > .inside .slick-next:focus { border: none; transform: none; } section.press-links > .inside .slick-prev:hover:before, section.press-links > .inside .slick-prev:hover:after, section.press-links > .inside .slick-prev:focus:before, section.press-links > .inside .slick-prev:focus:after, section.press-links > .inside .slick-next:hover:before, section.press-links > .inside .slick-next:hover:after, section.press-links > .inside .slick-next:focus:before, section.press-links > .inside .slick-next:focus:after { color: #56eb0c; } section.press-links > .inside .slick-prev:before, section.press-links > .inside .slick-prev:after, section.press-links > .inside .slick-next:before, section.press-links > .inside .slick-next:after { opacity: 1; font-size: 16px; border: none; transition: all 140ms ease; } section.press-links > .inside .slick-prev { right: auto; left: 0; } @media (max-width: 1024px) { section.press-links > .inside .slick-prev { left: 180px; bottom: auto; top: -24px; } } section.press-links > .inside .slick-next { left: 20px; bottom: 0; } @media (max-width: 1024px) { section.press-links > .inside .slick-next { left: 200px; bottom: auto; top: -24px; } } section.press-links > .inside h2 { color: #fff; font-size: 16px; display: block; margin: 0 auto 5px; color: #56eb0c; text-transform: uppercase; font-size: 16px; line-height: 1; max-width: 860px; letter-spacing: 1px; } @media (max-width: 1024px) { section.press-links > .inside h2 { letter-spacing: 0; } } section.press-links > .inside h2:before { content: "\2764"; margin-right: 10px; font-size: 20px; line-height: 1.1; color: #ff007f; } section.press-links > .inside ul { padding: 0; margin: 0 auto; display: block; list-style: none; max-width: 860px; } section.press-links > .inside ul li { padding: 0; margin: 0; list-style: none; color: #fff; vertical-align: top; line-height: 1; margin-left: 50px; } @media (max-width: 1024px) { section.press-links > .inside ul li { margin-left: 0; } } section.press-links > .inside ul li a { font-size: 16px; text-decoration: none; color: #fffc06; } @media (max-width: 1024px) { section.press-links > .inside ul li a { display: block; width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } section.press-links > .inside ul li a:hover { color: #de00ff; } section.press-links > .inside .controls { margin-left: 15px; line-height: 1; } section.press-links > .inside .controls a { text-decoration: none; display: inline-block; padding: 0 2px; } section.food-drink { background: #fff url("./img/bg-starburst.png") center center/120% auto no-repeat; } @media (max-width: 1024px) { section.food-drink { background-position: center top; } } section.food-drink > .inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; } section.food-drink .section-header h1 { color: #ff007f; margin: 25px 0 -40px; padding: 25px 10px; position: relative; z-index: 10; } section.food-drink .toys{ pointer-events: none; position: absolute; left: 0; top: 0; transform: translate(-40px, -65%); z-index: -1; width: 80%; max-width: 240px; } @media (min-width: 620px) { section.food-drink .toys, .merch_products .toys{ animation: toyLeft .5s 1; } @keyframes toyLeft { 0% { transform: translate(-60px, -65%); opacity: 0; } 100% { transform: translate(-40px, -65%); opacity: 1; } } } @media (min-width: 620px) and (max-width: 1024px) { section.food-drink .toys { transform: translate(-12%, -15%); } } @media (max-width: 620px) { section.food-drink .toys { width: 40%; left: auto; right: 0; top: 0; z-index: 1; transform: translate(12%, -12%); } } section.food-drink .burger { pointer-events: none; position: absolute; right: 0; top: -20px; z-index: 10; transform: translateX(15px); min-width: 80px; width: 40%; height: auto; } @media (max-width: 1024px) { section.food-drink .burger { width: 35%; } } section.food-drink .veggies { pointer-events: none; position: absolute; transform: translate(-50%, -15%); z-index: 2; width: 100%; max-width: 180px; } @media (max-width: 1024px) { section.food-drink .veggies { display: none; } } section.food-drink .pop-rocket { display: none; pointer-events: none; position: absolute; right: 0; bottom: 0; transform: translate(30%, 40%); } section.food-drink .section-content { display: -ms-flexbox; display: flex; width: 100%; padding: 50px 0; clear: both; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; position: relative; } @media (max-width: 1024px) { section.food-drink .section-content { -ms-flex-pack: justify; justify-content: space-between; } } section.food-drink .section-content div.menu { width: 25%; position: relative; } @media (max-width: 1024px) { section.food-drink .section-content div.menu { width: 50% !important; } } @media (max-width: 620px) { section.food-drink .section-content div.menu { width: 100% !important; margin: 0 16px; transform: none !important; } } section.food-drink .section-content div.menu > .inner { padding: 25px 30px; margin: 0; display: block; position: relative; z-index: 1; } section.food-drink .section-content div.menu h3 { margin: 0; font-family: 'Bira',sans-serif; font-size: 28px; font-weight: normal; text-align: center; } @media (min-width: 1024px) { section.food-drink .section-content div.menu h3 { font-size: 28px; text-align: left; } } section.food-drink .section-content div.menu ul { display: block; margin: 10px; padding: 0; list-style: none; } section.food-drink .section-content div.menu ul:last-child { margin-bottom: 0; } section.food-drink .section-content div.menu ul li { margin: 0; padding: 1px 0; line-height: 1.3; } @media (max-width: 620px) { section.food-drink .section-content div.menu ul li { display: table; text-align: center; margin-left: auto; margin-right: auto; } } section.food-drink .section-content div.menu ul li strong { font-family: "DINBold", sans-serif; font-weight: normal; display: block; text-transform: uppercase; } section.food-drink .section-content div.menu ul li span { display: block; margin-top: 3px; font-size: 15px; opacity: .8; } section.food-drink .section-content div.menu ul li + li { margin-top: 5px; } section.food-drink .section-content div.menu ul li.v { position: relative; } section.food-drink .section-content div.menu ul li.v:before { content: " "; background: transparent url("./img/vegan.png") left center/contain no-repeat; height: 10px; width: 10px; display: inline-block; position: absolute; transform: translate(-250%, 50%); } @media (max-width: 620px) { section.food-drink .section-content div.menu ul li.v:before { transform: translate(-150%, 50%); } } section.food-drink .section-content div.menu ul li.featured { position: relative; display: inline-block; } @media (max-width: 620px) { section.food-drink .section-content div.menu ul li.featured { display: table; margin-left: auto; margin-right: auto; } } section.food-drink .section-content div.menu ul li.featured:before { content: " "; position: absolute; left: 0; top: 0; width: 115%; height: 115%; transform: translate(-8%, -8%) rotate(1.75deg); background: #fffc06; z-index: -1; } section.food-drink .section-content div.menu .vegan { position: absolute; bottom: -2px; left: -4px; z-index: 5; background: transparent url("./img/vegan.png") center center/contain no-repeat; width: 60px; height: 56px; font-family: DINBold; font-weight: bold; letter-spacing: 1px; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 56px; transform: translate(-50%, calc(50% - 4px)); } @media (max-width: 1024px) { section.food-drink .section-content div.menu .vegan { bottom: 50%; } } @media (max-width: 620px) { section.food-drink .section-content div.menu .vegan { bottom: 40%; transform: translate(-50%, -50%); } } section.food-drink .section-content div.menu.snacks { transform: translateX(8px); width: 24%; } section.food-drink .section-content div.menu.snacks .inner { border: 4px solid #222; background: #fff url("./img/bg-dots.png") 0 0 repeat; } @media (max-width: 620px) { section.food-drink .section-content div.menu.snacks { transform: translateY(4px) !important; } } section.food-drink .section-content div.menu.sammies { width: 26%; transform: translateY(-10px); } section.food-drink .section-content div.menu.sammies .inner { border: 4px solid #222; background: #fff; } section.food-drink .section-content div.menu.cocktails { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 28%; transform: translateX(-8px); } section.food-drink .section-content div.menu.cocktails .inner { background: #fffc06 url("./img/bg-dots.png") 0 0 repeat; } section.food-drink .section-content div.menu.cocktails li + li { margin-top: 15px; } @media (max-width: 620px) { section.food-drink .section-content div.menu.cocktails { transform: translate(-6px, -20px) !important; z-index: 5; } } @media (max-width: 1024px) { section.food-drink .section-content div.menu.cocktails { -ms-flex-item-align: start; align-self: flex-start; } } section.food-drink .section-content div.menu.beer { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; position: relative; z-index: 1; transform: translateX(-8px); width: 22%; } @media (max-width: 620px) { section.food-drink .section-content div.menu.beer { z-index: 6; } } @media (max-width: 1024px) { section.food-drink .section-content div.menu.beer { -ms-flex-item-align: start; align-self: flex-start; margin-top: 30px; } } section.food-drink .section-content div.menu.beer .inner { background: #ff8d00 url("./img/bg-orange.png") 0 0 repeat; box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.3); } section.food-drink .section-content div.menu.beer .icons { position: absolute; top: 0; right: 0; } @media (max-width: 620px) { section.food-drink .section-content div.menu.beer .icons { top: 5px; right: -15px; } } section.food-drink .section-content div.menu.beer .icons a span { white-space: nowrap; display: inline-block; position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%); z-index: 1; color: #222; background: #f7ac1c; font-size: 10px; line-height: 1; font-family: "DINBold", sans-serif; text-transform: uppercase; padding: 3px 7px; letter-spacing: .02em; text-align: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); } section.food-drink .section-content div.menu.beer .icons a { position: absolute; display: inline-block; top: -75px; right: 0; transform: translateY(0) translate3d(0, 0, 0); transition: all 140ms ease; } section.food-drink .section-content div.menu.beer .icons a:hover { transform: translateY(-6px); } section.food-drink .section-content div.menu.beer .icons a img { width: 100%; height: auto; vertical-align: bottom; } section.food-drink .section-content div.menu.beer .icons #beer-bottle { top: -78px; right: 70px; z-index: 10; width: 35px; height: auto; } @media (max-width: 620px) { section.food-drink .section-content div.menu.beer .icons #beer-bottle { top: -82px; } } section.food-drink .section-content div.menu.beer .icons #beer-bottle span { background: #ff8d00 url("./img/bg-orange.png") 0 0 repeat; } section.food-drink .section-content div.menu.beer .icons #beer-draft { top: -53px; right: 5px; z-index: 0; width: 47px; height: auto; } @media (max-width: 620px) { section.food-drink .section-content div.menu.beer .icons #beer-draft { top: -57px; } } section.food-drink .section-content div.menu.beer .icons #beer-draft span { background: #ff007f url("./img/bg-pink.png") 0 0 repeat; } section.food-drink .section-content div.menu.beer ul { margin-bottom: 0; } section.food-drink .section-content div.menu.beer ul li a { color: #fff; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1); } section.food-drink .section-content div.menu.beer ul li a:hover { text-decoration: none; } section.food-drink .section-content div.menu.beer .bottled { display: block; } section.food-drink .section-content div.menu.beer .draft { display: none; } section.food-drink .section-content div.menu.beer.bottled #beer-bottle { z-index: 2; } section.food-drink .section-content div.menu.beer.bottled #beer-bottle:hover { transform: translateY(0); } section.food-drink .section-content div.menu.beer.bottled #beer-draft { z-index: -1; } section.food-drink .section-content div.menu.beer.bottled .draft { display: none; } section.food-drink .section-content div.menu.beer.bottled .bottled { display: block; } section.food-drink .section-content div.menu.beer.draft .inner { background: #ff007f url("./img/bg-pink.png") 0 0 repeat; } section.food-drink .section-content div.menu.beer.draft #beer-bottle { z-index: -1; } section.food-drink .section-content div.menu.beer.draft #beer-draft { z-index: 2; } section.food-drink .section-content div.menu.beer.draft #beer-draft:hover { transform: translateY(0); } section.food-drink .section-content div.menu.beer.draft .draft { display: block; } section.food-drink .section-content div.menu.beer.draft .bottled { display: none; } section.food-drink .section-content div.menu.beer.draft:before { background: #ff8d00 url("./img/bg-orange.png") 0 0 repeat; } section.food-drink .section-content div.menu.beer:before { content: " "; position: absolute; z-index: -1; background: #f7ac1c url("./img/bg-light-orange.png") 0 0 repeat; background: #ff007f; left: 0; top: 0; width: 100%; height: 100%; transform: rotate(2.5deg) translate3d(0, 0, 0); } section.food-drink .section-content div.menu.brunch-sammies { width: 50%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } @media (min-width: 1024px) { section.food-drink .section-content div.menu.brunch-sammies { width: 25%; transform: translateX(8px); } } section.food-drink .section-content div.menu.brunch-sammies > .inner { background: #fafafa url("./img/bg-brunch.png") 0 0 repeat; border: 4px solid #222; } section.food-drink .section-content div.menu.brunch-sammies > .inner strong { font-weight: normal; text-transform: none; font-family: "DINRegular", sans-serif; } section.food-drink .section-content div.menu.brunch-sammies > .inner h4 { color: #ff007f; text-shadow: 4px 4px 0 rgba(255, 255, 255, 0.2); text-transform: uppercase; font-family: "DINBlack", sans-serif; font-weight: normal; text-align: center; margin: 0; letter-spacing: 1px; } @media (min-width: 1024px) { section.food-drink .section-content div.menu.brunch-sammies > .inner h4 { text-align: left; } } section.food-drink .section-content div.menu.brunch-cocktails { width: 50%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } @media (min-width: 1024px) { section.food-drink .section-content div.menu.brunch-cocktails { width: 60%; transform: translateX(-8px); } } section.food-drink .section-content div.menu.brunch-cocktails > .inner { background: #0cceeb url("./img/bg-brunch-blue.png") 0 0 repeat; } section.food-drink .section-content div.menu.brunch-cocktails > .inner ul { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } section.food-drink .section-content div.menu.brunch-cocktails > .inner ul li { width: 50%; margin: 0; padding: 0 15px 15px 0; } @media (max-width: 1024px) { section.food-drink .section-content div.menu.brunch-cocktails > .inner ul li { width: 100%; } } section.food-drink .section-content div.menu.brunch-cocktails > .inner h4 { color: #fff; text-transform: uppercase; font-family: "DINBlack", sans-serif; font-weight: normal; text-align: center; margin: 0; letter-spacing: 1px; word-spacing: 3px; text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1); } section.food-drink .section-content div.menu.brunch-sammies, section.food-drink .section-content div.menu.brunch-cocktails { display: none; } section.food-drink .section-footer { padding-top: 30px; text-align: center; width: 100%; } section.food-drink .section-footer a { margin: 0 auto; } .page-menu section.food-drink { padding-top: 100px; min-height: 0; } section.news-events { background: #222 url("./img/bg-cig.jpg") center center/cover no-repeat; } section.news-events .inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; padding: 0 15px; } section.news-events .section-header h1 { color: #fff; margin: 50px 0 -32px; position: relative; z-index: 10; padding: 15px 10px 0; line-height: 1; } @media (max-width: 1024px) { section.news-events .section-header h1 { margin-bottom: -2%; padding-top: 10px; } } section.news-events .section-content { width: 100%; position: relative; } section.news-events .slick-arrow { width: 12vw; height: 12vw; max-width: 110px; max-height: 110px; background: transparent url("./img/svg/arrow-green.svg") center center/cover no-repeat; color: transparent; display: block; border: none; margin: 0; padding: 0; opacity: 1; box-shadow: none; transform: translateY(-50%); line-height: 1; top: 85px; } @media (max-width: 1024px) { section.news-events .slick-arrow { top: 85px; } } section.news-events .slick-arrow:before, section.news-events .slick-arrow:after { display: none; content: ""; } section.news-events .slick-arrow.slick-prev { transform: translateY(-50%) rotate(180deg); left: 60px; } @media (max-width: 1024px) { section.news-events .slick-arrow.slick-prev { left: 5px; } } section.news-events .slick-arrow.slick-next { right: 60px; } @media (max-width: 1024px) { section.news-events .slick-arrow.slick-next { right: 5px; } } section.news-events article.post { margin-bottom: 120px; } @media (max-width: 620px) { section.news-events article.post { margin-bottom: 60px; } } section.news-events article.post .post-header { background: #fff; width: 80%; margin: 0 auto; padding: 1% 3% 3%; box-shadow: 0 8px 0 rgba(0, 0, 0, 0.05); position: relative; text-align: center; } @media (max-width: 620px) { section.news-events article.post .post-header { width: 100%; padding: 0 0 10px; } } section.news-events article.post .post-header > .inner { max-width: 700px; margin: 0 auto; } section.news-events article.post .post-header .post-title { color: #ff007f; font-size: 60px; font-family: "DINBold", sans-serif; font-weight: bold; text-transform: uppercase; margin: 20px auto -15px; position: relative; line-height: 1; display: -ms-flexbox; display: flex; width: 100%; text-align: center; width: 100%; } @media (max-width: 620px) { section.news-events article.post .post-header .post-title { font-size: 8vw; margin-bottom: -2vw; } } section.news-events article.post .post-header .post-title a { text-decoration: none; display: block; text-align: center; width: 100%; } section.news-events article.post .post-header .media { width: 100%; height: auto; } section.news-events article.post .post-header .media img { margin: 0 auto; } section.news-events article.post .post-header .meta { width: 100%; margin: 10px auto 0; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; font-size: 15px; color: #222; } @media (max-width: 620px) { section.news-events article.post .post-header .meta { -ms-flex-flow: column wrap; flex-flow: column wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } } section.news-events article.post .post-header .meta a { color: #ff007f; } section.news-events article.post .post-content { background: #fafafa url("./img/bg-dots.png") 0 0 repeat; padding: 30px 30px 0; margin: 0 auto; width: 75%; } @media (max-width: 620px) { section.news-events article.post .post-content { width: 80%; } } section.news-events article.post .post-content .inner { max-width: 100%; padding: 0; margin: 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; } section.news-events article.post .post-content .inner .datetime .end, section.news-events article.post .post-content .inner .datetime .day { display: none; } section.news-events article.post .post-content .inner .datetime .date, section.news-events article.post .post-content .inner .datetime .time { display: inline-block; background: #fffc06; line-height: 1; font-size: 20px; } section.news-events article.post .post-content .inner .datetime .time:before { content: "\00a0@\00a0"; } section.news-events article.post .post-content .inner .post-body { width: 100%; } section.news-events article.post .post-content .inner .tags { margin-top: 20px; } section.news-events article.post .post-content .inner .tags ul { margin: 0; padding: 0; display: block; } section.news-events article.post .post-content .inner .tags ul li { display: inline-block; font-size: 15px; margin: 0 5px 0 0; } section.news-events article.post .post-content .inner .tags ul li:nth-child(6n) a { display: none; } section.news-events article.post .post-content .inner .tags ul li:nth-child(6n):after { content: "..."; } section.news-events article.post .post-content .inner .tags ul li:nth-child(n+7) { display: none; } section.news-events article.post .post-content .inner .social { position: relative; top: 0; left: 0; float: left; width: 80px; margin: 0 20px 20px 0; overflow: hidden; text-align: center; } @media (max-width: 1024px) { section.news-events article.post .post-content .inner .social { float: none; margin: 0 20px 20px 0; width: 100%; position: static; transform: translateX(0); } section.news-events article.post .post-content .inner .social a { margin: 0 10px; } } section.news-events article.post .post-content .inner .social a { display: inline-block; text-align: center; color: #fff; } section.news-events article.post .post-content .inner .social a img { width: 24px; height: auto; } section.news-events article.post .post-content .inner .post-footer { text-align: center; width: 100%; padding: 0; transform: translateY(50%); } @media (max-width: 1024px) { section.news-events article.post .post-content .inner .post-footer { margin-top: -40px; } } @media (max-width: 620px) { section.news-events article.post .post-content .inner .post-footer { transform: translateY(0); padding: 30px 0; } } section.news-events article.post .post-content .inner .post-footer .button, section.news-events article.post .post-content .inner .post-footer .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links section.news-events article.post .post-content .inner .post-footer a { display: inline-block; margin: 0 20px; } @media (max-width: 1024px) { section.news-events article.post .post-content .inner .post-footer .button, section.news-events article.post .post-content .inner .post-footer .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links section.news-events article.post .post-content .inner .post-footer a { margin: 20px; } } @media (max-width: 620px) { section.news-events article.post .post-content .inner .post-footer .button, section.news-events article.post .post-content .inner .post-footer .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links section.news-events article.post .post-content .inner .post-footer a { display: block; } } section.news-events article.post .post-content .post-body { color: #222; } section.news-events article.post .post-content .post-body a { color: #ff007f; } section.news-events article.post .post-content .post-body > *:last-child { margin-bottom: 0; } section.photo-gallery { background: #fff; padding-bottom: 30px; } section.photo-gallery .section-header h1 { color: #de00ff; } @media (max-width: 620px) { section.photo-gallery .section-header { padding-top: 10px; } } section.photo-gallery > .inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; background: #fff; background: #fff url("./img/bg-gallery2.png") center center no-repeat; background-size: cover; } @media (min-width: 1200px) { section.photo-gallery > .inner { background-size: 100% auto; } } section.photo-gallery .section-content { padding: 0 0 20px; width: 100%; overflow: hidden; } @media (max-width: 620px) { section.photo-gallery .section-content { width: 80%; padding-top: 0; overflow: hidden; width: 100%; } } section.photo-gallery .section-content .gallery { padding: 30px 60px; margin: 0; position: relative; } section.photo-gallery .section-content .gallery .bx-controls-direction { position: absolute; left: 0; top: 50%; width: 100%; max-height: 100px; min-height: 60px; height: 8vw; transform: translateY(-50%); z-index: 10; pointer-events: none; } section.photo-gallery .section-content .gallery .bx-controls-direction a { position: absolute; z-index: 10; display: block; max-height: 100px; max-width: 100px; min-width: 80px; min-height: 80px; width: 8vw; height: 8vw; overflow: hidden; text-indent: -9999px; pointer-events: auto; border-radius: 50%; transition: transform 140ms ease; } section.photo-gallery .section-content .gallery .bx-controls-direction a.bx-prev { left: 0; background: transparent url("./img/svg/arrow-pink.svg") center center/cover no-repeat; transform: rotate(180deg); } section.photo-gallery .section-content .gallery .bx-controls-direction a.bx-prev:hover { background: transparent url("./img/svg/arrow-white.svg") center center/cover no-repeat; } section.photo-gallery .section-content .gallery .bx-controls-direction a.bx-next { right: 0; background: transparent url("./img/svg/arrow-pink.svg") center center/cover no-repeat; } section.photo-gallery .section-content .gallery .bx-controls-direction a.bx-next:hover { background: transparent url("./img/svg/arrow-white.svg") center center/cover no-repeat; } section.photo-gallery .section-content .gallery .gallery-slider { width: 960px; margin: 0 auto; padding: 0; } section.photo-gallery .section-content .gallery .gallery-slider .gallery-slide { transition: opacity 140ms ease; text-align: center; padding: 10px 0; } section.photo-gallery .section-content .gallery .gallery-slider .gallery-slide a { display: block; } section.photo-gallery .section-content .gallery .gallery-slider .gallery-slide img { height: auto; width: 100%; margin: 0 auto; position: relative; transition: transform 140ms ease; } @media (min-width: 620px) { section.photo-gallery .section-content .gallery .gallery-slider .gallery-slide:nth-of-type(odd) img { transform: translateY(-10px); } section.photo-gallery .section-content .gallery .gallery-slider .gallery-slide:nth-of-type(odd) img:hover { z-index: 2; transform: scale(1.05) translateY(-10px); } } @media (min-width: 620px) { section.photo-gallery .section-content .gallery .gallery-slider .gallery-slide:nth-of-type(even) img { transform: translateY(10px); } section.photo-gallery .section-content .gallery .gallery-slider .gallery-slide:nth-of-type(even) img:hover { z-index: 2; transform: scale(1.05) translateY(10px); } } section.photo-gallery .footer { text-align: center; padding: 40px 0 0; } section.photo-gallery .footer a { display: inline-block !important; } .page-gallery #main { background: #fff; } .page-gallery #main .hero { margin-bottom: 20px; } section.full-gallery { padding-bottom: 40px; } section.full-gallery ul { margin: 0; padding: 0; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; width: 100%; max-width: 1200px; } section.full-gallery ul li { display: block; width: 50%; height: auto; padding: 0 2px 4px; } @media (min-width: 620px) { section.full-gallery ul li { width: 25%; padding: 0 5px 10px; } } @media (min-width: 1024px) { section.full-gallery ul li { width: 25%; padding: 0 10px 20px; } } section.full-gallery ul li img { width: 100%; height: auto; vertical-align: bottom; } .events-list .site-main { padding-top: 100px !important; background: transparent; position: relative; padding-top: 0; overflow: hidden; background-size: 50% auto; } @media (min-width: 620px) { .events-list .site-main { padding-top: 150px !important; } } .events-list .site-main:after { content: " "; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 500px; background: transparent url("./img/texture9.jpg") left top repeat-x; opacity: 0.7; background-size: 100% auto; pointer-events: none; } @media (min-width: 620px) { .events-list .site-main:after { background-size: 50% auto; background-position: center 45%; height: 500px; } } .events-list .site-main .entry-content, .events-list .site-main .entry-header { width: 100%; margin-top: 0; } .events-list .site-main #tribe-events-content-wrapper { position: relative; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-page-title { font-family: 'Bira',sans-serif; color: #ff007f; font-weight: normal; text-align: center; font-size: 120px; overflow: visible; line-height: 1; margin: 0; padding: 30px; color: #0cceeb; text-shadow: 4px 4px 0 #222; } @media (min-width: 1200px) { .events-list .site-main #tribe-events-content-wrapper .tribe-events-page-title { animation: fadeDown; animation-duration: 1s; } } @media (max-width: 1024px) { .events-list .site-main #tribe-events-content-wrapper .tribe-events-page-title { font-size: 90px; margin: 20px 0 30px; } } @media (max-width: 620px) { .events-list .site-main #tribe-events-content-wrapper .tribe-events-page-title { font-size: 13vw; margin: 0 0 15px; } } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar { margin: 20px auto; padding: 0; display: block; background: transparent; max-width: 960px; border: 2px solid #222; padding: 15px; background: #fffc06; box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1); } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar { z-index: 9; border: none; box-shadow: none; padding: 0; margin: 0 auto; background: transparent; margin-top: -30px; transform: translateY(50%); animation: fadeDownEventFilter; animation-duration: 1s; } } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form { background: transparent; margin: 0; } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form #tribe-bar-collapse-toggle { font-family: "DINBold", sans-serif; display: none; } @media (max-width: 620px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form #tribe-bar-collapse-toggle { display: block; } } @media (max-width: 1024px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form #tribe-bar-collapse-toggle { background: transparent; padding: 0; line-height: 1.5; font-weight: normal; } } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form #tribe-bar-collapse-toggle .tribe-bar-toggle-arrow::after { border-width: 6px; transform: translateY(-2px); } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-filters { margin-top: 10px; } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-filters { margin-top: 0; } } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form input[type="text"] { background: #fff; color: #666; border: 2px solid #222; border-radius: 0; padding: 11px 15px; transition: all 140ms ease; box-shadow: 0 0 0 #0cceeb; font-weight: normal; font-style: normal; } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form input[type="text"]:focus, .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form input[type="text"]:active { box-shadow: 4px 4px 0 #0cceeb; outline: none; } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form label { font-family: "DINLight", sans-serif; display: none; } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-date-filter, .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-search-filter, .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-submit { padding: 0; margin: 10px 0; } @media (max-width: 620px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-date-filter, .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-search-filter, .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-submit { display: block; clear: both; float: none; width: 100%; } } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-submit { margin: 0 0 15px; } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-date-filter { width: 22%; margin: 0; transform: translateX(-8px); } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-search-filter { width: 52%; margin: 0 0 0 2%; } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-bar-submit { width: 22%; padding: 0; margin: 0 0 0 2%; transform: translateX(8px); } } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-events-button { background: #0cceeb; color: #222 !important; border: 2px solid #022429; box-shadow: 4px 4px #0cceeb; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; font-weight: normal !important; padding-left: 5px; padding-right: 5px; } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-events-button:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #0cceeb; } } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-events-button:active { transform: translate(4px, 4px); box-shadow: 0 0 #0cceeb; } } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-events-button.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #0cceeb; } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-events-button.big.yellow { color: #222 !important; } .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-events-button.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-events-button.big:hover { color: #0cceeb; transform: translate(4px, 4px); box-shadow: 4px 4px #0cceeb; } } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-bar #tribe-bar-form .tribe-events-button.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #0cceeb; color: #0cceeb; } } .events-list .site-main #tribe-events-content-wrapper #tribe-events-header { display: none; } .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer { margin: 0 auto; padding: 0; display: block; background: transparent; max-width: 960px; position: relative; height: 0; } .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav { padding: 5px 0; transform: translateY(-50%); overflow: visible; width: 100%; content: ""; display: table; table-layout: fixed; } .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li { width: 48%; } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li { width: auto; } } .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-left { transform: translateX(-10px); } .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav li.tribe-events-nav-right { transform: translateX(10px); } .events-list .site-main #tribe-events-content-wrapper #tribe-events-footer .tribe-events-sub-nav { transform: translateY(calc(-50% - 2px)); } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list { padding: 0 30px; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop { display: block; margin: 0 auto; padding: 40px 20px 20px; display: block; background: #fff; max-width: 960px; border: 4px solid #222; box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1); z-index: 5; animation: fadeUp; animation-duration: 1s; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .tribe-events-list-separator-month { display: table; margin: 0 auto; padding: 10px 20px; font-size: 16px; letter-spacing: 1px; background: #0cceeb; font-family: "DINBlack", sans-serif; transform: rotate(-2deg); } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .tribe-events-list-separator-month:first-child { display: none; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .tribe-events-list-separator-month span { display: inline-block; transform: rotate(2deg); } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; border: none; padding: 30px 0 30px; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events.tribe-events-first { padding-top: 0; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events + .type-tribe_events { border-top: 1px dashed #0cceeb; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events > h2, .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events > div { width: 100%; margin: 0 0 20px 0; padding: 0; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events > div:last-child { margin-bottom: 0; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-cost { display: none; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title { font-size: 32px; line-height: 1.2; font-family: "DINBold", sans-serif; font-weight: normal; letter-spacing: -.02em; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title a { color: #ff007f; text-decoration: underline; transition: color 140ms ease; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title a:hover { color: #56eb0c; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta { border: none; background-color: transparent; font-weight: normal; font-size: 15px; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta * { border: none; margin: 0; padding: 0; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .date, .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .time { display: inline-block; background: #fffc06; line-height: 1; font-size: 20px; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta > .author { display: block; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .end, .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .day { display: none; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .time { display: block; clear: both; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .time:before { content: "\00a0@ "; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-image { text-align: left; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-image img { transform: translateX(-34px); border: 4px solid #222; box-shadow: 8px 8px 0 #fffc06; width: calc(100% + 34px); height: auto; max-width: 500px; max-height: none; margin-left: 0; margin-bottom: 8px; transition: all 140ms ease; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-image img:hover { box-shadow: 8px 8px 0 #56eb0c; } @media (min-width: 480px) { .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-image { text-align: center; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-image img { transform: none; width: 100%; } } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description .tribe-events-read-more { background: #56eb0c; color: #222 !important; border: 2px solid #0f2902; box-shadow: 4px 4px #56eb0c; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description .tribe-events-read-more:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #56eb0c; } } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description .tribe-events-read-more:active { transform: translate(4px, 4px); box-shadow: 0 0 #56eb0c; } } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description .tribe-events-read-more.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #56eb0c; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description .tribe-events-read-more.big.yellow { color: #222 !important; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description .tribe-events-read-more.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description .tribe-events-read-more.big:hover { color: #56eb0c; transform: translate(4px, 4px); box-shadow: 4px 4px #56eb0c; } } @media (min-width: 620px) { .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description .tribe-events-read-more.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #56eb0c; color: #56eb0c; } } @media (min-width: 1024px) { .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events > h2, .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events > div { margin: 0; padding: 0; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title { -ms-flex-order: 1; order: 1; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 20px; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta { -ms-flex-order: 4; order: 4; -ms-flex-preferred-size: 20%; flex-basis: 20%; -ms-flex-item-align: stretch; align-self: stretch; margin-left: 3%; background: transparent url("./img/bg-yellow-circle.png") center center/contain no-repeat; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-align: center; line-height: 1.2; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .location { padding: 15px; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .location .tribe-event-schedule-details div span.end { display: none; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .location .tribe-event-schedule-details div span.end:before { content: " - "; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .location .tribe-event-schedule-details div.day { font-size: 26px; line-height: 1; text-transform: uppercase; font-family: "DINBlack", sans-serif; display: block; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .location .tribe-event-schedule-details div.date { padding: 10px 0 0; font-size: 20px; font-family: "DINBlack", sans-serif; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .location .tribe-event-schedule-details div.time { padding: 10px 0 0; font-size: 16px; font-family: "DINBlack", sans-serif; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta .location .tribe-event-schedule-details div.time:before { content: ""; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-image { -ms-flex-order: 2; order: 2; margin: 0; -ms-flex-preferred-size: 30%; flex-basis: 30%; transform: translateX(-34px); } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description { -ms-flex-order: 3; order: 3; -ms-flex-preferred-size: 47%; flex-basis: 47%; } .events-list .site-main #tribe-events-content-wrapper .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description .tribe-events-read-more { width: auto; } } @media (min-width: 620px) { .datepicker { transform: translateY(-40px); } } .events-single .main-navigation li#menu-item-95 a { color: #fffc06; } .events-single .site-main { padding-top: 100px !important; background: #fafafa url("./img/bg-dots.png") 0 0 repeat; position: relative; } @media (min-width: 620px) { .events-single .site-main { padding-top: 150px !important; } } .events-single .site-main > article.hentry { margin: 0 0 50px; } .events-single .site-main > article.hentry .tribe-events-back { display: none; } .events-single .site-main > article.hentry #tribe-events-header:before, .events-single .site-main > article.hentry #tribe-events-header:after { display: none; } .events-single .site-main > article.hentry #tribe-events-footer { position: absolute; width: 100%; margin: 0; } .events-single .site-main > article.hentry #tribe-events-footer:before, .events-single .site-main > article.hentry #tribe-events-footer:after { display: none; } .events-single .site-main > article.hentry #tribe-events-footer a { background: #ff8d00; color: #222 !important; border: 2px solid #331c00; box-shadow: 4px 4px #ff8d00; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; } @media (min-width: 620px) { .events-single .site-main > article.hentry #tribe-events-footer a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #ff8d00; } } @media (min-width: 620px) { .events-single .site-main > article.hentry #tribe-events-footer a:active { transform: translate(4px, 4px); box-shadow: 0 0 #ff8d00; } } .events-single .site-main > article.hentry #tribe-events-footer a.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #ff8d00; } .events-single .site-main > article.hentry #tribe-events-footer a.big.yellow { color: #222 !important; } .events-single .site-main > article.hentry #tribe-events-footer a.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { .events-single .site-main > article.hentry #tribe-events-footer a.big:hover { color: #ff8d00; transform: translate(4px, 4px); box-shadow: 4px 4px #ff8d00; } } @media (min-width: 620px) { .events-single .site-main > article.hentry #tribe-events-footer a.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #ff8d00; color: #ff8d00; } } .events-single .site-main > article.hentry > .entry-content { padding: 0 30px; margin: 0; } .events-single .site-main > article.hentry > .entry-content #tribe-events { display: block; margin: 0 auto; padding: 20px; display: block; background: #fff; max-width: 960px; border: 4px solid #222; box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1); } .events-single .site-main > article.hentry > .entry-content #tribe-events a { color: #ff007f; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content { margin: 0; padding: 0; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-single-event-title { color: #ff007f; font-size: 34px; font-family: "DINBold", sans-serif; font-weight: normal; text-align: center; margin: 0; padding-top: 20px; } @media (min-width: 620px) { .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-single-event-title { font-size: 42px; } } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-schedule { background: transparent; border: none; padding: 0; margin: 20px; text-align: center; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-schedule > div { display: inline-block; background: #fffc06; line-height: 1; font-size: 24px; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-schedule .end, .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-schedule .day { display: none; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-schedule .time:before { content: "\00a0@ "; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-schedule h2 { line-height: 1; margin: 0; padding: 0; font-weight: normal; background: #fffc06; display: inline-block; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-event-image { margin-bottom: 20px; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-event-image img { border: 4px solid #222; box-shadow: 8px 8px 0 #fffc06; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-event-meta { background: transparent; border: none; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-event-meta > div { margin: 0; padding: 0; width: 100%; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links { display: none; } .events-single .site-main > article.hentry > .entry-content #tribe-events-content .tribe-events-cal-links a { display: inline-block; font-size: 14px; font-weight: normal; letter-spacing: auto; } .events-single .site-main > article.hentry > .entry-content #tribe-events-footer { margin: 0; } .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav { overflow: visible; width: 100%; content: ""; display: table; table-layout: fixed; } @media (max-width: 620px) { .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav a .post-type { display: none; } } .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a { background: #ff007f; color: #222 !important; border: 2px solid #330019; box-shadow: 4px 4px #ff007f; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; width: 95%; max-width: 200px; min-width: 60px; padding-left: 0; padding-right: 0; display: inline-block; margin-left: -34px; } @media (min-width: 620px) { .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #ff007f; } } @media (min-width: 620px) { .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a:active { transform: translate(4px, 4px); box-shadow: 0 0 #ff007f; } } .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #ff007f; } .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a.big.yellow { color: #222 !important; } .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a.big:hover { color: #ff007f; transform: translate(4px, 4px); box-shadow: 4px 4px #ff007f; } } @media (min-width: 620px) { .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous a.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #ff007f; color: #ff007f; } } .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a { background: #56eb0c; color: #222 !important; border: 2px solid #0f2902; box-shadow: 4px 4px #56eb0c; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; width: 95%; max-width: 200px; min-width: 60px; padding-left: 0; padding-right: 0; display: inline-block; margin-right: -34px; } @media (min-width: 620px) { .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #56eb0c; } } @media (min-width: 620px) { .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a:active { transform: translate(4px, 4px); box-shadow: 0 0 #56eb0c; } } .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #56eb0c; } .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a.big.yellow { color: #222 !important; } .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a.big:hover { color: #56eb0c; transform: translate(4px, 4px); box-shadow: 4px 4px #56eb0c; } } @media (min-width: 620px) { .events-single .site-main > article.hentry > .entry-content #tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next a.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #56eb0c; color: #56eb0c; } } section.book-event { min-height: 0; padding: 20px 0 60px; } section.book-event > .inner { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } section.book-event h2 { font-family: "DINBlack", sans-serif; text-align: center; color: #fffc06; text-transform: uppercase; font-size: 26px; letter-spacing: 2px; margin: 0 0 20px; } section.book-event p { margin: 0; } .blog .site-main, .category .site-main, .search-results .site-main, .tag .site-main { padding-top: 100px !important; padding: 0 30px; background: transparent; position: relative; overflow: hidden; } @media (min-width: 620px) { .blog .site-main, .category .site-main, .search-results .site-main, .tag .site-main { padding-top: 150px !important; } } .blog .site-main:after, .category .site-main:after, .search-results .site-main:after, .tag .site-main:after { content: " "; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 500px; background: transparent url("./img/texture22.jpg") left top repeat-x; opacity: 0.8; background-size: 100% auto; pointer-events: none; } @media (min-width: 620px) { .blog .site-main:after, .category .site-main:after, .search-results .site-main:after, .tag .site-main:after { background-size: 50% auto; background-position: 0 0; height: 500px; } } .blog .site-main .page-header h1, .category .site-main .page-header h1, .search-results .site-main .page-header h1, .tag .site-main .page-header h1 { font-family: 'Bira',sans-serif; color: #ff007f; font-weight: normal; text-align: center; font-size: 120px; overflow: visible; line-height: 1; margin: 0; padding: 30px; color: #fffc06; text-shadow: 4px 4px 0 #222; } @media (min-width: 1200px) { .blog .site-main .page-header h1, .category .site-main .page-header h1, .search-results .site-main .page-header h1, .tag .site-main .page-header h1 { animation: fadeDown; animation-duration: 1s; } } @media (max-width: 1024px) { .blog .site-main .page-header h1, .category .site-main .page-header h1, .search-results .site-main .page-header h1, .tag .site-main .page-header h1 { font-size: 90px; margin: 20px 0 30px; } } @media (max-width: 620px) { .blog .site-main .page-header h1, .category .site-main .page-header h1, .search-results .site-main .page-header h1, .tag .site-main .page-header h1 { font-size: 13vw; margin: 0 0 15px; } } .blog .site-main > article[class^="post"], .category .site-main > article[class^="post"], .search-results .site-main > article[class^="post"], .tag .site-main > article[class^="post"] { margin: 0 auto; padding: 0; display: block; background: transparent; max-width: 960px; display: block; margin: 0 auto; padding: 40px 20px 20px; display: block; background: #fff; max-width: 960px; border: 4px solid #222; box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1); padding-top: 20px; padding-bottom: 0; animation: fadeUp; animation-duration: .5s; } .blog .site-main > article[class^="post"]:first-of-type, .category .site-main > article[class^="post"]:first-of-type, .search-results .site-main > article[class^="post"]:first-of-type, .tag .site-main > article[class^="post"]:first-of-type { border-bottom: 0; padding-top: 25px; } .blog .site-main > article[class^="post"]:first-of-type:last-of-type, .category .site-main > article[class^="post"]:first-of-type:last-of-type, .search-results .site-main > article[class^="post"]:first-of-type:last-of-type, .tag .site-main > article[class^="post"]:first-of-type:last-of-type { border-bottom: 4px solid #222; } .blog .site-main > article[class^="post"]:last-of-type, .category .site-main > article[class^="post"]:last-of-type, .search-results .site-main > article[class^="post"]:last-of-type, .tag .site-main > article[class^="post"]:last-of-type { padding-bottom: 40px; } .blog .site-main > article[class^="post"] ~ article[class^="post"], .category .site-main > article[class^="post"] ~ article[class^="post"], .search-results .site-main > article[class^="post"] ~ article[class^="post"], .tag .site-main > article[class^="post"] ~ article[class^="post"] { margin-top: 0; border-bottom: 0; border-top: 0; } .blog .site-main > article[class^="post"] ~ article[class^="post"] .entry-header, .category .site-main > article[class^="post"] ~ article[class^="post"] .entry-header, .search-results .site-main > article[class^="post"] ~ article[class^="post"] .entry-header, .tag .site-main > article[class^="post"] ~ article[class^="post"] .entry-header { border-top: 1px dashed #0cceeb; padding-top: 25px; } .blog .site-main > article[class^="post"] ~ article[class^="post"]:last-of-type, .category .site-main > article[class^="post"] ~ article[class^="post"]:last-of-type, .search-results .site-main > article[class^="post"] ~ article[class^="post"]:last-of-type, .tag .site-main > article[class^="post"] ~ article[class^="post"]:last-of-type { border-bottom: 4px solid #222; } .blog .site-main > article[class^="post"] .entry-header .entry-title, .category .site-main > article[class^="post"] .entry-header .entry-title, .search-results .site-main > article[class^="post"] .entry-header .entry-title, .tag .site-main > article[class^="post"] .entry-header .entry-title { display: inline-block; font-size: 32px; line-height: 1.2; font-family: "DINBold", sans-serif; font-weight: normal; letter-spacing: -.02em; margin: 0; } .blog .site-main > article[class^="post"] .entry-header .entry-title a, .category .site-main > article[class^="post"] .entry-header .entry-title a, .search-results .site-main > article[class^="post"] .entry-header .entry-title a, .tag .site-main > article[class^="post"] .entry-header .entry-title a { color: #ff007f; text-decoration: underline; } .blog .site-main > article[class^="post"] .entry-header .entry-title a:hover, .category .site-main > article[class^="post"] .entry-header .entry-title a:hover, .search-results .site-main > article[class^="post"] .entry-header .entry-title a:hover, .tag .site-main > article[class^="post"] .entry-header .entry-title a:hover { color: #56eb0c; } .blog .site-main > article[class^="post"] .entry-header .entry-meta, .category .site-main > article[class^="post"] .entry-header .entry-meta, .search-results .site-main > article[class^="post"] .entry-header .entry-meta, .tag .site-main > article[class^="post"] .entry-header .entry-meta { font-size: 15px; margin: 10px 0; } .blog .site-main > article[class^="post"] .entry-header .entry-meta a, .category .site-main > article[class^="post"] .entry-header .entry-meta a, .search-results .site-main > article[class^="post"] .entry-header .entry-meta a, .tag .site-main > article[class^="post"] .entry-header .entry-meta a { color: #222; text-decoration: none; } .blog .site-main > article[class^="post"] .entry-header .entry-meta .posted-on, .category .site-main > article[class^="post"] .entry-header .entry-meta .posted-on, .search-results .site-main > article[class^="post"] .entry-header .entry-meta .posted-on, .tag .site-main > article[class^="post"] .entry-header .entry-meta .posted-on { font-size: 15px; } .blog .site-main > article[class^="post"] .entry-header .entry-meta .byline, .category .site-main > article[class^="post"] .entry-header .entry-meta .byline, .search-results .site-main > article[class^="post"] .entry-header .entry-meta .byline, .tag .site-main > article[class^="post"] .entry-header .entry-meta .byline { display: none; } .blog .site-main > article[class^="post"] .entry-content, .category .site-main > article[class^="post"] .entry-content, .search-results .site-main > article[class^="post"] .entry-content, .tag .site-main > article[class^="post"] .entry-content { margin: 0; } .blog .site-main > article[class^="post"] .entry-content .img-featured, .category .site-main > article[class^="post"] .entry-content .img-featured, .search-results .site-main > article[class^="post"] .entry-content .img-featured, .tag .site-main > article[class^="post"] .entry-content .img-featured { display: inline; } .blog .site-main > article[class^="post"] .entry-content .img-featured img, .category .site-main > article[class^="post"] .entry-content .img-featured img, .search-results .site-main > article[class^="post"] .entry-content .img-featured img, .tag .site-main > article[class^="post"] .entry-content .img-featured img { display: table; width: calc(100% + 34px); max-width: none; margin: 10px auto; height: auto; box-shadow: 8px 8px 0 #fffc06; border: 4px solid #222; transition: all 200ms ease; transform: translateX(-34px); } .blog .site-main > article[class^="post"] .entry-content .img-featured img:hover, .category .site-main > article[class^="post"] .entry-content .img-featured img:hover, .search-results .site-main > article[class^="post"] .entry-content .img-featured img:hover, .tag .site-main > article[class^="post"] .entry-content .img-featured img:hover { box-shadow: 8px 8px 0 #56eb0c; } @media (min-width: 620px) { .blog .site-main > article[class^="post"] .entry-content .img-featured img, .category .site-main > article[class^="post"] .entry-content .img-featured img, .search-results .site-main > article[class^="post"] .entry-content .img-featured img, .tag .site-main > article[class^="post"] .entry-content .img-featured img { float: left; clear: left; margin: 0 0 20px 0; width: 50%; max-width: 500px; } } .blog .site-main > article[class^="post"] .entry-content p, .category .site-main > article[class^="post"] .entry-content p, .search-results .site-main > article[class^="post"] .entry-content p, .tag .site-main > article[class^="post"] .entry-content p { margin: 0; line-height: 1.6; } .blog .site-main > article[class^="post"] .entry-content div img, .blog .site-main > article[class^="post"] .entry-content p img, .category .site-main > article[class^="post"] .entry-content div img, .category .site-main > article[class^="post"] .entry-content p img, .search-results .site-main > article[class^="post"] .entry-content div img, .search-results .site-main > article[class^="post"] .entry-content p img, .tag .site-main > article[class^="post"] .entry-content div img, .tag .site-main > article[class^="post"] .entry-content p img { display: none; } .blog .site-main > article[class^="post"] .entry-footer, .category .site-main > article[class^="post"] .entry-footer, .search-results .site-main > article[class^="post"] .entry-footer, .tag .site-main > article[class^="post"] .entry-footer { display: none; } .blog .site-main .posts-navigation, .category .site-main .posts-navigation, .search-results .site-main .posts-navigation, .tag .site-main .posts-navigation { margin: 0 auto 60px; padding: 0; display: block; background: transparent; max-width: 960px; position: relative; overflow: visible; content: ""; display: table; table-layout: fixed; } .blog .site-main .posts-navigation .nav-links, .category .site-main .posts-navigation .nav-links, .search-results .site-main .posts-navigation .nav-links, .tag .site-main .posts-navigation .nav-links { padding: 5px 0; transform: translateY(-50%); overflow: visible; width: 100%; content: ""; display: table; table-layout: fixed; } .blog .site-main .posts-navigation .nav-links div, .category .site-main .posts-navigation .nav-links div, .search-results .site-main .posts-navigation .nav-links div, .tag .site-main .posts-navigation .nav-links div { width: 48%; } @media (min-width: 620px) { .blog .site-main .posts-navigation .nav-links div, .category .site-main .posts-navigation .nav-links div, .search-results .site-main .posts-navigation .nav-links div, .tag .site-main .posts-navigation .nav-links div { width: auto; } } .blog .site-main .posts-navigation .nav-links div.nav-previous, .category .site-main .posts-navigation .nav-links div.nav-previous, .search-results .site-main .posts-navigation .nav-links div.nav-previous, .tag .site-main .posts-navigation .nav-links div.nav-previous { transform: translateX(-10px); } .blog .site-main .posts-navigation .nav-links div.nav-next, .category .site-main .posts-navigation .nav-links div.nav-next, .search-results .site-main .posts-navigation .nav-links div.nav-next, .tag .site-main .posts-navigation .nav-links div.nav-next { transform: translateX(10px); } .blog section.photo-gallery, .category section.photo-gallery, .search-results section.photo-gallery, .tag section.photo-gallery { position: relative; margin-top: 40px; width: calc(100% + 60px); left: -30px; } .blog section.photo-gallery .section-content, .category section.photo-gallery .section-content, .search-results section.photo-gallery .section-content, .tag section.photo-gallery .section-content { padding-top: 0; } .single-post .main-navigation li#menu-item-197 a { color: #222; } .single-post .main-navigation li#menu-item-197 a:hover { color: #fff; } .single-post .main-navigation li#menu-item-26 a { color: #fffc06; } .single-post.specials .main-navigation li#menu-item-197 a { color: #fffc06; } .single-post.specials .main-navigation li#menu-item-26 a { color: #222; } .single-post.specials .main-navigation li#menu-item-26 a:hover { color: #fff; } .single-post .site-main { padding-top: 100px !important; background: #fafafa url("./img/bg-dots.png") 0 0 repeat; position: relative; } @media (min-width: 620px) { .single-post .site-main { padding-top: 150px !important; } } .single-post .site-main:after { height: 100%; } .single-post .site-main > article[class^="post"] { margin: 0 auto; padding: 0; display: block; background: transparent; max-width: 960px; display: block; margin: 0 auto; padding: 40px 20px 20px; display: block; background: #fff; max-width: 960px; border: 4px solid #222; box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1); padding: 20px; padding-top: 20px; padding-bottom: 40px; } @media (max-width: 1024px) { .single-post .site-main > article[class^="post"] { margin-left: 30px; margin-right: 30px; } } .single-post .site-main > article[class^="post"]:first-of-type { border-bottom: 0; } .single-post .site-main > article[class^="post"]:last-of-type { border-bottom: 4px solid #222; } .single-post .site-main > article[class^="post"] .entry-header .entry-title { font-size: 32px; line-height: 1.2; color: #ff007f; font-family: "DINBold", sans-serif; font-weight: normal; letter-spacing: -.02em; margin: 0; } .single-post .site-main > article[class^="post"] .entry-header .entry-title a { color: #ff007f; text-decoration: none; } @media (min-width: 1024px) { .single-post .site-main > article[class^="post"] .entry-header .entry-title { text-align: center; font-size: 42px; } } .single-post .site-main > article[class^="post"] .entry-header .entry-meta { font-size: 15px; } .single-post .site-main > article[class^="post"] .entry-header .entry-meta a { color: #222; text-decoration: none; } @media (min-width: 1024px) { .single-post .site-main > article[class^="post"] .entry-header .entry-meta { text-align: center; display: table; font-size: 24px; line-height: 1; margin: 10px auto 15px; background: #fffc06; } } .single-post .site-main > article[class^="post"] .entry-header .entry-meta .byline { display: none; } .single-post .site-main > article[class^="post"] .entry-content { margin: 0; width: 100%; content: ""; display: table; table-layout: fixed; } .single-post .site-main > article[class^="post"] .entry-content img { display: table; width: 100%; max-width: 600px; margin: 10px auto 20px; height: auto; box-shadow: 8px 8px 0 #fffc06; border: 4px solid #222; transform: translateX(-34px); width: calc(100% + 34px); } @media (min-width: 1024px) { .single-post .site-main > article[class^="post"] .entry-content img { transform: none; margin: 10px auto 30px; } } .single-post .site-main > article[class^="post"] .entry-content p { margin: 0; line-height: 1.6; } .single-post .site-main > article[class^="post"] .entry-footer { display: none; } .single-post .site-main .post-navigation { margin: 0 auto; padding: 0; display: block; background: transparent; max-width: 960px; padding: 30px; overflow: visible; width: 100%; max-width: 1020px; content: ""; display: table; table-layout: fixed; text-align: right; } @media (min-width: 620px) { .single-post .site-main .post-navigation { transform: translateY(calc(-50% - 4px)); } } .single-post .site-main .post-navigation .nav-links { display: block; } @media (max-width: 620px) { .single-post .site-main .post-navigation .nav-links { margin: 0 30px; } } .single-post .site-main .post-navigation .nav-links .nav-previous { width: 100%; } @media (min-width: 620px) { .single-post .site-main .post-navigation .nav-links .nav-previous { transform: translateX(-10px); width: auto; } } .single-post .site-main .post-navigation .nav-links .nav-previous a { background: #ff007f; color: #222 !important; border: 2px solid #330019; box-shadow: 4px 4px #ff007f; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; display: block; } @media (min-width: 620px) { .single-post .site-main .post-navigation .nav-links .nav-previous a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #ff007f; } } @media (min-width: 620px) { .single-post .site-main .post-navigation .nav-links .nav-previous a:active { transform: translate(4px, 4px); box-shadow: 0 0 #ff007f; } } .single-post .site-main .post-navigation .nav-links .nav-previous a.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #ff007f; } .single-post .site-main .post-navigation .nav-links .nav-previous a.big.yellow { color: #222 !important; } .single-post .site-main .post-navigation .nav-links .nav-previous a.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { .single-post .site-main .post-navigation .nav-links .nav-previous a.big:hover { color: #ff007f; transform: translate(4px, 4px); box-shadow: 4px 4px #ff007f; } } @media (min-width: 620px) { .single-post .site-main .post-navigation .nav-links .nav-previous a.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #ff007f; color: #ff007f; } } .single-post .site-main .post-navigation .nav-links .nav-next { margin-top: 15px; width: 100%; } @media (min-width: 620px) { .single-post .site-main .post-navigation .nav-links .nav-next { transform: translateX(10px); margin: 0; width: auto; } } .single-post .site-main .post-navigation .nav-links .nav-next a { background: #56eb0c; color: #222 !important; border: 2px solid #0f2902; box-shadow: 4px 4px #56eb0c; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; display: block; } @media (min-width: 620px) { .single-post .site-main .post-navigation .nav-links .nav-next a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #56eb0c; } } @media (min-width: 620px) { .single-post .site-main .post-navigation .nav-links .nav-next a:active { transform: translate(4px, 4px); box-shadow: 0 0 #56eb0c; } } .single-post .site-main .post-navigation .nav-links .nav-next a.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #56eb0c; } .single-post .site-main .post-navigation .nav-links .nav-next a.big.yellow { color: #222 !important; } .single-post .site-main .post-navigation .nav-links .nav-next a.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { .single-post .site-main .post-navigation .nav-links .nav-next a.big:hover { color: #56eb0c; transform: translate(4px, 4px); box-shadow: 4px 4px #56eb0c; } } @media (min-width: 620px) { .single-post .site-main .post-navigation .nav-links .nav-next a.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #56eb0c; color: #56eb0c; } } body.postid-218 .post-navigation .nav-links .nav-next { display: none; } @media (max-width: 1024px) { section.featured-menu-item { margin-bottom: 0; } } section.featured-menu-item > .inner .slick-track { min-width: 250px; } section.featured-menu-item > .inner .slick-arrow { width: 12vw; height: 12vw; max-width: 50px; max-height: 50px; background: transparent url("./img/svg/arrow-green.svg") center center/cover no-repeat; color: transparent; display: block; border: none; margin: 0; padding: 0; opacity: 1; box-shadow: none; transform: translateY(-50%); line-height: 1; top: 0; z-index: 50; } section.featured-menu-item > .inner .slick-arrow:before, section.featured-menu-item > .inner .slick-arrow:after { display: none; content: ""; } section.featured-menu-item > .inner .slick-arrow.slick-prev { transform: translateY(-50%) rotate(180deg); left: 0; } @media (max-width: 1024px) { section.featured-menu-item > .inner .slick-arrow.slick-prev { top: 0; left: auto; right: 70px; } } @media (max-width: 620px) { section.featured-menu-item > .inner .slick-arrow.slick-prev { top: 0; left: 10px; } } @media (min-width: 1200px) { section.featured-menu-item > .inner .slick-arrow.slick-prev { top: 50%; left: 27%; } } section.featured-menu-item > .inner .slick-arrow.slick-next { right: 0; } @media (max-width: 1024px) { section.featured-menu-item > .inner .slick-arrow.slick-next { top: 0; right: 10px; } } @media (max-width: 620px) { section.featured-menu-item > .inner .slick-arrow.slick-next { top: 0; right: 10px; } } @media (min-width: 1200px) { section.featured-menu-item > .inner .slick-arrow.slick-next { top: 50%; right: 27%; } } section.featured-menu-item .featured-item { display: -ms-flexbox; display: flex; -ms-flex-flow: column wrap; flex-flow: column wrap; width: 94%; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-bottom: 10px; } @media (min-width: 620px) { section.featured-menu-item .featured-item { width: 100%; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } } @media (min-width: 620px) and (max-width: 1024px) { section.featured-menu-item .featured-item { width: 90%; } } section.featured-menu-item .featured-item .media { width: 100%; animation: moveUp .5s 1; position: relative; } @keyframes moveUp { 0% { transform: translateY(20px); } 100% { transform: translateY(0); } } @media (min-width: 620px) { section.featured-menu-item .featured-item .media { width: 50%; text-align: center; } } @media (min-width: 620px) and (max-width: 1024px) { section.featured-menu-item .featured-item .media { width: 40%; } } @media (min-width: 620px) { section.featured-menu-item .featured-item .media:after { content: " "; display: block; border: 4px solid #56eb0c; width: 100%; height: 100%; position: absolute; left: 50%; top: 0; z-index: 1; transform: translate(-50%, 0); z-index: 0; max-width: 500px; transform: translate(calc(-50% + 8px), 8px); } } section.featured-menu-item .featured-item .media img { width: 100%; height: auto; vertical-align: bottom; margin: 0 auto; } @media (min-width: 620px) { section.featured-menu-item .featured-item .media img { max-width: 500px; } } section.featured-menu-item .featured-item .text { position: absolute; width: 100%; height: 100%; text-align: center; top: 0; left: 0; padding: 0 20px; background: rgba(0, 0, 0, 0.4); display: -ms-flexbox; display: flex; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; animation: fadeRight; animation-duration: 1s; color: #fff; } @media (min-width: 620px) { section.featured-menu-item .featured-item .text { color: #222; background: transparent; display: block; position: relative; width: 25%; height: auto; } } @media (min-width: 620px) and (max-width: 1024px) { section.featured-menu-item .featured-item .text { width: 60%; } } section.featured-menu-item .featured-item .text h4 { margin: 0; text-transform: uppercase; letter-spacing: 5px; color: #ff007f; font-size: 3vw; font-weight: normal; font-family: "DINBlack", sans-serif; } @media (min-width: 620px) { section.featured-menu-item .featured-item .text h4 { font-size: 18px; } } section.featured-menu-item .featured-item .text h2 { margin: 10px 0; font-family: Bira; font-weight: 100; font-size: 10vw; line-height: 1.2; color: #fffc06; } @media (min-width: 620px) { section.featured-menu-item .featured-item .text h2 { color: #56eb0c; font-size: 48px; } } section.featured-menu-item .featured-item .text p { margin: 0; } section.featured-menu-item .slick-arrow { width: 12vw; height: 12vw; max-width: 110px; max-height: 110px; background: transparent url("./img/svg/arrow-green.svg") center center/cover no-repeat; color: transparent; display: block; border: none; margin: 0; padding: 0; opacity: 1; box-shadow: none; transform: translateY(-50%); line-height: 1; top: 40%; z-index: 0; } @media (max-width: 1024px) { section.featured-menu-item .slick-arrow { top: 85px; } } section.featured-menu-item .slick-arrow:before, section.featured-menu-item .slick-arrow:after { display: none; content: ""; } section.featured-menu-item .slick-arrow.slick-prev { transform: translateY(-50%) rotate(180deg); left: -60px; } @media (max-width: 1024px) { section.featured-menu-item .slick-arrow.slick-prev { left: 5px; } } section.featured-menu-item .slick-arrow.slick-next { right: -60px; } @media (max-width: 1024px) { section.featured-menu-item .slick-arrow.slick-next { right: 5px; } } .page .site-main { padding-top: 100px !important; background: #fafafa url("./img/bg-dots.png") 0 0 repeat; position: relative; } @media (min-width: 620px) { .page .site-main { padding-top: 150px !important; } } .page .site-main > article[class^="post"] { padding-top: 20px; margin-bottom: 60px; } @media (max-width: 1024px) { .page .site-main > article[class^="post"] { margin-left: 30px; margin-right: 30px; } } .page .site-main > article[class^="post"]:first-of-type { border-bottom: 0; } .page .site-main > article[class^="post"]:last-of-type { border-bottom: 4px solid #222; } .page .site-main > article[class^="post"]:last-of-type:first-of-type { border: none; } .page .site-main > article[class^="post"] .entry-header .entry-title { font-family: 'Bira',sans-serif; color: #ff007f; font-weight: normal; text-align: center; font-size: 120px; overflow: visible; line-height: 1; margin: 0; padding: 30px; } @media (min-width: 1200px) { .page .site-main > article[class^="post"] .entry-header .entry-title { animation: fadeDown; animation-duration: 1s; } } @media (max-width: 1024px) { .page .site-main > article[class^="post"] .entry-header .entry-title { font-size: 90px; margin: 20px 0 30px; } } @media (max-width: 620px) { .page .site-main > article[class^="post"] .entry-header .entry-title { font-size: 13vw; margin: 0 0 15px; } } .page .site-main > article[class^="post"] .entry-header .entry-meta { font-size: 15px; } .page .site-main > article[class^="post"] .entry-header .entry-meta a { color: #222; text-decoration: none; } @media (min-width: 1024px) { .page .site-main > article[class^="post"] .entry-header .entry-meta { display: inline-block; font-size: 13px; margin: 5px 0 15px 0; padding: 5px 10px; background: #ff8d00; } } .page .site-main > article[class^="post"] .entry-header .entry-meta .byline { display: none; } .page .site-main > article[class^="post"] .entry-content { margin: 0; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; display: block; background: transparent; max-width: 960px; display: block; margin: 0 auto; padding: 40px 20px 20px; display: block; background: #fff; max-width: 960px; border: 4px solid #222; box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1); content: ""; display: table; table-layout: fixed; } .page .site-main > article[class^="post"] .entry-content img { display: table; width: 100%; max-width: 100%; margin: 10px auto; height: auto; box-shadow: 8px 8px 0 #fffc06; border: 4px solid #222; } @media (min-width: 1024px) { .page .site-main > article[class^="post"] .entry-content img { margin: 10px auto 30px; } } .page .site-main > article[class^="post"] .entry-content p { margin: 0; line-height: 1.6; } .page .site-main > article[class^="post"] .entry-footer { display: none; } .page .site-main .post-navigation { margin: 0 auto; padding: 0; display: block; background: transparent; max-width: 960px; padding: 20px 0; } .page .site-main .post-navigation .nav-links .nav-previous a { background: #ff007f; color: #222 !important; border: 2px solid #330019; box-shadow: 4px 4px #ff007f; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; } @media (min-width: 620px) { .page .site-main .post-navigation .nav-links .nav-previous a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #ff007f; } } @media (min-width: 620px) { .page .site-main .post-navigation .nav-links .nav-previous a:active { transform: translate(4px, 4px); box-shadow: 0 0 #ff007f; } } .page .site-main .post-navigation .nav-links .nav-previous a.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #ff007f; } .page .site-main .post-navigation .nav-links .nav-previous a.big.yellow { color: #222 !important; } .page .site-main .post-navigation .nav-links .nav-previous a.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { .page .site-main .post-navigation .nav-links .nav-previous a.big:hover { color: #ff007f; transform: translate(4px, 4px); box-shadow: 4px 4px #ff007f; } } @media (min-width: 620px) { .page .site-main .post-navigation .nav-links .nav-previous a.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #ff007f; color: #ff007f; } } .page .site-main .post-navigation .nav-links .nav-next a { background: #56eb0c; color: #222 !important; border: 2px solid #0f2902; box-shadow: 4px 4px #56eb0c; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; } @media (min-width: 620px) { .page .site-main .post-navigation .nav-links .nav-next a:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #56eb0c; } } @media (min-width: 620px) { .page .site-main .post-navigation .nav-links .nav-next a:active { transform: translate(4px, 4px); box-shadow: 0 0 #56eb0c; } } .page .site-main .post-navigation .nav-links .nav-next a.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #56eb0c; } .page .site-main .post-navigation .nav-links .nav-next a.big.yellow { color: #222 !important; } .page .site-main .post-navigation .nav-links .nav-next a.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { .page .site-main .post-navigation .nav-links .nav-next a.big:hover { color: #56eb0c; transform: translate(4px, 4px); box-shadow: 4px 4px #56eb0c; } } @media (min-width: 620px) { .page .site-main .post-navigation .nav-links .nav-next a.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #56eb0c; color: #56eb0c; } } .page-home .site-main { padding-top: 0 !important; } .category.category-specials .site-main:after { background-image: url("./img/texture1.jpg"); background-size: 100% auto; opacity: .8; } .category.category-specials .site-main .page-header h1 { color: #56eb0c; } .category.category-specials .site-main > article[class^="post"]:last-of-type { padding-bottom: 40px; margin-bottom: 60px; } .category.category-specials .site-main > article[class^="post"] .entry-header { text-align: center; } .category.category-specials .site-main > article[class^="post"] .entry-header h2 { max-width: 700px; margin: 0 auto; font-size: 32px; } @media (min-width: 620px) { .category.category-specials .site-main > article[class^="post"] .entry-header h2 { font-size: 48px; } } .category.category-specials .site-main > article[class^="post"] .entry-header div { display: none; } .category.category-specials .site-main > article[class^="post"] .entry-content { text-align: center; } .category.category-contact .site-main > article[class^="post"] .entry-content { text-align: center; } .category.category-specials .site-main > article[class^="post"] .entry-content .img-featured { display: table; margin: 0 auto; width: 100%; max-width: 500px; } .category.category-specials .site-main > article[class^="post"] .entry-content .img-featured img { float: none; margin: 20px auto; transform: none; width: 100%; } @media (max-width: 620px) { .category.category-specials .site-main > article[class^="post"] .entry-content .img-featured img { width: 100%; transform: none; } } .category.category-specials .site-main > article[class^="post"] .entry-content p { margin: 20px auto 0; max-width: 500px; } .page-menu .site-main { background: #fff url("./img/bg-starburst.png") center top/200% auto no-repeat; } @media (min-width: 1024px) { .page-menu .site-main { background: #fff url("./img/bg-starburst.png") center top/auto 75% no-repeat; } } .page-menu section.hero { padding-bottom: 20px; } .page-menu section.hero .inner { max-width: none; } @media (min-width: 1200px) { .page-menu section.hero { position: relative; z-index: 10; } } @media (min-width: 1024px) { .page-menu section.hero { padding-bottom: 0; } } .page-menu section.hero h1 { padding: 10px; line-height: 1.2; animation: fadeDown; animation-duration: 1s; } .page-menu section.food-drink { background: #fff; padding-top: 0; } @media (min-width: 1024px) { .page-menu section.food-drink { background: transparent; } } .page-menu section.food-drink header.section-header { display: none; } .page-menu section.food-drink .section-content { padding-top: 0; } @media (max-width: 620px) { .page-menu section.food-drink .section-content div.menu.snacks { transform: none !important; } } .page-menu section.food-drink .section-content .brunch-sammies, .page-menu section.food-drink .section-content .brunch-cocktails { display: block !important; } .page-menu section.food-drink .section-content div.menu .vegan { bottom: 20px; } .page-menu section.food-drink .section-content div.menu .veggies { width: 120px; transform: translate(140%, -60%); z-index: 10; } @media (max-width: 1200px) { .page-menu section.food-drink .section-content div.menu .veggies { transform: translate(130%, -80%); } } .page-menu section.food-drink .section-footer { display: none; } .page-contact .site-main { margin: 0; background: transparent; padding-top: 0 !important; overflow: hidden; } .page-contact .site-main:after { content: " "; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 500px; background: transparent url("./img/texture1.jpg") left top repeat-x; opacity: 0.7; background-size: 100% auto; pointer-events: none; } @media (min-width: 620px) { .page-contact .site-main:after { background-size: 50% auto; background-position: 0 -60px; height: 500px; } } .page-contact section.hero { padding-top: 100px !important; padding-top: 90px !important; margin-bottom: 10px; } @media (min-width: 620px) { .page-contact section.hero { padding-top: 150px !important; } } .page-contact section.hero h1 { font-family: 'Bira',sans-serif; color: #ff007f; font-weight: normal; text-align: center; font-size: 120px; overflow: visible; line-height: 1; margin: 0; padding: 30px; color: #fff; text-shadow: 4px 4px 0 #222; } @media (min-width: 1200px) { .page-contact section.hero h1 { animation: fadeDown; animation-duration: 1s; } } @media (max-width: 1024px) { .page-contact section.hero h1 { font-size: 90px; margin: 20px 0 30px; } } @media (max-width: 620px) { .page-contact section.hero h1 { font-size: 13vw; margin: 0 0 15px; } } .page-contact section.contact-form .contact-info .zoom-social-icons-list { margin-top: 20px; } .page-contact section.contact-form .contact-info .zoom-social-icons-list li { display: block; } .page-contact section.contact-form .contact-info .zoom-social-icons-list li a { display: block; } body.error404 #main { padding-top: 100px !important; background: #fafafa url("./img/bg-dots.png") 0 0 repeat; position: relative; padding-bottom: 40px; } @media (min-width: 620px) { body.error404 #main { padding-top: 150px !important; } } body.error404 .page-header h1 { font-family: 'Bira',sans-serif; color: #ff007f; font-weight: normal; text-align: center; font-size: 120px; overflow: visible; line-height: 1; margin: 0; padding: 30px; } @media (min-width: 1200px) { body.error404 .page-header h1 { animation: fadeDown; animation-duration: 1s; } } @media (max-width: 1024px) { body.error404 .page-header h1 { font-size: 90px; margin: 20px 0 30px; } } @media (max-width: 620px) { body.error404 .page-header h1 { font-size: 13vw; margin: 0 0 15px; } } body.error404 .page-content { display: block; margin: 0 auto; padding: 40px 20px 20px; display: block; background: #fff; max-width: 960px; border: 4px solid #222; box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1); text-align: center; } body.error404 .page-content .search-field { width: 50%; } body.error404 .page-content .search-submit { margin: 10px auto 0; background: #56eb0c; color: #222 !important; border: 2px solid #0f2902; box-shadow: 4px 4px #56eb0c; text-align: center; line-height: 1; padding: 12px 30px; text-decoration: none; position: relative; border-radius: 0; z-index: 5; transition: all 120ms ease-out; display: table; text-transform: uppercase; } @media (min-width: 620px) { body.error404 .page-content .search-submit:hover { transform: translate(2px, 2px); box-shadow: 2px 2px #56eb0c; } } @media (min-width: 620px) { body.error404 .page-content .search-submit:active { transform: translate(4px, 4px); box-shadow: 0 0 #56eb0c; } } body.error404 .page-content .search-submit.big { color: #fff !important; border-width: 4px; box-shadow: 8px 8px #56eb0c; } body.error404 .page-content .search-submit.big.yellow { color: #222 !important; } body.error404 .page-content .search-submit.big.dark { color: #222 !important; background: #fff; } @media (min-width: 620px) { body.error404 .page-content .search-submit.big:hover { color: #56eb0c; transform: translate(4px, 4px); box-shadow: 4px 4px #56eb0c; } } @media (min-width: 620px) { body.error404 .page-content .search-submit.big:active { transform: translate(8px, 8px); box-shadow: 0 0 #56eb0c; color: #56eb0c; } } /*-------------------------------------------------------------- ## Stacks --------------------------------------------------------------*/ .stacks *[class*='stack-'] { position: absolute; } .stacks-home { height: 100%; width: 100%; position: relative; } .stacks-home .stack-1 { background-color: transparent; background-image: url("./img/homepage/pinup-pink.png"); background-repeat: no-repeat; background-size: auto 100%; bottom: 0; right: 0; min-width: 480px; width: 100%; height: 100%; } @media (min-width: 1200px) { .stacks-home .stack-1 { animation: heroPinup; animation-duration: 1s; animation-fill-mode: forwards; } } @media (max-width: 1200px) { .stacks-home .stack-1 { max-height: 75vw; min-height: 40vw; background-position: right -80px bottom; } } @media (max-width: 1024px) { .stacks-home .stack-1 { background-position: 110% bottom; transition: none; } } @media (max-width: 620px) { .stacks-home .stack-1 { right: auto; min-width: 0; background-position: left bottom; opacity: .6; background-size: auto 90%; background-position: -60% bottom; max-height: none; } } .stacks-home .stack-2 { background-color: transparent; background-image: url("./img/homepage/right-paint.png"); background-position: right top; background-repeat: no-repeat; background-size: auto 100%; bottom: 0; right: 0; width: 0; height: 100%; transform: translateY(60%); transition: width 140ms ease; animation: heroPaint; animation-delay: 1s; animation-duration: 1.5s; animation-fill-mode: forwards; } @media (max-width: 620px) { .stacks-home .stack-2 { transform: translateY(55%); height: 80vw; bottom: 0; } } .stacks-home .stack-3 { left: 30%; top: calc(50% + 30px); text-transform: uppercase; font-family: "DINBlack", sans-serif; width: 48%; transform: translate(-50%, -50%); color: white; font-size: 2.8vw; text-align: justify; line-height: 1.4; letter-spacing: .03em; text-justify: distribute; } @media (min-width: 1200px) { .stacks-home .stack-3 { animation: heroCopy; animation-duration: 1s; animation-fill-mode: forwards; } } @media (min-width: 1400px) { .stacks-home .stack-3 { animation: heroCopyWide; animation-duration: 1s; animation-fill-mode: forwards; } } .stacks-home .stack-3 p { margin: 0; } @media (min-width: 1400px) { .stacks-home .stack-3 { font-size: 42px; width: 800px; transform: translate(-40%, -50%); } } @media (max-width: 1024px) { .stacks-home .stack-3 { width: 50vw; font-size: 2.9vw; } } @media (max-width: 620px) { .stacks-home .stack-3 { left: 50%; width: 80%; font-size: 4.6vw; } } @media (max-width: 480px) { .stacks-home .stack-3 { font-size: 4.8; } } .stacks-home .stack-3 strong { color: #56eb0c; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /* MENU PRODUCTS BLOCK */ .merch_products { position: relative; display: flex; flex-wrap: wrap; width: 100%; padding: 80px; padding-bottom: 0; margin: 80px 0; z-index: 1; } .merch_products:before { position: absolute; content: ""; top:0; left: 0; right: 0; bottom: 0; background-color: #fff; border: 4px solid #222; z-index: -1; } .merch_product { width: 48%; text-align: left; margin-right: 4%; margin-bottom: 80px; } .merch_product:nth-child(2n+2) { margin-right: 0; } .merch_product-img { display: block; width: 100%; height: 28vw; max-height: 420px; background-size: cover; background-position: center; background-repeat: no-repeat; border: 4px solid #222; margin-bottom: 20px; -webkit-box-shadow: 8px 8px 0px 0px rgba(255,252,6,1); -moz-box-shadow: 8px 8px 0px 0px rgba(255,252,6,1); box-shadow: 8px 8px 0px 0px rgba(255,252,6,1); transition: all .2s ease; } .merch_product-img:hover { -webkit-box-shadow: 8px 8px 0px 0px rgba(86,235,12,1); -moz-box-shadow: 8px 8px 0px 0px rgba(86,235,12,1); box-shadow: 8px 8px 0px 0px rgba(86,235,12,1); } .merch_product-h, .merch_product-h h3 { font-size: 38px; font-family: 'Bira',sans-serif; font-weight: 400; color: #222; text-decoration: none; margin: 0; } .merch_products .toys { pointer-events: none; position: absolute; left: 0; top: 0; transform: translate(-40px, -65%); z-index: -2; width: 80%; max-width: 240px; } .shopify-buy__btn:hover, .shopify-buy__btn:focus, .shopify-buy__btn { background-color: #ec48ca !important; } @media only screen and (max-width: 1024px) { .merch_products .toys { left: auto; right: -40px; max-width: 180px; } } @media only screen and (max-width: 991px) { .merch_products { padding: 60px; padding-bottom: 0; } } @media only screen and (max-width: 767px) { .merch_products { padding: 50px 30px; padding-bottom: 0; } .merch_product { margin-bottom: 30px; } .merch_product-img { height: 30vw; } .merch_product-h, .merch_product-h h3 { font-size: 28px; } } @media only screen and (max-width: 651px) { .merch_products .toys { left: 0; right: auto; max-width: 150px; } } @media only screen and (max-width: 575px) { .merch_product { width: 100%; margin-right: 0; margin-bottom: 40px; } .merch_product-img { height: 52vw; } } @media only screen and (max-width: 359px) { .merch_product-h, .merch_product-h h3 { font-size: 22px; } .merch_products { padding: 30px 15px; padding-bottom: 0; } } /****************************************************************************** TEE SHIRTS PRODUCTS ||||||||||||||||||||||||||||||||||||||||||||||||||||||| ******************************************************************************/ .shirts-els { display: flex; justify-content: center; flex-wrap: wrap; } .shirts-el { width: 284px; text-align: center; margin: 0 10px; margin-bottom: 50px; text-decoration: none; } .shirts-el-img { display: block; width: 100%; height: 212px; text-decoration: none; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 15px; } .shirts-el-h { display: block; text-decoration: none; font-size: 18px; line-height: 1.2; color: #4a4a4a !important; margin-bottom: 15px; font-weight: 700; text-align: center; } .shirts-el small { display: block; text-align: center; margin-bottom: 15px; } .shirts-el .btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; color: #fff; font-size: 15px; padding: 12px 40px; letter-spacing: .3px; border-radius: 3px; max-width: 100%; transition: all .2s ease; } @media only screen and (max-width: 429px) { .shirts-el { width: 100%; } .shirts-el-img { height: 48vw; margin-bottom: 10px; } .shirts-el-h { margin-bottom: 10px; } .shirts-el small { margin-bottom: 10px; } }