@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
 @font-face {
font-family: 'parade_liftone';
src: url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/fonts/parade-one-2016-webfont.woff2) format("woff2"), url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/fonts/parade-one-2016-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'parade_liftthree';
src: url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/fonts/parade-three-2016-webfont.woff2) format("woff2"), url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/fonts/parade-three-2016-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "GT America";
src: url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/fonts/GT-America-Regular.woff2) format("woff2"), url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/fonts/GT-America-Regular.woff) format("woff");
font-weight: normal;
font-style: normal; } .jspContainer {
overflow: hidden;
position: relative; }
.jspPane {
position: absolute; }
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red; }
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red; }
.jspCap {
display: none; }
.jspHorizontalBar .jspCap {
float: left; }
.jspTrack {
background: #dde;
position: relative; }
.jspDrag {
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%; }
.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0; }
.jspArrow.jspDisabled {
cursor: default;
background: #80808d; }
.jspVerticalBar .jspArrow {
height: 16px; }
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%; }
.jspVerticalBar .jspArrow:focus {
outline: none; }
.jspCorner {
background: #eeeef4;
float: left;
height: 100%; } * html .jspCorner {
margin: 0 -3px 0 0; }
.jspTrack {
background: #ffed00; }
.jspDrag {
background: white;
border: 1px solid #ffed00;
border-width: 0 1px;
box-sizing: border-box; }
.jspArrow {
background: white;
border: 1px solid #ffed00;
box-sizing: border-box; }
.jspArrow.jspDisabled {
background: #e6d500; } .lity {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
white-space: nowrap;
background: #ffff00;
background: rgba(255, 255, 0, 0.8);
outline: none !important;
opacity: 0;
transition: opacity 0.3s ease; }
.lity.lity-opened {
opacity: 1; }
.lity.lity-closed {
opacity: 0; }
.lity * {
box-sizing: border-box; }
.lity-wrap {
z-index: 9990;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
outline: none !important; }
.lity-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em; }
.lity-loader {
z-index: 9991;
color: #fff;
position: absolute;
top: 50%;
margin-top: -0.8em;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
opacity: 0;
transition: opacity 0.3s ease; }
.lity-loading .lity-loader {
opacity: 1; }
.lity-container {
z-index: 9992;
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
white-space: normal;
max-width: 100%;
max-height: 100%;
outline: none !important; }
.lity-content {
z-index: 9993;
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.lity-loading .lity-content,
.lity-closed .lity-content {
-webkit-transform: scale(0.8);
transform: scale(0.8); }
.lity-content:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1; }
.lity-close {
z-index: 9994;
width: 35px;
height: 35px;
position: fixed;
right: 16px;
top: 16px;
-webkit-appearance: none;
cursor: pointer;
text-decoration: none;
text-align: center;
padding: 0;
color: #e5007d;
font-style: normal;
font-size: 55px;
font-family: 'parade_liftfour', Arial, Baskerville, monospace;
line-height: 55px;
border: 0;
background: none;
outline: none;
box-shadow: none; }
.lity-close::-moz-focus-inner {
border: 0;
padding: 0; }
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
text-decoration: none;
text-align: center;
padding: 0;
color: #e5007d;
font-style: normal;
font-size: 55px;
font-family: 'parade_liftfour', Arial, Baskerville, monospace;
line-height: 55px;
border: 0;
background: none;
outline: none;
box-shadow: none; }
.lity-close:active {
top: 17px; } .lity-image img {
max-width: 100%;
display: block;
line-height: 0;
border: 0; } .lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
width: 100%;
max-width: 964px; }
.lity-iframe-container {
width: 100%;
height: 0;
padding-top: 56.25%;
overflow: auto;
pointer-events: auto;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-overflow-scrolling: touch; }
.lity-iframe-container iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%; background: #000; }
.lity-hide {
display: none; } .selectric-wrapper {
position: relative;
cursor: pointer;
font-family: 'parade_liftone'; }
.selectric-wrapper * {
box-sizing: border-box;
margin-top: 0 !important; }
.selectric-responsive {
width: 100%; }
.selectric {
border: 3px solid #31302f;
position: relative;
border-radius: 0; }
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 30px 0 0;
font-size: 1em;
padding: 0.1em 0.2em;
color: #31302f;
min-height: 18px; }
.selectric .button {
display: block;
position: absolute;
right: 0.2em;
top: 50%;
-webkit-transform: translateY(-55%);
transform: translateY(-55%);
color: #31302f;
text-align: center; }
.selectric .button:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 4px solid transparent;
border-bottom: none; } .selectric-open {
z-index: 9999; }
.selectric-open .selectric {
border-color: #31302f;
border-bottom-width: 0;
padding-bottom: 2px; }
.selectric-open .selectric-items {
display: block; }
.selectric-open.selectric-above .selectric {
border-top-width: 0;
border-bottom-width: 2px; }
.selectric-open.selectric-above .selectric-items {
border-bottom-width: 0;
border-top-width: 2px; }
.selectric-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0; }
.selectric-hide-select select {
position: absolute;
left: -100%; }
.selectric-hide-select.selectric-is-native {
position: absolute;
width: 100%;
height: 100%;
z-index: 10; }
.selectric-hide-select.selectric-is-native select {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
z-index: 1;
box-sizing: border-box;
opacity: 0; }
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important; }
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important; } .selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: white;
border: 3px solid #31302f;
z-index: -1;
padding: 0; }
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto; }
.selectric-above .selectric-items {
top: auto;
bottom: 100%; }
.selectric-items ul, .selectric-items li {
list-style: none;
padding: 0;
margin: 0;
line-height: 1.8em;
min-height: 1.8em; }
.selectric-items li {
display: block;
padding: 0.1em 0.2em;
cursor: pointer; }
.selectric-items li.highlighted {
background: #D0D0D0; }
.selectric-items li.selected {
background: #DDD; }
.selectric-items li:hover {
background: #31302f;
color: white; }
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #666 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none;
color: #444; }
.selectric-items .selectric-group.disabled li {
filter: alpha(opacity=100);
opacity: 1; }
.selectric-items .selectric-group li {
padding-left: 25px; }
body, html {
margin: 0;
width: 100%;
overflow-x: hidden; } html {
font: 400 18px 'GT America';
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
h1, h2, h3 {
font-weight: 400; }
h1, h2, h3, p {
margin: 0; }
h1 {
color: #31302f;
margin-top: 0.8rem;
text-transform: uppercase;
font-family: 'parade_liftone'; }
.title-block,
.content-wrap h2,
.content-wrap h3 {
font-size: 1.2em;
background: #ffed00;
color: #31302f;
text-transform: uppercase;
font-family: 'parade_liftone';
padding: 0.1em 0.2em;
margin-top: 0.8rem; }
.title-block:first-child,
.content-wrap h2:first-child,
.content-wrap h3:first-child {
margin-top: 0; }
a {
color: inherit; }
.content-wrap a {
color: #31302f; }
.content-wrap p,
.content-wrap ul {
line-height: 1.4;
max-width: 34em; }
.content-wrap * + * {
margin-top: 0.8rem; }
.content-wrap img {
max-width: 100%;
height: auto;
display: block;
margin-bottom: 0.8rem; }
p + .title-block,
.content-wrap p + h2,
.content-wrap p + h3 {
margin-top: 3rem; }
img + .title-block,
.content-wrap img + h2,
.content-wraimg img + h3 {
margin-top: -0.8rem; }
.text-page img {
width: 100%;
display: block; }
.text-page ul, li {
list-style: none;
text-indent: 0;
padding: 0; }
.text-page li:before {
content: '– '; }
.lity {
background: rgba(0, 0, 0, 0.8) !important; }
.video-embed {
width: 100%;
padding-bottom: 56.25%;
position: relative; }
.video-embed iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } .container {
width: 90%;
max-width: 1280px;
margin: 0 auto; }
.content-wrap {
display: block; }
.row:after,
.clearfix:after {
content: '';
display: table;
clear: both; }
.clearfix > *,
.row > * {
margin-top: 0; }
@media (min-width: 40em) {
.col-half {
float: left;
width: 50%;
box-sizing: border-box;
padding-right: 0.66rem; }
.col-half:nth-child(2n) {
padding-right: 0;
padding-left: 0.66rem; }
.col-left {
float: left;
width: 33%;
box-sizing: border-box;
padding-right: 0.66rem; }
.col-right {
float: left;
width: 66%;
box-sizing: border-box;
padding-left: 0.66rem; } } .btn, .btn--white, .single-event--live .btn, .single-event--live .btn--white, .single-event--zoom .btn, .single-event--zoom .btn--white {
text-decoration: none;
display: inline-block;
font-weight: bold;
font-size: 1rem;
padding: 0.5em 0.75em 0.6em;
color: #31302f !important;
border: 1px solid;
min-width: 10em; }
.btn:hover, .btn--white:hover {
background-color: #ffed00; }
.btn--white, .single-event--live .btn, .single-event--live .btn--white, .single-event--zoom .btn, .single-event--zoom .btn--white {
border-color: #ffed00;
color: #ffed00 !important; }
.btn--white:hover, .single-event--live .btn:hover, .single-event--zoom .btn:hover {
background-color: #ffed00;
color: #31302f !important; }
.rule-above {
border-top: 1em solid #ffed00; }
.rule-above--black {
border-top: 1em solid #31302f; }
.rule-below {
border-bottom: 1em solid #ffed00; }
.rule-below--black {
border-bottom: 1em solid #31302f; }
.space-after--s {
padding-bottom: 0.8rem; }
.space-after--l {
padding-bottom: 3rem; }
.space-before--s {
padding-top: 0.8rem; }
.space-before--l {
padding-top: 3rem; }
.no-break {
white-space: nowrap; }
.page-title {
background: white;
color: #31302f;
text-align: center;
margin-bottom: 3rem;
position: relative;
top: 1px; }
.page-title p {
margin-top: 0.2em; }
.page-title h1 {
font-size: 3.5em;
line-height: 0.9;
max-width: 85%;
margin: 0.67em auto 0; }
@media (max-width: 24em) {
.page-title h1 {
font-size: 2.5em; } }
.page-title-pre {
z-index: 1; }
.wpcf7-form {
max-width: 38em;
margin: 3rem 0; }
.input-text,
.input-textarea,
.input-submit {
border: none;
outline: none;
background: none;
font: inherit;
font-family: 'parade_liftone';
-webkit-appearance: none;
text-transform: uppercase;
color: #31302f;
border-bottom: 2px solid #31302f;
padding: 0.2em 0;
width: 100%;
margin-top: 0.8rem; }
.input-text::-webkit-input-placeholder,
.input-textarea::-webkit-input-placeholder,
.input-submit::-webkit-input-placeholder {
color: #31302f;
text-transform: uppercase; }
.input-text:-moz-placeholder,
.input-textarea:-moz-placeholder,
.input-submit:-moz-placeholder {
color: #31302f;
text-transform: uppercase; }
.input-text::-moz-placeholder,
.input-textarea::-moz-placeholder,
.input-submit::-moz-placeholder {
color: #31302f;
text-transform: uppercase; }
.input-text:-ms-input-placeholder,
.input-textarea:-ms-input-placeholder,
.input-submit:-ms-input-placeholder {
color: #31302f;
text-transform: uppercase; }
.input-submit {
border: 2px solid #31302f;
padding: 0.2em 0.3em;
cursor: pointer;
width: auto; }
.input-submit:hover {
background: #ffed00;
color: #31302f; }
.search-wrap .input-text {
width: 20em;
max-width: 70%;
color: white;
border-color: white;
margin-top: 0; }
.search-wrap .input-text::-webkit-input-placeholder {
color: white; }
.search-wrap .input-text:-moz-placeholder {
color: white; }
.search-wrap .input-text::-moz-placeholder {
color: white; }
.search-wrap .input-text:-ms-input-placeholder {
color: white; }
.search-wrap .input-submit {
margin-top: 0;
color: white;
border-color: white; }
.search-wrap .input-submit:hover {
background: white;
color: #31302f; }
.issuuembed {
width: 100% !important;
height: 90vh !important; } .thumb-container {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -1em; }
a.thumb, .thumb a {
text-decoration: none; }
.thumb {
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-flex: 0 0 calc(100% - 1em);
flex: 0 0 calc(100% - 1em);
margin: 0 0 1em 1em;
box-sizing: border-box; }
@media (min-width: 600px) {
.thumb {
-webkit-flex-basis: calc(50% - 1em);
flex-basis: calc(50% - 1em); }
.thumb--large {
-webkit-flex-basis: calc(50% - 1em);
flex-basis: calc(50% - 1em); }
.thumb--xl {
-webkit-flex-basis: calc(100% - 1em);
flex-basis: calc(100% - 1em); }
.thumb--xl .thumb_text p {
font-size: 1.333em; } }
@media (min-width: 1024px) {
.thumb {
-webkit-flex-basis: calc(33.33% - 1em);
flex-basis: calc(33.33% - 1em); }
.thumb--large {
-webkit-flex-basis: calc(50% - 1em);
flex-basis: calc(50% - 1em); }
.thumb--xl {
-webkit-flex-basis: calc(100% - 1em);
flex-basis: calc(100% - 1em);
display: -webkit-flex;
display: flex; }
.thumb--xl .thumb_img {
-webkit-flex: 0 0 calc(66.667% - 1em);
flex: 0 0 calc(66.667% - 1em);
margin-right: 1em;
margin-bottom: 0; } }
.thumb .thumb_text h3 {
font: inherit;
font-size: 2em;
line-height: 1.2;
font-weight: 700;
padding: 0;
background: none;
color: inherit;
text-transform: none; }
.thumb .thumb_text p {
margin: 1.5em 0; }
.thumb .thumb_text .thumb_opening-hours,
.thumb .thumb_text .thumb_date-venue {
font-size: 1.667em;
line-height: 1.2;
margin-top: 0;
font-weight: 400;
margin-bottom: 0; }
.thumb_img {
position: relative;
overflow: hidden;
margin-bottom: 1em; }
.thumb_img:after {
content: '';
display: block;
padding-bottom: 66.667%; }
.thumb_img > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
margin-bottom: 0; }
.thumb .thumb_img {
display: block; }
.thumb[data-event-type] .thumb_img:after {
position: relative;
z-index: 1;
box-sizing: border-box;
min-height: 100%;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0.66)) center/100% 100% no-repeat; }
.thumb[data-online] .thumb_img:before {
content: '';
position: absolute;
bottom: 1em;
left: 1em;
width: 3em;
height: 3em;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
color: #ffed00;
z-index: 10; }
.thumb[data-online="true"] .thumb_img:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjA2OTggNDAuOTA2OVYyMi41ODEzTDQ1LjkzMDMgMzEuNzQ0MUw2MS44MzczIDQwLjkwNjlMNDUuOTMwMyA1MC4wNjk3TDMwLjA2OTggNTkuMjMyNVY0MC45MDY5WiIgc3Ryb2tlPSIjRkZFRDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNNDEgODFDNjMuMDkxNCA4MSA4MSA2My4wOTE0IDgxIDQxQzgxIDE4LjkwODYgNjMuMDkxNCAxIDQxIDFDMTguOTA4NiAxIDEgMTguOTA4NiAxIDQxQzEgNjMuMDkxNCAxOC45MDg2IDgxIDQxIDgxWiIgc3Ryb2tlPSIjRkZFRDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L3N2Zz4K"); }
.thumb[data-online="false"] .thumb_img:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQxIDgxQzYzLjA5MTQgODEgODEgNjMuMDkxNCA4MSA0MUM4MSAxOC45MDg2IDYzLjA5MTQgMSA0MSAxQzE4LjkwODYgMSAxIDE4LjkwODYgMSA0MUMxIDYzLjA5MTQgMTguOTA4NiA4MSA0MSA4MVoiIHN0cm9rZT0iI0ZGRUQwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTQwLjk5OTkgNDIuODYwMkM0OC45NjMxIDQyLjg2MDIgNTUuNDE4NSAzNi40MDQ3IDU1LjQxODUgMjguNDQxNkM1NS40MTg1IDIwLjQ3ODQgNDguOTYzMSAxNC4wMjI5IDQwLjk5OTkgMTQuMDIyOUMzMy4wMzY3IDE0LjAyMjkgMjYuNTgxMyAyMC40Nzg0IDI2LjU4MTMgMjguNDQxNkMyNi41ODEzIDM2LjQwNDcgMzMuMDM2NyA0Mi44NjAyIDQwLjk5OTkgNDIuODYwMloiIHN0cm9rZT0iI0ZGRUQwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTIxLjQ2NTEgNzUuOTMwMVY1OC4xNjI2QzIxLjQ2NTEgNTIuMzAyMiAyNi4yNTU4IDQ3LjUxMTUgMzIuMTE2MyA0Ny41MTE1SDUxLjI3OUM1Ny4xMzk1IDQ3LjUxMTUgNjEuOTMwMiA1Mi4zMDIyIDYxLjkzMDIgNTguMTYyNlY3NS4wOTI5IiBzdHJva2U9IiNGRkVEMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+Cjwvc3ZnPgo="); }
.thumb[data-online="true,false"] .thumb_img:before {
width: 6.2em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjA2OTggNDAuOTA2OVYyMi41ODEzTDQ1LjkzMDMgMzEuNzQ0MUw2MS44MzczIDQwLjkwNjlMNDUuOTMwMyA1MC4wNjk3TDMwLjA2OTggNTkuMjMyNVY0MC45MDY5WiIgc3Ryb2tlPSIjRkZFRDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNNDEgODFDNjMuMDkxNCA4MSA4MSA2My4wOTE0IDgxIDQxQzgxIDE4LjkwODYgNjMuMDkxNCAxIDQxIDFDMTguOTA4NiAxIDEgMTguOTA4NiAxIDQxQzEgNjMuMDkxNCAxOC45MDg2IDgxIDQxIDgxWiIgc3Ryb2tlPSIjRkZFRDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L3N2Zz4K"), url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQxIDgxQzYzLjA5MTQgODEgODEgNjMuMDkxNCA4MSA0MUM4MSAxOC45MDg2IDYzLjA5MTQgMSA0MSAxQzE4LjkwODYgMSAxIDE4LjkwODYgMSA0MUMxIDYzLjA5MTQgMTguOTA4NiA4MSA0MSA4MVoiIHN0cm9rZT0iI0ZGRUQwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTQwLjk5OTkgNDIuODYwMkM0OC45NjMxIDQyLjg2MDIgNTUuNDE4NSAzNi40MDQ3IDU1LjQxODUgMjguNDQxNkM1NS40MTg1IDIwLjQ3ODQgNDguOTYzMSAxNC4wMjI5IDQwLjk5OTkgMTQuMDIyOUMzMy4wMzY3IDE0LjAyMjkgMjYuNTgxMyAyMC40Nzg0IDI2LjU4MTMgMjguNDQxNkMyNi41ODEzIDM2LjQwNDcgMzMuMDM2NyA0Mi44NjAyIDQwLjk5OTkgNDIuODYwMloiIHN0cm9rZT0iI0ZGRUQwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTIxLjQ2NTEgNzUuOTMwMVY1OC4xNjI2QzIxLjQ2NTEgNTIuMzAyMiAyNi4yNTU4IDQ3LjUxMTUgMzIuMTE2MyA0Ny41MTE1SDUxLjI3OUM1Ny4xMzk1IDQ3LjUxMTUgNjEuOTMwMiA1Mi4zMDIyIDYxLjkzMDIgNTguMTYyNlY3NS4wOTI5IiBzdHJva2U9IiNGRkVEMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+Cjwvc3ZnPgo=");
background-position: left center, right center; }
@media (hover: hover) {
.thumb a.thumb_img:after {
opacity: 0;
transition: opacity .4s; }
.thumb a.thumb_img:hover:after {
opacity: 1; }
.thumb a.thumb_img img {
-webkit-transform: scale(1.01);
transform: scale(1.01);
transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s; }
.thumb a.thumb_img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1); } }
.thumb.is-sold-out {
position: relative; }
.thumb.is-sold-out .thumb_img {
background: #000; }
.thumb.is-sold-out .thumb_img img {
opacity: 0.5; }
.thumb.is-sold-out:after {
content: 'Sold out';
position: absolute;
top: 0;
right: 0;
padding: 0.5em;
background: #ffed00;
-webkit-transform-origin: right center;
transform-origin: right center;
z-index: 10; }
.thumb.is-live {
position: relative; }
.thumb.is-live:before {
content: 'Live';
background: rgba(255, 0, 0, 0.7);
font-family: 'parade_liftone';
font-size: 1.25em;
color: #fff;
position: absolute;
top: 0;
left: 0;
padding: 0.25em 0.5em 0.25em 1.33em;
background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIxMCIgY3k9IjEwIiByPSIxMCIvPjwvc3ZnPg==");
background-size: 0.8em 0.8em;
background-position: 0.33em center;
background-repeat: no-repeat;
text-transform: uppercase;
z-index: 1;
-webkit-animation: liveFlash 1.5s steps(2) infinite;
animation: liveFlash 1.5s steps(2) infinite; }
@-webkit-keyframes liveFlash {
from {
background-position: 0.33em center; }
to {
background-position: 0.33em -3em; } }
@keyframes liveFlash {
from {
background-position: 0.33em center; }
to {
background-position: 0.33em -3em; } } .icon {
display: inline-block;
width: 1em;
height: 1em;
background: url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/img/lightnight-sprite-2020.svg?v=2) left top no-repeat;
background-size: auto 1em;
white-space: nowrap;
text-indent: 110%;
overflow: hidden; }
.icon--twitter {
background-position: -1em 0; }
.icon--instagram {
background-position: -2em 0; }
.icon--facebook--featurecolor {
background-position: -3em 0; }
.icon--twitter--featurecolor {
background-position: -4em 0; }
.icon--instagram--featurecolor {
background-position: -5em 0; }
.icon--itinerary {
background-position: -6em 0; }
.icon--search {
background-position: -7em 0; }
.icon--menu {
background-position: -8em 0; }
.icon--close {
background-position: -9em 0; }
.icon--arrow-l {
background-position: -10em 0; }
.icon--arrow-r {
background-position: -11em 0; }
.icon--online {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjA2OTggNDAuOTA2OVYyMi41ODEzTDQ1LjkzMDMgMzEuNzQ0MUw2MS44MzczIDQwLjkwNjlMNDUuOTMwMyA1MC4wNjk3TDMwLjA2OTggNTkuMjMyNVY0MC45MDY5WiIgc3Ryb2tlPSIjRkZFRDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8cGF0aCBkPSJNNDEgODFDNjMuMDkxNCA4MSA4MSA2My4wOTE0IDgxIDQxQzgxIDE4LjkwODYgNjMuMDkxNCAxIDQxIDFDMTguOTA4NiAxIDEgMTguOTA4NiAxIDQxQzEgNjMuMDkxNCAxOC45MDg2IDgxIDQxIDgxWiIgc3Ryb2tlPSIjRkZFRDAwIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L3N2Zz4K"); }
.icon--inperson {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4MiA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQxIDgxQzYzLjA5MTQgODEgODEgNjMuMDkxNCA4MSA0MUM4MSAxOC45MDg2IDYzLjA5MTQgMSA0MSAxQzE4LjkwODYgMSAxIDE4LjkwODYgMSA0MUMxIDYzLjA5MTQgMTguOTA4NiA4MSA0MSA4MVoiIHN0cm9rZT0iI0ZGRUQwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTQwLjk5OTkgNDIuODYwMkM0OC45NjMxIDQyLjg2MDIgNTUuNDE4NSAzNi40MDQ3IDU1LjQxODUgMjguNDQxNkM1NS40MTg1IDIwLjQ3ODQgNDguOTYzMSAxNC4wMjI5IDQwLjk5OTkgMTQuMDIyOUMzMy4wMzY3IDE0LjAyMjkgMjYuNTgxMyAyMC40Nzg0IDI2LjU4MTMgMjguNDQxNkMyNi41ODEzIDM2LjQwNDcgMzMuMDM2NyA0Mi44NjAyIDQwLjk5OTkgNDIuODYwMloiIHN0cm9rZT0iI0ZGRUQwMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiLz4KPHBhdGggZD0iTTIxLjQ2NTEgNzUuOTMwMVY1OC4xNjI2QzIxLjQ2NTEgNTIuMzAyMiAyNi4yNTU4IDQ3LjUxMTUgMzIuMTE2MyA0Ny41MTE1SDUxLjI3OUM1Ny4xMzk1IDQ3LjUxMTUgNjEuOTMwMiA1Mi4zMDIyIDYxLjkzMDIgNTguMTYyNlY3NS4wOTI5IiBzdHJva2U9IiNGRkVEMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+Cjwvc3ZnPgo="); } .header-main {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background-color: #31302f;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.header-main:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #31302f;
opacity: 0.66;
z-index: 0; }
.header-main > * {
position: relative;
z-index: 2; }
.date-bar {
padding: 0.5em 0;
background-color: #31302f;
color: #ffed00;
text-transform: uppercase;
font-family: 'parade_liftone';
text-align: center; }
.date-bar span {
font-size: 1.5rem;
padding: 0 0.5em;
white-space: nowrap; }
body:before {
content: '';
display: block;
height: 83px; }
@media (min-width: 600px) {
body:before {
height: 95px; } }
.masthead {
display: inline-block;
width: 9em;
-webkit-flex: 0 0 9em;
flex: 0 0 9em; }
@media (min-width: 600px) {
.masthead {
width: 11em;
-webkit-flex: 0 0 11em;
flex: 0 0 11em; } }
.masthead .logo {
display: block;
width: 100%;
height: auto; }
nav ul, nav li {
list-style: none;
display: inline-block;
text-indent: 0;
margin: 0;
padding: 0; }
.nav-pre {
z-index: 3;
padding: 0.8rem 0;
background-color: #ffed00; }
.nav-pre > .container {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between; }
.nav-pre a {
text-decoration: none; }
nav.buttons {
font-size: 1.5em; }
#menu-main-menu a {
transition: color .2s; }
#menu-main-menu a:hover {
color: #777; }
#menu-main-menu > li {
position: relative; }
#menu-main-menu > li + li {
margin-left: 1em; }
.sub-menu {
position: absolute;
z-index: 99;
top: 100%;
left: -0.6em;
width: 11em;
padding: 0.4em 0.2em;
background: #ffed00; }
.sub-menu .menu-item-has-children {
position: relative; }
.sub-menu .sub-menu {
left: 100%;
top: -0.4em; }
.sub-menu > li {
display: block;
padding: 0.2em; }
.sub-menu > li a {
display: block;
padding: 0.2em; }
@media (min-width: 1024px) {
.sub-menu {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
pointer-events: none;
transition: opacity .2s, -webkit-transform .2s;
transition: opacity .2s, transform .2s;
transition: opacity .2s, transform .2s, -webkit-transform .2s; }
.sub-menu.is-visible {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
pointer-events: initial; } }
.nav-social {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 28px; }
.nav-social li {
display: inline-block; }
.nav-toggle,
.nav-close {
display: none; }
.nav-main .nav-social {
display: none;
margin-top: 1em;
font-size: 26px; }
@media (max-width: 1150px) {
nav.buttons .nav-social {
display: none; }
.nav-main {
position: fixed;
top: 0;
left: 100%;
opacity: 0;
overflow: auto;
width: 100%;
height: 100%;
background: #ffed00;
padding: 2em;
box-sizing: border-box;
z-index: 99;
transition: .4s; }
.nav-main .nav-social {
display: block; }
.nav-main .nav-social li {
display: inline-block; }
.nav-main .nav-social a {
padding: 0 !important; }
.nav-open .nav-main {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 1; }
.nav-main ul {
text-align: center;
display: block;
width: 100%; }
.nav-main li {
display: block;
padding: 0 !important;
margin: 0 !important; }
.nav-main li a {
font-size: 1.5em;
padding: 0.5rem;
display: block; }
.nav-main .sub-menu {
position: static;
padding: 0.5rem 0;
background: #31302f;
color: #ffed00; }
.nav-toggle {
display: inline-block; }
.nav-close {
display: block;
margin-left: auto; } }
.itinerary-link {
position: relative; }
.itinerary-link_count {
position: absolute;
bottom: 0;
right: 0;
font-size: 0.75rem;
width: 1.333em;
height: 1.333em;
border-radius: 50%;
background: #31302f;
color: #ffed00;
font-family: 'parade_liftone';
text-align: center;
line-height: 1.333em; }
.itinerary-link_count:empty {
display: none !important; }
.carousel-header {
position: relative;
padding: 3rem 0;
box-sizing: border-box; }
.carousel-header .slick--img {
background: #ffed00; }
.carousel-header .slick--img .slick-slide {
background: #31302f; }
.carousel-header .slick--img .img-darken {
opacity: 0.4 !important; }
.carousel-header .slick-arrow {
top: auto;
bottom: -1rem; }
@media (min-width: 1240px) {
.carousel-header .slick-prev {
left: 1rem;
top: 50%;
bottom: auto; }
.carousel-header .slick-next {
right: 1rem;
top: 50%;
bottom: auto; } }
.carousel-header .slick-dots {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%); }
.carousel-header .slick-dots button {
background: white; }
.carousel-header .slick-dots .slick-active button {
background: #31302f; }
.background-header {
position: relative;
overflow: hidden;
margin-bottom: 3rem; }
.background-header_text {
position: relative;
z-index: 1; }
.background-header .container {
padding: 3rem 0; }
.background-header h1 {
font-size: 1em; }
.single-event .background-header h1 {
font-size: 0.66em; }
.single-event .background-header .event-header_times,
.single-event .background-header .event-header_venue {
font-family: 'parade_liftone';
font-weight: normal;
font-size: 0.66em; }
.single-event .background-header .event-header_terms {
margin-top: 0.2em;
font-size: 0.4em; }
.single-event .background-header .event-header_terms a {
text-decoration: none; }
.single-event .background-header .event-header_terms a:hover {
text-decoration: underline; }
.single-event .background-header .status-warning {
font-size: 0.5em;
background: #31302f; }
.carousel-header .slick--text .slick-slide,
.background-header {
font-size: 9.5vw;
font-size: clamp(2.5rem, 9.5vw, 108px);
line-height: 1;
text-align: left; }
.carousel-header .slick--text .slick-slide h2, .carousel-header .slick--text .slick-slide .stroke,
.background-header h2,
.background-header .stroke {
font-family: 'parade_liftone';
font-size: inherit;
max-width: none;
padding: 0;
margin: 0;
line-height: 0.9;
color: #ffed00;
text-shadow: 1px 0 #31302f, -1px 0 #31302f, 0 1px #31302f, 0 -1px #31302f; }
@supports (-webkit-text-stroke: 0.02em #ffed00) {
.carousel-header .slick--text .slick-slide h2, .carousel-header .slick--text .slick-slide .stroke,
.background-header h2,
.background-header .stroke {
color: transparent;
-webkit-text-stroke: 0.02em #31302f;
text-shadow: none; } }
.carousel-header .slick--text .slick-slide a, .carousel-header .slick--text .slick-slide span,
.background-header a,
.background-header span {
font-family: 'parade_liftone';
color: #31302f;
line-height: 1; }
.carousel-header .slick--text .slick-slide span,
.background-header span {
line-height: 1;
display: block;
line-height: 0.9;
margin-top: 0.1em; }
.carousel-header .slick--text .slick-slide .invert h2, .carousel-header .slick--text .slick-slide .invert .stroke,
.background-header .invert h2,
.background-header .invert .stroke {
color: #31302f;
text-shadow: 1px 0 #ffed00, -1px 0 #ffed00, 0 1px #ffed00, 0 -1px #ffed00; }
@supports (-webkit-text-stroke: 0.02em #ffed00) {
.carousel-header .slick--text .slick-slide .invert h2, .carousel-header .slick--text .slick-slide .invert .stroke,
.background-header .invert h2,
.background-header .invert .stroke {
color: transparent;
-webkit-text-stroke-color: #ffed00;
text-shadow: none; } }
.carousel-header .slick--text .slick-slide .invert a, .carousel-header .slick--text .slick-slide .invert span,
.background-header .invert a,
.background-header .invert span {
color: #ffed00; }
.circle-header-01,
.circle-header-02,
.circle-header-03,
.circle-header-04 {
background: #ffed00 !important; }
.circle-header-01 .container,
.circle-header-02 .container,
.circle-header-03 .container,
.circle-header-04 .container {
position: relative; }
.circle-header-01 .container img:nth-child(1),
.circle-header-02 .container img:nth-child(1),
.circle-header-03 .container img:nth-child(1),
.circle-header-04 .container img:nth-child(1) {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: auto;
-webkit-transform: translateX(-35%);
transform: translateX(-35%); }
.circle-header-01 .container img:nth-child(2),
.circle-header-02 .container img:nth-child(2),
.circle-header-03 .container img:nth-child(2),
.circle-header-04 .container img:nth-child(2) {
position: absolute;
top: 5%;
right: 0;
height: 75%;
width: auto;
-webkit-transform: translateX(60%);
transform: translateX(60%); }
.circle-header-02 .container img:nth-child(1) {
top: 25%;
height: 66%;
-webkit-transform: translateX(-35%);
transform: translateX(-35%); }
.circle-header-02 .container img:nth-child(2) {
top: 0;
height: 100%;
-webkit-transform: translateX(50%);
transform: translateX(50%); }
.circle-header-03 .container img:nth-child(1) {
top: 40%;
height: 55%;
-webkit-transform: translateX(-33%);
transform: translateX(-33%); }
.circle-header-03 .container img:nth-child(2) {
top: 0;
height: 66%;
-webkit-transform: translateX(65%);
transform: translateX(65%); }
.circle-header-04 .container img:nth-child(1) {
top: 40%;
height: 55%;
-webkit-transform: translateX(-66%);
transform: translateX(-66%); }
.circle-header-04 .container img:nth-child(2) {
top: 0;
height: 97%;
-webkit-transform: translateX(66%);
transform: translateX(66%); } .search-bar {
background-color: #31302f;
color: white;
display: none;
padding: 0.8rem 0; }
.search-bar form {
text-align: right; }
.search-bar input {
text-align: left; }
.search-bar label {
display: none; } .footer-main { }
.footer-main h4 {
font-weight: 400;
font-size: 1em;
margin-bottom: 0; }
.updates__input,
.updates__submit {
border: none;
outline: none;
font: inherit;
font-family: 'parade_liftone';
-webkit-appearance: none;
display: inline-block;
text-transform: uppercase;
color: #31302f; }
.updates__input::-webkit-input-placeholder {
color: #31302f;
text-transform: uppercase; }
.updates__input:-moz-placeholder {
color: #31302f;
text-transform: uppercase; }
.updates__input::-moz-placeholder {
color: #31302f;
text-transform: uppercase; }
.updates__input:-ms-input-placeholder {
color: #31302f;
text-transform: uppercase; }
.updates__fields {
position: relative;
font-size: 1.3em;
margin-top: 0.8rem; }
.updates__input {
background: transparent;
border-bottom: 2px solid #31302f;
padding-right: 3.5em;
width: 100%;
box-sizing: border-box; }
.updates__submit {
background: transparent;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
padding-right: 0;
border: 2px solid #31302f;
padding: 0.2em;
font-size: 0.8em;
outline: 0.2rem solid white; }
.updates__submit:hover {
background-color: #31302f;
color: #d8d8d8; }
.footer-main .btn, .footer-main .btn--white {
min-width: 0; }
.footer-main ul,
.footer-main li {
list-style: none;
text-indent: 0; }
.footer-main ul {
margin: 0;
padding: 0; }
.footer-main li {
display: inline-block;
vertical-align: middle; }
.logos-pre .row:first-child {
margin-bottom: 2rem; }
.logos-pre h4 {
margin-bottom: 1em; }
.logos-pre a {
display: inline-block;
vertical-align: bottom;
padding: 0.5em; }
.logos-pre li {
margin: 0 0.75em; }
.logos-pre ul {
margin-left: -1.25em; }
.logos-pre img {
height: 5em; }
.logos-pre .min-half {
display: inline-block;
min-width: 50%;
box-sizing: border-box; }
.logos-pre .min-half + .min-half {
padding-left: 0.66rem; }
.logos-pre .logo-group {
display: inline-block;
margin-right: 2.75em; }
@media (max-width: 1140px) {
.logos-pre img {
height: 7vw; }
.logos-pre .logo-group {
margin-right: 2vw; } }
@media (max-width: 720px) {
.logos-pre {
text-align: center; }
.logos-pre img {
height: 4em; }
.logos-pre ul {
margin-left: 0; }
.logos-pre .min-half + .min-half {
padding-left: 0; }
.logos-pre .logo-group {
margin: 0 2em; } }
.smallprint {
background: #31302f;
color: white;
padding: 0.8rem 0;
text-align: center; }
.smallprint_info {
margin-bottom: 0.8rem;
font-size: 12px;
line-height: 16px; }
@media (min-width: 50em) {
.smallprint {
text-align: left; }
.smallprint_info {
float: left;
margin-bottom: 0; }
.smallprint_links {
float: right; } }
.worldpay-info {
background: white;
padding: 0.8rem 0; }
.popup-modal-window {
display: none;
-webkit-flex-direction: column;
flex-direction: column;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
box-sizing: border-box;
padding: 2rem 0; }
.popup-modal-window.is-open {
display: -webkit-flex;
display: flex;
overflow: auto; }
.popup-modal-window_inner {
background: #ffed00;
width: 80%;
max-width: 50rem;
padding: 2rem;
margin: auto;
box-sizing: border-box; }
.popup-modal-window_inner .js-modal-close {
float: right; }
.popup-modal-window_inner h2 {
font-size: 9.5vw;
font-size: clamp(2.5rem, 9.5vw, 108px);
font-family: 'parade_liftone';
text-transform: uppercase;
max-width: none;
padding: 0;
margin: 0;
line-height: 0.9; }
.popup-modal-window_inner h2 .stroke {
color: #ffed00;
text-shadow: 1px 0 #31302f, -1px 0 #31302f, 0 1px #31302f, 0 -1px #31302f; }
@supports (-webkit-text-stroke: 0.02em #ffed00) {
.popup-modal-window_inner h2 .stroke {
color: transparent;
-webkit-text-stroke: 0.02em #31302f;
text-shadow: none; } }
.popup-modal-window_inner p {
max-width: 25em;
margin: 1em 0; }
@media (min-width: 600px) {
.popup-modal-window_inner p {
font-size: 1.5rem; } }
.popup-modal-window_inner .btn, .popup-modal-window_inner .btn--white {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 0;
text-transform: uppercase; } .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
top: 0;
left: 0;
display: block; }
.slick-track:before,
.slick-track:after {
display: table;
content: ''; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: none !important; }
[dir='rtl'] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; } .slick--img > *,
.slick--text > * {
display: none; }
.slick--img > *:first-child,
.slick--text > *:first-child {
dispplay: block; }
.slick-slide {
overflow: hidden; }
.slick-initialized.slick--img > *,
.slick-initialized.slick--text > * {
display: block; }
.slick--img,
.slick--holding {
position: absolute;
background-color: black;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1; }
.slick--img div,
.slick--holding div {
background-size: cover;
background-position: center;
height: 100%; }
.slick--text {
bottom: 0;
left: 0;
width: 100%;
position: relative;
padding-bottom: 4rem;
text-align: center; }
.slick-list,
.slick-track,
.slick-slide {
height: 100%; }
.slick-prev,
.slick-next {
position: absolute;
top: 50%;
left: 0;
z-index: 10;
font-size: 2em !important; }
.slick-next {
left: auto;
right: 0; }
.slick-dots {
position: absolute;
bottom: 1em;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.slick-dots,
.slick-dots li {
list-style: none;
display: inline-block;
text-indent: 0;
margin: 0;
padding: 0; }
.slick-dots button {
border: none;
outline: none;
margin: 0.3em;
padding: 0;
background: #ffed00;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
cursor: pointer;
text-indent: 100%;
whitespace: no-wrap;
overflow: hidden; }
.slick-dots .slick-active button {
background: white; }
.share-links {
padding: 0.8rem 0 3rem; }
.share-links ul {
display: block;
margin-top: 0.8rem; }
.share-links .icon {
font-size: 2.5em;
margin-right: 0.1em; } .partners-content img {
height: 4.5em;
width: auto;
display: inline-block; }
.partners-content ul, .partners-content li {
list-style: none;
text-indent: 0;
padding: 0; }
.partners-content a {
color: inherit;
text-decoration: none; } .front-page-content {
background: #31302f;
color: #fff;
overflow: hidden; }
.front-page-content .copy-pullout {
font-size: 1.5em;
max-width: 28em !important;
color: #ffed00; }
.front-page-content .copy-pullout a {
color: #ffed00; }
.front-page-content .title-block + img {
margin-top: 0 !important; }
.front-page-content .container {
position: relative; }
.front-page-content .container > * {
position: relative;
z-index: 1; }
.front-page-content .container .circle-01 {
position: absolute;
top: 5%;
right: 0;
height: 35%;
width: auto;
max-height: 30em;
-webkit-transform: translateX(50%);
transform: translateX(50%);
z-index: 0; }
.front-page-content .container .circle-02 {
position: absolute;
bottom: 0;
left: 0;
height: 50%;
width: auto;
max-height: 40em;
-webkit-transform: translate(-50%, 33%);
transform: translate(-50%, 33%);
z-index: 0; } .itinerary-list .event-listing {
outline: 1px solid #efefef;
cursor: move; }
.event-listing.sortable-ghost {
opacity: 0.2; }
.event-listing.sortable-chosen {
background: yellow; }  .acf-map {
width: 100%;
height: calc(90vh - 12em);
min-height: 20em;
border: #ccc solid 1px;
margin-bottom: 0.8rem;
border: none;
outline: none; }
.acf-map .marker {
position: absolute;
display: none; } .acf-map img {
max-width: inherit !important; }
.post-type-archive-venue,
.single-venue {
background: #ffed00; }
.post-type-archive-venue .page-header,
.single-venue .page-header {
background: #31302f;
background: #31302f url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/img/2021/shape-black.svg) 60% 66%/auto 400% no-repeat;
padding: 3rem 0; }
.post-type-archive-venue .page-header .page-title,
.single-venue .page-header .page-title {
background: transparent;
margin: 0; }
.post-type-archive-venue .page-header .page-title h1,
.single-venue .page-header .page-title h1 {
color: #ffed00;
margin: 0;
text-align: left; }
.post-type-archive-venue .page-header .page-title h2,
.single-venue .page-header .page-title h2 {
color: #ffed00;
font-size: 3.5em;
line-height: 0.9;
text-transform: uppercase;
font-family: 'parade_liftone';
max-width: 85%;
margin: 0;
text-align: left; }
@supports (-webkit-text-stroke: 0.02em #ffed00) {
.post-type-archive-venue .page-header .page-title h2,
.single-venue .page-header .page-title h2 {
color: transparent;
-webkit-text-stroke: 0.02em #ffed00;
text-shadow: none; } }
.post-type-archive-venue #venue-filter,
.single-venue #venue-filter {
display: block;
width: 100%;
max-width: none;
font: inherit;
background: none;
border: 1px solid;
margin: 2em 0;
padding: 1em;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: 'parade_liftone';
text-transform: uppercase; }
.post-type-archive-venue #venue-filter::-webkit-input-placeholder, .single-venue #venue-filter::-webkit-input-placeholder {
color: inherit; }
.post-type-archive-venue #venue-filter::-moz-placeholder, .single-venue #venue-filter::-moz-placeholder {
color: inherit; }
.post-type-archive-venue #venue-filter:-ms-input-placeholder, .single-venue #venue-filter:-ms-input-placeholder {
color: inherit; }
.post-type-archive-venue #venue-filter::placeholder,
.single-venue #venue-filter::placeholder {
color: inherit; }
.post-type-archive-venue #venue-filter::-webkit-search-cancel-button,
.single-venue #venue-filter::-webkit-search-cancel-button {
cursor: pointer;
-webkit-appearance: none;
appearance: none;
width: 1em;
height: 1em;
background: url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/img/lightnight-sprite-2020.svg) -9em center/auto 1em no-repeat; }
.post-type-archive-venue .venue-content li,
.single-venue .venue-content li {
list-style: inherit; }
.post-type-archive-venue .venue-content .row,
.single-venue .venue-content .row {
padding-top: 3rem; }
.post-type-archive-venue .lhs > p:first-child,
.single-venue .lhs > p:first-child {
font-size: 2rem;
line-height: 1.2;
margin-bottom: 1em; }
.post-type-archive-venue .main-venue-image img,
.single-venue .main-venue-image img {
display: block;
width: 100%;
height: auto;
max-width: none;
margin: 3rem 0 0; }
.post-type-archive-venue .venue_related-events,
.single-venue .venue_related-events {
padding-bottom: 3rem; }
.post-type-archive-venue .venue_related-events > h3,
.single-venue .venue_related-events > h3 {
padding: 0 0 0.5em;
font-size: 3rem;
font-family: 'parade_liftthree'; }
.post-type-archive-venue .footer-main,
.single-venue .footer-main {
background: #fff; } #travel-info section {
margin-bottom: 3rem; }
.collapsible_trigger {
padding: 1em 0;
border-bottom: 2px solid black;
margin: 0;
font: inherit;
font-weight: 400;
cursor: pointer; }
.collapsible_trigger:hover {
color: #ffed00; }
.collapsible_trigger:after {
content: '+';
float: right; }
.collapsible_trigger.is-open:after {
content: '–'; }
.collapsible_pane {
padding: 1em;
background: #d8d8d8;
border-bottom: 2px solid black;
margin-top: 0;
display: none; } .relevanssi-query-term {
font-weight: 700;
font-style: normal; }
.title-block .relevanssi-query-term {
font-weight: 400;
text-decoration: underline; } #whats-on-header h1 {
font-size: 9.5vw;
font-size: clamp(2.5rem, 9.5vw, 108px);
line-height: 1; }
@media (min-width: 1140px) {
#whats-on-header h1 {
font-size: 108px; } }
#whats-on-header p {
max-width: 20em;
font-size: 2rem; }
#whats-on-featured {
background: #31302f url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/img/2021/shape-black.svg) 66.667% center/auto 66.667% no-repeat;
color: #ffed00;
padding: 3rem 0;
position: relative;
z-index: 2; }
#whats-on-featured .btn, #whats-on-featured .btn--white {
color: inherit !important; }
#whats-on-featured .btn:hover, #whats-on-featured .btn--white:hover {
color: #31302f !important;
border-color: #ffed00; }
#whats-on-listings {
background: #ffed00; }
.circle-parent {
position: relative; }
.circle-parent > * {
position: relative;
z-index: 1; }
.circle-parent .circle-01 {
position: absolute;
top: 1em;
left: 0;
height: 50%;
width: auto;
max-height: 40em;
-webkit-transform: translateX(-85%);
transform: translateX(-85%);
z-index: 0; }
.circle-parent .circle-02 {
position: absolute;
top: 45em;
right: 0;
height: 35%;
width: auto;
max-height: 30em;
-webkit-transform: translateX(50%);
transform: translateX(50%);
z-index: 0; }
.btn.back-to-top, .back-to-top.btn--white {
text-align: center;
margin: 2rem auto;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.btn.back-to-top:after, .back-to-top.btn--white:after {
content: '';
display: inline-block;
width: 1em;
height: 1em;
-webkit-transform: translateY(0.1em);
transform: translateY(0.1em);
margin-left: 1em;
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyNiAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuODc1NjQ0IDIyTDEzIDFMMjUuMTI0NCAyMkgwLjg3NTY0NFoiIHN0cm9rZT0iIzMxMzAyRiIvPgo8L3N2Zz4K") center/contain no-repeat; }
#filters:before {
content: "";
display: block;
height: 100px;
margin: -100px 0 0; }
.filter-block {
margin-bottom: 0.8rem; }
.filter-block:first-child {
padding-top: 2rem; }
.filter-block h3 {
cursor: pointer;
padding: 0.4em 0.2em;
background: none;
margin: 0;
border-bottom: 2px solid; }
.filter-block h3:after {
content: '+';
margin-left: 0.25em; }
.filter-block .filter-list {
display: none;
list-style-type: none;
margin: 0;
padding: 0.2em 1em 1em;
max-width: none;
background: #fff9a8; }
.filter-block .filter-list li {
display: inline-block; }
.filter-block .filter-list li label {
display: inline-block;
border: 1px solid #31302f;
padding: 0.15em 0.3em;
transition: .2s;
margin: 0;
cursor: pointer; }
.filter-block .filter-list input {
display: none !important; }
.filter-block .filter-list input:checked + label {
background-color: #31302f;
color: #fff9a8; }
.filter-block.is-open h3:after {
content: '–'; }
.filter-block.disabled {
opacity: 0.2;
background: #ccc;
pointer-events: none; }
.filter-block.disabled h3 {
cursor: default; }
.filter-block.disabled h3:after {
content: '+'; }
.filter-block.disabled li > label {
cursor: default; }
.filter-block.disabled .filter-list {
display: none !important; }
.btn.remove-filters, .remove-filters.btn--white {
margin: 0 0 3rem; }
.circle-parent {
position: relative; }
.circle-parent > * {
position: relative;
z-index: 1; }
.circle-parent .circle-01 {
position: absolute;
top: 1em;
left: 0;
height: 50%;
width: auto;
max-height: 40em;
-webkit-transform: translateX(-85%);
transform: translateX(-85%);
z-index: 0; }
.circle-parent .circle-02 {
position: absolute;
top: 45em;
right: 0;
height: 35%;
width: auto;
max-height: 30em;
-webkit-transform: translateX(50%);
transform: translateX(50%);
z-index: 0; }
.circle-parent.event-content .circle-01 {
top: 15%;
left: 0;
height: 20%;
max-height: 20em;
-webkit-transform: translateX(-85%);
transform: translateX(-85%);
z-index: -1; }
.circle-parent.event-content .circle-02 {
top: 25em;
right: 0;
height: 40%;
max-height: 30em;
-webkit-transform: translateX(75%);
transform: translateX(75%);
z-index: -1; }
#whats-on-listings .circle-parent .circle-01 {
left: auto;
right: 0;
-webkit-transform: none;
transform: none; }
#whats-on-listings .circle-parent .circle-02 {
right: auto;
left: 0;
-webkit-transform: translateX(-25%);
transform: translateX(-25%);
max-height: 40em; }
.event-listing {
position: relative;
padding: 0.5em 7em 0.6em 8.5em;
margin: 0;
overflow: hidden;
transition: 0.4s;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
.event-listing h3 {
background: none;
margin: 0;
padding: 0;
color: black; }
.event-listing h3 a {
color: inherit;
text-decoration: none; }
.event-listing p {
font-size: 0.95em;
margin-top: 0.2em;
line-height: 1.2; }
.event-listing img {
position: absolute;
top: 0;
left: 0;
width: 7.5em;
height: auto;
margin-bottom: 0; }
.event-listing .btn, .event-listing .btn--white {
position: absolute;
top: 50%;
right: 1em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
border-color: #31302f; }
.event-listing .btn:hover, .event-listing .btn--white:hover {
background-color: #31302f;
color: #fff !important; }
.event-listing:nth-child(2n) {
background-color: #ffed00; }
.event-listing.js-zebra {
background-color: #ffed00 !important; }
.event-listing.js-unzebra {
background-color: #fff !important; }
@media (max-width: 50em) {
.event-listing {
padding: 0.5em 7em 0.6em 1em; }
.event-listing img {
display: none; }
.event-listing .btn, .event-listing .btn--white {
position: static;
-webkit-transform: none;
transform: none;
margin-top: 0.75em; } }
.event-listing.is-hidden {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
.event-listing.is-cancelled, .event-listing.is-sold-out {
background: #dcdcdc; }
.event-listing.is-cancelled:nth-child(2n), .event-listing.is-sold-out:nth-child(2n) {
background: #d3d3d3; }
.event-listing.is-cancelled img, .event-listing.is-cancelled p, .event-listing.is-sold-out img, .event-listing.is-sold-out p {
opacity: 0.1; }
.event-listing.is-cancelled a, .event-listing.is-sold-out a {
color: #666;
border-color: #666; }
.event-listing.is-cancelled a:hover, .event-listing.is-sold-out a:hover {
background: #666;
color: #efefef; }
.event-listing.is-cancelled h3:after, .event-listing.is-sold-out h3:after {
content: ' [Sold\00a0Out]';
color: #ffed00; }
.event-listing.is-cancelled h3:after {
content: ' [Cancelled]'; }
.no-results {
border: 3px solid #ffed00;
padding: 1em;
display: none;
margin: 0; }
.no-results.visible {
display: block !important; } .single-event .background-header {
margin-bottom: 0; }
.single-event .background-header > .container > img:nth-child(1) {
left: auto;
right: 50%;
top: -50%;
height: 150%;
-webkit-transform: translate(0) rotate(180deg);
transform: translate(0) rotate(180deg); }
.single-event .background-header > .container > img:nth-child(2) {
left: 50%;
right: auto;
top: -50%;
height: 175%;
-webkit-transform: translate(0);
transform: translate(0); }
.single-event .event-content {
padding-top: 3rem; }
.single-event .event-content strong.free-event {
display: block; }
.single-event .event-content .main-event-image {
width: 100%;
max-width: none;
margin: 0 auto 4rem; }
.single-event .event-content .button-group {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.single-event .event-content .lhs .button-group {
margin-top: 3rem; }
.single-event--live .event-content, .single-event--zoom .event-content {
background: #31302f url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/img/2021/triangle-black.svg) 50vw 33%/66vw auto no-repeat;
color: #ffed00; }
.single-event--live .event-content a, .single-event--zoom .event-content a {
color: inherit; }
.single-event:not(.single-event--live):not(.single-event--zoom) .event-content {
background: url(//archive.lightnightliverpool.co.uk/wp-content/themes/2021/assets/img/2021/shape-yellow.svg) 66% 66%/40vw auto no-repeat; }
.single-event:not(.single-event--live):not(.single-event--zoom) .share-links a {
-webkit-filter: none;
filter: none; }
.single-event:not(.single-event--live):not(.single-event--zoom) .icon--inperson {
-webkit-filter: brightness(0);
filter: brightness(0); }
.single-event .icon--online,
.single-event .icon--inperson {
font-size: 2em;
vertical-align: middle;
margin-right: 0.2em; }
.single-event_intro, .single-event:not(.single-event--live) .lhs > p:first-child {
font-size: 2rem;
line-height: 1.2;
margin-bottom: 1em; }
.single-event_intro {
max-width: 40rem; }
.single-event .share-links a {
-webkit-filter: invert(92%) sepia(89%) saturate(1078%) hue-rotate(346deg) brightness(96%) contrast(111%);
filter: invert(92%) sepia(89%) saturate(1078%) hue-rotate(346deg) brightness(96%) contrast(111%); }
.single-event .video-embed {
margin: 3rem 0; }
.status-warning {
margin-top: 0.8rem !important;
display: inline-block;
max-width: 90%;
background: #efefef;
padding: 0.5em;
font-family: 'parade_liftone';
text-transform: uppercase;
color: #ffed00; }
.venue-content .row,
.event-content .row {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column; }
.venue-content .row .rhs,
.event-content .row .rhs {
margin-bottom: 3rem;
font-size: 1.25rem; }
@media (min-width: 40em) {
.venue-content .row,
.event-content .row {
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between; }
.venue-content .row .lhs,
.event-content .row .lhs {
-webkit-flex: 1 1 100%;
flex: 1 1 100%; }
.venue-content .row .rhs,
.event-content .row .rhs {
-webkit-flex: 0 0 14rem;
flex: 0 0 14rem;
padding-left: 2rem; }
.venue-content .row:after,
.event-content .row:after {
display: none; } }
.itinerary-add-confirm {
position: fixed;
width: 50%;
min-width: 16em;
bottom: 2em;
left: 100%;
opacity: 0;
padding: 2em;
background: black;
color: white;
transition: 0.6s; }
.itinerary-add-confirm.js-show {
opacity: 1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transform: translateX(calc( -100% - 2em));
transform: translateX(calc( -100% - 2em)); }
.itinerary-btn-pre .btn, .itinerary-btn-pre .btn--white {
margin-top: 0; }
.event-related img {
width: 100%;
height: auto; }
.event-related h3.related-title {
background: none;
margin: 0;
padding: 0;
color: black;
display: inline;
border-bottom: 2px solid #ffed00; }
.event-related h3.related-title a {
text-decoration: none;
color: inherit; }
@media (max-width: 40em) {
.event-related .col-half + .col-half {
margin-top: 3rem; } }
.related-image {
width: 100%;
background-size: cover;
background-postition: center;
background-repeat: no-repeat;
margin-bottom: 0.8rem; }
.related-image:after {
content: '';
display: block;
width: 100%;
padding-bottom: 66.667%; } .shop-thumb {
margin-bottom: 3rem;
margin-top: 0;
box-sizing: border-box; }
@media (min-width: 30em) {
.shop-thumb {
width: 50%;
float: left;
padding-right: 0.66rem; }
.shop-thumb:nth-child(2n) {
padding-right: 0;
padding-left: 0.66rem; } }
.shop-thumb p {
max-width: 23em; }
.shop-thumb img {
width: 100%;
height: auto;
border: 2px solid #ffed00;
box-sizing: border-box;
margin-bottom: 0.8rem;
margin-top: 0; }
.shop-img-pre {
margin: 0;
padding: 0;
margin-bottom: 0.8rem; }
.shop-img-caption {
font-style: normal; }
.shop-img {
width: 100%;
height: auto;
display: block;
margin-bottom: 0.8rem;
border: 2px solid #ffed00;
box-sizing: border-box; }
.shop-img img {
margin: 0; }
.more-info ul {
margin: 0.8rem 0;
padding: 0; }
.more-info li {
list-style: none;
text-indent: 0; }
.more-info li:before {
content: '– '; }
.buy-now {
border: none;
outline: none;
font: inherit;
font-family: 'parade_liftone';
line-height: 1.2;
color: #31302f;
-webkit-appearance: none;
display: inline-block;
text-transform: uppercase;
background: transparent;
cursor: pointer;
border: 2px solid #31302f;
padding: 0.2em;
margin-top: 0.4rem; }
.buy-now:hover {
background-color: #31302f;
color: white; }