/*!
Theme Name: Round Again
Author: LUA Design

*/
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

article, aside, figure, footer, header, nav, section, details, summary { display: block; }

/* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites. If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img, object, embed { max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */
ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input[type=email] { font-family: sans-serif; }

input[type=submit] { font-family: 'proxima-nova-extra-condensed', sans-serif; }

table { font-size: inherit; font: 100%; }

small { font-size: 85%; }

strong { font-weight: bold; }

td, td img { vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE */
button, input[type=button] { width: auto; overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* colours */
@media (min-width: 50em) { .fade-in { animation: fade-in 2s; } }

@media (min-width: 50em) { .fade-in-slow, .thumb-box { animation: fade-in 3.33s; } }

@media (min-width: 50em) { .come-in { transform: translateX(-4000px); animation: come-in .85s ease forwards; } }

@media (min-width: 50em) { .come-in-right { transform: translateX(4000px); animation: come-in .85s ease forwards; } }

@media (min-width: 50em) { .come-in-top { transform: translateY(-4000px); animation: come-in .85s ease forwards; } }

@media (min-width: 50em) { .come-in-bottom { transform: translateY(4000px); animation: come-in .85s ease forwards; } }

@keyframes fade-in { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes come-in { to { transform: translateY(0); } }

@keyframes fade-In-Scale { 0% { transform: scale(0.9);
    opacity: 0; }
  100% { transform: scale(1);
    opacity: 1; } }

* { box-sizing: border-box; }

.chromeframe { position: absolute; top: 0; }

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
html { background-size: contain; }

body { font: 13px; background-color: #2a4e7f; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body, select, input, textarea { color: #494b59; }

::-moz-selection { background: #fcd700; color: #494b59; text-shadow: none; }

::selection { background: #fcd700; color: #494b59; text-shadow: none; }

/*	j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: none; }

ins { background-color: #fcd700; color: #000; text-decoration: none; }

mark { background-color: #fcd700; color: #000; font-style: italic; font-weight: bold; }

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color: #494b59; }

textarea:-moz-placeholder, option { color: #494b59; }

input:focus, textarea:focus { outline: none; }

[placeholder]:focus::-webkit-input-placeholder { -webkit-transition: opacity 0.5s 0.5s ease; transition: opacity 0.5s 0.5s ease; opacity: 0; }

.tab_container [id^="tab"] + label:hover, .tab_container [id^="tab"] + label:focus, a, input[type=button], input[type=submit], button, .gigbookings:hover, .gigbookings:focus, li.wip:hover, li.wip:focus, li.wip .ticketbox:hover, .ticketbox:focus, span.popup, span.popup:hover, .sold-out-box:hover, #close-podcast:hover, #close-podcast:focus, #podcast:hover, #podcast:focus { color: #ffbb00; text-decoration: none; transition: all 0.6s ease-in-out; }

a:hover, a:focus { color: #7ca9f1; }

input, button { -webkit-appearance: none; }

button:focus { outline: 0; }

img { width: 100%; height: auto; }

body, button { font-family: 'montserrat', sans-serif; font-weight: 400; }

@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?z5o4d5"); src: url("fonts/icomoon.eot?z5o4d5#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?z5o4d5") format("truetype"), url("fonts/icomoon.woff?z5o4d5") format("woff"), url("fonts/icomoon.svg?z5o4d5#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-radio4:before { content: "\e907"; }

.icon-threads:before { content: "\e90e"; }

.icon-bsl-hands:before { content: "\e906"; }

.icon-ticketmaster:before { content: "\e905"; }

.icon-star:before { content: "\e90c"; }

.icon-small-arrow:before { content: "\e901"; }

.icon-tiktok:before { content: "\e90a"; }

.icon-IMdblogo:before { content: "\e908"; }

.icon-cross:before { content: "\e909"; }

.icon-vimeo-icon:before { content: "\e900"; }

.icon-menu-hoz:before { content: "\e904"; }

.icon-x:before { content: "\e90f"; }

.icon-shopping-cart:before { content: "\e90b"; }

.icon-chevron-right:before { content: "\e90d"; }

.icon-paper-plane:before { content: "\e902"; }

.icon-send:before { content: "\e902"; }

.icon-home:before { content: "\e903"; }

.icon-headphones:before { content: "\e910"; }

.icon-connection:before { content: "\e91b"; }

.icon-mic:before { content: "\e91e"; }

.icon-cart:before { content: "\e93a"; }

.icon-envelop:before { content: "\e945"; }

.icon-redo2:before { content: "\e968"; }

.icon-reply:before { content: "\e96a"; }

.icon-bubble:before { content: "\e96b"; }

.icon-quotes-left:before { content: "\e977"; }

.icon-quotes-right:before { content: "\e978"; }

.icon-search:before { content: "\e986"; }

.icon-menu:before { content: "\e9bd"; }

.icon-download3:before { content: "\e9c7"; }

.icon-earth:before { content: "\e9ca"; }

.icon-link:before { content: "\e9cb"; }

.icon-heart:before { content: "\e9da"; }

.icon-play3:before { content: "\ea1c"; }

.icon-stop2:before { content: "\ea1e"; }

.icon-backward2:before { content: "\ea1f"; }

.icon-forward3:before { content: "\ea20"; }

.icon-loop:before { content: "\ea2d"; }

.icon-amazon:before { content: "\ea87"; }

.icon-facebook:before { content: "\ea90"; }

.icon-facebook2:before { content: "\ea91"; }

.icon-instagram:before { content: "\ea92"; }

.icon-whatsapp:before { content: "\ea93"; }

.icon-twitter:before { content: "\ea96"; }

.icon-youtube:before { content: "\ea9d"; }

.icon-youtube2:before { content: "\ea9e"; }

.icon-appleinc:before { content: "\eabe"; }

#top { padding: 3vw 0 0; margin-bottom: 0; }

@media (min-width: 640px) { #top { min-height: 100px; margin-bottom: 0em; } }

#header-info { display: flex; flex-direction: row; flex-wrap: wrap; }

#header-info .profile-img, #header-info .header-content { order: 2; }

@media only screen and (max-width: 760px) { #header-info .profile-img, #header-info .header-content { order: 2; justify-content: center; } }

@media (min-width: 768px) and (orientation: portrait) { #header-info .profile-img, #header-info .header-content { flex: 1 1 40%; } }

@media (min-width: 50em) { #header-info .profile-img, #header-info .header-content { flex: 1 1 40%; } }

#header-info .profile-img img, #header-info .header-content img { display: block; position: relative; }

#header-info .header-content { display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; padding: 3vw; order: 1; }

@media (min-width: 50em) { #header-info .header-content { flex: 1 1 55%; } }

@media only screen and (max-width: 760px) { #header-info .header-content { margin-top: 5rem; } }

#top h1 { width: 100%; font-size: 7rem; text-transform: uppercase; line-height: .9em; margin: 0 auto; letter-spacing: -5px; text-align: center; }

#top h1 img { display: block; }

@media (min-width: 960px) { #top h1 img { max-width: 100%; } }

@media only screen and (max-width: 1080px) { #top h1 { font-size: 5rem; } }

@media only screen and (max-width: 760px) { #top h1 { font-size: 3rem; letter-spacing: -2px; width: 100%; } }

.socialmedia { overflow: hidden; width: 100%; margin: 2rem 0; display: block; text-align: center; }

@media (min-width: 960px) { .socialmedia { margin: 2rem 0 1rem; } }

.socialmedia li { display: inline-block; font-size: 1.75rem; padding: 0 1rem; }

@media (min-width: 960px) { .socialmedia li { padding: 0 1rem; font-size: 2rem; } }

@media (min-width: 1241px) { .socialmedia li { padding: 0 1rem; font-size: 3vw; } }

.screen-reader-text { position: absolute; top: -9999px; left: -9999px; }

.fixedhead.headerlinktotop { background: #46606d; background: linear-gradient(100deg, #1b191f 0%, #554c56 100%); }

.fixedhead { width: 100%; overflow: visible; padding: 15px 10px; position: fixed; top: 0; left: 0; z-index: 5; }

@media only screen and (max-width: 979px) { .fixedhead { padding: 5px 10px 10px; } }

#mailersignup { background-color: #554c56; padding: 2.5vw; }

#mailersignup .button { background-color: transparent; padding: 0; margin: 0; }

#mailersignup .sib_signup_box_inside_1 { display: block; width: 100%; margin: 0; }

#mailersignup form { text-transform: uppercase; display: block; position: relative; }

@media (min-width: 768px) and (orientation: portrait) { #mailersignup form { padding: 0; } }

@media (min-width: 50em) { #mailersignup form { padding: 0; } }

#mailersignup p.mailtitle { text-align: center; color: #fff; }

#mailersignup label { display: none; }

#mailersignup select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

#mailersignup input, #mailersignup select { border-radius: 5px; border: 0; background-color: #f5feff; margin: .5rem 0; vertical-align: middle; line-height: 1.4em; overflow: hidden; font-size: 1rem; padding: 1rem; width: 100%; }

body.page-id-52043 #mailersignup button { background-color: #ffbb00; color: #494b59; border: none; font-weight: 800; font-size: 2rem; margin: 1rem 0; width: 100%; text-transform: uppercase; border-radius: 5px; padding: .5rem 1rem; }

body.page-id-52043 #mailersignup button:hover, body.page-id-52043 #mailersignup button:focus { background-color: #7ca9f1; color: #f5feff; }

button { background-color: #ffbb00; color: #494b59; border: none; font-weight: 800; font-size: 2rem; margin: 1rem 0; width: 100%; text-transform: uppercase; border-radius: 5px; padding: .5rem 1rem; }

button:hover, button:focus { background-color: #7ca9f1; color: #f5feff; }

#datesnav { display: flex; flex-direction: row; flex-wrap: wrap; font-weight: 800; font-size: 1.6rem; margin: 1rem 0 0; justify-content: center; }

@media (min-width: 50em) { #datesnav { margin: 1rem 3vw 0; justify-content: flex-start; font-size: 3.3vw; } }

#datesnav li { margin: 0 .5rem .75rem; line-height: 1; display: block; }

@media (min-width: 50em) { #datesnav li { margin: 0  1rem 0 0; } }

#datesnav li a { border-radius: 5px; color: #494b59; background-color: #ffbb00; padding: .25rem 1rem; display: block; }

#datesnav li a:hover, #datesnav li a:focus { background-color: #7ca9f1; }

#datesnav li.active a { background-color: #f5feff; }

.main-navigation { clear: both; display: inline-block; width: 100%; padding: 0  0; align-items: center; align-self: flex-start; }

.main-navigation button { border: none; background-color: transparent; font-size: 2.25rem; color: #ffbb00; padding: 0; vertical-align: top; }

.main-navigation button:after { content: none; }

@media (min-width: 960px) { .main-navigation { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; flex: 0 0 100%; } }

@media (min-width: 768px) and (orientation: portrait) { .main-navigation { width: 100%; margin-left: 0; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .main-navigation { width: 100%; margin-left: 0; } }

@media (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .main-navigation { width: 100%; margin-left: 0; } }

@media only screen and (min-width: 320px) and (max-width: 896px) and (orientation: landscape) { .main-navigation { text-align: left; } }

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .main-navigation { width: left; } }

.main-navigation ul { display: none; list-style: none; margin: 0; padding: 0 0; }

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; }

.main-navigation li { position: relative; text-transform: uppercase; letter-spacing: 1px; font-size: 1.2rem; font-weight: 700; }

@media (min-width: 768px) and (orientation: portrait) { .main-navigation li { font-size: 1.3rem; } }

@media (min-width: 960px) { .main-navigation li { font-size: 1rem; } }

@media (min-width: 1241px) { .main-navigation li { font-size: 1.25rem; letter-spacing: 1px; } }

@media (min-width: 1621px) { .main-navigation li { font-size: 1.5rem; } }

@media (min-width: 2201px) { .main-navigation li { font-size: 1.66rem; } }

.main-navigation li:hover > a, .main-navigation li.focus > a { color: #7ca9f1; transform: scale(1.1); }

.main-navigation a { display: block; text-decoration: none; padding: 0 .3rem; transition: all .33s ease-in-out; }

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { color: #f5feff; }

.main-navigation .current_page_item > a:hover, .main-navigation .current_page_item > a:focus, .main-navigation .current-menu-item > a:hover, .main-navigation .current-menu-item > a:focus, .main-navigation .current_page_ancestor > a:hover, .main-navigation .current_page_ancestor > a:focus, .main-navigation .current-menu-ancestor > a:hover, .main-navigation .current-menu-ancestor > a:focus { transform: none; transition: none; cursor: default; color: #f5feff; }

/* Small menu. */
.menu-toggle { border: none; background-color: transparent; font-size: 1.8rem; color: #ffbb00; padding: 14px; width: 100%; display: flex; flex: 0 0 100%; z-index: 7; text-align: center; position: relative; justify-content: center; }

.main-navigation.toggled ul { display: block; text-align: center; width: 100%; }

.main-navigation.toggled ul .icon-menu { font-size: 2rem; }

ul.social-media { display: inline-block; width: 78%; text-align: right; padding: 0 0; }

ul.social-media li { display: inline-block; font-size: 1.4rem; }

@media (max-width: 375px) { ul.social-media li { font-size: 1.2rem; } }

@media (min-width: 960px) { ul.social-media li { font-size: 1.25rem; } }

@media (min-width: 1241px) { ul.social-media li { font-size: 1.4rem; } }

@media (min-width: 1621px) { ul.social-media li { font-size: 1.65rem; } }

@media (min-width: 2201px) { ul.social-media li { font-size: 1.75rem; } }

ul.social-media li a { text-align: center; vertical-align: middle; }

.menu-toggle { display: inline-block; }

@media screen and (min-width: 960px) { .menu-toggle { display: none; } .main-navigation ul { display: flex; flex: 2 1 80%; justify-content: space-between; vertical-align: middle; line-height: 1; } ul.social-media { display: flex; flex: 1 1 11%; justify-content: flex-end; text-align: right; padding-left: 2vw; vertical-align: middle; line-height: 1; } ul.social-media li { flex: 1 1 auto; } }

.main-navigation.toggled { display: block; }

.main-navigation.toggled ul.nav-menu { position: absolute; background-color: #494b59; height: 97vh; left: 0; right: 0; top: -5px; padding: 10% 20px 25%; overflow: hidden; text-align: center; transform: translateY(-500px); animation: come-in .3s ease forwards; z-index: 6; display: flex; flex-direction: column; flex-wrap: wrap; flex: 0 0 100%; justify-content: space-around; margin-top: 5px; }

.main-navigation.toggled ul.nav-menu li a:before, .main-navigation.toggled ul.nav-menu li a:after { content: ''; bottom: 0; height: 0; border-radius: 0; background-color: transparent; margin: 0 0; }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1rem; overflow: hidden; }

@media (min-width: 50em) { .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } }

@media (min-width: 50em) { .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } }

.comment-navigation, .posts-navigation, .post-navigation { display: block; width: 100%; }

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0; overflow: hidden; }

.comment-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next, .post-navigation .nav-previous, .post-navigation .nav-next { font-size: 1rem; margin: 1rem 0 1rem; }

@media (min-width: 50em) { .comment-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next, .post-navigation .nav-previous, .post-navigation .nav-next { font-size: 1.2rem; margin: 2rem 0 1rem; } }

.comment-navigation .nav-previous a, .comment-navigation .nav-next a, .posts-navigation .nav-previous a, .posts-navigation .nav-next a, .post-navigation .nav-previous a, .post-navigation .nav-next a { display: block; padding: 1rem 2rem; background-color: #ffbb00; text-align: center; font-weight: 700; transition: all .4s ease-in-out; color: #2a4e7f; text-transform: uppercase; width: 100%; }

.comment-navigation .nav-previous a:hover, .comment-navigation .nav-previous a:focus, .comment-navigation .nav-next a:hover, .comment-navigation .nav-next a:focus, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-previous a:focus, .posts-navigation .nav-next a:hover, .posts-navigation .nav-next a:focus, .post-navigation .nav-previous a:hover, .post-navigation .nav-previous a:focus, .post-navigation .nav-next a:hover, .post-navigation .nav-next a:focus { transition: all .4s ease-in-out; background-color: #7ca9f1; color: #2a4e7f; }

.comment-navigation .nav-previous a:before, .posts-navigation .nav-previous a:before, .post-navigation .nav-previous a:before { font-family: 'icomoon' !important; content: '\ea1f\00A0'; font-size: .9rem; }

.comment-navigation .nav-next a:after, .posts-navigation .nav-next a:after, .post-navigation .nav-next a:after { font-family: 'icomoon' !important; content: '\00A0\ea20'; font-size: .9rem; }

body { background: #46606d; background: linear-gradient(100deg, #1b191f 0%, #554c56 100%); }

.section-heading { width: 100%; }

.section-heading h2 { color: #f5feff; text-transform: uppercase; text-align: center; width: 100%; }

@media (min-width: 50em) { .section-heading h2 { text-align: left; } }

.alt-col { color: #8FDAFF; }

.entry { margin: 0 auto; padding-bottom: 0; overflow: hidden; color: #f5feff; }

.years h2, .back-at-it h2 { margin: 0 0 3vw; }

@media (min-width: 50em) { .years h2, .back-at-it h2 { margin: 0 3vw; width: auto; } }

.years li.section-heading h2, .back-at-it li.section-heading h2 { margin: 0 0; }

@media (min-width: 50em) { .years li.section-heading h2, .back-at-it li.section-heading h2 { font-size: 3vw; } }

.contactentry, .entry.shop { max-width: 94%; }

.section-box { padding-top: 5rem; }

@media (min-width: 50em) { .section-box { padding-top: 8rem; } }

body.page-template-page-test .entry.archivegigs { background-color: transparent; }

body.single-tour .entry { overflow: visible; }

body.single-tour h2 { text-align: center; font-size: 2rem; }

ul.archivegigs { padding: 5vw; }

@media (min-width: 768px) and (orientation: portrait) { ul.archivegigs { padding: 3vw; } }

@media (min-width: 50em) { ul.archivegigs { margin-top: 2rem; padding: 0; } }

ul.archivegigs li { margin-bottom: 1rem; color: #494b59; display: flex; flex: 0 0 100%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; font-size: 1.4rem; line-height: 1; overflow: hidden; border-radius: 5px; background-color: #f5feff; padding: 3vw 4vw; }

ul.archivegigs li:nth-of-type(even) { background-color: #fff; }

@media (min-width: 768px) and (orientation: portrait) { ul.archivegigs li { padding: 2vw; } }

@media (min-width: 50em) { ul.archivegigs li { border-radius: 0; font-size: 1.65vw; padding: .9vw 1.5vw; } }

ul.archivegigs li.section-heading { background-color: transparent; }

ul.archivegigs .gigdate, ul.archivegigs .gigdetails, ul.archivegigs .onsalesoon { font-weight: 700; }

ul.archivegigs .gigdate span, ul.archivegigs .gigdetails span, ul.archivegigs .onsalesoon span { font-weight: 400; }

@media (min-width: 50em) { ul.archivegigs .gigdate, ul.archivegigs .gigdetails, ul.archivegigs .onsalesoon { font-size: 1.65vw; } }

ul.archivegigs .gigdate { flex: 0 0 100%; text-transform: uppercase; padding: 0; font-size: 1.5rem; }

@media (min-width: 768px) and (orientation: portrait) { ul.archivegigs .gigdate { flex: 0 1 auto; padding: 0 1rem 0 0; font-size: 1.5rem; } }

@media (min-width: 50em) { ul.archivegigs .gigdate { flex: 1 1 18%; padding: .5rem .5rem .5rem 2vw; font-size: 1.65vw; letter-spacing: -1px; } }

ul.archivegigs .gigdate small { display: block; width: 100%; font-weight: normal; font-size: 1rem; line-height: 1.1; }

ul.archivegigs .gigdetails { flex: 1 1 33%; padding: 0 0 1rem; font-size: 1.5rem; text-transform: uppercase; }

@media (min-width: 50em) { ul.archivegigs .gigdetails { padding: .5rem 0; font-size: 1.65vw; } }

ul.archivegigs .gigdetails .venue { display: inline; text-transform: none; }

@media (min-width: 50em) { ul.archivegigs .gigdetails .venue { padding-left: .5rem; } }

ul.archivegigs .gigdetails .venue p { display: inline; margin: 0; padding: 0; line-height: 1; font-size: 1.33rem; }

@media (min-width: 768px) and (orientation: portrait) { ul.archivegigs .gigdetails .venue p { font-size: 1.33rem; } }

@media (min-width: 50em) { ul.archivegigs .gigdetails .venue p { font-size: 1.65vw; } }

ul.archivegigs .gigdetails .extra-info { font-size: 1.1rem; line-height: 1.2; font-weight: 800; color: #2a4e7f; }

@media (max-width: 1366px) { ul.archivegigs .gigdetails .extra-info { font-size: 1.4vw; } }

ul.archivegigs .gigbookings { flex: 0 0 100%; width: 100%; padding-left: 0; }

@media (min-width: 50em) { ul.archivegigs .gigbookings { flex: 3 1 28%; text-align: right; position: relative; } }

ul.archivegigs .onsalesoon { text-align: center; color: #e27727; width: 100%; }

@media (min-width: 768px) and (orientation: portrait) { ul.archivegigs .onsalesoon { text-align: center; } }

@media (min-width: 50em) { ul.archivegigs .onsalesoon { padding: 0 0; text-align: center; align-self: center; } }

ul.archivegigs .gigbookings.ticketlinks { line-height: 1; align-content: stretch; display: flex; flex-direction: row; flex-wrap: wrap; }

ul.archivegigs .gigbookings.ticketlinks span.venue, ul.archivegigs .gigbookings.ticketlinks a { padding: .5rem; background-color: #4880bc; color: #ffbb00; font-weight: 800; text-transform: uppercase; overflow: hidden; position: relative; display: flex; flex: 1 2 30%; text-align: center; transition: all .2s ease-in-out; z-index: 2; justify-content: center; align-items: center; border-radius: 5px; margin: 6px; }

@media (min-width: 50em) { ul.archivegigs .gigbookings.ticketlinks span.venue, ul.archivegigs .gigbookings.ticketlinks a { margin: 0 0 0 6px; padding: .5rem 1rem; font-size: 1.65vw; } }

@media (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { ul.archivegigs .gigbookings.ticketlinks span.venue, ul.archivegigs .gigbookings.ticketlinks a { padding: .33rem; font-size: 1.33rem; } }

ul.archivegigs .gigbookings.ticketlinks span.venue:hover, ul.archivegigs .gigbookings.ticketlinks span.venue:focus, ul.archivegigs .gigbookings.ticketlinks a:hover, ul.archivegigs .gigbookings.ticketlinks a:focus { background-color: #7ca9f1; transform: scale(1.05); z-index: 3; color: #494b59; }

ul.archivegigs .gigbookings.ticketlinks a.cancelled { justify-content: center; align-self: center; background-color: transparent; color: #494b59; transition: none; }

ul.archivegigs .gigbookings.ticketlinks a.cancelled:hover, ul.archivegigs .gigbookings.ticketlinks a.cancelled:focus { transform: scale(1); }

ul.archivegigs .gigbookings.ticketlinks a.ticketmasts { background-color: #2a4e7f; flex: 3 1 31%; }

ul.archivegigs .gigbookings.ticketlinks a.ticketmasts:hover, ul.archivegigs .gigbookings.ticketlinks a.ticketmasts:focus { background-color: #7ca9f1; }

ul.archivegigs .gigbookings.ticketlinks a.gigstours { background-color: #554c56; flex: 3 1 31%; }

ul.archivegigs .gigbookings.ticketlinks a.gigstours:hover, ul.archivegigs .gigbookings.ticketlinks a.gigstours:focus { background-color: #7ca9f1; }

ul.archivegigs .gigbookings.ticketlinks a.sold-out { transform: rotate(-1deg); background-color: #ed3915; display: inline-block; vertical-align: middle; align-self: center; }

ul.archivegigs .gigbookings.ticketlinks a.sold-out small { text-transform: none; }

ul.archivegigs .gigbookings.ticketlinks a.sold-out:hover, ul.archivegigs .gigbookings.ticketlinks a.sold-out:focus { background-color: #7ca9f1; }

@media (min-width: 960px) { ul.archivegigs .gigbookings.ticketlinks a.sold-out { max-width: 80%; margin: 0 auto; } }

ul.archivegigs .gigbookings.ticketlinks a.last-few { transform: rotate(-1deg); padding: .5rem 1rem; background-color: #508f22; display: inline-block; vertical-align: middle; align-self: center; }

ul.archivegigs .gigbookings.ticketlinks a.last-few small { text-transform: none; }

ul.archivegigs .gigbookings.ticketlinks a.last-few:hover, ul.archivegigs .gigbookings.ticketlinks a.last-few:focus { background-color: #7ca9f1; }

@media (min-width: 960px) { ul.archivegigs .gigbookings.ticketlinks a.last-few { max-width: 80%; margin: 0 auto; } }

ul.archivegigs .gigbookings.ticketlinks span.presale, ul.archivegigs .gigbookings.ticketlinks a.presale { background-color: #8FDAFF; color: #494b59; }

ul.archivegigs span.extra-date { transform: rotate(-1deg); padding: .33rem; background-color: #ed3915; color: #f5feff; display: inline-block; vertical-align: middle; align-self: center; font-weight: 700; line-height: .8; font-size: 90%; opacity: .85; }

.shop { display: flex; flex-direction: row; flex-wrap: wrap; flex: 0 0 100%; align-items: flex-start; }

.shop .shopitem { flex: 1 1 10%; max-width: 200px; min-width: 120px; overflow: hidden; margin: 0 2vw 30px; }

@media (min-width: 50em) { .shop .shopitem { margin: 0 2vw 30px 0; flex: 1 1 12%; max-width: 200px; min-width: 180px; } }

.shop .shopitem img { width: 100%; height: auto; display: block; position: relative; }

.shopitem p { margin: 0 0; font-size: 1.3rem; border-radius: 7px; padding: 5px 0 0; }

@media (min-width: 50em) { .shopitem p { padding: 10px 0 0; } }

.shopitem p.dvdtitle { text-align: center; border-bottom-right-radius: 0; padding-bottom: 10px; border-bottom: 0; }

.shopitem p a { width: 100%; color: #ffbb00; background: #554c56; display: block; position: relative; padding: .5rem; border-radius: 5px; font-weight: 800; }

@media (min-width: 50em) { .shopitem p a { padding: 1rem; } }

.shopitem p:first-of-type a { background: #2a4e7f; }

.shopitem a.dvdcoverlink { display: block; position: relative; text-align: center; font-weight: 800; }

.shopitem a.dvdcoverlink span.popup { display: block; opacity: 0; vertical-align: middle; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 50px 5px; text-align: center; font-size: 1.25rem; background-color: rgba(0, 0, 0, 0.77); border-top-left-radius: 0; border-top-right-radius: 0; color: #7ca9f1; }

.shopitem a.dvdcoverlink span.popup icon { font-size: 2.33rem; }

.shopitem a.dvdcoverlink:hover span.popup { opacity: 1; }

.shopitem p a:hover { width: 100%; color: #494b59; background: #7ca9f1; display: block; }

#press { text-align: center; margin: 0 5vw; }

@media (min-width: 50em) { #press { margin: 0 3vw; } }

#press blockquote p { font-size: 1.75rem; font-style: normal; }

#press blockquote cite { font-style: normal; }

#press blockquote .stars { font-size: 2.85rem; }

h3 { font-size: 2.25rem; color: #f5feff; display: block; width: 100%; text-align: center; }

@media (min-width: 50em) { h3 { font-size: 2.85rem; text-align: left; } }

@media (min-width: 960px) { h3 { font-size: 3vw; } }

.entry h3 { padding: 0 0 20px; }

@media (min-width: 50em) { .entry h3 { padding: 0 0 30px; } }

#contact .socialmedia { margin: 3vw; width: 94%; }

#contact .socialmedia .follow-john { color: #f5feff; display: block; margin-bottom: 1rem; }

@media (min-width: 50em) { #contact .socialmedia .follow-john { display: inline-block; margin-bottom: 0; } }

.contactbox { width: 100%; padding: 2rem 1rem; display: block; background-color: #fff; text-align: center; }

@media (min-width: 50em) { .contactbox { text-align: left; padding: 2rem; } }

.contactbox img { max-width: 60px; }

.contactbox .addressbox { width: 100%; display: block; overflow: hidden; font-size: 1rem; color: #494b59; }

@media (min-width: 50em) { .contactbox .addressbox { font-size: 1.5vw; width: 48%; display: inline-block; } }

.contactbox .addressbox p { display: block; overflow: hidden; position: relative; padding: .5rem 0; margin-top: .5rem; }

.contactbox .addressbox a { background-color: #ffbb00; color: #494b59; padding: 1rem; border-radius: 5px; font-weight: 800; display: block; }

@media (min-width: 50em) { .contactbox .addressbox a { display: inline-block; } }

.contactbox .addressbox a:hover, .contactbox .addressbox a:focus { background-color: #7ca9f1; }

.contactbox p.fanmail { text-transform: uppercase; font-weight: 800; color: #2a4e7f; }

.contactbox p.fanmail .underline { text-decoration: underline; }

h4 { font-size: 1.8rem; margin-bottom: 20px; }

.charitynotice { margin: 2rem 0 0; background-color: #8FDAFF; padding: 20px; font-size: 1.25rem; color: #494b59; font-weight: 800; text-align: center; }

@media (min-width: 50em) { .charitynotice { font-size: 1.33rem; text-align: left; } }

.single-quote { text-align: center; font-size: 1.5rem; padding: 5em 0; }

blockquote { margin-bottom: 2.75rem; font-size: 1.5rem; }

.clearfix { width: 100%; clear: both; display: block; overflow: hidden; }

.type-post .entry ul { padding: 0 0; }

.type-post .entry, body.error404 .entry, body.page .entry { padding: 4rem 8vw; background-color: #fff; color: #494b59; }

.type-post .entry p, body.error404 .entry p, body.page .entry p { display: block; overflow: hidden; position: relative; padding: .5rem 0; margin-top: .5rem; text-align: center; font-size: 1.2rem; }

@media (min-width: 50em) { .type-post .entry p, body.error404 .entry p, body.page .entry p { font-size: 1.33rem; text-align: left; } }

@media (min-width: 960px) { .type-post .entry p, body.error404 .entry p, body.page .entry p { font-size: 1.45rem; } }

.type-post .entry a, body.error404 .entry a, body.page .entry a { background-color: #ffbb00; color: #494b59; padding: 1rem; border-radius: 5px; font-weight: 800; display: block; }

@media (min-width: 50em) { .type-post .entry a, body.error404 .entry a, body.page .entry a { display: inline-block; } }

.type-post .entry a:hover, .type-post .entry a:focus, body.error404 .entry a:hover, body.error404 .entry a:focus, body.page .entry a:hover, body.page .entry a:focus { background-color: #7ca9f1; }

.type-post .entry h2, .type-post .entry h3, .type-post .entry h4, body.error404 .entry h2, body.error404 .entry h3, body.error404 .entry h4, body.page .entry h2, body.page .entry h3, body.page .entry h4 { color: #494b59; }

.type-post .entry h3, body.error404 .entry h3, body.page .entry h3 { padding: 2rem 0 1rem; margin: 0; }

h1, h2 { text-align: center; font-size: 2.75rem; line-height: 1; }

@media (min-width: 50em) { h1, h2 { font-size: 4rem; } }

@media (min-width: 960px) { h1, h2 { font-size: 5vw; text-align: left; } }

body.search-results .entry, body.single .entry { overflow: visible; }

body.search-results h2, body.single h2 { padding: 1rem 0; }

p.larger { font-size: 1.35rem; }

@media (min-width: 960px) { p.larger { font-size: 1.75rem; } }

#yearsdates ul.entry.archivegigs, #usacandates ul.entry.archivegigs, #ukiredates ul.entry.archivegigs, #eurdates ul.entry.archivegigs, #ausnzdates ul.entry.archivegigs { padding: 0 3vw 4rem; }

#yearsdates ul.entry.archivegigs li.section-heading h2, #usacandates ul.entry.archivegigs li.section-heading h2, #ukiredates ul.entry.archivegigs li.section-heading h2, #eurdates ul.entry.archivegigs li.section-heading h2, #ausnzdates ul.entry.archivegigs li.section-heading h2 { color: #f5feff; }

#live { padding-bottom: 7vw; }

body.page-id-48471 #header-info { border-bottom: 5px solid #ffbb00; margin-bottom: 2vw; }

@media only screen and (max-width: 760px) { body.page-id-48457 #header-info, body.page-id-48471 #header-info { padding: 20px 6vw; } }

@media only screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) { body.page-id-48457 #header-info, body.page-id-48471 #header-info { padding: 20px 3vw 0; background-position: right 2.5vw  top; } }

@media (min-width: 768px) and (orientation: portrait) { body.page-id-48457 #header-info, body.page-id-48471 #header-info { padding: 20px 3vw 0; background-position: right 2.5vw  top; } }

body.page-id-48457 .fixedhead, body.page-id-48471 .fixedhead { padding: 0 0; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { body.page-id-48457 .fixedhead, body.page-id-48471 .fixedhead { padding: 1vw; } }

body.page-id-48457 #top, body.page-id-48471 #top { margin-bottom: 0; padding-bottom: 0; padding-top: 5rem; }

@media only screen and (max-width: 979px) { body.page-id-48457 #top, body.page-id-48471 #top { padding-top: 8rem; } }

@media only screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) { body.page-id-48457 #top, body.page-id-48471 #top { padding-top: 6rem; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { body.page-id-48457 #top, body.page-id-48471 #top { padding-top: 7rem; } }

@media only screen and (max-width: 760px) { body.page-id-48457 #top h1 img, body.page-id-48471 #top h1 img { max-width: 56%; } }

body.page-id-48457 ul.socialmedia, body.page-id-48471 ul.socialmedia { display: inline-block; width: 20%; margin: 0; }

body.page-id-48457 ul.socialmedia li, body.page-id-48471 ul.socialmedia li { font-size: 1.75rem; }

body.page-id-48457 #nav, body.page-id-48457 #mailersignup, body.page-id-48471 #nav, body.page-id-48471 #mailersignup { overflow: hidden; width: 40%; display: inline-block; }

@media only screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) { body.page-id-48457 #nav, body.page-id-48471 #nav { width: 100%; padding-top: 1vw; } }

@media (min-width: 768px) and (orientation: portrait) { body.page-id-48457 #nav, body.page-id-48471 #nav { width: 100%; padding: 1vw; } }

@media (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { body.page-id-48457 #nav, body.page-id-48471 #nav { width: 100%; padding: 1vw; } }

@media (min-device-width: 1024px) and (max-device-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { body.page-id-48457 #nav, body.page-id-48471 #nav { width: 100%; padding: 1vw; } }

@media only screen and (max-width: 760px) { body.page-id-48457 #mailersignup, body.page-id-48471 #mailersignup { width: 30%; } }

@media only screen and (max-width: 760px) { body.page-id-48457 #nav, body.page-id-48457 ul.socialmedia, body.page-id-48471 #nav, body.page-id-48471 ul.socialmedia { display: block; width: 100%; } }

@media only screen and (max-width: 760px) { body.page-id-48457 #mailersignup, body.page-id-48471 #mailersignup { display: block; width: 94%; } }

@media only screen and (max-width: 760px) { body.page-id-48457 ul.socialmedia, body.page-id-48471 ul.socialmedia { margin: 10px auto; } body.page-id-48457 ul.socialmedia li, body.page-id-48471 ul.socialmedia li { width: 25%; margin: 0; padding: 0; font-size: 1.3rem; } }

@media only screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) { body.page-id-48457 ul.socialmedia, body.page-id-48457 #mailersignup, body.page-id-48471 ul.socialmedia, body.page-id-48471 #mailersignup { display: inline-block; width: 48%; } }

@media (min-width: 768px) and (orientation: portrait) { body.page-id-48457 ul.socialmedia, body.page-id-48457 #mailersignup, body.page-id-48471 ul.socialmedia, body.page-id-48471 #mailersignup { display: inline-block; width: 48%; } }

body.page-id-48457 h2.right-here, body.page-id-48471 h2.right-here { line-height: 1; font-size: 2rem; padding: 10px 0; margin: 0; text-align: center; max-width: 64%; }

@media only screen and (max-width: 760px) { body.page-id-48457 h2.right-here, body.page-id-48471 h2.right-here { margin: 0; max-width: 56%; font-size: 1.25rem; } }

@media only screen and (min-width: 1367px) { body.page-id-48457 h2.right-here, body.page-id-48471 h2.right-here { line-height: 1.2; font-size: 2.5rem; } }

body.page-id-48457 #live .entry, body.page-id-48471 #live .entry { padding: 0 2vw; }

@media only screen and (max-width: 760px) { body.page-id-48457 #live .entry, body.page-id-48471 #live .entry { padding: 0 0; } }

#podcast { background-color: #eb781c; }

#podcast:hover, #podcast:focus { background-color: #7ca9f1; }

#podcast a { background-color: #eb781c; display: block; width: auto; padding: 0 20vw; text-align: center; }

@media only screen and (max-width: 979px) { #podcast a { padding: 0 0; } }

#podcast a:hover, #podcast a:focus { background-color: #7ca9f1; }

#podcast .close-podcast { color: #f5feff; border: none; position: absolute; top: 1vw; right: 1vw; }

#podcast .close-podcast:hover, #podcast .close-podcast:focus { color: #494b59; }

#podcast .close-podcast input { background-color: transparent; }

@media only screen and (max-width: 979px) { #podcast .close-podcast { display: block; width: 94%; text-align: right; top: auto; right: auto; margin: 0 auto; padding: 5px 5px 0; position: relative; font-size: .8rem; line-height: 1; } }

#podcast .podcast-graphic, #podcast .podcast-details, #podcast .podcast-link { display: inline-block; max-width: 22%; vertical-align: middle; align-self: center; flex: 1 1 10%; width: auto; }

#podcast .podcast-graphic img { display: block; width: 100%; overflow: hidden; }

#podcast .podcast-details { max-width: 33%; padding: 1vw 3vw; }

#podcast .podcast-link { max-width: 33%; background-color: #f5feff; padding: 1vw; border-radius: 3px; line-height: 1; }

@media only screen and (max-width: 979px) { #podcast .podcast-graphic { width: 40%; max-width: 40%; } }

@media only screen and (max-width: 979px) { #podcast .podcast-details { width: 60%; max-width: 60%; } }

@media only screen and (max-width: 979px) { #podcast .podcast-link { width: 100%; max-width: 100%; padding: 10px; } }

.podcast-wrapper { margin: 0 0 5vw; }

.podcast-wrapper .ppjs__podcast-title, .podcast-wrapper .ppjs__episode-title { text-align: center; }

#podcast-box { padding-top: 0; }

.podcast-wrapper { display: block; width: 100%; flex: none; text-align: center; }

.podcast-wrapper .podcast-details img { border-radius: 12px; }

.podcast-wrapper .pp-podcast.has-header { background-color: #f5feff !important; margin: 0 auto; display: inline-block; color: #494b59; }

.podcast-wrapper .head-wrapper { padding-right: 120px; color: #2a4e7f; }

.podcast-wrapper .head-wrapper .ppjs__podcast-title { font-size: 1.33rem; font-family: "yoshidasans-boldcondensed", Futura, Trebuchet MS, Arial, sans-serif !important; font-weight: normal; }

.podcast-wrapper .pp-podcast.light-accent[id^=pp-podcast-] .episode-list__load-more, .podcast-wrapper .pp-modal-window.light-accent .episode-list__load-more, .podcast-wrapper .pp-podcast[id^=pp-podcast-] .pod-entry__title a, .podcast-wrapper .pp-modal-window .pod-entry__title a, .podcast-wrapper .pp-podcast p, .podcast-wrapper .ppjs__audio-timer, .podcast-wrapper .pod-launch button.pod-launch__button { color: #494b59 !important; }

.podcast-wrapper .pp-podcast.light-accent[id^=pp-podcast-] .episode-list__load-more:hover, .podcast-wrapper .pp-podcast.light-accent[id^=pp-podcast-] .episode-list__load-more:focus, .podcast-wrapper .pp-modal-window.light-accent .episode-list__load-more:hover, .podcast-wrapper .pp-modal-window.light-accent .episode-list__load-more:focus, .podcast-wrapper .pp-podcast[id^=pp-podcast-] .pod-entry__title a:hover, .podcast-wrapper .pp-podcast[id^=pp-podcast-] .pod-entry__title a:focus, .podcast-wrapper .pp-modal-window .pod-entry__title a:hover, .podcast-wrapper .pp-modal-window .pod-entry__title a:focus, .podcast-wrapper .pp-podcast p:hover, .podcast-wrapper .pp-podcast p:focus, .podcast-wrapper .ppjs__audio-timer:hover, .podcast-wrapper .ppjs__audio-timer:focus, .podcast-wrapper .pod-launch button.pod-launch__button:hover, .podcast-wrapper .pod-launch button.pod-launch__button:focus { background-color: #7ca9f1 !important; color: #2a4e7f !important; }

.podcast-wrapper .pp-podcast { width: 94%; background-color: #2a4e7f !important; border: none !important; }

.podcast-wrapper .pp-podcast .pod-entry:hover, .podcast-wrapper .pp-podcast .pod-entry:focus { background-color: #7ca9f1; }

.podcast-wrapper .pp-podcast .pod-entry:hover .pod-entry__date, .podcast-wrapper .pp-podcast .pod-entry:hover a, .podcast-wrapper .pp-podcast .pod-entry:focus .pod-entry__date, .podcast-wrapper .pp-podcast .pod-entry:focus a { color: #494b59 !important; }

.podcast-wrapper .pp-podcast .pod-launch { display: inline-block; text-align: center; border-top: none; }

.podcast-wrapper .pod-entry__title { font-size: 1.2rem; font-family: "yoshidasans-boldcondensed", Futura, Trebuchet MS, Arial, sans-serif; font-weight: normal; }

.podcast-wrapper .lm-button-wrapper .episode-list__load-more span { font-size: 1.2rem; font-family: "yoshidasans-boldcondensed", Futura, Trebuchet MS, Arial, sans-serif; font-weight: normal; }

.shadow-test { margin: 2rem 10%; padding: 2rem; position: relative; z-index: 3; background-color: orange; box-shadow: inset 0px 0px 0px 2px yellow; }

.shadow-test:after, .shadow-test:before { content: ''; background: #6e0200; position: absolute; z-index: 2; }

.shadow-test:after { width: 100%; height: 20px; left: 10px; bottom: 0; transform: translatey(100%) skewx(45deg); }

.shadow-test:before { width: 20px; height: 100%; right: 0; transform: translatex(100%) skewy(45deg); top: 10px; background: #ea570b; background: linear-gradient(180deg, #ea570b 0%, #a71600 100%); z-index: 1; }

#footer { width: 100%; padding: 3vw; text-transform: uppercase; overflow: hidden; margin-top: 4rem; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; }

@media (min-width: 50em) { #footer { text-align: left; } }

#footer .copyright { display: flex; flex-direction: row; flex-wrap: wrap; flex: 3 1 60%; padding-left: 3vw; font-weight: 800; align-content: space-between; }

#footer .copyright p { flex: 0 0 100%; line-height: 1; padding: 1rem; font-size: 1rem; color: #f5feff; }

@media (min-width: 50em) { #footer .copyright p { text-align: left; padding: 0; } }

@media (min-width: 960px) { #footer .copyright p { font-size: 1.3vw; } }

#footer .logo, #footer .lua { flex: 0 0 100%; width: 100%; font-weight: 800; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; }

@media (min-width: 50em) { #footer .logo, #footer .lua { flex: 0 1 12%; width: 12%; justify-content: flex-end; align-content: flex-end; } }

#footer .logo { padding: 2rem 33vw; }

#footer .logo img:last-of-type { margin-top: .5rem; }

@media (min-width: 50em) { #footer .logo { padding: 0; } }