/*
Theme Name: HTML5 Blank
Theme URI: https://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: https://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: https://opensource.org/licenses/mit-license.php
*/
/* ------------------------------
EVENT LISTINGS
--------------------------------*/
.clear-b {
clear: both;
}
main.homepage {
background: url(/wp-content/uploads/2021/01/bricks-dark.jpg);
background-size: 90px 56px;
color: #bfbfbf;
margin-top: 98px;
}
.event-listings {
width: 100%;
padding: 20px 0;
}
.home-widgets {
width: 100%;
padding: 20px 0;
box-shadow: 0 0 100px 20px rgb(0 0 0 / 25%);
}
aside.sidebar h3 {
font-size: 22px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #fff;
opacity: 0.8;
margin-bottom: 0.6rem;
color: #fdf4a5;
}
.page:not(.home) aside.sidebar {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.page:not(.home) aside.sidebar h3,
.page:not(.home) .sidebar-social-icons i,
.page:not(.home) .sidebar-address {
color: #115390 !important;
}
.recent-listings .event-info-block a {
color: #fff;
padding: 0;
font-size: 22px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
float: left;
clear: left;
width: auto;
width: 100%;
text-transform: uppercase;
background: rgba(255, 255, 255, 0.2);
color: rgba(0, 0, 0, 0.9);
margin-right: 0.6rem !important;
padding: 0.6rem 0.78rem;
}
.recent-listings .event-info-block a:hover {
background: #0084ff;
color: #fff;
}
/*------------------------------------*\
EVENT LISTINGS
\*------------------------------------*/
.event-listings article.event-card,
.event-listings #seetickets .list-view-item {
color: #bfbfbf;
border-radius: 0px;
display: flex;
flex: 0 0 29%;
max-width: 29%;
margin: 1% 2% 2em;
border-bottom: 0;
flex-direction: column;
flex-wrap: nowrap;
box-sizing: border-box;
}
.event-image,
.event-listings #seetickets .list-view-item .list-img {
width: 100%;
max-height: 350px;
height: 100%;
overflow: hidden;
background-color: #111;
}
#seetickets .list-view-item img {
margin: 0 20px 0 0;
border: 0;
object-fit: contain;
max-width: inherit;
max-height: inherit;
width: 100%;
height: 100%;
min-height: 350px;
}
.event-listings,
#seetickets.list-view {
width: 100%;
padding: 30px 0;
}
.event-listings .inner-w,
.event-listings #seetickets.list-view .container {
display: flex;
flex-wrap: wrap;
}
.event-info p,
.event-listings #seetickets .list-view-item .list-view-details .detail,
.event-listings .detail.detail_supporting_talent {
margin: 0;
letter-spacing: -0.5px;
line-height: 26px;
margin-bottom: 0px !important;
grid-template-columns: 100%;
}
.event-listings .detail.detail_supporting_talent {
margin-bottom: 10px;
display: block;
}
.event-listings #seetickets .list-view-item .dates,
.event-listings #seetickets .list-view-item .list-view-details .detail .label,
.event-listings #seetickets .list-view-item .list-view-details .detail.detail_sort_date,
.event-listings #seetickets .list-view-item .list-view-details .detail_event_subtitle {
display: none !important
}
.event-listings #seetickets .list-view-item .list-view-details .detail_door_time {}
.event-listings #seetickets .list-view-item .list-view-details .detail_event_time {
display: none !important;
}
.event-info p.date,
.event-listings #seetickets .list-view-item .list-view-details .detail.detail_event_date {
color: #cce5ff;
font-size: 20px;
}
.event-date {
width: 100%;
background-color: #f7edc4;
text-align: center;
border-bottom: 2px solid #000;
padding: 10px 0;
}
.event-date h1 {
color: #000;
font-size: 24px;
margin: 0px;
}
p.event-title {
font-size: 21px !important;
line-height: 26px;
}
#seetickets .list-view-item .list-right {
width: 100%;
display: flex;
flex-direction: column;
height: auto;
min-height: 320px;
/*align-items: flex-end;
justify-content: flex-end; */
}
.event-info,
#seetickets .list-view-item .list-view-details {
padding: 3% 0;
height: 100%;
max-width: 100%;
-ms-overflow-style: none;
/* flex: 1; */
}
.event-listings .time-and-age {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start;
}
.event-listings .time-and-age .detail.detail_age {
width: auto !important;
display: flex !important;
margin-right: 5px !important;
}
.event-info i,
#seetickets .detail.detail_age {
font-style: italic !important;
}
.sub-title {
font-size: 14px;
}
.event-text {
height: 160px;
overflow: scroll;
margin-top: 10px;
}
.event-listings #seetickets .artist-details .detail.detail_supporting_talent {
margin-bottom: 25px !important;
}
.event-info h1,
.event-listings #seetickets h1.headliners a {
font-weight: 700;
font-size: 22px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #9cf;
margin-top: 0px;
}
.title-border,
.event-listings #seetickets .detail_event_date:before {
clear: both;
position: relative;
content: '';
display: block;
width: 100%;
float: none;
width: 50px;
height: 6px;
background: #bfbfbf;
margin-bottom: 10px;
}
.event-info-top {
height: 160px;
margin: 10px 0;
}
.event-info-bottom {
height: 60px;
}
.event-info-bottom p {
line-height: 20px;
}
.event-info-top p,
.event-info-bottom p {
margin: 5px 0;
font-size: 16px;
}
#seetickets.list-view .ticket-price {
padding: 10px 0 0;
max-width: 100%;
flex: 1;
}
#seetickets.list-view .ticket-price a,
a.button.events-ticket-button {
display: block;
width: 100%;
text-align: center;
padding: 10px 0;
font-size: 21px;
border-radius: 0px;
border: 0;
background-color: #115390;
color: #fff;
font-family: 'Oswald', sans-serif;
font-weight: 400;
}
#seetickets.list-view .ticket-price a:hover,
a.button.events-ticket-button:hover {
opacity: 0.9;
transition: 0.3s;
background-color: #0084ff;
}
/* ------------------------------
SIDEBAR
--------------------------------*/
.left-sidebar {
width: 60%;
float: left;
}
.right-sidebar {
width: 27%;
float: left;
margin-left: 3%;
}
.sidebar-social-icons i {
font-size: 30px;
color: #fff;
margin-right: 10px;
}
.sidebar-address {
font-size: 17px;
font-weight: 600;
margin-top: 10px;
color: #fff;
font-family: 'Oswald', sans-serif;
line-height: 23px;
}
a.blue-btn {
background: #115390;
color: #fff;
font-size: 18px;
color: #fff;
text-transform: uppercase;
padding: 0.6rem 1.2rem;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-weight: 600;
}
a.blue-btn:hover {
background-color: #0084ff;
}
a.gray-btn {
background: #808080;
color: #fff;
font-size: 18px;
color: #fff;
text-transform: uppercase;
padding: 0.6rem 1.2rem;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-weight: 600;
}
a.gray-btn:hover {
background-color: #115390;
}
.directions-btn {
display: block;
margin-top: 30px;
}
/*------------------------------------*\
POST SLIDER
\*------------------------------------*/
.post-slider {
width: 100%;
position: relative;
}
.container .post-slider .inner-w {
max-width: inherit;
display: flex;
flex-direction: row;
}
.post-slider article.event-card {
width: 100% !important;
height: 350px;
margin: 0 auto;
padding: 2%;
position: relative;
background-position: top 10% center;
background-size: cover;
}
.post-slider .event-overlay {
text-align: center;
margin: 0 auto;
text-shadow: 3px 3px 3px #000;
background: rgba(0, 0, 0, 0.5);
padding: 2%;
position: absolute;
/* top: 25%; */
left: 25%;
right: 25%;
/* bottom: 25%;} */
}
.post-slider .event-date {
background: none;
border: 0;
padding: 0;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px;
color: #FFF;
}
.post-slider .event-talent {
font-size: 1em;
color: #FFF;
padding: 0;
margin-bottom: 10px;
}
/* slider buttons */
.tns-outer {
position: relative;
}
.tns-outer button[data-controls] {
border: 0;
padding: 0;
color: rgba(255, 255, 255, 0.7) !important;
font-size: 3em;
position: absolute;
top: 50%;
margin-top: -18px;
z-index: 1;
background: transparent;
}
.tns-outer button[data-controls="prev"] {
left: 2%;
}
.tns-outer button[data-controls="next"] {
right: 2%;
}
.psac-post-slider.psac-design-1 .psac-post-overlay {
background: rgba(0, 0, 0, 0.7);
height: 400px;
border: 0px;
max-width: 100%;
}
.post-slider {
padding: 30px 0;
width: 90%;
margin: 0 auto;
}
.post-slider .owl-nav {
display: none;
}
.psac-slider-and-carousel .owl-dots {
text-align: center;
padding-bottom: 10px;
padding-right: 10px;
margin-top: 10px;
}
.psac-slider-and-carousel .owl-dots .owl-dot.active {
background: #fff;
}
.psac-slider-and-carousel .owl-dots .owl-dot {
width: 12px !important;
height: 12px !important;
margin: 0 3px;
}
.slider-left {
width: 50%;
float: left;
max-width: 530px;
height: 350px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
background-color: #111;
}
.slider-right {
width: 46%;
float: left;
margin-left: 4%;
text-align: left;
}
.post-slider h1 {
font-weight: 600;
color: #fff;
padding: 0;
margin: 0 0 10px 0;
font-size: 34px;
font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
/* margin-top: 120px; */
text-transform: uppercase;
}
.post-slider h2 {
font-family: 'Oswald', sans-serif;
font-size: 22px;
text-transform: uppercase;
letter-spacing: 1px;
color: #fff;
margin-bottom: 15px;
}
.post-slider p {
color: #9cf;
font-size: 14px;
font-style: italic;
margin-top: 15px;
}
.post-slider a.button.events-ticket-button {
display: block;
margin-top: 30px;
width: 200px;
margin: 0 auto;
float: none;
}
.mobile-hero {
display: none;
width: 100%;
}
.mobile-hero img {
width: 100%;
}
@media screen and (max-width: 1000px) {
article.event-card {
width: 47%;
}
}
@media screen and (max-width: 700px) {
/*.post-slider {
display: none;
} */
/* .mobile-hero {
display: block;
} */
.post-slider .event-overlay {
top: 25%;
}
.post-slider h1 {
font-size: 21px;
}
main.homepage {
margin-top: 92px;
}
.left-sidebar {
width: 100%;
}
.right-sidebar {
width: 100%;
margin-left: 0px;
margin-top: 20px;
text-align: center;
}
.hive-signup-form input,
.hive-signup-form button {
margin: 0 auto;
}
}
@media screen and (max-width: 1175px) {
.event-info {
height: 210px;
}
}
@media screen and (max-width: 600px) {
article.event-card {
width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
}
.event-info {
height: auto;
}
}
/* ------------------------------
MIGRATED CSS
--------------------------------*/
*/
/* set charicter set */
@charset 'UTF-8';
* {
margin: 0;
padding: 0;
}
/* normalize reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* user reset */
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
html,
body {
cursor: default;
}
input[type="text"],
textarea,
code {
cursor: text;
}
a,
label,
button,
input[type="radio"],
input[type="submit"],
input[type="checkbox"] {
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
svg:not(:root) {
overflow: hidden;
}
a {
text-decoration: none;
color: inherit;
}
iframe {
display: block;
width: 100%;
height: auto;
max-width: 100%;
}
/* display: none,
show() {
display: block;
} */
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
body:hover .visually-hidden a,
body:hover .visually-hidden input,
body:hover .visually-hidden button {
display: none !important;
}
/* basic philosophy */
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
body:after {
content: '';
display: table;
clear: both;
}
.container,
.block {
display: block;
width: 100%;
float: left;
}
.container:after,
.block:after {
content: '';
display: table;
clear: both;
}
.block-list>li {
display: block;
width: 100%;
float: left;
}
.block-list>li:after {
content: '';
display: table;
clear: both;
}
.inner-w {
float: none;
margin-left: auto;
margin-right: auto;
}
.inner-w:after {
content: '';
display: table;
clear: both;
}
.image-w {
display: block;
}
.image-w img,
.image-w svg,
.image-w iframe,
.image-w video,
.image-w canvas {
display: block;
width: 100%;
height: auto;
}
/* type */
h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
margin: 0;
padding: 0;
font-weight: 400;
font-size: 16px;
}
*:not(input,
textarea) {
-webkit-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
a {
-webkit-user-select: text;
-moz-user-select: -moz-text;
-o-user-select: text;
-ms-user-select: text;
user-select: text;
}
*::-moz-selection,
*::-moz-selection {
background: rgba(255, 255, 255, 0);
background: transparent;
}
*::-moz-selection,
*::selection {
background: rgba(255, 255, 255, 0);
background: transparent;
}
::-moz-selection {
color: #9cf;
}
::selection {
color: #9cf;
}
/* icons */
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
fill: currentColor;
display: block;
}
.icon-x {
width: 25px;
height: 25px;
}
/* components */
.button {
margin: 0;
float: left;
background: #808080;
color: #fff;
border: 0;
text-transform: uppercase;
display: block;
min-width: 120px;
width: auto;
font-size: 15px;
padding: 0.6rem 1.2rem;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
border-radius: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
@media screen and (min-width: 700px) {
.button {
font-size: 22px;
}
}
@media screen and (min-width: 700px) {
.button {
font-size: 18px;
}
}
/* development helpers */
h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after,
p:after {
color: inherit;
opacity: 0.2;
font-size: 0.6px;
vertical-align: 20%;
}
h1:after {
content: '~h1';
}
.event-listings h1:after {
content: '';
}
h2:after {
content: '~h2';
}
h3:after {
content: '~h3';
}
h4:after {
content: '~h4';
}
h5:after {
content: '~h5';
}
h6:after {
content: '~h6';
}
p:after {
content: '~p';
}
.media-size-helper {
position: fixed;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 50px 50px;
border-color: transparent transparent rgba(20, 20, 20, 0.1) transparent;
z-index: 200;
color: #f06;
}
.media-size-helper:after {
position: fixed;
right: 0.6rem;
bottom: 0.3rem;
content: '0';
}
@media screen and (min-width: 400px) {
.media-size-helper:after {
content: '1';
}
}
@media screen and (min-width: 700px) {
.media-size-helper:after {
content: '2';
}
}
@media screen and (min-width: 1000px) {
.media-size-helper:after {
content: '3';
}
}
@media screen and (min-width: 1300px) {
.media-size-helper:after {
content: '4';
}
}
@media screen and (min-width: 1700px) {
.media-size-helper:after {
content: '5';
}
}
@media screen and (min-width: 2100px) {
.media-size-helper:after {
content: '6';
}
}
@media screen and (min-width: 2400px) {
.media-size-helper:after {
content: '7';
}
}
@media screen and (min-width: 2700px) {
.media-size-helper:after {
content: '8';
}
}
@media screen and (min-width: 3000px) {
.media-size-helper:after {
content: '9';
}
}
.flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
}
.flickity-prev-next-button {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
border: none;
border-radius: 50%;
background: #fff;
background: rgba(255, 255, 255, 0.75);
cursor: pointer;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
background: #fff;
}
.flickity-prev-next-button:focus {
outline: none;
box-shadow: 0 0 0 5px #09f;
}
.flickity-prev-next-button:active {
opacity: 0.6;
}
.flickity-prev-next-button.previous {
left: 10px;
}
.flickity-prev-next-button.next {
right: 10px;
}
.flickity-prev-next-button:disabled {
opacity: 0.3;
cursor: auto;
}
.flickity-prev-next-button svg {
position: absolute;
left: 20%;
top: 20%;
width: 60%;
height: 60%;
}
.flickity-prev-next-button .arrow {
fill: #333;
}
.flickity-prev-next-button.no-svg {
color: #333;
font-size: 26px;
}
.flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 10px;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
bottom: 30px;
z-index: 3000;
}
.flickity-page-dots .dot {
display: inline-block;
width: 0.6rem;
height: 0.6rem;
margin: 0 8px;
background: #fff;
border-radius: 50%;
opacity: 0.15;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 0.3;
}
/* ticketfly */
/* styles */
html,
body {
height: 100%;
background: #000;
}
.master {
min-height: 100%;
}
body {
font-family: 'Source Sans Pro', sans-serif;
}
.container .inner-w {
width: 100%;
max-width: 1300px;
padding: 0.6rem;
}
@media screen and (min-width: 700px) {
.container .inner-w {
width: 92%;
}
}
@media screen and (min-width: 1000px) {
.container .inner-w {
width: 85%;
}
}
.no-touch .photo img {
-webkit-transition: 1s;
transition: 1s;
-webkit-filter: grayscale(50%);
filter: grayscale(50%);
}
.no-touch .gray-scale .photo img {
-webkit-transition: 1s;
transition: 1s;
-webkit-filter: grayscale(80%);
filter: grayscale(80%);
}
.no-touch .gray-scale .photo:hover img {
-webkit-transition: 0.15s;
transition: 0.15s;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.master {
background: #fff;
background: url("/wp-content/uploads/2021/01/concrete.png");
}
p {
max-width: 700px;
}
p:not(:last-of-type) {
margin-bottom: 1.2rem;
}
.recently-announced h2 {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #fff;
opacity: 0.8;
margin-bottom: 0.6rem;
color: #fdf4a5;
}
@media screen and (min-width: 700px) {
.recently-announced h2 {
font-size: 22px;
}
}
.recently-announced li {
color: #fff;
padding: 0;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
float: left;
clear: left;
width: auto;
width: 100%;
text-transform: uppercase;
background: rgba(255, 255, 255, 0.2);
color: rgba(0, 0, 0, 0.9);
margin-right: 0.6rem !important;
margin-bottom: 0.6rem !important;
}
@media screen and (min-width: 700px) {
.recently-announced li {
font-size: 22px;
}
}
.recently-announced li:hover {
background: #0084ff;
color: #fff;
}
.landing-info {
background: #515151;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
padding-top: 1.8rem;
padding-bottom: 2.4rem;
background: url("https://thecanalclub.kinsta.cloud/wp-content/uploads/2021/01/bricks-dark.jpg");
background-size: 110px 69px;
position: relative;
}
.landing-info:after {
position: relative;
z-index: 1;
display: block;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100%;
background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 0;
}
@media screen and (min-width: 700px) {
.landing-info:after {
background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
}
@media screen and (min-width: 1000px) {
.landing-info:after {
background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
}
}
.landing-info .block {
position: relative;
z-index: 1;
}
.landing-info .recently-announced {
margin-bottom: 1.8rem;
}
@media screen and (min-width: 700px) {
.landing-info .recently-announced {
width: 65%;
}
}
.landing-info .email-sign-up {
margin-bottom: 2.4rem;
}
@media screen and (min-width: 700px) {
.landing-info .email-sign-up {
width: 30%;
margin-left: 5%;
}
}
.eb-email-result {
color: #FFF;
}
.landing-info .address,
.landing-info .social-networks {
color: #fff;
display: block;
}
@media screen and (min-width: 700px) {
.landing-info .address,
.landing-info .social-networks {
float: left;
width: 30%;
margin-left: 5%;
}
}
.landing-info .social-networks {
float: left;
padding-bottom: 0.3rem;
}
.landing-info .social-networks .icon-x {
width: 35px;
height: 35px;
}
.landing-info .social-networks li {
float: none;
display: inline-block;
vertical-align: middle;
-webkit-transform: translate(-2px, 0);
-ms-transform: translate(-2px, 0);
transform: translate(-2px, 0);
-webkit-transition: 0.5s;
transition: 0.5s;
}
.landing-info .social-networks li:hover {
color: #0084ff;
}
.landing-info .address {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
@media screen and (min-width: 700px) {
.landing-info .address {
font-size: 22px;
}
}
.landing-info .button {
background: #115390;
color: #fff;
margin-top: 0.3rem;
}
.landing-info .button:hover {
background: #0084ff;
}
.landing-info .sidebar-list {
padding: 0;
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.03em;
}
@media screen and (min-width: 700px) {
.landing-info .sidebar-list {
font-size: 16px;
}
}
.landing-info .sidebar-list li a {
display: block;
padding: 0.6rem 0.78rem;
}
.email-sign-up h3 {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
margin-bottom: 0.6rem;
color: #fdf4a5;
}
@media screen and (min-width: 700px) {
.email-sign-up h3 {
font-size: 22px;
}
}
.email-sign-up .tfly-email-subscribe .tfly-email-subscribe-text,
.email-sign-up .tfly-email-subscribe .tfly-email-subscribe-submit {
border-radius: 0;
border: 0;
outline: 0;
margin: 0;
display: block;
}
.email-sign-up .tfly-email-subscribe .tfly-email-subscribe-text {
display: block;
width: 100%;
max-width: 340px;
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.03em;
padding: 0.3rem 0.9rem;
margin-bottom: 0.6rem;
color: #808080;
border: 0;
}
@media screen and (min-width: 700px) {
.email-sign-up .tfly-email-subscribe .tfly-email-subscribe-text {
font-size: 16px;
}
}
.email-sign-up .tfly-email-subscribe .tfly-email-subscribe-submit {
background: #115390;
padding: 0.6rem;
color: #fff;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
min-width: 120px;
text-align: center;
}
@media screen and (min-width: 700px) {
.email-sign-up .tfly-email-subscribe .tfly-email-subscribe-submit {
font-size: 22px;
}
}
.email-sign-up .tfly-email-subscribe .tfly-email-subscribe-submit:hover {
background: #0084ff;
}
@media screen and (min-width: 700px) {
.email-sign-up .tfly-email-subscribe .tfly-email-subscribe-text,
.email-sign-up .tfly-email-subscribe .tfly-email-subscribe-submit {
width: auto;
float: none;
display: inline-block;
vertical-align: middle;
}
.email-sign-up .tfly-email-subscribe .tfly-email-subscribe-text {
width: 100%;
max-width: 500px;
margin-bottom: 0.6rem;
}
}
.header {
background: url("https://thecanalclub.kinsta.cloud/wp-content/uploads/2021/01/bricks-dark.jpg");
background-size: 110px 69px;
background-position: bottom left;
color: #fff;
box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.7);
position: relative;
}
.header:after {
position: relative;
z-index: 1;
display: block;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100%;
background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 0;
}
@media screen and (min-width: 700px) {
.header:after {
background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
}
@media screen and (min-width: 1000px) {
.header:after {
background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
}
}
.header .inner-w {
position: relative;
z-index: 2;
position: relative;
}
.header .branding {
display: block;
font-size: 30px;
line-height: 1.4;
letter-spacing: 0.06em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
.header .branding * {
float: none;
display: inline-block;
vertical-align: middle;
}
@media screen and (min-width: 700px) {
.header .branding {
font-size: 34px;
}
}
.header .branding .venue-branding {
max-width: 62px;
-webkit-transform: translate(0, -2px);
-ms-transform: translate(0, -2px);
transform: translate(0, -2px);
}
@media screen and (min-width: 700px) {
.header .branding {
width: auto;
}
}
.header .main-menu {
width: auto;
position: relative;
left: -0.6rem;
}
.header .menu li {
float: none;
display: inline-block;
vertical-align: middle;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #808080;
}
.header .menu li.current_page_item {
color: #fdf4a5;
}
.header .menu li:not(:last-of-type) {
margin-left: 0.3rem;
}
.header .menu a {
display: block;
padding: 0.3rem 0.3rem;
-webkit-transition: 0.8s;
transition: 0.8s;
}
.header .menu a:hover {
-webkit-transition: 0.1s;
transition: 0.1s;
color: #fdf4a5;
}
.header .contact-w {
display: none;
}
@media screen and (min-width: 700px) {
.header .contact-w {
display: block;
position: absolute;
bottom: 0.6rem;
right: 0.6rem;
width: auto;
}
}
.header .contact-w .address,
.header .contact-w .social-networks {
float: right;
text-align: right;
margin-bottom: 0.3rem;
}
.header .contact-w .address {
line-height: 1.2;
}
.header .contact-w .social-networks li {
float: none;
display: inline-block;
vertical-align: middle;
}
.header .contact-w .social-networks a:hover {
color: #0084ff;
}
@media screen and (min-width: 400px) {
.intro {
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
}
}
.intro .inner-w {
position: relative;
padding: 0;
}
@media screen and (min-width: 700px) {
.intro .inner-w {
min-height: 300px;
padding: 0.6rem;
}
}
@media screen and (min-width: 1000px) {
.intro .inner-w {
min-height: 400px;
}
}
@media screen and (min-width: 700px) {
.intro .hero {
display: none;
}
}
.intro .text-w {
padding: 0.6rem;
padding-top: 3.6rem;
color: #fff;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
display: none;
}
@media screen and (min-width: 700px) {
.intro .text-w {
font-size: 22px;
}
}
@media screen and (min-width: 700px) {
.intro .text-w {
display: block;
position: absolute;
bottom: 30%;
left: 0.6rem;
padding: 0;
max-width: 600px;
}
}
.page-content .inner-w {
padding-top: 1.8rem;
padding-bottom: 7.199999999999999rem;
}
@media screen and (min-width: 700px) {
.page-content .inner-w {
padding-top: 3rem;
}
}
.page-content h1,
.page-content h2,
.page-content h3 {
display: inline-block;
}
.page-content h1 {
font-size: 34px;
line-height: 1.4;
letter-spacing: 0.06em;
font-family: 'Oswald', sans-serif;
padding: 0.6rem 1.2rem;
background: #515151;
color: #fff;
margin-bottom: 0.6rem;
}
@media screen and (min-width: 700px) {
.page-content h1 {
font-size: 43px;
}
}
.page-content h2 {
font-size: 30px;
line-height: 1.4;
letter-spacing: 0.06em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #515151;
margin-bottom: 0.6rem;
}
@media screen and (min-width: 700px) {
.page-content h2 {
font-size: 34px;
}
}
.page-content h3 {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
padding: 0.6rem 1.2rem;
background: #bfbfbf;
color: #fff;
margin-bottom: 0.6rem;
}
@media screen and (min-width: 700px) {
.page-content h3 {
font-size: 22px;
}
}
.page-content p,
.page-content li {
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.03em;
color: #222;
}
@media screen and (min-width: 700px) {
.page-content p,
.page-content li {
font-size: 16px;
}
}
.page-content a {
color: #115390;
}
.page-content a:hover {
color: #0084ff;
}
.about-content p+h3 {
margin-top: 1.2rem;
}
.page-template-page-templateslanding-php .master {
background: #222;
}
@media screen and (min-width: 700px) {
.page-template-page-templateslanding-php .intro {
display: none;
}
}
.page-template-page-templatesevent-detail-php .column-w>.inner-w {
padding: 0;
padding-top: 1.8rem;
padding-bottom: 4.8rem;
}
.page-template-page-templatesevent-detail-php .column .inner-w {
width: 100%;
max-width: 100%;
}
@media screen and (min-width: 700px) {
.page-template-page-templatesevent-detail-php .column .inner-w {
width: 100%;
}
}
@media screen and (min-width: 1000px) {
.page-template-page-templatesevent-detail-php .column .inner-w {
width: 100%;
}
}
@media screen and (min-width: 1000px) {
.page-template-page-templatesevent-detail-php .main {
width: 65%;
float: left;
}
}
.page-template-page-templatesevent-detail-php .main .endcap {
margin-top: 4.8rem;
}
.page-template-page-templatesevent-detail-php .sidebar {
display: none;
}
@media screen and (min-width: 1000px) {
.page-template-page-templatesevent-detail-php .sidebar {
display: block;
width: 30%;
float: right;
}
}
.page-template-page-templatesevent-detail-php .widget {
margin-bottom: 1.8rem;
}
.page-template-page-templatesevent-detail-php .widget#text-0,
.page-template-page-templatesevent-detail-php .widget#text-1 {
display: none;
}
.page-template-page-templatesevent-detail-php .widget h1 {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
background: #bfbfbf;
color: #fff;
padding: 0.6rem 1.2rem;
margin-bottom: 0.6rem;
}
@media screen and (min-width: 700px) {
.page-template-page-templatesevent-detail-php .widget h1 {
font-size: 22px;
}
}
.page-template-page-templatesevent-detail-php .widget iframe {
background: #515151;
}
.page-template-page-templatesevent-detail-php .sidebar-list {
padding: 0;
}
#fbComments {
display: none !important;
display: block;
width: 100%;
float: left;
border: 1px solid #bfbfbf;
}
#fbComments:after {
content: '';
display: table;
clear: both;
}
@media screen and (min-width: 700px) {
#fbComments {
display: block !important;
max-width: 500px;
}
}
.fbCommentsLikeButton {
padding: 0.6rem;
}
.menu-content .section:not(:last-of-type) {
margin-bottom: 3.6rem;
}
.menu-content .food-list {
display: block;
width: 100%;
float: left;
}
.menu-content .food-list:after {
content: '';
display: table;
clear: both;
}
@media screen and (min-width: 700px) and (max-width: 999px) {
.menu-content .food-list>* {
float: left;
width: 49%;
margin-right: 2%;
}
.menu-content .food-list>*:nth-of-type(2n + 2) {
margin-right: 0;
}
}
@media screen and (min-width: 1000px) {
.menu-content .food-list>* {
float: left;
width: 32%;
margin-right: 2%;
}
.menu-content .food-list>*:nth-of-type(3n + 3) {
margin-right: 0;
}
}
.menu-content .menu-item {
margin-bottom: 2.4rem;
}
.menu-content .description {
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.03em;
line-height: 1.2;
color: #222;
}
@media screen and (min-width: 700px) {
.menu-content .description {
font-size: 16px;
}
}
.menu-content .description .price {
display: block;
color: #115390;
font-family: 'Oswald', sans-serif;
margin-top: 0.3rem;
}
.menu-content li strong {
color: #115390;
font-family: 'Oswald', sans-serif;
}
.menu-content article h2 {
margin-top: 20px;
}
.menu-content article ul {
margin-bottom: 40px;
}
.menu-content article em {
font-style: italic;
}
.menu-content .wp-block-columns {
margin-bottom: 0;
}
.menu-content .variation-list .price {
font-family: 'Oswald', sans-serif;
color: #115390;
margin-left: 0.3rem;
}
.menu-content .info {
max-width: 400px;
font-style: italic;
color: #7ba1c7;
}
.menu-content .special-notes {
color: #115390;
font-style: italic;
}
.page-template-page-templatescontact-php .page-content .address-w {
line-height: 1.2;
}
.page-template-page-templatescontact-php .page-content a {
color: #115390;
}
.page-template-page-templatescontact-php .page-content a:hover {
color: #0084ff;
}
.page-template-page-templatescontact-php .page-content ul {
list-style: disc;
padding: 0 0 0.6rem 1.2rem;
}
.page-template-page-templatescontact-php .page-content .email-sign-up {
margin-top: 2.4rem;
}
.page-template-page-templatescontact-php .page-content .email-sign-up .tfly-email-subscribe-text {
background: #515151;
color: #fff;
}
.page-template-page-templatescontact-php .page-content .social-networks {
margin-top: 2.4rem;
-webkit-transform: translate(-5px, 0);
-ms-transform: translate(-5px, 0);
transform: translate(-5px, 0);
}
.page-template-page-templatescontact-php .page-content .social-networks ul {
list-style: none;
margin: 0;
padding: 0;
}
.page-template-page-templatescontact-php .page-content .social-networks ul li {
float: none;
display: inline-block;
vertical-align: middle;
}
.page-template-page-templatescontact-php .page-content .social-networks ul li a {
color: #115390;
}
.page-template-page-templatescontact-php .page-content .social-networks ul li a:hover {
color: #0084ff;
}
.page-template-page-templatescontact-php .page-content .social-networks .icon-x {
width: 60px;
height: 60px;
}
.page-template-page-templatescontact-php .more-contact {
background: url("https://thecanalclub.kinsta.cloud/wp-content/uploads/2021/01/bricks-dark.jpg");
background-size: 110px 69px;
color: #fff;
}
.tech-content>.inner-w {
padding-right: 0;
padding-left: 0;
}
.tech-content .page-title {
padding: 0.6rem;
margin-bottom: 2.4rem;
}
.tech-content .block {
margin-bottom: 2.4rem;
}
.tech-content .block>.inner-w {
padding: 0 0.6rem;
}
@media screen and (min-width: 700px) {
.tech-content .block>.inner-w {
width: 100%;
}
}
.tech-content h2 {
width: 100%;
margin-bottom: 1.2rem;
}
.tech-content ul {
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.03em;
margin-bottom: 0.6rem;
}
@media screen and (min-width: 700px) {
.tech-content ul {
font-size: 16px;
}
}
.tech-content h3+ul {
margin-bottom: 1.8rem;
}
.tech-content li {
margin-bottom: 0.6rem;
}
.tech-content .microphones {
margin: 0;
}
@media screen and (min-width: 700px) {
.tech-content .upstairs {
width: 49%;
float: left;
}
.tech-content .downstairs {
width: 49%;
float: right;
}
.tech-content .microphones {
width: 100%;
float: left;
}
}
.footer {
background: #000;
background: url("https://thecanalclub.kinsta.cloud/wp-content/uploads/2021/01/bricks-dark.jpg");
background-size: 110px 69px;
color: #fff;
box-shadow: 0 0 100px 20px rgba(0, 0, 0, 0.25);
position: relative;
}
.footer:after {
position: relative;
z-index: 1;
display: block;
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
min-height: 100%;
background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.12) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 0;
}
@media screen and (min-width: 700px) {
.footer:after {
background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
}
@media screen and (min-width: 1000px) {
.footer:after {
background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
}
}
.footer .inner-w {
position: relative;
}
.footer .side {
position: absolute;
right: 0;
bottom: 0;
opacity: 0.8;
z-index: 0;
width: 83%;
max-width: 600px;
}
@media screen and (min-width: 1000px) {
.footer .side {
display: none;
}
}
.footer .block {
position: relative;
z-index: 1;
}
.footer .main-menu li,
.footer .info li {
float: left;
}
.footer .main-menu a,
.footer .info a {
display: block;
}
.footer .main-menu {
color: #fff;
padding: 1.2rem 0 0;
}
.footer .main-menu .inner-w {
padding: 0;
}
.footer .main-menu li {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
margin-right: 0;
}
@media screen and (min-width: 700px) {
.footer .main-menu li {
font-size: 22px;
}
}
.footer .main-menu a {
padding: 0.6rem;
-webkit-transition: 0.8s;
transition: 0.8s;
}
.footer .main-menu a:hover {
-webkit-transition: 0.1s;
transition: 0.1s;
color: #fdf4a5;
}
.footer .info .block {
float: left;
padding: 0 0;
margin-bottom: 1.2rem;
}
@media screen and (min-width: 700px) {
.footer .info .block {
width: auto;
}
}
.footer .info h4 {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
color: #9cf;
}
@media screen and (min-width: 700px) {
.footer .info h4 {
font-size: 22px;
}
}
.footer .info p {
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.03em;
}
@media screen and (min-width: 700px) {
.footer .info p {
font-size: 16px;
}
}
.footer .info .address {
padding-right: 4.8rem;
}
.footer .info .contact {
margin-bottom: 1.8rem;
}
.footer .info .contact td {
padding: 0.18rem;
padding-left: 0;
}
.footer .info .contact td:first-of-type {
padding-right: 0.6rem;
}
.footer .info .directions h4 {
display: none;
}
@media screen and (min-width: 700px) {
.footer .info .directions {
width: 100%;
margin-top: 1.2rem;
}
}
@media screen and (min-width: 1000px) {
.footer .info .directions {
float: left;
width: auto;
margin-top: 0;
margin-left: 4.8rem;
/* margin-left: 20%; */
}
.footer .info .directions h4 {
display: block;
margin-bottom: 0.36rem;
}
}
.footer .info .directions .map {
max-width: 300px;
margin-bottom: 0.3rem;
background: url("https://thecanalclub.kinsta.cloud/wp-content/uploads/2021/01/bricks-dark.jpg");
background-size: 110px 69px;
}
@media screen and (min-width: 1000px) {
.footer .info .directions .map {
max-width: 360px;
}
}
@media screen and (min-width: 1300px) {
.footer .info .directions .map {
max-width: 400px;
}
}
@media (min-width: 1420px) {
.footer .info .directions .map {
border: 0;
}
}
.footer .info .directions .button {
float: left;
width: auto;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
background: #115390;
color: #fff;
}
@media screen and (min-width: 700px) {
.footer .info .directions .button {
font-size: 22px;
}
}
.footer .info .directions .button:hover {
background: #0084ff;
}
@media screen and (min-width: 1000px) {
.footer .info .directions .button {
display: none;
}
}
.footer .info .social {
margin-bottom: 5.399999999999999rem;
}
.footer .info .social .icon-x {
width: 35px;
height: 35px;
}
.footer .info .social .social-list {
-webkit-transform: translate(-2px, 0);
-ms-transform: translate(-2px, 0);
transform: translate(-2px, 0);
}
.footer .info .social li {
float: none;
display: inline-block;
vertical-align: middle;
color: #fff;
}
.footer .info .social li:hover {
color: #0084ff;
}
@media screen and (min-width: 1000px) {
.footer .info .social {
position: absolute;
top: 130px;
left: 0.6rem;
}
}
@media screen and (min-width: 1300px) {
.footer .info .social {
left: auto;
right: 0.6rem;
top: 0.6rem;
}
}
.footer .legal .ticket-fly-logo {
max-width: 60px;
-webkit-transform: translate(0, -20px);
-ms-transform: translate(0, -20px);
transform: translate(0, -20px);
}
/* slider */
.splash-slider {
background-color: #000;
color: #fff;
background-size: cover;
background-position: center center;
display: none;
background: url("img/bricks-darker.jpg");
background-size: 90px 56px;
}
@media screen and (min-width: 700px) {
.splash-slider {
display: block;
}
}
.splash-slider .inner-w {
width: 100%;
max-width: 100%;
padding: 0;
width: 100%;
}
.splash-slider .list-view-item {
display: block;
width: 100%;
float: left;
min-height: 350px;
padding-top: 2.4rem;
border: 0;
}
.splash-slider .list-view-item:after {
content: '';
display: table;
clear: both;
}
.splash-slider .list-view-item *:after {
content: '';
display: table;
clear: both;
}
@media screen and (min-width: 1000px) {
.splash-slider .list-view-item {
min-height: 440px;
}
}
@media screen and (min-width: 1300px) {
.splash-slider .list-view-item {
min-height: 460px;
}
}
.splash-slider .list-view-item .cell-inner {
position: relative;
float: none;
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 1300px;
width: 100%;
max-width: 1300px;
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .cell-inner {
width: 92%;
}
}
@media screen and (min-width: 1000px) {
.splash-slider .list-view-item .cell-inner {
width: 85%;
}
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .cell-inner {
width: 85%;
}
}
@media screen and (min-width: 1000px) {
.splash-slider .list-view-item .cell-inner {
width: 80%;
}
}
@media screen and (min-width: 1000px) {
.splash-slider .list-view-item .cell-inner {
max-width: 1150px;
}
}
.splash-slider .list-view-item .poster,
.splash-slider .list-view-item .list-view-details {
width: 49%;
}
.splash-slider .list-view-item .poster {
display: block;
float: left;
margin-right: 2%;
}
.splash-slider .list-view-item .poster img,
.splash-slider .list-view-item .poster svg,
.splash-slider .list-view-item .poster iframe,
.splash-slider .list-view-item .poster video,
.splash-slider .list-view-item .poster canvas {
display: block;
width: 100%;
height: auto;
}
@media screen and (min-width: 1300px) {
.splash-slider .list-view-item .poster {
max-width: 530px;
}
}
.splash-slider .list-view-item .list-view-details {
position: absolute;
top: 50%;
left: 52%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media screen and (min-width: 1300px) {
.splash-slider .list-view-item .list-view-details {
left: 550px;
}
}
.splash-slider .list-view-item .list-view-details .event-status-message {
color: #9cf;
padding: 0.3rem 0;
font-size: 12px;
line-height: 1.4;
letter-spacing: 0.02em;
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .event-status-message {
font-size: 13px;
}
}
.splash-slider .list-view-item .list-view-details .topline-info {
font-size: 12px;
line-height: 1.4;
letter-spacing: 0.02em;
background: #222;
color: #cce5ff;
padding: 0.3rem 0.9rem;
width: auto;
float: left;
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .topline-info {
font-size: 13px;
}
}
.splash-slider .list-view-item .list-view-details .headliner-list {
display: block;
width: 100%;
float: left;
clear: left;
}
.splash-slider .list-view-item .list-view-details .headliner-list:after {
content: '';
display: table;
clear: both;
}
.splash-slider .list-view-item .list-view-details .headliner-list li {
float: none;
display: inline-block;
vertical-align: middle;
}
.splash-slider .list-view-item .list-view-details .headliner-list .act {
float: none;
display: inline-block;
vertical-align: middle;
}
.splash-slider .list-view-item .list-view-details .headliner-list .act .name:after {
content: '-';
}
.splash-slider .list-view-item .list-view-details .headliner-list .act:last-of-type .name:after {
content: '';
}
.splash-slider .list-view-item .list-view-details .headliner-list .name {
color: #9cf;
font-weight: 700;
letter-spacing: 0.05em;
padding: 0;
margin: 0;
line-height: 1.1;
display: inline-block;
margin-right: 0.6rem;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #000;
background: #fff;
color: rgba(0, 0, 0, 0.5);
padding: 0.6rem 1.2rem;
margin-right: 0.6rem;
margin-bottom: 0.6rem;
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .headliner-list .name {
font-size: 22px;
}
}
@media screen and (min-width: 1000px) {
.splash-slider .list-view-item .list-view-details .headliner-list .name {
font-size: 30px;
line-height: 1.4;
letter-spacing: 0.06em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
}
.splash-slider .list-view-item .list-view-details .headliner-list .name a span {
display: inline-block;
}
.splash-slider .list-view-item .list-view-details .headliner-list .name a span:not(:first-of-type) {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
@media screen and (min-width: 1000px) and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .headliner-list .name {
font-size: 34px;
}
}
.splash-slider .list-view-item .list-view-details .supports {
display: block;
width: 100%;
float: left;
clear: left;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
display: none;
}
.splash-slider .list-view-item .list-view-details .supports:after {
content: '';
display: table;
clear: both;
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .supports {
font-size: 22px;
}
}
.splash-slider .list-view-item .list-view-details .dates,
.splash-slider .list-view-item .list-view-details .times {
float: none;
display: inline-block;
vertical-align: middle;
}
.splash-slider .list-view-item .list-view-details .dates {
margin-right: 0.6rem;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .dates {
font-size: 22px;
}
}
.splash-slider .list-view-item .list-view-details .times {
color: #0084ff;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
display: none;
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .times {
font-size: 22px;
}
}
.splash-slider .list-view-item .list-view-details .age-restriction {
display: block;
width: 100%;
float: left;
color: #9cf;
font-size: 12px;
line-height: 1.4;
letter-spacing: 0.02em;
font-style: italic;
}
.splash-slider .list-view-item .list-view-details .age-restriction:after {
content: '';
display: table;
clear: both;
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .age-restriction {
font-size: 13px;
}
}
.splash-slider .list-view-item .list-view-details .buttons {
margin-top: 0.6rem;
}
.splash-slider .list-view-item .list-view-details .more-info {
margin-right: 0.5rem;
}
.splash-slider .list-view-item .list-view-details .more-info a {
margin: 0;
float: left;
background: #808080;
color: #fff;
border: 0;
text-transform: uppercase;
display: block;
min-width: 120px;
width: auto;
font-size: 15px;
padding: 0.6rem 1.2rem;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
border-radius: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .more-info a {
font-size: 22px;
}
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .more-info a {
font-size: 18px;
}
}
.splash-slider .list-view-item .list-view-details .more-info a:hover {
background: #115390;
color: #fff;
}
.splash-slider .list-view-item .list-view-details .ticket-price button.ticket-link,
.splash-slider .list-view-item .list-view-details .ticket-price .ticket-link a,
.splash-slider .list-view-item .list-view-details .ticket-price .unavailable,
.splash-slider .list-view-item .list-view-details .ticket-price .sales-ended,
.splash-slider .list-view-item .list-view-details .ticket-price .tickets,
.splash-slider .list-view-item .list-view-details .ticket-price .postponed,
.splash-slider .list-view-item .list-view-details .ticket-price .free,
.splash-slider .list-view-item .list-view-details .ticket-price .cancelled,
.splash-slider .list-view-item .list-view-details .ticket-price .off-sale,
.splash-slider .list-view-item .list-view-details .ticket-price .sold-out {
margin: 0;
float: left;
background: #808080;
color: #fff;
border: 0;
text-transform: uppercase;
display: block;
min-width: 120px;
width: auto;
font-size: 15px;
padding: 0.6rem 1.2rem;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
border-radius: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .ticket-price button.ticket-link,
.splash-slider .list-view-item .list-view-details .ticket-price .ticket-link a,
.splash-slider .list-view-item .list-view-details .ticket-price .unavailable,
.splash-slider .list-view-item .list-view-details .ticket-price .sales-ended,
.splash-slider .list-view-item .list-view-details .ticket-price .tickets,
.splash-slider .list-view-item .list-view-details .ticket-price .postponed,
.splash-slider .list-view-item .list-view-details .ticket-price .free,
.splash-slider .list-view-item .list-view-details .ticket-price .cancelled,
.splash-slider .list-view-item .list-view-details .ticket-price .off-sale,
.splash-slider .list-view-item .list-view-details .ticket-price .sold-out {
font-size: 22px;
}
}
@media screen and (min-width: 700px) {
.splash-slider .list-view-item .list-view-details .ticket-price button.ticket-link,
.splash-slider .list-view-item .list-view-details .ticket-price .ticket-link a,
.splash-slider .list-view-item .list-view-details .ticket-price .unavailable,
.splash-slider .list-view-item .list-view-details .ticket-price .sales-ended,
.splash-slider .list-view-item .list-view-details .ticket-price .tickets,
.splash-slider .list-view-item .list-view-details .ticket-price .postponed,
.splash-slider .list-view-item .list-view-details .ticket-price .free,
.splash-slider .list-view-item .list-view-details .ticket-price .cancelled,
.splash-slider .list-view-item .list-view-details .ticket-price .off-sale,
.splash-slider .list-view-item .list-view-details .ticket-price .sold-out {
font-size: 18px;
}
}
.splash-slider .list-view-item .list-view-details .ticket-price button.ticket-link:hover,
.splash-slider .list-view-item .list-view-details .ticket-price .ticket-link a:hover,
.splash-slider .list-view-item .list-view-details .ticket-price .unavailable:hover,
.splash-slider .list-view-item .list-view-details .ticket-price .sales-ended:hover,
.splash-slider .list-view-item .list-view-details .ticket-price .tickets:hover,
.splash-slider .list-view-item .list-view-details .ticket-price .postponed:hover,
.splash-slider .list-view-item .list-view-details .ticket-price .free:hover,
.splash-slider .list-view-item .list-view-details .ticket-price .cancelled:hover,
.splash-slider .list-view-item .list-view-details .ticket-price .off-sale:hover,
.splash-slider .list-view-item .list-view-details .ticket-price .sold-out:hover {
background: #0084ff;
color: #fff;
}
.splash-slider .list-view-item .list-view-details .ticket-price .price-range {
display: none;
}
.splash-slider .list-view-item .list-view-details .more-info,
.splash-slider .list-view-item .list-view-details .ticket-price {
float: none;
display: inline-block;
vertical-align: middle;
font-size: 12px;
background: #515151;
}
.slabtexted .slabtext {
display: -moz-inline-box;
display: inline-block;
white-space: nowrap;
}
.slabtextinactive .slabtext {
display: inline;
white-space: normal;
font-size: 1px;
letter-spacing: inherit !important;
word-spacing: inherit !important;
*letter-spacing: 0 !important;
*word-spacing: 0 !important;
}
.slabtextdone .slabtext {
display: block;
line-height: 0.9;
}
/* */
.listings-grid {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
background: url("img/bricks-darker.jpg");
background-size: 90px 56px;
position: relative;
}
.listings-grid .inner-w {
padding: 0.6rem;
padding-top: 1.8rem;
-webkit-transition: 0.5s;
transition: 0.5s;
}
@media screen and (min-width: 1000px) {
.listings-grid .inner-w {
padding-bottom: 3.6rem;
}
}
@media screen and (min-width: 1300px) {
.listings-grid .inner-w {
padding-bottom: 7.199999999999999rem;
}
}
.listings-grid .section-title {
font-size: 30px;
line-height: 1.4;
letter-spacing: 0.06em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #fff;
opacity: 0.8;
margin-bottom: 0.6rem;
color: #fdf4a5;
}
@media screen and (min-width: 700px) {
.listings-grid .section-title {
font-size: 34px;
}
}
@media screen and (min-width: 700px) {
.listings-grid .section-title {
display: none;
}
}
.listings-grid .list-view {
display: block;
width: 100%;
float: left;
border: 0;
padding-top: 0;
max-width: 500px;
padding-top: 1.2rem;
}
.listings-grid .list-view:after {
content: '';
display: table;
clear: both;
}
.listings-grid .list-view img {
margin: 0;
}
@media screen and (min-width: 700px) {
.listings-grid .list-view {
max-width: 100%;
padding: 0;
}
}
@media screen and (min-width: 700px) and (max-width: 999px) {
.listings-grid .list-view>* {
float: left;
width: 49%;
margin-right: 2%;
}
.listings-grid .list-view>*:nth-of-type(2n + 2) {
margin-right: 0;
}
}
@media screen and (min-width: 1000px) {
.listings-grid .list-view>* {
float: left;
width: 32%;
margin-right: 2%;
}
.listings-grid .list-view>*:nth-of-type(3n + 3) {
margin-right: 0;
}
}
.listings-grid .list-view-item {
position: relative;
background: transparent;
padding: 0;
border: 0;
padding-bottom: 4rem;
margin-bottom: 4.8rem;
z-index: 1;
}
.listings-grid .list-view-item>* {
background: transparent;
}
.listings-grid .list-view-item .photo {
display: block;
width: 100%;
display: block;
width: 100%;
float: left;
position: relative;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}
.listings-grid .list-view-item .photo img,
.listings-grid .list-view-item .photo svg,
.listings-grid .list-view-item .photo iframe,
.listings-grid .list-view-item .photo video,
.listings-grid .list-view-item .photo canvas {
display: block;
width: 100%;
height: auto;
}
.listings-grid .list-view-item .photo:after {
content: '';
display: table;
clear: both;
}
.listings-grid .list-view-item .photo .date-w {
position: absolute;
bottom: 0px;
left: 0px;
}
.listings-grid .list-view-item .dates,
.listings-grid .list-view-item .times,
.listings-grid .list-view-item .age-restriction {
display: block;
float: left;
width: auto;
padding: 0.3rem 0;
color: #bfbfbf;
margin-right: 0.6rem;
}
.listings-grid .list-view-item .dates {
width: 100%;
padding-top: 0;
color: #cce5ff;
font-size: 20px;
}
.listings-grid .list-view-item .times {
margin-bottom: 0.6rem;
}
.listings-grid .list-view-item .age-restriction {
font-style: italic;
}
.listings-grid .list-view-item .list-view-details {
display: block;
width: 100%;
float: left;
max-width: 100%;
}
.listings-grid .list-view-item .list-view-details:after {
content: '';
display: table;
clear: both;
}
.listings-grid .list-view-item .list-view-details .event-status-message {
display: block;
width: 100%;
float: left;
position: absolute;
top: 0;
left: 0;
width: 100%;
background: rgba(0, 0, 0, 0.15);
color: #fff;
padding: 0.3rem 0.6rem;
font-size: 12px;
}
.listings-grid .list-view-item .list-view-details .event-status-message:after {
content: '';
display: table;
clear: both;
}
.listings-grid .list-view-item .list-view-details .topline-info {
font-size: 15px;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
color: #fff;
width: 100%;
padding: 0.3rem 0.6rem;
}
.listings-grid .list-view-item .list-view-details .headliner-list {
position: relative;
display: block;
width: 100%;
float: left;
padding: 0.6rem 0;
margin-bottom: 0.15rem;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.listings-grid .list-view-item .list-view-details .headliner-list:after {
content: '';
display: table;
clear: both;
}
.listings-grid .list-view-item .list-view-details .headliner-list .act {
color: #9cf;
padding: 0;
margin: 0;
display: block;
width: 100%;
float: left;
font-size: 22px;
}
.listings-grid .list-view-item .list-view-details .headliner-list .act:after {
content: '';
display: table;
clear: both;
}
.listings-grid .list-view-item .list-view-details .headliner-list .act:not(:last-of-type) {
margin-right: 0.6rem;
}
button.ticket-link,
.ticket-link a,
.sold-out,
.unavailable,
.sales-ended,
.cancelled,
.postponed,
.free,
.tickets-at-the-door,
.future-sale a,
.on-sale-soon,
.custom {
margin: 0 0 0 !important;
}
.ticket-price h3::after {
display: none !important;
}
@media screen and (min-width: 700px) {
.listings-grid .list-view-item .list-view-details .headliner-list .act {
width: auto;
}
}
.listings-grid .list-view-item .list-view-details .headliner-list .act:nth-of-type(4n+1) {
color: #9cf;
}
.listings-grid .list-view-item .list-view-details .headliner-list .act:nth-of-type(4n+2) {
color: rgba(153, 204, 255, 0.7);
}
.listings-grid .list-view-item .list-view-details .headliner-list .act:nth-of-type(4n+3) {
color: rgba(153, 204, 255, 0.85);
}
.listings-grid .list-view-item .list-view-details .headliner-list .act:nth-of-type(4n+4) {
color: rgba(153, 204, 255, 0.55);
}
.listings-grid .list-view-item .list-view-details .headliner-list .act .name {
font-weight: 700;
letter-spacing: 0.05em;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
display: inline-block;
text-transform: uppercase;
}
@media screen and (min-width: 700px) {
.listings-grid .list-view-item .list-view-details .headliner-list .act .name {
font-size: 22px;
}
}
.listings-grid .list-view-item .list-view-details .headliner-list .act .name a span:not(:first-of-type) {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.listings-grid .list-view-item .list-view-details .headliner-list:after {
clear: left;
position: relative;
content: '';
display: block;
width: 100%;
float: left;
width: 50px;
height: 6px;
background: #bfbfbf;
margin-top: 0.6rem;
}
.listings-grid .list-view-item .list-view-details .headliner-list:after:after {
content: '';
display: table;
clear: both;
}
.listings-grid .list-view-item .list-view-details .supports {
display: block;
width: 100%;
float: left;
line-height: 1.2;
margin-bottom: 0.6rem;
color: #bfbfbf;
}
.listings-grid .list-view-item .list-view-details .supports:after {
content: '';
display: table;
clear: both;
}
.listings-grid .list-view-item .list-view-details .supports a span:after {
content: ', ';
opacity: 0.7;
}
.listings-grid .list-view-item .list-view-details .supports a span:last-of-type:after {
content: '';
}
.listings-grid .list-view-item .list-view-details .supports a .solo:after {
content: '';
}
.listings-grid .list-view-item .list-view-details .more-info {
display: none;
}
.list-view button.ticket-link,
.list-view .ticket-link a,
.list-view .sold-out,
.list-view .cancelled,
.list-view .postponed,
.list-view .unavailable,
.list-view .sales-ended,
.listings-grid .list-view-item .ticket-price .rescheduled,
.list-view .free,
.list-view .tickets-at-the-door,
.list-view .future-sale a,
.list-view .on-sale-soon,
.list-view .custom {
border-radius: 0 !important;
max-width: 100% !important;
padding: 10px !important;
width: 100% !important;
min-width: 200px !important;
display: block !important;
}
button.ticket-link,
.ticket-link a,
.sold-out,
.cancelled,
.postponed,
.free,
.tickets-at-the-door,
.future-sale a,
.on-sale-soon,
.custom,
.unavailable,
.sales-ended,
{
background: #115390 none repeat scroll 0 0;
color: #FFFFFF;
border: medium none !important;
border-radius: 0;
display: block;
font-family: "oswald", helvetica;
font-size: 16px;
line-height: 18px;
margin: 0 auto;
padding: 5px;
text-align: center;
text-transform: uppercase;
}
.tickets-at-the-door {
background: #000 none repeat scroll 0 0;
font-size: 16px;
line-height: 26px;
}
.listings-grid .list-view-item .ticket-price {
bottom: 0;
display: flex;
flex-direction: column-reverse;
float: none;
margin: 20px 0 0;
position: relative;
width: 100%;
/* max-width: 125px; */
}
.listings-grid .list-view-item .ticket-price:after {
content: '';
display: table;
clear: both;
}
.listings-grid .list-view-item .ticket-price button.ticket-link,
.listings-grid .list-view-item .ticket-price .ticket-link {
float: none;
margin: 0;
padding: 0;
}
.listings-grid .list-view-item .ticket-price button.ticket-link,
.listings-grid .list-view-item .ticket-price .ticket-link a,
.listings-grid .list-view-item .ticket-price .tickets,
.listings-grid .list-view-item .ticket-price .postponed,
.listings-grid .list-view-item .ticket-price .unavailable,
.listings-grid .list-view-item .ticket-price .sales-ended,
.listings-grid .list-view-item .ticket-price .free,
.listings-grid .list-view-item .ticket-price .cancelled,
.listings-grid .list-view-item .ticket-price .rescheduled,
.listings-grid .list-view-item .ticket-price .off-sale,
.listings-grid .list-view-item .ticket-price .sold-out,
.listings-grid .list-view-item .ticket-price .custom {
margin: 0;
float: left;
background: #808080;
color: #fff;
border: 0;
text-transform: uppercase;
display: block;
min-width: 120px;
width: auto;
font-size: 15px;
padding: 0.6rem 1.2rem;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
border-radius: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
@media screen and (min-width: 700px) {
.listings-grid .list-view-item .ticket-price button.ticket-link,
.listings-grid .list-view-item .ticket-price .ticket-link a,
.listings-grid .list-view-item .ticket-price .unavailable,
.listings-grid .list-view-item .ticket-price .sales-ended,
.listings-grid .list-view-item .ticket-price .tickets,
.listings-grid .list-view-item .ticket-price .postponed,
.listings-grid .list-view-item .ticket-price .free,
.listings-grid .list-view-item .ticket-price .cancelled,
.listings-grid .list-view-item .ticket-price .off-sale,
.listings-grid .list-view-item .ticket-price .rescheduled,
.listings-grid .list-view-item .ticket-price .sold-out,
.listings-grid .list-view-item .ticket-price .custom {
font-size: 22px;
}
}
@media screen and (min-width: 700px) {
.listings-grid .list-view-item .ticket-price button.ticket-link,
.listings-grid .list-view-item .ticket-price .ticket-link a,
.listings-grid .list-view-item .ticket-price .unavailable,
.listings-grid .list-view-item .ticket-price .sales-ended,
.listings-grid .list-view-item .ticket-price .tickets,
.listings-grid .list-view-item .ticket-price .postponed,
.listings-grid .list-view-item .ticket-price .free,
.listings-grid .list-view-item .ticket-price .cancelled,
.listings-grid .list-view-item .ticket-price .off-sale,
.listings-grid .list-view-item .ticket-price .rescheduled,
.listings-grid .list-view-item .ticket-price .sold-out,
.listings-grid .list-view-item .ticket-price .custom {
font-size: 18px;
}
}
.listings-grid .list-view-item .ticket-price button.ticket-link,
.listings-grid .list-view-item .ticket-price .ticket-link a,
.listings-grid .list-view-item .ticket-price .tickets {
background: #115390;
color: #fff;
}
.listings-grid .list-view-item .ticket-price button.ticket-link:hover,
.listings-grid .list-view-item .ticket-price .ticket-link a:hover,
.listings-grid .list-view-item .ticket-price .tickets:hover {
background: #0084ff;
}
.listings-grid .list-view-item .ticket-price .free {
background: #000;
color: #0084ff;
}
.listings-grid .list-view-item .ticket-price .unavailable,
.listings-grid .list-view-item .ticket-price .sales-ended,
.listings-grid .list-view-item .ticket-price .postponed,
.listings-grid .list-view-item .ticket-price .cancelled,
.listings-grid .list-view-item .ticket-price .off-sale,
.listings-grid .list-view-item .ticket-price .rescheduled,
.listings-grid .list-view-item .ticket-price .sold-out,
.listings-grid .list-view-item .ticket-price .custom {
border: 1px solid #7ba1c7;
color: #7ba1c7;
background: #000;
border: 0;
border-radius: 0;
}
.listings-grid .list-view-item .ticket-price .tickets-at-the-door {
color: #9cf;
}
.listings-grid .list-view-item .ticket-price .price-range {
/* float: left; */
/* color: #9cf; */
color: #bfbfbf;
font-size: 16px;
/* padding: 0.6rem 1.2rem; */
padding: 0 0 0.6em 0;
text-align: left;
widtH: 100%;
display: block;
/* display: none; */
}
.page-template-page-templatesevent-detail-php .event-detail {
display: block;
width: 100%;
float: left;
}
.page-template-page-templatesevent-detail-php .event-detail:after {
content: '';
display: table;
clear: both;
}
.page-template-page-templatesevent-detail-php .event-detail>img {
display: block;
width: 100%;
float: left;
width: 100%;
height: auto;
max-width: 400px;
float: left;
margin-bottom: 0.6rem;
}
.page-template-page-templatesevent-detail-php .event-detail>img:after {
content: '';
display: table;
clear: both;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info {
display: block;
width: 100%;
float: left;
margin: 0;
padding: 0 !important;
margin-bottom: 2.4rem;
width: 100%;
border-bottom: 1px solid #bfbfbf;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info:after {
content: '';
display: table;
clear: both;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .topline-info {
margin-bottom: 0.6rem;
}
section.performers {
display: inline-block;
width: 100%;
margin: 2em 0;
}
section.performers-label {
font-style: italic;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info h1.headliners {
font-size: 30px;
line-height: 1.4;
letter-spacing: 0.06em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
padding: 0.6rem 1.2rem;
background: #808080;
color: #fff;
float: left;
width: auto;
margin-bottom: 0.6rem;
}
@media screen and (min-width: 700px) {
.page-template-page-templatesevent-detail-php .event-detail .event-info h1.headliners {
font-size: 34px;
}
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .performers .headliners,
.page-template-page-templatesevent-detail-php .event-detail .event-info .supports {
float: left;
clear: left;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #115390;
margin-bottom: 0.3rem;
}
@media screen and (min-width: 700px) {
.page-template-page-templatesevent-detail-php .event-detail .event-info .performers .headliners,
.page-template-page-templatesevent-detail-php .event-detail .event-info .supports {
font-size: 22px;
}
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .dates,
.page-template-page-templatesevent-detail-php .event-detail .event-info .times {
float: left;
clear: left;
margin-bottom: 0.3rem;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .dates {
font-size: 20px;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .ticket-price,
.page-template-page-templatesevent-detail-php .event-detail .event-info .age-restriction {
float: left;
clear: left;
width: 100%;
}
.event-detail .price-range {
display: block;
margin: 5px 0;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info button.ticket-link,
.page-template-page-templatesevent-detail-php .event-detail .event-info .ticket-link {
float: left;
clear: left;
display: block;
width: 100%;
float: left;
padding: 0.6rem 0;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .ticket-link:after {
content: '';
display: table;
clear: both;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info button.ticket-link,
.page-template-page-templatesevent-detail-php .event-detail .event-info .ticket-link a,
.page-template-page-templatesevent-detail-php .event-detail .event-info .inactive {
margin: 0;
float: left;
background: #808080;
color: #fff;
border: 0;
text-transform: uppercase;
display: block;
min-width: 120px;
width: auto;
font-size: 15px;
padding: 0.6rem 1.2rem;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.05em;
border-radius: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
background: #115390;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .inactive {
background: #808080;
}
@media screen and (min-width: 700px) {
.page-template-page-templatesevent-detail-php .event-detail .event-info button.ticket-link,
.page-template-page-templatesevent-detail-php .event-detail .event-info .ticket-link a,
.page-template-page-templatesevent-detail-php .event-detail .event-info .inactive {
font-size: 22px;
}
}
@media screen and (min-width: 700px) {
.page-template-page-templatesevent-detail-php .event-detail .event-info button.ticket-link,
.page-template-page-templatesevent-detail-php .event-detail .event-info .ticket-link a,
.page-template-page-templatesevent-detail-php .event-detail .event-info .inactive {
font-size: 18px;
}
}
.page-template-page-templatesevent-detail-php .event-detail .event-info button.ticket-link:hover,
.page-template-page-templatesevent-detail-php .event-detail .event-info .ticket-link a:hover {
background: #0084ff;
}
.cal-share {
margin-top: 1em;
display: block;
float: left;
}
.share-button {
margin-right: 0.5em;
position: relative;
line-height: 1;
padding: 5px;
margin-bottom: 2em;
border: 0;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .share-events {
display: block;
width: 100%;
float: left;
float: left;
clear: left;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .share-events:after {
content: '';
display: table;
clear: both;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .share-events .share-text {
font-size: 12px;
line-height: 1.4;
letter-spacing: 0.02em;
}
@media screen and (min-width: 700px) {
.page-template-page-templatesevent-detail-php .event-detail .event-info .share-events .share-text {
font-size: 13px;
}
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .calendar-sync {
display: none;
}
.page-template-page-templatesevent-detail-php .event-detail .event-info .additional-event-info {
width: 100%;
float: left;
margin-top: 0.6rem;
}
.page-template-page-templatesevent-detail-php .event-detail .artist-boxes {
display: block;
width: 100%;
float: left;
}
.page-template-page-templatesevent-detail-php .event-detail .artist-boxes:after {
content: '';
display: table;
clear: both;
}
.page-template-page-templatesevent-detail-php .event-detail .bio-image-right {
margin: 0 !important;
float: left !important;
margin-bottom: 0.6rem !important;
}
.page-template-page-templatesevent-detail-php .event-detail .artist-headline {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
margin-bottom: 1.2rem;
}
@media screen and (min-width: 700px) {
.page-template-page-templatesevent-detail-php .event-detail .artist-headline {
font-size: 22px;
}
}
.page-template-page-templatesevent-detail-php .event-detail .artist-box-headliner,
.page-template-page-templatesevent-detail-php .event-detail .artist-box-support {
margin-bottom: 100px;
}
.page-template-page-templatesevent-detail-php .event-detail .bio {
max-width: 700px;
margin: 0 !important;
float: left !important;
clear: left !important;
line-height: 1.6;
}
.page-template-page-templatesevent-detail-php .event-detail .bio img {
float: left;
}
.page-template-page-templatesevent-detail-php .event-detail .venue-info {
display: block;
width: 100%;
float: left;
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
display: none;
}
.page-template-page-templatesevent-detail-php .event-detail .venue-info:after {
content: '';
display: table;
clear: both;
}
@media screen and (min-width: 700px) {
.page-template-page-templatesevent-detail-php .event-detail .venue-info {
font-size: 22px;
}
}
.page-template-page-templatesevent-detail-php .event-detail .venue-info strong {
font-size: 15px;
line-height: 1.4;
letter-spacing: 0.03em;
text-transform: lowercase;
color: #0084ff;
}
@media screen and (min-width: 700px) {
.page-template-page-templatesevent-detail-php .event-detail .venue-info strong {
font-size: 16px;
}
}
/* EDP event description // IMPORTANT: keep .event-summary intact for future purposes */
.main .event-detail .event-description,
.main .event-detail .event-summary {
margin: 0 auto;
display: block;
padding: 0;
clear: both;
}
.main .event-detail .event-description p,
.main .event-detail .event-description div,
.main .event-detail .event-description span {
font-size: 1em !important;
width: initial;
max-width: 100%;
}
.main .event-detail .event-description a:link,
.main .event-detail .event-description a:visited {
font-weight: 700;
text-decoration: underline;
}
.main .event-detail .event-description a:hover,
.main .event-detail .event-description a:focus,
.main .event-detail .event-description a:active {
color: #9cf;
font-weight: 700;
text-decoration: none;
}
.main .event-detail .event-description img {
float: none;
width: initial;
max-width: 100%;
}
/* print styles */
@media print {
img {
max-width: 100% !important;
}
}
@media print {
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
}
@media print {
.header,
.footer,
.intro {
display: none;
}
.menu-content .menu-title {
display: block;
}
.menu-content .section {
margin-bottom: 10px;
border: 4px double #808080;
padding: 10px;
}
.menu-content .section-name {
font-size: 20px;
color: #000;
font-weight: 700;
}
.menu-content .menu-item {
width: 50%;
float: left;
margin-bottom: 8px;
}
.menu-content .name {
color: #000;
font-size: 14px;
font-weight: 700;
margin-bottom: 3px;
}
.menu-content .description {
font-size: 12px;
max-width: 98%;
}
.menu-content .description .price {
color: #000;
}
.menu-content .variation-list .variation {
font-size: 11px;
}
.menu-content .variation-list .price {
color: #000;
}
.menu-content .info {
max-width: 100%;
font-style: italic;
color: #000;
font-size: 12px;
}
.menu-content .special-notes {
color: #808080;
font-style: italic;
font-size: 12px;
}
}
.unavailable,
.sales-ended {
width: 100px;
display: block;
border: solid 1px;
border-radius: 3px;
padding: 5px;
margin: 0 0 5px 0;
text-align: center;
background-color: transparent;
}
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {}
body {}
/* clear */
.clear:before,
.clear:after {
content: ' ';
display: table;
}
.clear:after {
clear: both;
}
.clear {
*zoom: 1;
}
img {
max-width: 100%;
vertical-align: bottom;
}
/*------------------------------------*\
ST STRUCTURE
\*------------------------------------*/
.social-list li a {
font-size: 25px;
color: #fff;
margin-right: 8px;
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
@font-face {
font-family: 'Font-Name';
src: url('fonts/font-name.eot');
src: url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('fonts/font-name.woff') format('woff'),
url('fonts/font-name.ttf') format('truetype'),
url('fonts/font-name.svg#font-name') format('svg');
font-weight: normal;
font-style: normal;
}
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media all and (max-width:768px) {
.event-listings #seetickets .list-view-item {
flex: 0 0 45%;
max-width: 45%;
}
.event-image,
.event-listings #seetickets .list-view-item .list-img {
max-height: 250px;
}
.event-listings #seetickets img {
min-height: auto !important;
}
}
@media all and (max-width:480px) {
.event-listings #seetickets .list-view-item {
flex: 0 0 95%;
max-width: 95%;
}
.event-listings #seetickets .list-view-details,
#seetickets .list-view-item .list-right {
height: auto !important;
}
}
@media only screen and (min-width:1024px) {}
@media only screen and (min-width:1140px) {}
@media only screen and (min-width:1280px) {}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background: #fdf4a5;
color: #000;
text-shadow: none;
}
::-webkit-selection {
background: #fdf4a5;
color: #000;
text-shadow: none;
}
::-moz-selection {
background: #fdf4a5;
color: #000;
text-shadow: none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #FFF;
border: 1px solid #F0F0F0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.sticky {}
.bypostauthor {}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.covidbanner {
background-color: #115390;
width: 98%;
height: auto;
padding: 20px;
margin-left: 1%;
margin-right: 1%;
margin-top: 10px;
margin-bottom: 0;
display: none;
}
.covidbanner h2 {
font-size: 18px;
line-height: 1.4;
letter-spacing: 0.03em;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
color: #fff;
opacity: 0.8;
margin-bottom: 0.6rem;
color: #fdf4a5;
text-align: center;
margin: 0;
display: block;
clear: both;
}
/* just announced 3 across slider */
.post-slider {
position: relative;
}
.just-announced-events-slider {
margin: 0 auto;
text-align: center;
max-width: 100vw;
width: 100%;
overflow: visible;
max-height: 60vh;
height: auto;
background: none;
}
.just-announced-tns-hero {
margin: 0;
padding: 0;
max-height: 60vh;
height: auto;
text-transform: uppercase;
font-weight: 700;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: transparent;
}
.just-announced-item {
position: relative;
margin: 0 auto;
height: 60vh;
transition: .5s all;
aspect-ratio: 1/1;
}
.just-announced-image {
margin: 0 auto;
text-align: center;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
opacity: 0.8;
display: block;
position: relative;
background-color: #111;
transition: .5s all;
aspect-ratio: 1/1;
}
.just-announced-image img {
display: block;
object-fit: contain;
width: 100%;
height: 100%;
transition: .5s all;
aspect-ratio: 1/1;
}
.just-announced-events-slider .slider-flex {
display: none;
}
/* slider buttons */
.just-announced-events-slider .tns-nav {
width: inherit;
margin: 0 auto;
text-align: center;
position: relative;
}
.just-announced-events-slider .tns-outer [aria-controls],
.just-announced-events-slider .tns-outer [data-action] {
background: none;
background-color: transparent;
border-color: #fff;
color: #fff;
cursor: pointer;
width: 15px;
height: 15px;
border-radius: 9999px;
border: 0;
margin: 10px 5px 0;
padding: 0;
transition: 0.3s all;
}
.just-announced-events-slider .tns-nav button.tns-nav-active,
.just-announced-events-slider .tns-nav button:hover,
.just-announced-events-slider .tns-nav button:focus {
background: none;
background-color: transparent;
border-color: #fff;
color: #fff;
transition: 0.3s all;
}
.just-announced-events-slider .tns-outer {
position: relative;
}
.just-announced-events-slider .tns-outer .tns-controls [aria-controls],
.just-announced-events-slider .tns-outer button[data-controls] {
border: 0;
padding: 12px 14px;
position: absolute;
top: 42%;
z-index: 1;
box-shadow: none;
margin: auto;
width: auto;
height: auto;
line-height: 1;
border-radius: 100px;
opacity: .3;
background: none;
background-color: transparent;
border: 2px solid #fff;
color: #fff;
font-size: 1rem;
font-weight: 400;
}
.just-announced-events-slider .tns-outer button[data-controls]:hover {
opacity: 1;
}
.just-announced-events-slider .tns-outer button[data-controls="prev"] {
left: -60px;
}
.just-announced-events-slider .tns-outer button[data-controls="next"] {
right: -60px;
}
@media all and (max-width:800px) {
.just-announced-events-slider,
.just-announced-tns-hero,
.just-announced-image,
.just-announced-image img {
max-height: 70vh;
}
}
@media all and (max-width:567px) {
.just-announced-events-slider .tns-outer button[data-controls="prev"] {
left: -30px;
}
.just-announced-events-slider .tns-outer button[data-controls="next"] {
right: -30px;
}
}
#list-view-events .seetickets-list-event-content-container.display-flex .event-info-block p.fs-18.bold.mb-12.event-title a,
.event-listings .list-view-events .seetickets-list-event-content-container.display-flex .event-info-block p.fs-18.bold.mb-12.title a {
font-family: 'Oswald', sans-serif !important;
}
.seetickets-buy-btn, .seetickets-load-more-btn {
font-family: 'Oswald', sans-serif !important;
}
.event-listings .list-view-events .seetickets-list-event-content-container.display-flex .event-info-block p.fs-18.bold.mt-1r.date:before {
clear: both;
position: relative;
content: '';
display: block;
width: 100%;
float: none;
width: 50px;
height: 6px;
background: #bfbfbf;
margin-bottom: 10px;
}