@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css");
@import url("https://use.typekit.net/hzd4qss.css");
@keyframes show_translate_Anim { 0% { opacity: 1;
    width: 100%; }
  100% { opacity: 1;
    width: 0; } }

@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }

/* @font-face { font-family: 'WGTreeline'; src: url('../font/WGTreeline.eot'); src: url('../font/WGTreeline.eot?#iefix') format('embedded-opentype'), url('../font/WGTreeline.woff') format('woff'), url('../font/WGTreeline.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Tomwalker'; src: url('../font/Tomwalker-Regular.eot'); src: url('../font/Tomwalker-Regular.eot?#iefix') format('embedded-opentype'), url('../font/Tomwalker-Regular.woff2') format('woff2'), url('../font/Tomwalker-Regular.woff') format('woff'), url('../font/Tomwalker-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } */
/*
Note that typefaces used in SMEUK websites must be licensed. There are 3 web font services with licenced web fonts:
- Google Fonts (https://fonts.google.com)
- Adobe Typekit (https://fonts.adobe.com contact neato to set up a webkit)
- Monotype (https://enterprise.monotype.com contact neato to set up a webkit)
*/
.podcast-links { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; width: 100%; color: #000 !important; }

.podcast-links:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

html, body { background: none; background-color: #000; color: #fff; font-family: "english-grotesque", sans-serif; font-style: normal; font-weight: normal; font-size: 1em; font-display: swap; margin: 0; padding: 0; font-display: optional; }

h1, h2, h3, h4, h5, h6 { color: #fff; font-family: "english-grotesque", sans-serif; font-weight: normal; text-transform: uppercase; }

main:focus { outline: none; }

*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

a:link, a:visited { color: #c0a869; }

a:link:hover, a:visited:hover { color: #fff; }

main { min-height: 100vh; background: none; background-color: #000; position: relative; z-index: 1; margin: 10vh auto; }

main:focus { outline: none; }

@media (max-width: 996px) { main { margin: 15vh auto; } }

main .pagewrapper { width: 100%; }

.hide { display: none; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.seo-text, .seo-text * { text-indent: -99999px; margin: 0; padding: 0; height: 0; width: 0; }

.cta.more { display: flex; }

.cta.more a { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; color: #fff; background-color: #4a4947; border: 1px solid #4a4947; }

.cta.more a:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; }

a.skip-main:focus, a.skip-main:active { color: #fff; background-color: #000; left: auto; top: auto; width: 30%; height: auto; overflow: auto; margin: 10px 35%; padding: 5px; border-radius: 15px; border: 4px solid yellow; text-align: center; font-size: 1.2em; z-index: 999; }

/*! Hamburgers @description Tasty CSS-animated hamburgers @author Jonathan Suh @jonsuh @site https://jonsuh.com/hamburgers @link https://github.com/jonsuh/hamburgers */
.hamburger { display: none; }

@media (max-width: 996px) { .hamburger { padding: 11px 14px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0px !important; overflow: visible; background-color: #c0a869; position: fixed; right: 0; cursor: pointer; z-index: 800; top: 0; transition: top 0.3s; vertical-align: middle; } .hamburger.header-up { top: -100px; } .hamburger:hover { filter: opacity(60%); } .hamburger.is-active:hover { filter: opacity(60%); } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } }

.hamburger-box { width: 30px; height: 26px; display: inline-block; position: relative; }

.hamburger-inner { display: block; top: 50%; margin-top: -1px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 2px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }

.hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }

.hamburger-inner::before { top: -12px; }

.hamburger-inner::after { bottom: -12px; }

/* Spin */
.hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }

.hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }

.hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

header { /* &:before { content: ""; display: block; height: 100%; width: 100%; bottom: 0; position: absolute; opacity: 1; background: rgb(0, 0, 0); background: transparent\9; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom: 1; background: linear-gradient( to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 100% ) no-repeat center center scroll; @media (max-width: 996px) { opacity: 1; } } */ background: #000; border-bottom: 1px solid #907f52; width: 100%; height: 100px; text-align: center; font-family: "english-grotesque", sans-serif; display: flex; align-items: center; flex-wrap: nowrap; position: fixed; top: 0; transition: top 0.3s; z-index: 999; }

@media (max-width: 996px) { header { height: 58px; background: none; height: 150px; border-bottom: none; } }

header.header-up { top: -150px; }

header nav { box-sizing: border-box; width: 80vw; padding-right: 29px; text-transform: uppercase; display: flex; justify-content: flex-end; align-items: stretch; z-index: 999; }

@media (max-width: 996px) { header nav { z-index: 98; position: fixed; transition: all 0.4s ease-in-out; top: 0; display: flex; flex-direction: column; justify-content: center; width: calc(100vw - 58px); height: 100vh; left: -100vw; margin: 0px; padding-right: 0; background: #000; box-shadow: 0px 0px 10px 0px #000; } }

header nav .site-nav { display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: nowrap; order: 2; }

@media (max-width: 996px) { header nav .site-nav { text-align: center; padding-bottom: 1rem; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; justify-content: center; width: calc(100% - $hamburger-area-width); order: 1; } }

@media (max-width: 996px) and (orientation: landscape) { header nav .site-nav { flex-direction: row; flex-wrap: wrap; } header nav .site-nav a { margin: 0 5vw; } }

header nav .site-nav a { position: relative; text-decoration: none; color: #c0a869; padding: 0.5vw 1vw; display: inline-block; font-size: 2.5vmin; vertical-align: bottom; transition: all 0.4s ease-in-out; text-shadow: 1px 1px 0px #000, 0px 0px 5px #000; }

header nav .site-nav a:hover { color: #fff; }

@media (max-width: 996px) { header nav .site-nav a { color: #c0a869; display: block; font-size: 7vmin; padding: 1vw 0; text-shadow: none; width: auto; } header nav .site-nav a:hover { color: #fff; text-shadow: none; } }

header nav .site-nav a.current { color: #c0a869; }

@media (max-width: 996px) { header nav .site-nav a.current { color: #c0a869; } }

header nav .site-nav a.active { color: #fff; }

header nav .site-nav a.active:after { content: ''; position: absolute; left: 0; bottom: -4px; display: block; width: 100%; background-color: #908181; height: 10px; background: url(../images/line.svg); background-repeat: no-repeat; background-size: 100% 8px; z-index: 5; }

header nav .site-nav a:hover:after { content: ''; position: absolute; left: 0; bottom: -4px; display: block; width: 100%; background-color: #908181; height: 10px; background: url(../images/line2.svg); background-repeat: no-repeat; background-size: 100% 8px; z-index: 5; }

header nav .site-nav a:hover:before { content: ''; position: absolute; right: 0; bottom: -4px; display: block; width: 100%; height: 10px; background: #151515; z-index: 10; animation: show_translate_Anim 0.5s; animation-fill-mode: forwards; animation-delay: 0s; animation-timing-function: ease-out; opacity: 0; }

@media (max-width: 996px) { body.menu-open header nav { left: 0; } }

.artistlogo { left: 0; width: 20vw; padding: 0; z-index: 99; }

@media (max-width: 996px) { .artistlogo { height: 104px; width: 100%; z-index: 99; transition: top 0.5s; } }

.artistlogo .smem-logo { width: 70%; margin: 0 auto; text-align: center; transition: all 0.4s ease-in-out; }

@media (max-width: 996px) { .artistlogo .smem-logo { width: 40vw; max-height: 52px; } }

@media (max-width: 430px) { .artistlogo .smem-logo { width: 60vw; } }

.artistlogo .smem-logo img { width: 100%; }

@media (max-width: 996px) { body.menu-open header .artistlogo .smem-logo { padding-right: 58px; } }

.social-nav { margin: 0; display: flex; order: 2; }

@media (max-width: 996px) { .social-nav { width: 100%; justify-content: center; order: 2; } }

.social-nav .smem-socials { display: flex; flex-direction: row; flex-wrap: wrap; margin: 1vh 0 0 0; /* a.tiktok span.tiktok-icon { display: flex; flex-direction: column; justify-content: center; width: 1em; height: 100%; transition: $transitions; svg { filter: drop-shadow(1px 1px 0px $color1); filter: drop-shadow(0px 0px 5px $color1); @media (max-width: 996px) { filter: none; } } svg path.tiktok-icon-fill { fill: $color2; @media (max-width: 996px) { fill: $color5; } } &:hover { svg path.tiktok-icon-fill { fill: $color5; @media (max-width: 996px) { fill: $color2; } } } } */ }

@media (max-width: 996px) { .social-nav .smem-socials { width: 100%; justify-content: space-around; font-size: 150%; } }

.social-nav .smem-socials a { color: #c0a869; padding: 0 1vw; transition: all 0.4s ease-in-out; text-shadow: 1px 1px 0px #000, 0px 0px 5px #000; }

.social-nav .smem-socials a:hover { color: #fff; }

@media (max-width: 996px) { .social-nav .smem-socials a { padding: 0 10px; text-align: center; text-shadow: none; color: #c0a869; } .social-nav .smem-socials a:hover { color: #fff; } }

section { display: flex; flex-direction: column; }

section h2.section-title { color: #fff; width: 100%; text-align: left; }

section.page-section .content-section { margin: 5vh auto; width: 100%; max-width: 1100px; }

@media (max-width: 1200px) { section.page-section .content-section { width: 90%; } }

section.page-section .content-section h3 { font-size: 300%; }

@media (max-width: 996px) { section.page-section .content-section h3 { font-size: 200%; } }

section.page-section .content-section img { width: 100%; }

body.pagehome .divider .jarallax, body.pagecontent .divider .jarallax { margin: 0 auto; display: flex; justify-content: flex-start; align-items: flex-end; width: 100%; max-width: 1100px; }

@media (max-width: 1200px) { body.pagehome .divider .jarallax, body.pagecontent .divider .jarallax { width: 90%; } }

body.pagehome .divider .jarallax h2.section-title, body.pagecontent .divider .jarallax h2.section-title { color: #fff; font-size: 400%; margin: 5vh 0 0 0; }

@media (max-width: 430px) { body.pagehome .divider .jarallax h2.section-title, body.pagecontent .divider .jarallax h2.section-title { font-size: 300%; } }

.sidebar-section { margin: 10vh auto; width: 100%; max-width: 1100px; }

@media (max-width: 1200px) { .sidebar-section { width: 90%; } }

.sidebar-section.single section { width: 100%; }

.sidebar-section.double { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: stretch; }

.sidebar-section.double section { width: 40%; }

@media (max-width: 996px) { .sidebar-section.double section { width: 100%; } }

.sidebar-section .sidebar-item { display: flex; align-content: flex-end; }

.sidebar-section .sidebar-item h3.section-title { text-align: center; font-size: 400%; }

.sidebar-section .sidebar-item div { display: flex; flex-direction: column; justify-content: flex-end; }

.sidebar-section .sidebar-item .cta.more { flex-grow: 2; }

@media (max-width: 996px) { .sidebar-section .sidebar-item .cta.more { flex-grow: 0; } }

.sidebar-section .sidebar-item .smem-releases { display: flex; }

.sidebar-section .sidebar-item .smem-releases .release { display: flex; flex-direction: column; }

.sidebar-section .sidebar-item .smem-releases .release.playlist .packshot { display: none; }

.sidebar-section .sidebar-item .smem-releases .release.playlist .info .release-meta .release-embed { display: block; }

.sidebar-section .sidebar-item .smem-releases .release .packshot { width: 100%; text-align: center; }

.sidebar-section .sidebar-item .smem-releases .release .packshot img { width: 100%; }

.sidebar-section .sidebar-item .smem-releases .release .info { width: 100%; }

.sidebar-section .sidebar-item .smem-releases .release .info .release-title { font-size: 300%; }

@media (max-width: 996px) { .sidebar-section .sidebar-item .smem-releases .release .info .release-title { font-size: 200%; } }

.sidebar-section .sidebar-item .smem-releases .release .info .release-meta .release-date { display: none; }

.sidebar-section .sidebar-item .smem-releases .release .info .release-meta .release-custominfo { display: none; }

.sidebar-section .sidebar-item .smem-releases .release .info .release-meta .release-embed { display: none; }

.sidebar-section .sidebar-item .smem-releases .release .info .release-meta .tracklist { display: none; }

.sidebar-section .sidebar-item .smem-videos { display: flex; flex-direction: column; flex-grow: 2; }

@media (max-width: 996px) { .sidebar-section .sidebar-item .smem-videos { flex-grow: 0; } }

.sidebar-section .sidebar-item .smem-videos .video { display: flex; flex-direction: column; justify-content: flex-start; flex-grow: 2; }

@media (max-width: 996px) { .sidebar-section .sidebar-item .smem-videos .video { flex-grow: 0; } }

.sidebar-section .sidebar-item .smem-videos .video a { justify-content: flex-start; }

.sidebar-section .sidebar-item .smem-videos .video a .video-thumb { width: 100%; height: 0; padding-top: 100%; }

@media (max-width: 996px) { .sidebar-section .sidebar-item .smem-videos .video a .video-thumb { padding-top: auto; } }

.sidebar-section .sidebar-item .smem-videos .video a .video-thumb img { border: 1px solid #4a4947; }

.sidebar-section .sidebar-item .smem-videos .video .video-subtitle h3 { font-size: 300%; }

@media (max-width: 996px) { .sidebar-section .sidebar-item .smem-videos .video .video-subtitle h3 { font-size: 200%; } }

body.pagehome main { margin: 0 auto; }

@media (max-width: 996px) { body.pagehome main { margin: 0 auto; } }

body.pagehome section.page-section:last-of-type { margin: 0 auto; }

body.pagehome section.page-section.carousel { padding-bottom: 0; }

body.pagehome section.page-section.releases .smem-releases .release .info .release-meta .release-date { display: none; }

body.pagehome section.page-section.releases .smem-releases .release .info .release-meta .release-embed { display: none; }

body.pagehome section.page-section.releases .smem-releases .release .info .release-meta .tracklist { display: none; }

body.pagehome section.page-section.releases .smem-releases .release.playlist { margin: 0; }

body.pagehome section.page-section.releases .smem-releases .release.playlist .packshot { display: none; }

body.pagehome section.page-section.releases .smem-releases .release.playlist .info .release-meta .release-embed { display: block; }

body.pagehome section.page-section.podcast .content-section { max-width: 600px; }

.modal { color: #fff; background: rgba(0, 0, 0, 0.95); position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; min-height: 100vh; z-index: 999; display: none; }

.modal .modal-close { display: block; font-size: 3em; width: 1.25em; height: 1.25em; position: absolute; top: 0.75em; right: 0.75em; color: #fff; background-color: #000; transition: all 0.4s ease-in-out; cursor: pointer; border-radius: 0; z-index: 801; }

@media (max-width: 996px) { .modal .modal-close { top: 0; right: 0; } }

.modal .modal-close:hover { color: #000; background-color: #fff; }

.modal .modal-close i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.modal .modal-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

footer { text-transform: uppercase; padding: 1.5em 0; background: #000; color: #fff; text-align: center; position: sticky; bottom: 0; left: 0; width: 100%; place-items: center; }

footer .label { padding: 1em; }

footer .label a img { max-height: 156px; }

footer .legals span.sep { margin: 0 0.5em; }

footer .legals span a { color: #fff; text-decoration: none; }

footer .legals span a:hover { color: #c0a869; }

@media (max-width: 996px) { footer .smeuk { display: block; } footer .privacy { display: block; } footer .sep { display: none; } }

section.page-section.about .smem-about .bio p img { width: 100%; margin: 3rem auto; display: block; height: auto; }

section.page-section.about .smem-about .bio p iframe { width: 100%; margin: 3rem auto; display: block; }

section.page-section.carousel { position: relative; margin: 0 0 10vh 0; width: 100%; padding: 0px; background-color: #000; }

section.page-section.carousel .smem-carousel { position: relative; height: 100vh; min-height: 500px; overflow: hidden; width: 100%; margin: 0px auto; -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 5s; /* Firefox < 16 */ -ms-animation: fadein 5s; /* Internet Explorer */ -o-animation: fadein 5s; /* Opera < 12.1 */ animation: fadein 5s; }

@media (max-width: 996px) { section.page-section.carousel .smem-carousel { height: 100svh; } }

section.page-section.carousel .smem-carousel #carouselPlayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: transparent; display: none; }

section.page-section.carousel .smem-carousel #carouselPlayer iframe { width: 100%; height: 100%; }

section.page-section.carousel .smem-carousel .slides-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.page-section.carousel .smem-carousel .slides-wrap .slider-arrows { box-sizing: border-box; position: absolute; top: 50%; left: 0px; width: 100%; transform: translateY(-50%); display: flex; flex-direction: row; justify-content: space-between; z-index: 20; pointer-events: none; font-size: 3vw; }

@media (max-width: 996px) { section.page-section.carousel .smem-carousel .slides-wrap .slider-arrows { font-size: 6vw; font-family: "english-grotesque", sans-serif; font-weight: normal; text-transform: uppercase; top: auto; bottom: 0; } }

section.page-section.carousel .smem-carousel .slides-wrap .slider-arrows .slick-arrow { box-sizing: border-box; pointer-events: all; cursor: pointer; color: #fff; background-color: #000; transition: all 0.4s ease-in-out; }

section.page-section.carousel .smem-carousel .slides-wrap .slider-arrows .slick-arrow:hover { color: #000; background-color: #fff; }

section.page-section.carousel .smem-carousel .slides-wrap .slider-arrows .slick-prev { padding: 15px 20px 13px 10px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; border-radius: 0px 30px 30px 0px; }

@media (max-width: 996px) { section.page-section.carousel .smem-carousel .slides-wrap .slider-arrows .slick-prev { padding: 35px 10px 35px 5px; } }

section.page-section.carousel .smem-carousel .slides-wrap .slider-arrows .slick-next { padding: 15px 10px 13px 20px; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-left-radius: 30px; border-radius: 30px 0 0 30px; }

@media (max-width: 996px) { section.page-section.carousel .smem-carousel .slides-wrap .slider-arrows .slick-next { padding: 35px 5px 35px 10px; } }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list { height: 100%; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track { height: 100%; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div { height: 100%; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide { position: relative; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; display: flex !important; flex-direction: column; justify-content: flex-end !important; align-items: center; background-color: #000; /* HIDE ALL THE MS CONTENT FOR FULL SLIDE CTA'S */ /* BUTTONS FOR ALL SLIDES */ }

@media (max-width: 1600px) and (max-height: 800px) { section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide { background-position: top center; } }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide.has-title:before { content: ""; display: block; height: 100%; width: 100%; bottom: 0; position: absolute; opacity: 1; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 100%) no-repeat center center scroll; }

@media (max-width: 996px) { section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide.has-title:before { opacity: 1; } }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .slide-inner { width: 80vw; margin-bottom: 5vh; display: flex; flex-flow: column wrap; z-index: 21; }

@media (max-width: 996px) { section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .slide-inner { padding-bottom: 5vh; } }

@media (max-width: 430px) { section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .slide-inner { padding-bottom: 0; } }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide.video-slide { overflow: hidden; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide.video-slide .slide-inner { height: 100%; width: 100%; display: flex; justify-content: flex-end; align-items: center; margin: 0; padding-bottom: 0; /* CTA TITLES FOR VIDEO SLIDES */ }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide.video-slide .slide-inner .slide-video-embed { position: absolute; top: auto; left: auto; width: 100%; height: 100%; z-index: -1; pointer-events: none; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide.video-slide .slide-inner .slide-video-embed iframe { width: 100vw !important; height: 56.25vw !important; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%); /* VIMEO - MOBILE LOADING OTHER SCALE 1:2 */ }

@media screen and (max-width: 822px) { section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide.video-slide .slide-inner .slide-video-embed iframe { width: 100% !important; height: 200vw !important; /* Given a 2:1 aspect ratio, 2/1*100 = 200 */ min-height: 100vh; min-width: 50vh; /* Given a 16:9 aspect ratio, 1/2*100 = 50 */ } }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide.video-slide .slide-inner .slide-title { width: 80vw; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide.video-slide .slide-inner .subtitle { width: 80vw; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide.video-slide .slide-inner .buttons-wrap { width: 80vw; margin-bottom: 5vh; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide a.full-slide-cta { display: block; width: 100%; height: 100%; z-index: 10; text-decoration: none; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide a.full-slide-cta span.seo-text { display: none; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide a.full-slide-cta * { pointer-events: none; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap { display: flex; justify-content: center; }

@media (max-width: 430px) { section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap { flex-direction: column; } }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap { margin: 0 1vw; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap:first-child, section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap:last-child { margin: 0; }

@media (max-width: 430px) { section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap { margin: 1vh 0; } section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap:first-child, section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap:last-child { margin: 0; } }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap .carousel-button { margin: 0 1vh; }

@media (max-width: 430px) { section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap .carousel-button { width: 100%; } }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap .carousel-button a.slide-button { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap .carousel-button a.slide-button:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap .carousel-button a.slide-button i { padding-right: 10px; }

section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap .carousel-button a.slide-button:hover { background-color: #000; color: #fff !important; border: 1px solid #000; }

@media (max-width: 430px) { section.page-section.carousel .smem-carousel .slides-wrap .slick-list .slick-track .slick-slide > div .slide .buttons-wrap .carousel-button-wrap .carousel-button a.slide-button { width: 100%; padding-left: 0; padding-right: 0; margin: 0; } }

.slide-title, .subtitle { color: #fff; text-shadow: 1px 1px 0px #000, 0px 0px 5px #000; width: auto; line-height: 100%; font-weight: normal; text-align: center; padding: 0 0 3vh 0; margin: 0; display: inline; }

.slide-title { font-size: 5vw; }

@media (max-width: 996px) { .slide-title { font-size: 10vw; } }

.subtitle { font-family: "english-grotesque", sans-serif; display: inline-block; }

section.page-section.contact .smem-contact .contact-details p img { width: 100%; margin: 3rem auto; display: block; height: auto; }

section.page-section.contact .smem-contact .contact-details p iframe { width: 100%; margin: 3rem auto; display: block; }

section.page-section.faq { margin: 100px auto; }

section.page-section.faq .section-title { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; }

section.page-section.faq .smem-faq .faq-item { width: 100%; }

#image-viewer { position: fixed; top: 0; left: 0; width: 100vw; min-height: 100vh; overflow-y: scroll; background: rgba(0, 0, 0, 0.7); z-index: 802; display: none; }

#image-viewer #image-viewer-nav { width: 100vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: space-between; z-index: 810; font-size: 4vw; }

@media (max-width: 996px) { #image-viewer #image-viewer-nav { top: auto; bottom: 10%; } }

#image-viewer #image-viewer-nav div { pointer-events: all; cursor: pointer; color: #fff; background-color: #000; transition: all 0.4s ease-in-out; }

#image-viewer #image-viewer-nav div:hover { color: #000; background-color: #fff; }

#image-viewer #image-viewer-nav #image-nav-prev { padding: 15px 20px 13px 10px; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; border-radius: 0px 30px 30px 0px; }

@media (max-width: 996px) { #image-viewer #image-viewer-nav #image-nav-prev { padding: 35px 10px 35px 5px; } }

#image-viewer #image-viewer-nav #image-nav-next { padding: 15px 10px 13px 20px; -webkit-border-top-left-radius: 30px; -webkit-border-bottom-left-radius: 30px; border-radius: 30px 0 0 30px; }

@media (max-width: 996px) { #image-viewer #image-viewer-nav #image-nav-next { padding: 35px 5px 35px 10px; } }

#image-viewer #image-viewer-close { display: block; font-size: 4vw; width: 1.25em; height: 1.25em; position: absolute; top: 100px; right: 0.75em; color: #000; background-color: #fff; transition: all 0.4s ease-in-out; cursor: pointer; z-index: 801; }

@media (max-width: 996px) { #image-viewer #image-viewer-close { font-size: 8vw; width: 58px; height: 58px; top: 58px; right: 0; z-index: 801; } }

#image-viewer #image-viewer-close:hover { background-color: #000; color: #fff; }

#image-viewer #image-viewer-close i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

#image-viewer #image-viewer-inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; }

#image-viewer #image-viewer-inner img { width: 100%; height: 90vh; object-fit: contain; }

#image-viewer #image-viewer-inner .image-caption h3 { color: #fff; }

section.page-section.gallery .smem-gallery { max-width: none; }

section.page-section.gallery.grid .smem-gallery { display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row; }

section.page-section.gallery.grid .smem-gallery .gallery-image { width: 100%; padding: 0.5rem; }

@media (min-width: 1201px) { section.page-section.gallery.grid .smem-gallery .gallery-image { width: calc(((100vw - 40vw) / 4) - 1rem); height: calc(((100vw - 40vw) / 4) - 1rem); max-width: none; } }

@media (max-width: 996px) { section.page-section.gallery.grid .smem-gallery .gallery-image { width: calc(((100vw - 40vw) / 2) - 1rem); height: calc(((100vw - 40vw) / 2) - 1rem); } }

section.page-section.gallery.grid .smem-gallery .gallery-image a.gallery-link { display: block; width: 100%; height: 100%; }

section.page-section.gallery.grid .smem-gallery .gallery-image a.gallery-link .gallery-thumb { width: 100%; height: 100%; }

section.page-section.gallery.grid .smem-gallery .gallery-image a.gallery-link .gallery-thumb img { width: 100%; height: 100%; object-fit: cover; }

section.page-section.gallery.grid .smem-gallery .gallery-image .image-subtitle { display: none; }

#lyricsModal { overflow: scroll; }

#lyricsModal .modal-inner .content-container { text-align: center; padding: 10vmin 0; }

#lyricsModal .modal-inner .content-container h2 { color: #fff; }

#lyricsModal .modal-inner .content-container .lyrics-content { width: 90%; margin: 0 auto; }

.pagehome section.page-section.news { margin-top: 0; }

.pagehome section.page-section.news .content-section { margin-top: 0; }

.pagehome section.page-section.news .content-section h2.section-title { font-size: 400%; color: #fff; }

@media (max-width: 996px) { .pagehome section.page-section.news .content-section h2.section-title { font-size: 300%; } }

.pagehome section.page-section.news .content-section .smem-news { width: 100%; }

.pagehome section.page-section.news .content-section .smem-news .news-item { width: 100%; box-sizing: border-box; display: grid; grid-template-columns: 50% auto; column-gap: 3vw; }

@media (max-width: 996px) { .pagehome section.page-section.news .content-section .smem-news .news-item { display: flex; flex-direction: column; width: 100%; margin: 0 auto 3em auto; } }

.pagehome section.page-section.news .content-section .smem-news .news-item .image-wrap { grid-column: 1 / 1; grid-row: 1 / 4; }

.pagehome section.page-section.news .content-section .smem-news .news-item .image-wrap a.imagelink { display: block; border: solid 1px #c0a869; }

.pagehome section.page-section.news .content-section .smem-news .news-item .image-wrap a.imagelink img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

.pagehome section.page-section.news .content-section .smem-news .news-item .news-title { grid-column: 2 / 2; text-align: left; }

@media (max-width: 996px) { .pagehome section.page-section.news .content-section .smem-news .news-item .news-title { text-align: center; padding: 0; margin: 0.5em 0; } }

.pagehome section.page-section.news .content-section .smem-news .news-item .news-excerpt { grid-column: 2 / 2; padding-bottom: 2em; padding-right: 2em; }

@media (max-width: 996px) { .pagehome section.page-section.news .content-section .smem-news .news-item .news-excerpt { width: 100%; margin: 0px; padding: 0; text-align: center; } }

.pagehome section.page-section.news .content-section .smem-news .news-item .news-excerpt .cta a { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; }

.pagehome section.page-section.news .content-section .smem-news .news-item .news-excerpt .cta a:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

@media (max-width: 996px) { .pagehome section.page-section.news .content-section .smem-news .news-item .news-excerpt .cta a { width: 100%; } }

.pagehome section.page-section.news .content-section .smem-news .news-item .news-metas { display: none; }

.pagehome section.page-section.news .content-section .smem-news .news-item .news-content { display: none; }

.pagehome section.page-section.news .content-section .smem-news .news-item .news-embed { display: none; }

section.page-section.news { margin-top: 20vh; }

section.page-section.news .smem-news { display: flex; flex-wrap: wrap; justify-content: center; }

section.page-section.news .smem-news .news-item { width: calc(33% - 2rem); margin: 0 1vw 1vw 1vw; display: flex; flex-direction: column; color: #fff; }

@media (max-width: 996px) { section.page-section.news .smem-news .news-item { width: 100%; margin-bottom: 10vw; } }

section.page-section.news .smem-news .news-item .image-wrap { order: 1; width: 100%; overflow: hidden; }

section.page-section.news .smem-news .news-item .image-wrap a.imagelink { display: block; border: solid 1px #c0a869; position: relative; object-position: 50% 50%; }

section.page-section.news .smem-news .news-item .image-wrap a.imagelink:before { display: block; content: ""; width: 100%; padding-top: 100%; }

section.page-section.news .smem-news .news-item .image-wrap a.imagelink > img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

section.page-section.news .smem-news .news-item .image-wrap a.imagelink img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; }

section.page-section.news .smem-news .news-item .news-title { order: 2; }

section.page-section.news .smem-news .news-item .news-excerpt { order: 4; }

section.page-section.news .smem-news .news-item .news-excerpt .cta a { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; width: 100%; }

section.page-section.news .smem-news .news-item .news-excerpt .cta a:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

section.page-section.news .smem-news .news-item .news-metas { order: 3; display: flex; flex-direction: row; flex-wrap: nowrap; flex: 1; }

section.page-section.news .smem-news .news-item .news-metas .news-date:before { font-weight: 400; content: "\f073"; font-family: 'Font Awesome\ 5 Free'; margin-right: 0.6em; }

section.page-section.news .smem-news .news-item .news-metas .categories { display: none; }

section.page-section.news .smem-news .news-item .news-metas .categories:before { font-weight: 400; content: "\f02c"; font-family: 'Font Awesome\ 5 Free'; margin-right: 0.6em; }

section.page-section.news .smem-news .news-item .news-content { order: 4; display: none; }

section.page-section.news .smem-news .news-item .news-content img { display: block; width: auto !important; max-width: 100% !important; height: auto !important; margin: 0 auto; }

section.page-section.news .smem-news .news-item .news-embed { display: none; }

section.site-page.news .smem-news { display: flex; flex-direction: column; }

section.site-page.news .smem-news .news-item { width: 100%; flex-direction: column; }

section.site-page.news .smem-news .news-item .image-wrap { order: 2; }

section.site-page.news .smem-news .news-item .image-wrap img { width: 100%; }

section.site-page.news .smem-news .news-item .news-title { order: 1; text-align: center; }

section.site-page.news .smem-news .news-item .news-excerpt { order: 4; display: none; }

section.site-page.news .smem-news .news-item .news-metas { order: 3; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; }

section.site-page.news .smem-news .news-item .news-metas .news-date:before { font-family: 'Font Awesome\ 5 Free'; margin-right: 0.6em; }

section.site-page.news .smem-news .news-item .news-metas .categories { display: none; }

section.site-page.news .smem-news .news-item .news-metas .categories:before { content: "\f02c"; font-family: 'Font Awesome\ 5 Free'; margin-right: 0.6em; }

section.site-page.news .smem-news .news-item .news-embed { order: 6; display: block; text-align: center; margin: 2rem 0; }

section.site-page.news .smem-news .news-item .news-embed iframe, section.site-page.news .smem-news .news-item .news-embed embed, section.site-page.news .smem-news .news-item .news-embed object { margin: 0 auto !important; }

section.site-page.news .smem-news .news-item .news-embed[data-service="youtube com"], section.site-page.news .smem-news .news-item .news-embed[data-service="vimeo com"] { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

section.site-page.news .smem-news .news-item .news-embed[data-service="youtube com"] iframe, section.site-page.news .smem-news .news-item .news-embed[data-service="vimeo com"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.site-page.news .smem-news .news-item .news-content { order: 5; display: block; text-align: justify; }

section.site-page.news .smem-news .news-item .news-content h1, section.site-page.news .smem-news .news-item .news-content h2, section.site-page.news .smem-news .news-item .news-content h3, section.site-page.news .smem-news .news-item .news-content h4, section.site-page.news .smem-news .news-item .news-content h5, section.site-page.news .smem-news .news-item .news-content h6 { color: #fff; font-family: "english-grotesque", sans-serif; font-weight: normal; text-transform: uppercase; font-size: normal; }

section.site-page.news .smem-news .news-item .news-content img { display: block; width: auto !important; width: 100%; max-width: 100% !important; height: auto !important; margin: 0 auto; }

section.site-page.news .smem-news .news-item .news-content .wp-caption { width: 100% !important; text-align: center; }

section.site-page.news .smem-news .news-item .news-content .wp-caption.aligncenter { text-align: center; }

section.site-page.news .smem-news .news-item .news-content .wp-caption.alignleft { text-align: left; }

section.site-page.news .smem-news .news-item .news-content .wp-caption.alignright { text-align: right; }

section.site-page.news .smem-news .news-item .news-content .wp-caption img { height: auto !important; margin: 0 auto; }

section.site-page.news .smem-news .news-item .news-content .wp-caption .wp-caption-text { font-size: 75%; text-align: center; }

@media (max-width: 996px) { #newsletterModal { position: fixed; overflow: scroll; } }

@media (max-width: 996px) and (orientation: portrait) { #newsletterModal { height: auto; max-height: none; } }

#newsletterModal .modal-inner .content-container { display: flex; flex-direction: row; width: 80vw; height: auto; max-width: 90vw; max-height: 90vh; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #000; color: #fff; -webkit-overflow-scrolling: touch; overflow-y: scroll; }

@media (max-width: 996px) { #newsletterModal .modal-inner .content-container { width: 100%; max-width: 100vw; max-height: 100vh; margin: 0 auto; position: relative; top: 0; left: 0; transform: none; } }

@media (max-width: 996px) and (orientation: portrait) { #newsletterModal .modal-inner .content-container { display: block; flex-direction: column; } }

#newsletterModal .modal-inner .content-container .left { overflow: hidden; width: 50%; }

#newsletterModal .modal-inner .content-container .left .image-desktop { display: block; height: 100%; }

#newsletterModal .modal-inner .content-container .left .image-mobile { display: none; }

@media (max-width: 996px) and (orientation: portrait) { #newsletterModal .modal-inner .content-container .left { width: 100%; } #newsletterModal .modal-inner .content-container .left .image-desktop { display: none; } #newsletterModal .modal-inner .content-container .left .image-mobile { display: block; } #newsletterModal .modal-inner .content-container .left .image-mobile img { height: auto; max-height: 40vh; max-width: 100vmin; } }

@media (max-width: 996px) and (orientation: landscape) { #newsletterModal .modal-inner .content-container .left .image-desktop { width: 100%; height: 100%; } #newsletterModal .modal-inner .content-container .left .image-desktop img { height: 100%; width: 100%; } }

#newsletterModal .modal-inner .content-container .left img { width: 100%; height: 100%; max-width: 90vmin; display: block; object-fit: cover; object-position: center center; }

#newsletterModal .modal-inner .content-container .right { text-transform: uppercase; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2em; width: calc(50% - 4em); }

@media (max-width: 996px) and (orientation: portrait) { #newsletterModal .modal-inner .content-container .right { padding: 1em 2em; width: calc(100% - 4em); justify-content: unset; } }

@media (max-width: 996px) and (orientation: landscape) { #newsletterModal .modal-inner .content-container .right { padding: 1em 2em; width: calc(50% - 2em); } }

#newsletterModal .modal-inner .content-container .right .logo { width: 100%; margin: 0; }

#newsletterModal .modal-inner .content-container .right .logo img, #newsletterModal .modal-inner .content-container .right .logo svg { width: 100%; }

#newsletterModal .modal-inner .content-container .right .text { width: 100%; }

#newsletterModal .modal-inner .content-container iframe { width: 100%; height: 100vh; }

#newsletterModal .modal-inner .content-container .cta { width: 100%; }

#newsletterModal .modal-inner .content-container .cta a { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; width: 100%; }

#newsletterModal .modal-inner .content-container .cta a:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

#newsletterModal .modal-inner .content-container .newsletter-dismiss { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; width: 100%; }

#newsletterModal .modal-inner .content-container .newsletter-dismiss:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

section.releases .smem-releases .release { display: flex; justify-content: space-between; border-bottom: 1px solid #c0a869; margin-bottom: 5vh; padding-bottom: 5vh; }

section.releases .smem-releases .release:last-child { border-bottom: none; }

@media (max-width: 996px) { section.releases .smem-releases .release { flex-direction: column; } }

section.releases .smem-releases .release .packshot { width: 48%; text-align: center; align-self: stretch; }

@media (max-width: 996px) { section.releases .smem-releases .release .packshot { width: 100%; } }

section.releases .smem-releases .release .packshot img { width: 100%; position: sticky; position: -webkit-sticky; top: 0px; }

section.releases .smem-releases .release .info { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 48%; }

@media (max-width: 996px) { section.releases .smem-releases .release .info { width: 100%; } }

section.releases .smem-releases .release .info .release-title { text-align: center; font-size: 300%; }

@media (max-width: 996px) { section.releases .smem-releases .release .info .release-title { font-size: 200%; } }

section.releases .smem-releases .release .info .release-meta { display: flex; flex-direction: column; justify-content: space-between; width: 100%; }

@media (max-width: 996px) { section.releases .smem-releases .release .info .release-meta { width: 100%; } }

section.releases .smem-releases .release .info .release-meta .release-date { display: none; }

section.releases .smem-releases .release .info .release-meta .release-date span { display: none; }

section.releases .smem-releases .release .info .release-meta .release-custominfo { text-align: center; }

@media (max-width: 996px) { section.releases .smem-releases .release .info .release-meta .release-custominfo { margin: 0px auto; } }

section.releases .smem-releases .release .info .release-meta .release-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

section.releases .smem-releases .release .info .release-meta .release-embed:empty { display: none; }

section.releases .smem-releases .release .info .release-meta .release-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 996px) { section.releases .smem-releases .release .info .release-meta .release-embed { width: 100%; margin: 0 auto; } }

section.releases .smem-releases .release .info .release-meta .tracklist { flex-grow: 2; list-style-position: inside; margin: 20px; padding: 0; counter-reset: item; text-align: left; }

@media (max-width: 996px) { section.releases .smem-releases .release .info .release-meta .tracklist { width: 90%; margin: 20px auto; } }

section.releases .smem-releases .release .info .release-meta .tracklist:empty { display: none; }

section.releases .smem-releases .release .info .release-meta .tracklist li { margin: 0.5em 0; list-style: none; list-style-position: inside; border-bottom: solid 1px #ddd; padding-bottom: 0.5em; text-align: center; }

section.releases .smem-releases .release .info .release-meta .tracklist li:before { content: ""; margin-right: 0.5em; }

section.releases .smem-releases .release .info .release-meta .tracklist li:last-child { border-bottom: solid 0px #fff; }

@media (max-width: 996px) { section.releases .smem-releases .release .info .release-meta .tracklist li { font-size: 115%; text-align: center; } }

section.releases .smem-releases .release .info .release-meta .tracklist li.has-lyrics { cursor: pointer; display: flex; justify-content: space-between; }

@media (max-width: 996px) { section.releases .smem-releases .release .info .release-meta .tracklist li.has-lyrics { flex-direction: column; align-content: center; align-items: center; padding: 1em 0; } }

section.releases .smem-releases .release .info .release-meta .tracklist li.has-lyrics .lyrics-button { vertical-align: top; color: #fff; background: #000; display: inline-block; padding: 0.2em 0.9em; margin: 0 0.25em; font-size: 0.7em; border: 1px solid #ddd; cursor: pointer; transition: all 0.4s ease-in-out; text-transform: uppercase; }

@media (max-width: 996px) { section.releases .smem-releases .release .info .release-meta .tracklist li.has-lyrics .lyrics-button { margin-top: 1em; } }

section.releases .smem-releases .release .info .release-meta .tracklist li.has-lyrics:hover > .lyrics-button { color: #000; background: #fff; border: 1px solid #fff; }

section.releases .smem-releases .release .info .release-meta .retail-links { display: flex; flex-wrap: wrap; }

@media (max-width: 430px) { section.releases .smem-releases .release .info .release-meta .retail-links { flex-direction: column; } }

section.releases .smem-releases .release .info .release-meta .retail-links a.retail-link { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; width: 100%; margin: 1vw 0; }

section.releases .smem-releases .release .info .release-meta .retail-links a.retail-link:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

section.releases .smem-releases .release .info .release-meta .retail-links a.retail-link i { padding-right: 10px; }

section.releases .smem-releases .release.playlist .packshot { display: none; }

section.releases .smem-releases .release.playlist .info { width: 100%; }

section.releases .smem-releases .release.playlist .info .release-meta .release-embed { display: block; }

section.releases .smem-releases .release:nth-child(even) .packshot { order: 2; }

@media (max-width: 996px) { section.releases .smem-releases .release:nth-child(even) .packshot { order: 1; } }

section.releases .smem-releases .release:nth-child(even) .info { order: 1; }

section.store { padding: 2em 0; }

section.store .products-widget { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }

section.store .products-widget .product { width: 33%; padding: 1rem; display: flex; flex-direction: column; box-sizing: border-box; }

@media (max-width: 996px) { section.store .products-widget .product { width: calc(100% - 2rem); } }

section.store .products-widget .product .product-image { width: 100%; }

section.store .products-widget .product .product-image a { width: 100%; }

section.store .products-widget .product .product-image a img { width: 100%; }

section.store .products-widget .product .product-info-wrap { display: flex; flex-direction: column; margin-top: auto; text-align: center; }

section.store .products-widget .product .product-info-wrap .product-title h2 { margin-bottom: 0.8em; font-size: 1.5rem; font-weight: 300; }

section.store .products-widget .product .product-info-wrap .product-price h3 { font-size: 2rem; font-weight: 300; color: #c0a869; }

section.store .products-widget .product .product-info-wrap .product-content { display: none; }

section.store .products-widget .product .product-info-wrap .product-buy-button a { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; width: 80%; border: 1px solid #fff; }

section.store .products-widget .product .product-info-wrap .product-buy-button a:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

section.store .products-widget .product .product-info-wrap .product-buy-button a:hover { background-color: #000; color: #fff; border: 1px solid #fff; }

section.store .content-section .products-widget { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }

section.store .content-section .products-widget .store-panel { width: calc(33% - 2rem); margin: 0 1vw 1vw 1vw; display: flex; flex-direction: column; justify-content: space-between; flex-grow: 2; box-sizing: border-box; }

@media (max-width: 996px) { section.store .content-section .products-widget .store-panel { width: 100%; margin-bottom: 10vw; } }

section.store .content-section .products-widget .store-panel .panel-image-wrap { width: 100%; }

section.store .content-section .products-widget .store-panel .panel-image-wrap a { display: block; }

section.store .content-section .products-widget .store-panel .panel-image-wrap a img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; vertical-align: bottom; }

section.store .content-section .products-widget .store-panel .panel-title { text-align: center; }

section.store .content-section .products-widget .store-panel .panel-description { text-align: center; }

section.store .content-section .products-widget .store-panel .panel-links a { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; width: 100%; }

section.store .content-section .products-widget .store-panel .panel-links a:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

section.store .content-section .products-widget .no-store-panels { width: 100%; text-align: center; }

section.store .content-section .products-widget .no-store-panels a { color: #fff; }

section.store .content-section .products-widget .no-store-panels a:hover { color: #c0a869; }

section.store .content-section .products-widget .no-store-panels a.newsletter-cta { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; }

section.store .content-section .products-widget .no-store-panels a.newsletter-cta:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

section.tourdates .smem-tourdates .date { display: flex; flex-wrap: wrap; padding: 0.8em 2em; align-items: center; justify-content: space-between; border: 1px solid #fff; border-bottom: none; text-transform: uppercase; box-sizing: border-box; }

@media (max-width: 996px) { section.tourdates .smem-tourdates .date { flex-direction: column; margin: 5vh auto; border-bottom: 1px solid #fff; } }

section.tourdates .smem-tourdates .date:last-child { border-bottom: 1px solid #fff; }

section.tourdates .smem-tourdates .date div.day { order: 1; width: 20%; }

@media (max-width: 996px) { section.tourdates .smem-tourdates .date div.day { width: 100%; text-align: center; margin-bottom: 0.5em; } }

section.tourdates .smem-tourdates .date div.venue { order: 2; width: 28%; }

@media (max-width: 996px) { section.tourdates .smem-tourdates .date div.venue { width: 100%; text-align: center; } }

section.tourdates .smem-tourdates .date div.town { order: 3; width: 28%; }

@media (max-width: 996px) { section.tourdates .smem-tourdates .date div.town { width: 100%; text-align: center; margin-bottom: 0.5em; } }

section.tourdates .smem-tourdates .date div.ticketlinks-wrap { order: 4; display: flex; flex-direction: column; align-content: flex-end; padding: 0.5em 0em; width: 19%; }

@media (max-width: 996px) { section.tourdates .smem-tourdates .date div.ticketlinks-wrap { width: 100%; text-align: center; margin-bottom: 0.5em; } }

section.tourdates .smem-tourdates .date div.ticketlinks-wrap a { box-sizing: border-box; margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; width: 100%; margin: 1vw 0; }

section.tourdates .smem-tourdates .date div.ticketlinks-wrap a:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

@media (max-width: 996px) { section.tourdates .smem-tourdates .date div.ticketlinks-wrap a { padding: 1em 2em; } }

section.tourdates .smem-tourdates .date div.ticketlinks-wrap a.pre_sale { color: #000; background-color: #f70; border: 1px solid #fff; }

section.tourdates .smem-tourdates .date div.ticketlinks-wrap a.on_sale { color: #000; background-color: #fff; border: 1px solid #fff; }

section.tourdates .smem-tourdates .date div.ticketlinks-wrap a.not_on_sale { color: #fff; background-color: #000; border: 1px solid #fff; pointer-events: none; cursor: default; }

section.tourdates .smem-tourdates .date div.ticketlinks-wrap a.sold_out { color: #fff; background-color: #c00; border: 1px solid #c00; }

section.tourdates .smem-tourdates .date div.ticketlinks-wrap a.resale { color: #000; background-color: #80f; border: 1px solid #fff; }

section.tourdates .smem-tourdates .date div.ticketlinks-wrap a:hover { color: #fff; background-color: #000; border: 1px solid #fff; }

section.tourdates .smem-tourdates .date div.show-info { box-sizing: border-box; order: 5; }

@media (max-width: 996px) { section.tourdates .smem-tourdates .date div.show-info { text-align: center; } }

section.tourdates .smem-tourdates .date div.show-info a { color: #fff; }

section.tourdates .smem-tourdates .date div.show-info a:hover { color: #fff !important; }

section.tourdates .smem-tourdates .no-tour-dates { text-align: center; padding: 5em 0; }

section.tourdates .smem-tourdates .no-tour-dates p { width: 80%; margin: 0 auto; }

section.tourdates .smem-tourdates .no-tour-dates p a { color: #fff; }

section.tourdates .smem-tourdates .no-tour-dates p a:hover { color: #fff; text-decoration: underline; }

section.tourdates .smem-tourdates .no-tour-dates .cta { margin: 1em auto; text-align: center; color: #000; background-color: #907f52; border: 1px solid #907f52; padding: 1em 2em; transition: all 0.4s ease-in-out; text-decoration: none; text-transform: uppercase; display: inline-block; box-sizing: border-box; }

section.tourdates .smem-tourdates .no-tour-dates .cta:hover { color: #000; background-color: #fff; border: 1px solid #fff; }

#video-player { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1200; display: none; }

#video-player.active { display: block; }

#video-player #video-player-inner, #video-player #video-player-inner iframe { width: 100%; height: 100%; }

#video-player #video-player-close { display: block; font-size: 3em; width: 1.25em; height: 1.25em; position: absolute; top: 0.75em; right: 0.75em; background-color: #c0a869; color: #fff; transition: all 0.4s ease-in-out; cursor: pointer; z-index: 801; }

#video-player #video-player-close:hover { background-color: #fff; color: #c0a869; }

#video-player #video-player-close i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

section .smem-videos { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; }

@media (max-width: 996px) { section .smem-videos { flex-direction: column; } }

section .smem-videos .video { width: calc(30%); }

@media (max-width: 996px) { section .smem-videos .video { width: 100%; margin: 1vh auto; } }

section .smem-videos .video:first-child { width: 100%; }

section .smem-videos .video a.video-link { display: block; }

section .smem-videos .video a.video-link .video-thumb { width: 100%; text-align: center; }

section .smem-videos .video a.video-link .video-thumb img, section .smem-videos .video a.video-link .video-thumb video { max-width: 100%; }

section .smem-videos .video .video-subtitle { text-align: center; }