/* Theme Name: ELECTRON 2026 Theme URI: https://www.dingz.com Author: dingz.com Author URI: http://dingz.com.com/ Description: Please read: dingz.com. ELECTRON is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. Thank you. Version: 2019.1 License: GNU General Public License License URI: https://www.gnu.org/licenses/gpl.html Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready Text Domain: ELECTRON 2026 ELECTRON WordPress Theme © 2011-2022 dingz.com ELECTRON is distributed under the terms of the GNU GPL */ @import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap'); @font-face { font-family: 'Druk-Medium'; font-weight: 400; font-style: normal; src: url("fonts/DrukTextWide-Medium.woff2") format('woff2'), url("fonts/DrukTextWide-Medium.woff") format('woff'), url("fonts/DrukTextWide-Medium.ttf") format('truetype'); } @font-face { font-family: 'Druk-Super'; font-weight: 400; font-style: normal; src: url("fonts/DrukTextWide-Super.woff2") format('woff2'), url("fonts/DrukTextWide-Super.woff") format('woff'), url("fonts/DrukTextWide-Super.ttf") format('truetype'); } :root { /* Primary palette */ --elec-red: #c94450; --elec-mint: #93c5be; --elec-orange: #dd9450; --elec-yellow: #f7ef88; --elec-silver: #c5c5c5; --elec-purple: #a379af; --elec-green: #95c087; --elec-rose: #de9ba8; --elec-blue: #3d6199; } .theme-red .logo::after { filter: invert(30%) sepia(54%) saturate(2080%) hue-rotate(327deg) brightness(95%) contrast(79%); } .theme-mint .logo::after { filter: invert(83%) sepia(26%) saturate(310%) hue-rotate(122deg) brightness(87%) contrast(86%); } .theme-mint { background: var(--elec-mint); } .theme-mint #header .menu > li a { color: var(--elec-mint); } .theme-orange .logo::after { filter: invert(84%) sepia(17%) saturate(3539%) hue-rotate(321deg) brightness(92%) contrast(87%); } .theme-yellow .logo::after { filter: invert(92%) sepia(33%) saturate(566%) hue-rotate(353deg) brightness(100%) contrast(94%); } .theme-silver .logo::after { filter: invert(94%) sepia(0%) saturate(63%) hue-rotate(143deg) brightness(88%) contrast(83%); } .theme-purple .logo::after { filter: invert(65%) sepia(10%) saturate(1320%) hue-rotate(241deg) brightness(79%) contrast(93%); } .theme-green .logo::after { filter: invert(68%) sepia(28%) saturate(399%) hue-rotate(60deg) brightness(101%) contrast(87%); } .theme-rose .logo::after { filter: invert(75%) sepia(7%) saturate(1733%) hue-rotate(300deg) brightness(90%) contrast(93%); } .theme-blue .logo::after { filter: invert(29%) sepia(99%) saturate(390%) hue-rotate(176deg) brightness(94%) contrast(78%); } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} html, body { cursor: none; } a { color: #008edf; transition: all 0.5s ease; }g body * { transition: all 0.5s ease; } body { font-family: 'Druk-Medium', sans-serif; font-size: 0px; background: rgb(201, 68, 80); } ul li { font-size: 10pt; } h1, h2, h3, h4, h5, h6 { font-family: 'Druk-Super', sans-serif; font-weight: 300; font-style: normal; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-family: 'Druk-Medium', sans-serif; font-weight: 300; font-style: normal; display: inline-block; font-size: 0.85em; } em { font-family: 'Druk-Medium', sans-serif; } .posttext > h2 p { text-indent: 5px; display: inline; } h1 { font-size: 4em; } h2 { font-size: 3em; line-height: 1.25em; } h4 { padding-top: 20px; font-weight: bold; font-size: 12pt; } a, .cursor-hover { cursor: none; } html, body, a, button, .cursor-hover { cursor: none !important; } #custom-cursor { position: fixed; top: 0; left: 0; width: 24px; height: 24px; pointer-events: none; z-index: 99999999; opacity: 0; transform: translate3d(-100px, -100px, 0); will-change: transform; } #custom-cursor.is-visible { opacity: 1; } #custom-cursor img { display: block; width: 100%; height: 100%; transform: translate(-50%, -50%) scale(1); transform-origin: center; transition: transform 0.45s cubic-bezier(.2, .8, .2, 1); } #custom-cursor.is-hovering img { transform: translate(-50%, -50%) scale(2) rotate(360deg); } @media (hover: none), (pointer: coarse) { html, body, a, button, .cursor-hover { cursor: auto !important; } #custom-cursor { display: none !important; } } .scrolling-text { display: inline-block; position: relative; white-space: nowrap; /* Prevent line breaks */ overflow: hidden; /* Hide content outside the container */ width: 100%; /* Ensure it takes up full width of container */ height: 54px; /* Adjust based on your content */ } .repeated-text { display: flex; white-space: nowrap; /* Prevent text from wrapping */ animation: scroll-text 50s linear infinite; /* Adjust the duration to slow it down */ padding-right: 10px; /* Add some space between repeated text */ justify-content: center; align-items: baseline; justify-items: center; font-size: 1.2em; } .repeated-text em { align-content: center; margin: 0px; display: inline !important; vertical-align: middle; line-height: inherit; font-family: 'Druk-Medium', sans-serif; } @keyframes scroll-text { 0% { transform: translateX(100%); /* Start off-screen from the right */ } 100% { transform: translateX(-100%); /* End off-screen to the left */ } } div.social { position: relative; bottom: auto; right: auto; } .social { list-style: none; text-align: center; padding: 0px 0px; position: fixed; right: 1rem; bottom: 0rem; z-index: 99; display: flex; gap: 5px; } .social li { } .social li a { height: 40px; width: 40px; background: transparent; display: block; margin: 0px; position: relative; opacity: 1; } .social li a:hover { opacity: 1; background: #ff2b1a; } .social li:nth-of-type(1) a:before, .social li.facebook a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/social/facebook.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li:nth-of-type(2) a:before, .social li.instagram a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/social/instagram.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li:nth-of-type(3) a:before, .social li.vimeo a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/social/vimeo.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li:nth-of-type(4) a:before, .social li.soundcloud a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/social/soundcloud.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li:nth-of-type(5) a:before, .social li.spotify a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/social/spotify.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; } .social li.facebook a:before { background: url(images/social/facebook.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.instagram a:before { background: url(images/social/instagram.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.vimeo a:before { background: url(images/social/vimeo.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.soundcloud a:before { background: url(images/social/soundcloud.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.spotify a:before { background: url(images/social/spotify.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.residentadvisor a:before { background: url(images/social/ra.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.website a:before { background: url(images/social/website.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.youtube a:before { background: url(images/social/youtube.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.bandcamp a:before { background: url(images/social/bandcamp.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.website a:before { background: url(images/social/website.svg) 14px 9px no-repeat; background-size: 21px 21px; } .horz .wp-block-column h1, .horz .wp-block-column h2, .horz .wp-block-column h3, .horz .wp-block-column h4, .horz .wp-block-column h5, .horz .wp-block-column h6, .horz h1 a, .horz h2 a, .horz h3 a, .horz h4 a, .horz h5 a, .horz h6 a { } .page .entry-content .horz h3 { font-size: 26pt; margin: 0px; line-height: 1.2em; font-weight: 800; } .horz h1 em, .horz h2 em, .horz h3 em, .horz h4 em, .horz h5 em, .horz h6 em { color: #0068ff; font-style: normal; } .horz .artists h2, .horz .artists h2 a { font-size: 14pt; } .vp-flex.vp-vt-locally { height: calc(100vh - 200px) !important; max-height: 800px !important; } #events { scroll-margin-top: 200px; } #events h3 a, #artists h3 a { color: #0068ff; text-decoration: none; } #events h3 a:hover, #artists h3 a:hover { text-decoration: underline; } #artists, #infos { scroll-margin-top: 150px; } #galleries { scroll-margin-top: 200px; } .wp-block-columns.nopadding .wp-block-column { padding: 0px 50px; } #wrapper { position: relative; } body.single-events, body.page-child { } body.single-events #wrapper:after, body.single-artists #wrapper:after, body.page-child #wrapper:after { display: none; } body.single-events #wrapper:before, body.page-child #wrapper:before { background: rgb(254, 54, 245, 1); background: linear-gradient(0deg,rgba(254, 54, 245, 1) 0%,rgba(253, 248, 185, 1) 50%,rgba(0, 142, 233, 1) 100%);} body.single-events #wrapper:after { display: none; } body.single-artists #wrapper:before { height: 200%;} body.page-id-41 #wrapper:before { height: 300%;} .popupblocks { max-width: 100%; } .popupblocks .wp-block-column { padding: 0px !important; } .pum-container.pum-responsive img { margin: 0px !important; min-width: auto !important; } #content { min-height: 100px; } .artists-template-default #content, .events-template-default #content { max-width: 1200px; margin: 0 auto; } #container { width: 100%; margin: 0 auto; } .home .header { display: none; } .home .sidebar { display: none; } .home .tape { background: #97999B; } .home .tape .wp-block-column .wp-block-image:last-child { text-align: right; } .home .tape .wp-block-column .wp-block-image:first-child { text-align: right; } .home .tape .wp-block-column .wp-block-image:first-child img { width: 400px; height: auto; margin: 50px 50px 50px 50px; } .home .tape .wp-block-column .wp-block-image:last-child img { height: 400px; width: auto; margin: 50px 0px 100px 0px; } .modal-wrapper.show { background: rgba(0,0,0,0.8); display: flex !important; justify-content: center; vertical-align: middle; align-items: center; } .wp-post-modal { background: #fff; width: 80%; max-width: 1200px; display: inline-block; margin: 0 auto; position: relative; max-height: calc(100% - 80px); } .wp-post-modal p.comingsoon { font-size: 16pt; padding: 50px; text-align: center; } .wp-post-modal.show .close-modal { font-size: 30pt; line-height: 0px; display: none; border: 0; margin: 0px; width: 40px; height: 40px; position: absolute; right: 0; z-index: 999; } .wp-post-modal.show .close-modal:hover { background: #000; color: #fff; } h2.modal-link a { color: #fff; text-decoration: none; } h2.modal-link a:hover { text-decoration: underline; } #header { position: absolute; z-index: 1; width: calc(100% - 2rem); display: flex; flex-wrap: wrap; top: 0px; height: auto; background-size: 100% 100%; border-radius: 1rem; margin: 1rem; background: #000; justify-content: space-between; align-items: stretch; } #header .hamburger { display: none; } #header .menu { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; text-align: right; height: 100%; box-sizing: border-box; padding: 1.5rem; } #header .menu li { display: inline-block; position: relative; } #header .menu > li a { display: block; padding: 0.25rem; font-size: 1.5em; text-decoration: none; color: var(--elec-red); font-weight: 300; text-transform: uppercase; letter-spacing: 0px; position: relative; z-index: 1; line-height: 1; white-space: nowrap; } #header .menu > li a:hover { color: white; } #header .menu > li li a { color: #fff; font-size: 1.25em; letter-spacing: 0px; font-weight: 300; padding: 0.5rem; position: relative; white-space: nowrap; text-shadow: none; } #header .menu > li li { text-shadow: none; } #header .menu > li li a:hover { background: transparent; color: #fff; text-shadow:1px 1px 10px #fff, 1px 1px 10px #ccc; } #header .menu > li li:hover > a { color: #fff !important; } #header .menu > li li li > a { width: 220px; } #header .menu > li li li li > a { width: auto !important; } #header .menu > li li.menu-item-has-children > a:after { content: ''; width: 12px; height: 12px; background: url(images/arrow-right.svg) no-repeat center; position: absolute; left: 190px; transition: left .25s ease-in-out; opacity: 0.5; } #header .menu > li li.menu-item-has-children > a:hover:after, #header .menu > li li.menu-item-has-children:hover > a:after { left: 195px; transition: left .25s ease-in-out; opacity: 1; } #header .menu > li li li div a { padding: 0px; } #header .menu > li li li div a:hover { background: transparent; } #header .menu ul { display:none; position: absolute; margin-top: 0px; left: auto; right: 100%; top: 0; background: transparent; padding: 0; z-index: 2; z-index: 99999999; min-width: 200px; } #header .menu ul li { float:none; width: 100%; text-align: right; display: block; } #header .menu > ul a { line-height: 100%; padding: 12px 20px 12px 20px !important; border: 1px solid #000; background: #000; font-size: 11pt !important; } #header .menu ul a:hover { color: #ff8aa8 !important; } #header .menu ul ul { top: 0; left: 100%; } #header .menu li:hover > ul { display: none; } #header .menu > ul ul a { line-height: 100%; padding: 12px 20px 12px 20px !important; border: 1px solid #000; margin-bottom: -1px; background: #000; font-size: 11pt !important; } .header ul li a:hover { color: #0068ff; position: relative; } /* #header .menu > li.current-menu-item > a:after { content: ''; width: calc(100% - 60px); height: 2px; margin: 0px 30px; background: #0068ff; position: absolute; left: 0px; bottom: 20px; } #header .menu > li.current-menu-parent > a { color: yellow !important; }*/ #header .menu > li.current-menu-item.ticketorder > a:after { display: none; } #header .menu li ul { width: 100%; } #header .menu li ul li { display: block !important; position: static !important; } #header .menu li ul li ul { position: absolute !important; top: 0px; left: 200px; height: 100%; width: calc(100% - 200px); } #header .menu li ul li ul li { display: block; position: relative; width: 100% !important; } #header .menu li ul li ul li ul:before { display: none; } #header .menu .ticketorder { position: absolute; right: 0px; } #header .menu .ticketorder a { color: #fff; display: inline-block; padding: 15px 22px 16px 22px !important; margin: 30px 50px 30px 0px; background: #ff8aa8; text-decoration: none; font-size: 14px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; } #header .menu .ticketorder a:hover { color: #ff8aa8; background: #fff; } #header.stick { position: fixed; width: calc(100% - 2rem); height: auto; z-index: 999; background-size: 100% 58px; } #header.stick:before { content: ''; left: 0; top: 0; height: 96px; width: 100%; background: transparent; position: absolute; z-index: -1; opacity: 0.8; } #header.stick .logo:after { margin: 0px; width: 100%; transition: all 0.5s ease; } #header.stick .menu > li:last-child a:before { width: calc(100% - 1rem); height: calc(100% - 1rem); position: absolute; left: 0.5rem; top: 0.5rem; } #header .menu-main-menu-container:after { content: ''; position: fixed; right: 0px; top: 75px; height: 120px; width: 130px; background: url(images/logo-electron-yellow.png) no-repeat; background-size: cover; z-index: 0; background-position: top; transition: all .25s ease-in-out; } #header.stick .menu-main-menu-container:after { top: 58px; transition: all .25s ease-in-out; } #header { display: flex; align-items: stretch; } #header .logo { /* flex: 1 1 auto; */ } #header > .menu-main-menu-container { flex: 0 0 auto; align-self: stretch; display: flex; box-sizing: border-box; } #menu-main-menu { display: flex; flex-direction: column; width: 100%; height: 100%; margin: 0; padding: 25px 35px; box-sizing: border-box; list-style: none; } #menu-main-menu > li.menu-item { flex: 1 1 0; min-height: 0; display: flex; justify-content: flex-end; align-items: center; position: relative; } #menu-main-menu > li.menu-item > a { display: block; white-space: nowrap; text-align: right; line-height: 1; text-decoration: none; } #menu-main-menu .sub-menu { font-size: initial; } .search-filter-results { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: start; align-items: auto; align-content: start; } .videoholder { min-height: calc(100vh - 100px); top: 0px; position: relative; background: transparent; background-size: cover; z-index: -1;} .videoholder:before, .videoholder:after { opacity: var(--opacity, 1); filter: blur(var(--blur, 0px)); transition: opacity 0.5s ease-out, filter 0.5s ease-out; } .pum-container.pum-responsive.pum-responsive-small { background: #faec57; } .wp-block-columns:after, .wp-block-columns:before { content: ''; position: relative; width: calc(50% - 700px); gap: 0px; } .single article:before, .wp-block-columns .wp-block-columns:after, .wp-block-columns .wp-block-columns:before { display: none; } article header.header { max-width: 1170px; position: relative; margin: 0 auto; padding: 2rem 2rem 0 2rem; } article header.header h1 { color: #ec00a9; margin: 0px !important; padding: 0px !important; } article.page.type-page header.header { max-width: 1360px; position: relative; margin: 0 auto; padding: 8rem 2rem 0 2rem; } .page-id-58 article.page.type-page header.header { padding-bottom: 2rem; } .wp-block-columns.max1100:after, .wp-block-columns.max1100:before { content: ''; position: relative; width: calc(50% - 550px); gap: 0px; } .wp-block-columns.full:after, .wp-block-columns.full:before { display: none; } .wp-block-columns.full.part { z-index: 99; position: fixed; bottom: 0; height: 58px; } .wp-block-columns.full.part .wp-block-column { padding: 1rem 3rem; border-top: 1px solid #fff; } .wp-block-columns.full.part .wp-block-column * { font-size: 16pt; font-weight: 300; text-transform: uppercase; position: relative; color: #fff; margin: -5px 0; } .wp-block-columns.full.part .wp-block-column h2 a { text-decoration: none; } .wp-block-columns.full.part { position: relative; bottom: 0; height: 50px; } .wp-block-columns.full.part > div { position: relative; } .wp-block-columns.full.part.finished { bottom: 0; position: fixed !important; } h1.has-background, h2.has-background, h3.has-background { padding: 0px; } .lineup h1 { margin: 10px 0px !important; text-transform: capitalize !important; } .lineup h1:before { display: none; } .lineup h1 a:hover { color: #ff8aa8 !important; } .lineup { margin: 20px 0px; } .lineup { display: flex; flex-wrap: wrap; margin: 0px -30px; } .lineup article { flex: 0 0 25%; } .events article { flex: 0 0 33.33%; } .lineup.row2 { margin: 0px -50px 0 -30px } .lineup.row2 article { flex: 0 0 50%; } .lineup.row3 article { flex: 0 0 33.333333%; } .lineup.row3 article .blogimage { background-color: #eee !important; background-size: 100% 100% !important; height: 0; padding-bottom: 100%; } .menu-item-172 { position: absolute !important; right: 170px; top: 3px; } .menu-item-172 a { font-weight: 400 !important; font-size: 10pt !important; } a.getticket, .ticketbutton > a, .free, .artists h2 a, .getticket > a, .getticket.gratuit span { position: relative; cursor: pointer; color: #fff; display: inline-block; padding: 12px 20px 12px 20px !important; margin: 1rem 0px; background: transparent; text-decoration: none; font-size: 14pt; font-weight: 300; text-transform: uppercase; border: 2px solid #fff; } a.getticket:hover, .ticketbutton a:hover, .getticket > a:hover { color: #fff; background: #008edf; } .free > a, .free, .getticket.gratuit span { cursor: default; background: transparent; font-size: 14pt; font-weight: 300; text-decoration: none; } .artists h2 a { border-radius: 1rem; bottom: 0px; width: calc(100% - 0px); position: absolute; } .artists h2 a:after { border-radius: 1rem; } .single div.getticket, .single a.getticket { position: absolute; text-align: center; right: 0; top: auto; margin: 0px; } p.programme { position: relative; display: block; } p.programme a { position: absolute; top: -3rem; right: 0px; padding: 0.5rem 1rem; background: #0068ff; color: #fff; font-size: 13pt; text-decoration: none; font-weight: 600; text-transform: uppercase; border-radius: 10px; text-shadow: -2px -2px rgba(0,0,0,0.5); } p.programme a:hover { background: #000; color: #fff !important; } a.ticketsale { cursor: pointer; color: #fff; display: inline-block; padding: 16px 22px 16px 22px !important; margin: 7px 0px; background: #ff8aa8; text-decoration: none; font-size: 25px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; } a.ticketsale:hover { color: #ff8aa8; background: #fff; } .club a.ticketsale { background: #FF8200; } .club a.ticketsale:hover { color: #FF8200; background: #fff; } .linked a { position: absolute; top: -90px; right: 2px; width: 150px; } .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .single-item .entry-content { width: 1200px; margin: 0 auto; } .entry-content ul { list-style: none; margin: 10px 20px 20px 20px; } .entry-content em { font-style: normal; font-weight: 300; display: inline; font-size: 0.85em; } .awn { display: none; padding: 0px 30px; } .grey { background-color: #000; position: relative; } .grey * { color: #fff !important; } .page .entry-content { padding: 0px 0px; font-size: 10pt; line-height: 1.7em; } .page .entry-content .wp-block-column { font-size: 10pt; line-height: 1.7em; margin: 0px !important; } .page .entry-content .wp-block-column .wp-block-column { padding: 0px; } .page .entry-content .full.scroll .wp-block-column { overflow: hidden; padding: 0px; line-height: 1em; } .page .entry-content .intdealers .wp-block-column { padding: 10px 0px 10px 50px; } .page .entry-content h3 { font-size: 16pt; font-style: normal; text-transform: inherit; font-weight: 700; margin: 0 0 1rem 0; position: relative; line-height: 1.5em; } .page.page-template-default #content { padding-top: 20px; } .mainimage { background: #000; } .mainimage img { width: 50% !important; margin: 50px; height: auto; } blockquote p { font-size: 11pt !important; font-weight: 300 !important; } .page .type-page p { margin: 0px 0px 20px 0px; font-size: 13pt; font-weight: 500; } .page .type-page p.c2a { margin: 0px; } .page .type-page p.c2a.moveright { position: absolute; top: -50px; right: 0px; } .page .type-page form p { margin: 0px; } .page .type-page form p span { margin-top: 3px; display: block; } .page .type-page .wp-block-separator { margin: 30px 0px; } .page .type-page .wp-block-separator.smaller { margin: 30px 0px 0px 0px; } .page .type-page .wp-block-separator.last { margin: 30px 0px 15px 0px; } .home .page { width: 100% !important; padding: 0px !important; } .item-template-default .readmore, .post-template-default .readmore { display: none !important; } .item-template-default .type-item.has-post-thumbnail { padding: 30px; } .single-product #header { min-height: 145px; } .wp-block-columns ul li { margin: 6px 0px 6px; padding: 0px 0px 0px 20px; line-height: 1.5em; position: relative; font-size: 13pt; font-weight: 400; } .wp-block-columns ul li:before { content: ''; width: 7px; height: 7px; border-radius: 50px; position: absolute; left: 0px; top: 10px; } .wp-block-columns ul.numberlist { margin: 20px 20px; } .wp-block-columns ul.numberlist li { padding: 0px 0px 0px 35px; } .wp-block-columns ul.numberlist li:before { content: ''; font-size: 13pt; font-weight: 600; width: 25px; height: 25px; text-align: center; color: #fff; border-radius: 50px; position: absolute; left: 0px; top: 0px; background: #DA1984; } .wp-block-columns ul.numberlist li:nth-child(1):before { content: '1'; } .wp-block-columns ul.numberlist li:nth-child(2):before { content: '2'; } .wp-block-columns ul.numberlist li:nth-child(3):before { content: '3'; } .wp-block-columns ul.numberlist li:nth-child(4):before { content: '4'; } .wp-block-columns ul.numberlist li:nth-child(5):before { content: '5'; } .wp-block-columns ul.numberlist li:nth-child(6):before { content: '6'; } .wp-block-columns ul.numberlist li:nth-child(7):before { content: '7'; } .wp-block-columns ul.numberlist li:nth-child(8):before { content: '8'; } .wp-block-columns ul.numberlist li:nth-child(9):before { content: '9'; } .wp-block-columns ul.numberlist li:nth-child(10):before { content: '10'; } .wp-block-gallery ul li:before { display: none !important; } #footer { position: relative; margin: 0px; background: transparent; border-top: 1px solid #fff; } #footer:before { content: ''; border-top: 0px solid #333; position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; } .page-template-page-search #footer:before { width: 100%; } #footer .widget-area { max-width: 1400px; margin: 0 auto; } #footer .widget { display: block; text-align: left; width: 100%; padding: 3rem; } #footer .widget:first-child { width: 50%; float: left; } #footer .widget:nth-child(2) { width: 50%; float: right; } #footer .textwidget { font-size: 11pt; line-height: 2rem; color: #fff; } #footer .textwidget p { margin: 10px 0px 10px 0px; } #footer .textwidget a { color: #fff; } #footer .widget-title { font-size: 16pt; color: #fff; font-weight: 600; padding: 0px 0px; text-transform: inherit; line-height: 1.25em; margin: 0 0 0.5rem 0; text-align: left; text-transform: uppercase; } #footer .menu { background: #000; text-align: left; } #footer .menu li { display: block; position: relative; } #footer .menu li a { display: block; padding: 10px 0px; font-size: 9pt; text-decoration: none; color: #999; font-weight: 400; text-transform: uppercase;} #footer .menu li a:hover { text-decoration: underline; color: #ff8aa8; } #footer .menu > li.current-menu-item > a:after { width: calc(100% - 0px); height: 2px; margin: 0px 0px; } #footer .custom-html-widget .mc-field-group { display: flex; } #footer .custom-html-widget input, #popmake-4518 .entry__field input { background: rgba(255,255,255,0); color: #fff; padding: 0px 15px; line-height: 45px; height: 45px; font-size: 13pt; border: 1px solid #fff; } #footer .custom-html-widget input:nth-child(1), #popmake-4518 .entry__field input { width: calc(100% - 10px); max-width: 300px; margin: 0px 0px 0px 0px; font-family: 'Work Sans', sans-serif; border: 1px solid #fff; background: #fff; color: black; } #footer .custom-html-widget input:nth-child(2) { background: transparent; width: auto; margin: 0px 2px 0px 2px; font-family: 'Work Sans', sans-serif; font-size: 13px; } #footer .custom-html-widget input:nth-child(3) { width: calc(100% - 10px); margin: 0px 0px 10px 0px; font-family: 'Work Sans', sans-serif; } #footer .custom-html-widget button, #popmake-4518 button { border: solid 1px #fff; background: #000; color: #fff; font-weight: 400; font-size: 13pt; font-family: 'Work Sans', sans-serif; text-transform: uppercase; line-height: 1em; cursor: pointer; padding: 10px 20px;margin: 15px 0px; } #footer .custom-html-widget button:hover { background: #ooo; color: #fff; } #footer .custom-html-widget input[name="email_address_check"], input[name="email_address_check"] { position: absolute !important; left: -9999px !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; width: 0 !important; } #popmake-4518 button { margin: 0px; padding: 13px 20px; } #popmake-4518 .entry__field input { max-width: 220px; } .entry-footer { margin: 0px; } .widget_sponsors_widget ul.horizontal { padding: 20px 0px; justify-content: center; } .widget_sponsors_widget ul.horizontal li.sponsors-item { width: 11.5%; padding: 10px 0px; } .widget_sponsors_widget ul.horizontal li.sponsors-item:nth-child(2) img { height: 37px; margin: 8px; } .widget_sponsors_widget ul.horizontal li.sponsors-item img { height: 60px; max-width: 120px; } .marquee { font-size: 13pt; font-weight: bold; background: #fff; padding: 5px 0px; } .c2a a { background: #DA1984; border: 2px solid #DA1984; text-transform: uppercase; display: inline-block; padding: 20px 30px; font-size: 42px; font-weight: 800; color: #fff; text-decoration: none; } .c2a a:hover { background: #ff8aa8; color: #fff; border: 2px solid #ff8aa8; } ul.lineupnames { display: flex; flex-wrap: wrap; list-style: none; justify-content: center; justify-items: center; padding: 4rem 0; gap: 0rem 4rem; position: relative; margin: 0px; } ul.lineupnames li { color: #008edf; font-size: 3rem; margin: 0px; padding: 0px; position: relative; line-height: 1em; } ul.lineupnames li:before { content: ''; position: absolute; left: -2.6rem; top: calc(50% - 6px); width: 20px; height: 20px; background: url('images/heart.svg') no-repeat; background-size: 100% auto; border-radius: 0px; } ul.lineupnames li a { color: #008edf; text-decoration: none; } ul.lineupnames li a:hover { color: #fff; } ul.lineupnames li em { font-family: 'Druk-Medium', sans-serif; font-style: normal; font-size: 0.85em; } ul.lineupnames li em strong { margin: 0 -0.25rem; font-weight: 300; } ul.lineupnames li:nth-child(1):before, ul.lineupnames li:nth-child(5):before, ul.lineupnames li:nth-child(9):before, ul.lineupnames li:nth-child(12):before, ul.lineupnames li:nth-child(16):before, ul.lineupnames li:nth-child(19):before { display: none !important; } ul.lineupnames li:nth-child(4), ul.lineupnames li:nth-child(15), ul.lineupnames li:nth-child(18) { display: block; flex-basis: 100%; } ul.lineupnames li:nth-child(4):before, ul.lineupnames li:nth-child(15):before, ul.lineupnames li:nth-child(18):before { display: none !important; } ul.lineups { display: flex; gap: 0 1.5rem; margin: 1rem 0 0 0; flex-wrap: wrap; } ul.lineups li { position: relative; } ul.lineups li a { font-size: 16pt; text-decoration: none; list-style: none; } ul.lineups li a:hover { color: #fff; } ul.lineups li:before { content: ''; width: 8px; height: 8px; border-radius: 8px; position: absolute; left: -15px; top: calc(50% - 5px); } ul.lineups li:first-child:before { display: none; } .postid-3822 ul.lineups li:nth-child(2):after { content: ''; width: 8px; height: 8px; border-radius: 8px; position: absolute; right: -15px; top: calc(50% - 5px); } .postid-3822 ul.lineups:after { content: 'GOSPEL'; display: inline; position: relative; font-size: 16pt; } div.extrainfo { padding: 1rem 0; } div.extrainfo a { text-decoration: none; } div.extrainfo a:hover { color: #fff; } .artisttitle > div { display: flex; padding: 1.5rem 3rem; gap: 2rem; text-transform: uppercase; } .artisttitle > div > p:nth-of-type(1) strong { width: 80px; min-width: 80px; font-weight: 300; font-size: 1em; line-height: 1em !important; transition: all 0s ease; } .artisttitle > div > p:nth-of-type(1) { width: 240px; max-width: 240px; font-size: 1.5em; line-height: 1em !important; display: flex; margin: 0px; position: relative; } .artisttitle > div h2 { flex: 1; font-size: 3.6em; line-height: 0.9em; margin: -5px 0px; } .artisttitle > div:hover h2:first-child { text-shadow: 0px 0px 0px transparent, 0px 0px 0px transparent; color: inherit; } .artisttitle a { padding: 0.5rem 1rem; text-decoration: none; margin-right: 10px; line-height: 1.2em; } .artisttitle a:nth-child(2) { min-width: 103px; display: inline-block; text-align: center; } .artisttitle a:hover { color: #fff; border-color: #008edf; } .artisttitle em { font-family: 'Druk-Super', sans-serif; border: 1px solid #fff; padding: 0.5rem 1rem; font-weight: 300; color: #fff; margin-right: 10px; font-size: 1em; } .artisttitle.day3 div > h2:nth-of-type(1), .artisttitle.day4 div > h2:nth-of-type(1), .artisttitle.day5 div > h2:nth-of-type(1), .artisttitle.day6 div > h2:nth-of-type(1), .artisttitle.day7 div > h2:nth-of-type(1), .artisttitle.day8 div > h2:nth-of-type(1), .artisttitle.day10 div > h2:nth-of-type(1), .artisttitle.day11 div > h2:nth-of-type(1), .artisttitle.day12 div > h2:nth-of-type(1){ opacity: 0; } .artisttitle > div:hover > h2 { color: #ff91d7; text-shadow: 0px 0px 10px #00cfff, 0px 0px 10px #00cfff; cursor: pointer; } .artisttitle > div:hover > p:nth-of-type(1) strong { transition: all 0s ease; } .artisttitle > div > h2 { transition: all 0.5s ease; } .artisttitle > div > h2:first-child { max-width: 350px; } #powerTip { font-size: 11pt; line-height: 1.5em; padding: 20px 25px; border-radius: 0px; width: 300px; } #powerTip h4 { font-size: 16pt; text-transform: uppercase; font-weight: 600; margin: 0px 0px 15px 0px; padding-top: 0px; } #powerTip img { width: 100%; height: auto; margin: 0px 0px 15px 0px; } strong { font-weight: bold; } .logo::after { content: ""; position: absolute; width: 100%; aspect-ratio: 3 / 1; /* change to your SVG ratio */ top: 0; left: 0; background: url("images/electron-2026.svg") center / contain no-repeat; transition: 0.5s; } .logo::after { filter: invert(30%) sepia(54%) saturate(2080%) hue-rotate(327deg) brightness(95%) contrast(79%); } .category #container { } .category #content { padding: 50px; width: 1200px; margin: 0 auto; } .category .post { font-size: 11pt; line-height: 1.5em; width: calc(50% - 30px); padding: 25px; margin: 15px; background: #fff; display: inline-block; vertical-align: top; border-bottom: 1px solid #ddd; } .category .post h2, .category .post h2 a { text-transform: uppercase; font-size: 16pt; font-weight: 600; margin: 0px 0px 5px 0px; line-height: 1.2em; color: #000; text-decoration: none; } .category .post .more-link { background: #000; text-transform: uppercase; display: block; width: 120px; padding: 7px 15px; color: #fff; margin: 15px 0px 0px 0px; text-decoration: none; } .category .post .more-link:hover { background: #ff8aa8; } .category .post .date { margin: 15px 0px 0px 0px; color: #aaa; font-size: 10pt; font-weight: 400; position: absolute; bottom: 0px; right: 0px; } .category .post .newsimage { margin: -25px -25px 0px -25px; height: 220px; background: #ddd; overflow: hidden; font-size: 0px; line-height: 0px; object-fit: cover; } .category .post .newsimage img { height: 100%; width: 100%; object-fit: cover; } .category .post .entry-summary { position: relative; font-size: 10pt; font-weight: 300; display: none; } .category .post .entry-summary:after { content: ' '; position: absolute; right: 0px; bottom: 0px; } .search-results #container { } .search-results #content { padding: 25px; width: 1200px; margin: 0 auto; } .search-results .post { font-size: 11pt; line-height: 1.5em; width: calc(33.333333% - 30px); padding: 25px; margin: 15px; background: #fff; display: inline-block; vertical-align: top; border-bottom: 1px solid #ddd; } .search-results .post h2, .search-results .post h2 a { text-transform: uppercase; font-size: 16pt; font-weight: 600; margin: 0px 0px 15px 0px; line-height: 1.2em; color: #000; text-decoration: none; } .search-results .post .more-link { background: #000; text-transform: uppercase; display: block; width: 120px; padding: 7px 15px; color: #fff; margin: 15px 0px 0px 0px; text-decoration: none; } .search-results .post .more-link:hover { background: #ff8aa8; } .search-results .post .date { margin: 15px 0px 0px 0px; color: #aaa; font-size: 10pt; font-weight: 400; } .search-results .post .newsimage { margin: -25px -25px 0px -25px; } .search-results .post .post-categories { margin-top: 0px; } .blogimage { width: 100%; background-size: cover !important; } .blogimage.portrait { width: 100%; height: 400px; background-size: cover !important; } .blogimage:after { content: ""; display: block; padding-bottom: 130%; } /* Aritsts */ article.artists { display: block; } .artists { font-size: 11pt; line-height: 1.5em; width: calc(25% - 0px); padding: 0px; margin: 0px 0px -1px 0px; display: inline-block; vertical-align: top; position: relative; color: #000; font-weight: 500; color: #fff; box-sizing: border-box; border: 0px solid #eee; } .artists h2:first-child { } .artists h1 { font-size: 30pt; font-weight: 700; margin: 0px 0px 0px 0px; font-style: normal; text-transform: uppercase; line-height: 1em; } .artists .display-posts-listing.grid { padding: 0px; width: 1200px; margin: 0 auto; border: 1px solid #ccc; margin-top: 20px; margin-bottom: 20px; } .artists .display-posts-listing.grid .listing-item .title { font-weight: bold; font-size: 16pt; text-transform: uppercase; text-decoration: none; display: block; color: #000; clear: both; width: 100%; margin: 0px 0px 20px 0px; } .artists .display-posts-listing.grid .listing-item { width: 33.333333%; border-right: 1px solid #ccc; padding: 40px; border-bottom: 1px solid #ccc; margin-bottom: -1px; } .artists .display-posts-listing.grid .listing-item .excerpt { font-weight: 400; } .artists h2, .artists h2 a { text-transform: capitalize; font-size: 14pt; font-weight: 600; margin: 0px 0px 0px 0px; line-height: 1.2em; color: #fff; text-decoration: none; } .artists .more-link { background: #000; text-transform: uppercase; display: block; width: 120px; padding: 7px 15px; color: #fff; margin: 15px 0px 0px 0px; text-decoration: none; } .artists .entry-summary { font-weight: 500; font-size: 13pt; line-height: 1.5em; margin: 7px 0px 0px 0px; height: 80px; overflow: hidden;} .artists .more-link:hover { background: #ff8aa8; } .artists .newsimage { margin: -25px -25px 0px -25px; overflow: hidden; height: 300px; background: #333; line-height: 0px; white-space: nowrap; text-align: center; } .artists .newsimage img { width: 100%; height: auto; vertical-align: middle; } .artists .newsimage .helper { display: inline-block; height: 100%; vertical-align: middle; display: none; } .artists .post-categories { margin-top: 0px; } .artists .readmore { display: none !important; } .artists .live { font-size: 0px; line-height: 0px; display: inline-block; } .artists .live:before { display: none; top: 0px; margin: 2px; content: ' LIVE '; padding: 4px 6px; font-size: 8pt; position: absolute; background: #ff8aa8; line-height: 1em; color: #fff; } .artists h2 span.act { padding: 5px 7px; margin: 2px 0px 0px 10px; font-size: 9pt; text-transform: uppercase; position: absolute; background: #fff; line-height: 1em; color: #000; } .artists .posttext { max-height: 120px; overflow: hidden; } h3.related-title { font-size: 16pt; text-transform: uppercase; color: #0068ff; font-weight: 800; text-align: center; margin-top: 2rem; } .single article { font-size: 11pt; line-height: 1.5em; width: 100%; padding: 12rem 0 0 0; margin: 0 auto; background: transparent; vertical-align: top; position: relative; display: flex; max-width: 1300px; gap: 0 2rem; } .single article h2, .single article h2 a { text-transform: capitalize; font-size: 30pt; font-weight: 800; margin: 0px 0px 0px 0px; line-height: 1em; text-decoration: none; padding-right: 10rem; } .single article h2 span { font-size: 0.7em; line-height: 1em; position: relative; } .single article h2 span.country { position: relative; font-size: 12pt; margin: 5px 0px 15px 0px; } .single article h2 span.act { margin: 0px; padding: 10px 0px; font-size: 11pt; position: relative; line-height: 1.2em; color: #000; display: block; background-color: transparent; } .single article .more-link { background: #000; text-transform: uppercase; display: block; width: 120px; padding: 7px 15px; color: #fff; margin: 15px 0px 0px 0px; text-decoration: none; } .single article .entry-summary { font-weight: 300; font-size: 10pt; line-height: 1.5em; margin: 7px 0px 0px 0px; height: auto; } .single article .more-link:hover { background: #ff8aa8; } .single article .blogimage { height: auto; background-size: cover !important; width: 80%; } .single article .post-categories { margin-top: 0px; } .single article .entry-content { font-weight: 300; margin: 0px 0px 30px 0px; color: #000; } .single article .entry-footer { display: none; } .single article .entry-content p { margin: 15px 0px 0px 0px; font-weight: 300; font-size: 13pt; } .single article > div:first-child { flex: 1; position: relative; } .single article .posttext { max-height: none; overflow: auto; overflow-x: hidden; cursor: auto; width: calc(100% - 100px); flex: 1.5; position: relative; } .single article .live:before { margin: 8px 0px; content: ' LIVE '; padding: 5px 10px; font-size: 10pt; position: absolute; background: #ff8aa8; line-height: 1em; color: #fff; display: none; } #popmake-4518 { background: rgba(0,0,0,0.0); left: 50% !important; width: 400px; bottom: 3rem; top: auto !important; } #popmake-4518 .pum-close { display: none !important; } #popmake-4518 .entry__field { float: left; } #popmake-4518 .sib-form-block { margin: 0px 0 10px 0;} /* Events */ .events .newsimage { } .events h2:first-child { } .events h1 { font-size: 4em; font-weight: 400; margin: 0px 0px 0px 0px; font-style: normal; line-height: 0.85em; text-indent: 5px; } .events .display-posts-listing.grid { padding: 0px; width: 1200px; margin: 0 auto; border: 1px solid #ccc; margin-top: 20px; margin-bottom: 20px; } .events .display-posts-listing.grid .listing-item .title { font-weight: bold; font-size: 16pt; text-transform: uppercase; text-decoration: none; display: block; color: #000; clear: both; width: 100%; margin: 0px 0px 20px 0px; } .events .display-posts-listing.grid .listing-item { width: 33.333333%; border-right: 1px solid #ccc; padding: 40px; border-bottom: 1px solid #ccc; margin-bottom: -1px; } .events .display-posts-listing.grid .listing-item .excerpt { font-weight: 400; } .events { font-size: 11pt; line-height: 1.5em; width: calc(33.333333% - 60px); padding: 30px; margin: 0px; background: #fff; display: inline-block; vertical-align: top; position: relative; } .events h2, .events h2 a { text-transform: uppercase; font-size: 16pt; font-weight: 800; margin: 15px 0px 5px 0px; line-height: 1em; text-decoration: none; } .events .more-link { background: #000; text-transform: uppercase; display: block; width: 120px; padding: 7px 15px; color: #fff; margin: 15px 0px 0px 0px; text-decoration: none; } .events .entry-summary { font-weight: 500; font-size: 13pt; line-height: 1.5em; margin: 7px 0px 0px 0px; height: 80px; overflow: hidden;} .events .more-link:hover { background: #ff8aa8; } .events .post-categories { margin-top: 0px; } .events span { font-weight: 300; font-size: 20pt; line-height: 1em; } .events span.act { display: none; font-size: 13pt; margin: 20px 0px 0px 0px; font-weight: 500; } .events .readmore { display: none !important; } .events .live { font-size: 0px; line-height: 0px; display: inline-block; } .events .live:before { top: 0px; margin: 2px; content: ' LIVE '; padding: 4px 6px; font-size: 8pt; position: absolute; background: #ff8aa8; line-height: 1em; color: #fff; } .events h2 span.act { padding: 5px 7px; margin: 0px 0px 0px 10px; font-size: 8pt; position: absolute; background: #ff8aa8; line-height: 1em; color: #fff; } .events .posttext { max-height: 120px; overflow: hidden; } .events.popup { width: calc(100% - 0px); font-size: 11pt; line-height: 1.5em; width: 100%; padding: 0px; margin: 0px; background: #fff; display: inline-block; vertical-align: top; border-bottom: 1px solid #ddd; position: relative; } .events.popup .events { margin: 0px; width: 100%; } .events-template.single article { max-width: 1200px; font-size: 13pt; } .events-template.single article h2 { text-align: center; padding: 0px; font-size: 40pt; } .events-template.single article h2 span { font-size: 0.5em; line-height: 1em; margin: 1rem 0; display: block; } .events-template.single article .wp-block-image .aligncenter { margin: 2rem auto; } .events-template.single article .relatedlist ul, .events-template.single article .eventinfo { display: flex; gap: 2rem; justify-content: center; } .events-template.single article .relatedlist ul li * { font-size: 16pt; font-weight: 600; } .events-template.single article .wp-block-columns { margin: 0 -50px; width: calc(100% + 100px); } .events-template.single article .wp-block-columns iframe { width: 100% !important; } .buttonbox { display: flex; gap: 1rem; } .buttonbox.Workshop a { font-size: 0px; line-height: 0px; } .buttonbox.Workshop a:before { content: 'Inscription'; position: relative; display: inline-block; font-size: 14pt; line-height: 22px; } /* .col-md-3 { width: 10% !important; padding: 0px !important; } .gallery2166 { overflow: hidden; clear: both; height: 0; padding-bottom: 40.5%; } */ .artistinfo { text-transform: uppercase; padding: 0rem 0; font-size: 13pt; display: flex; gap: 1rem; font-weight: bold; } .eventinfo { text-transform: uppercase; font-size: 20pt; display: block; gap: 2rem; line-height: 1.5em; width: 200px; display: flex; flex-direction: column; } .eventinfo span { display: block; line-height: 1.2em; } .archive .type-page { padding: 50px; } .archive .header .entry-title { font-size: 26pt; font-style: normal; position: relative; text-transform: uppercase; font-weight: 900; color: #ff8aa8; margin: 0px 0px 30px 0px; } .archive .header .entry-title:before { content: ' '; background-color: #ff8aa8; width: 100%; height: 2px; position: absolute; left: 0px; bottom: -15px; } .grid { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; padding: 0px; margin: 15px 0px; } .grid .listing-item { width: calc(33.333333% - 30px); padding: 30px; text-align: inline-block; border: 1px solid rgba(255,255,255,0.2); } .grid .listing-item .title { margin: 15px 0px; font-size: 13pt !important; display: block; text-decoration: none; text-transform: uppercase; } .grid .listing-item .excerpt-dash { display: none; } .grid .listing-item .excerpt { font-weight: 300; line-height: 1.5em; font-size: 10pt; color: #aaa; } .grid .listing-item .excerpt-more, .readmore, .linked a { display: block !important; width: 110px; margin: 15px 0px 0px 0px !important; text-decoration: none; text-transform: uppercase; text-align: center; padding: 10px 15px !important; background: #333 !important; color: #fff !important; font-size: 9pt !important; } .grid .listing-item .excerpt-more:hover, .readmore:hover, .linked a:hover { background: #ccc !important; color: #333 !important; } .searchandfilter { color: rgba(0,0,0,0.75); font-weight: 300; background: #222; font-size: 0px; margin: 0px 0px 0px 0px; } .searchandfilter ul li { width: 33.33333%; display: inline-block; } .searchandfilter ul { font-size: 0px; margin: 0px; padding: 0px; } .searchandfilter ul li h4 { width: calc(30% - 10px); display: inline-block; font-size: 13pt; color: #fff; font-weight: 600; margin: 0px; padding: 10px 5px; text-align: center; } .searchandfilter ul li label { position: relative; width: calc(70% - 4px); display: inline-block; margin: 0px; padding: 0px; } .searchandfilter ul li label input { width: 100%; border: 1px solid rgba(255,255,255,0.2); background: rgba(0,0,0,0.2); color: #222; padding: 9px 15px; font-size: 10pt; line-height: 20px; font-weight: 400; } .searchandfilter ul li label select { position: relative; width: 100%; border: 1px solid rgba(255,255,255,0.2); background: rgba(0,0,0,1); color: #fff; padding: 10px 15px; font-size: 13pt; line-height: 20px; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; } .searchandfilter ul li:nth-child(1) label:after, .searchandfilter ul li:nth-child(2) label:after { content: ' '; background: url(images/arrow-down.svg) no-repeat center rgba(255,255,255,0.8); background-size: 15px 15px; height: 33px; width: 33px; margin: 0px; position: absolute; right: 5px; top: 5px; z-index: 0; pointer-events: none; } .wp-block-columns.locations { width: 100%; } .wp-block-columns.locations .wp-block-column .wp-block-image { margin: 0 0 0rem 0; position: relative; display: flex; justify-content: center; } .wp-block-columns.locations > div > p { color: #fff !important; margin: 1rem 0; } .wp-block-columns.locations.boxed { max-width: 1400px; padding: 0rem 50px 2rem 50px; } .wp-block-columns.locations.boxed:before { content: ' '; min-width: 350px; height: 100%; position: relative; display: block !important; } .wp-block-columns.locations.boxed.left:before { display: none !important; } .home .wp-block-columns.locations.boxed { padding: 3rem; } .home .wp-block-columns.locations.boxed.left { gap: 4rem; } .home .wp-block-columns.locations.boxed.open { display: flex !important; } .home .wp-block-columns.locations a { color: #fff; text-decoration: none; } .wp-block-columns.locations.boxed .wp-block-column { padding: 0 0 0 0; position: relative; } .wp-block-columns.locations.boxed .wp-block-column p { margin: 1rem 0 0 0; font-size: 1rem; } .wp-block-columns.locations.boxed .wp-block-column p.getticket { margin: 0px; } .wp-block-columns.locations.boxed .wp-block-column p.ticketbutton { margin: 0px; } .wp-block-columns.locations.boxed { transition: none; } .wp-block-columns.restaurants .wp-block-column h2 { letter-spacing: 0.25rem; } .wp-block-columns.restaurants .wp-block-column h3 { letter-spacing: 0.22rem; font-size: 13pt !important; text-align: center; } .wp-block-columns.restaurants .wp-block-columns.locations .wp-block-column .wp-block-image { width: 100%; margin: 0 0 0rem 0; } .wp-block-columns.restaurants .wp-block-columns.locations .wp-block-column { padding: 2rem !important; } .wp-block-columns.restaurants .wp-block-columns.locations .wp-block-column:first-child { padding-left: 0rem !important; } .wp-block-columns.restaurants .wp-block-columns.locations .wp-block-column:last-child { padding-right: 0rem !important; } .wp-block-columns.restaurants .wp-block-columns.locations .wp-block-column h4 { margin: 0px; padding: 0px; font-size: 11pt; } .wp-block-columns.restaurants .wp-block-columns.locations .wp-block-column p { font-size: 13pt; } .wp-block-columns.locations .wp-block-columns.locations .wp-block-column .wp-block-image { width: 100%; margin: 0 0 1rem 0; } .wp-block-columns.locations .wp-block-columns.locations .wp-block-column { padding: 2rem !important; } .wp-block-columns.locations .wp-block-columns.locations .wp-block-column:first-child { padding-left: 1.5rem !important; } .wp-block-columns.locations .wp-block-columns.locations .wp-block-column:last-child { padding-right: 1.5rem !important; } .wp-block-columns.locations .wp-block-columns.locations .wp-block-column h4 { margin: 0px; padding: 0px; font-size: 11pt; } .wp-block-columns.locations .wp-block-columns.locations .wp-block-column p { font-size: 13pt; } .wp-block-columns.has-white-background-color .wp-block-column h3 { color: #000; } .wp-block-columns.has-white-background-color .wp-block-column figure { margin: 0px -50px 20px -50px; } .wp-block-columns.has-white-background-color .wp-block-column figure figcaption { font-size: 11pt; line-height: 1rem; text-align: center; font-weight: 400; } .wp-block-columns.has-white-background-color .wp-block-column figure.wp-block-table { margin: 0px; } .wp-block-image :where(figcaption) { margin-bottom: 0em; margin-top: .5em; font-size: 18pt; line-height: 1em; font-weight: 300; } .posttext { position: relative; } .single-post .posttext { font-size: 11pt; line-height: 1.5em; padding: 50px; margin: 0 auto; width: 1200px;} .single-post .posttext h2, .single-post .posttext h2 a { font-size: 26pt; font-style: normal; position: relative; text-transform: uppercase; font-weight: 900; color: #ff8aa8; margin: 0px 0px 30px 0px; } .single-post .posttext h2:before { content: ' '; background-color: #ff8aa8; width: 100%; height: 2px; position: absolute; left: 0px; bottom: -15px; } .single-post .posttext p { margin: 15px 0px; font-size: 10pt; color: #eee; font-weight: 300; } .single-post .newsimage, .single-product .newsimage { height: 400px; overflow: hidden; object-fit: cover; display: none; } .single-post .newsimage img { object-fit: cover; } .single-post .cat-links, .single-post .cat-links a, .single-post .date { color: #aaa; font-size: 10pt; font-weight: 300; } .privacy-policy #container { } .privacy-policy #content { padding: 25px; width: 1200px; margin: 0 auto; } .privacy-policy #content h3, .privacy-policy #content h2 { font-size: 16pt; font-weight: 600; margin: 25px 0px 25px 0px; line-height: 1.1em; color: #fff; text-decoration: none; text-transform: uppercase; } .related-artist { display: flex; justify-content: center; background: transparent; padding: 2rem 0; } .related-artist div.artists h2, .related-artist div.artists h2 a { font-size: 14pt; padding: 1rem 0 0 0; } .related-artist div.artists .act { color: #000; } .related-title .wp-block-column { padding: 1rem; text-align: center; } .related-title .wp-block-column h3 { font-size: 12pt; } #related h3 { margin: 0px; padding: 0px; } .relatedlist * { font-size: 13pt; font-weight: 400; line-height: 1.5em; } .relatedlist { padding: 2rem 0rem; } .relatedlist h3 { font-size: 1.5em; font-weight: 600; margin: 0 0 0.2rem 0; } .relatedlist h3 span { font-size: inherit; font-weight: inherit; text-transform: uppercase; } .relatedlist a { text-decoration: none; text-transform: uppercase; } .relatedlist a:hover { text-decoration: underline; } .wp-block-button__link { font-weight: 600 !important; font-size: 14pt !important; margin: 20px 0px 20px 0px !important; padding: 10px 15px !important; border-radius: 0px; border: 1px solid #0068ff; background: #0068ff; color: #000 !important; } .wp-block-button__link:hover { background: #fff !important; color: #000 !important; } .videoblock { width: 1200px; margin: 0 auto; } .videoblock iframe { height: 650px; width: 100%; } .wp-block-embed-youtube iframe { width: 100%; max-height: 480px; margin: 3rem 0px 0px 0px; } .single-post .wp-block-embed-youtube iframe { max-height: 500px; width: 100%; } .post-categories { margin: 15px 0px 5px 0px; } .post-categories li { display: inline-block; margin: 0px 10px 0px 0px; } .post-categories li a { text-decoration: none; font-size: 10pt; font-weight: 500; } .contactblock .wp-block-column { padding: 25px 50px; margin: 0px; } .contactblock .wp-block-column p { padding: 0px !important; margin: 0px; } .col20 { width: calc(20% - 50px); margin: 25px; display: inline-block; vertical-align: top; font-size: 11pt; line-height: 1.5em; } .col20 h4 { font-size: 16pt; margin: 15px 0px; text-transform: uppercase; font-weight: 700; } .searchbutton { cursor: pointer; display: block; width: 45px; height: 45px; margin: 10px 10px; position: absolute; right: 20px; top: 0px; background: url(images/search.svg) 12px 12px no-repeat; background-size: 21px 21px; } .widget_search { position: absolute; right: 0px; padding: 20px; border: 1px solid rgba(255,255,255,0.2); z-index: 999; background: rgba(0,0,0,0.9); display: none; } .widget_search input { font-size: 11pt; color: #ccc; letter-spacing: 1px; background: #000; border: 1px solid rgba(255,255,255,0.2); padding: 8px 12px; font-family: 'URWDINCond-Light', sans-serif; vertical-align: top; font-weight: 600; } .widget_search .search-submit { background: #ff8aa8; color: #fff; cursor: pointer; } .widget_search .search-submit:hover { background: #fff; color: #000; } .error404 .entry-content { color: #fff; } .entry-content { position: relative; } .page .entry-content { font-size: 10pt; line-height: 1.5em; font-weight: 300; } .page .wp-block-column h1 { line-height: 1.5em; font-weight: 300; } .page .wp-block-column h1.hearts { display: flex; justify-content: center; align-items: baseline; gap: 0rem; font-size: 4em; line-height: 1em; } .page .wp-block-column h1.hearts:before, .page .wp-block-column h1.hearts:after { content: ''; position: relative; margin: 0.5rem 1rem; width: 32px; height: 32px; background: url('images/heart-pink.svg') no-repeat; background-size: 100% auto; border-radius: 0px; } .page .wp-block-column h1.hearts.pink:before, .page .wp-block-column h1.hearts.pink:after { content: ''; position: relative; margin: 0.5rem 1rem; width: 32px; height: 32px; background: url('images/heart-pink.svg') no-repeat; background-size: 100% auto; border-radius: 0px; } .page .wp-block-column h1.hearts:before, .page .wp-block-column h1.hearts:after { background: url('images/heart-green.svg') no-repeat; } .page .wp-block-column h1.has-text-align-center { max-width: 1000px; margin: 1rem auto; } .page .wp-block-column p { padding: 0px 0px 0px 0px; margin: 0px 0px 1rem 0px; line-height: 1.5em; } .entry-content p { line-height: 1.5em; } #copyright { font-size: 10pt; text-align: center; padding: 30px 50px 80px 50px; color: rgba(255,255,255,0.5); position: relative; z-index: 1; } #copyright a { color: rgba(255,255,255,0.5); text-decoration: none; } #copyright img { width: 150px; display: block; margin: 10px auto; } div.social { position: relative; bottom: auto; right: auto; } .social { list-style: none; text-align: center; padding: 0px 0px; position: fixed; right: 1rem; bottom: 0rem; z-index: 99; display: flex; gap: 5px; } .social li { } .social li a { height: 40px; width: 40px; background: transparent; display: block; margin: 0px; position: relative; opacity: 1; } .social li a:hover { opacity: 1; background: #ff2b1a; } .social li:nth-of-type(1) a:before, .social li.facebook a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/social/facebook.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li:nth-of-type(2) a:before, .social li.instagram a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/social/instagram.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li:nth-of-type(3) a:before, .social li.vimeo a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/social/vimeo.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li:nth-of-type(4) a:before, .social li.soundcloud a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/social/soundcloud.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li:nth-of-type(5) a:before, .social li.spotify a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/social/spotify.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li a:before { content: ''; display: block; width: 45px; height: 45px; margin: 0px; position: absolute; right: 0px; top: 0px; } .social li.facebook a:before { background: url(images/social/facebook.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.instagram a:before { background: url(images/social/instagram.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.vimeo a:before { background: url(images/social/vimeo.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.soundcloud a:before { background: url(images/social/soundcloud.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.spotify a:before { background: url(images/social/spotify.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.residentadvisor a:before { background: url(images/social/ra.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.website a:before { background: url(images/social/website.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.youtube a:before { background: url(images/social/youtube.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.bandcamp a:before { background: url(images/social/bandcamp.svg) 14px 9px no-repeat; background-size: 21px 21px; } .social li.website a:before { background: url(images/social/website.svg) 14px 9px no-repeat; background-size: 21px 21px; } .home .wp-block-table:nth-child(1) { display: block; } .home .wp-block-table:nth-child(2), .home .wp-block-table:nth-child(3), .home .wp-block-table:nth-child(4) { display: none; } .morecontent span { display: none; } .morelink { display: block; font-size: 13pt; font-weight: 500; margin: 1rem 0 0 0; } /* Style for the entire table */ .wp-block-table { margin: 20px 0; display: flex; flex-direction: column; } /* Style for table header row */ .wp-block-table thead { font-weight: bold; } .wp-block-table th { padding: 10px; text-align: left; } /* Style for table data rows */ .wp-block-table tbody { display: flex; flex-direction: column; } .wp-block-table tr { display: flex; justify-content: space-between; border-top: 1px solid #ddd; padding: 10px 0; } /* Alternating row background color */ .wp-block-table tr:nth-child(even) { background-color: #fff; } /* Hover effect on table rows */ .wp-block-table tr:hover { background-color: #0068ff; } .wp-block-table tr th, .wp-block-table tr td { border: 0px; text-align: left; width: 100%; font-size: 14pt; text-transform: uppercase; font-weight: 500; } .wp-block-table tr td:nth-child(3), .wp-block-table tr th { font-weight: 800; } .wp-block-table tr td:nth-child(3), .wp-block-table tr th:nth-child(3) { min-width: 40%; } .wp-block-table tr td:nth-child(1), .wp-block-table tr th:nth-child(1), .wp-block-table tr td:nth-child(2), .wp-block-table tr th:nth-child(2) { width: 20%; max-width: 100px; min-width: 75px; } .wp-block-table tr td:nth-child(5), .wp-block-table tr th:nth-child(5) { width: 20%; min-width: 125px; } .wp-block-table tr td:nth-child(6), .wp-block-table tr td:nth-child(6) a { color: #0068ff !important; font-weight: normal; } ol.numbers { display: flex; } ol.numbers li.active { opacity: 1; } ol.numbers li { font-size: 60pt; line-height: 1em; font-family: 'Horizon', sans-serif; margin: 0 0.5em 0 0; opacity: 0.4; cursor: pointer; } ol.numbers li a { color: #000; text-decoration: none; } .wp-block-columns { width: 1400px; margin: 0 auto; gap: 0; } .wp-block-columns .wp-block-column > .wp-block-columns { width: 100%; gap: 4rem; margin: 2rem 0rem; } .wp-block-column { font-size: 10pt; padding: 50px; } .wp-block-column p { padding: 10px 0px; line-height: 1.5em; } .wp-block-column p.c2a { padding: 5px 0px; } .home .wp-block-columns { width: 100%; } .wp-block-columns.grey .wp-block-column { margin: 0px !important; } .home .wp-block-columns > .wp-block-column:first-child .wp-block-column:first-child { padding: 0px; } .wp-block-columns.locations:before, .wp-block-columns.locations:after { display: none; } .wp-block-columns.locations { gap: 2rem; } .artists .wp-block-image { font-size: 0px; line-height: 0px; width: 1200px; margin: 0 auto; margin-top: 20px; } .wp-block-image img { width: 100%; height: auto; max-width: 100% !important; } .wp-block-column .wp-block-image img { height: auto; width: 100%; position: relative; } .wp-block-column .wp-block-image.taller img { width: 100%; height: auto; } .wp-block-column .wp-block-image { margin: 0px; font-size: 0px; line-height: 0px; max-width: calc(100% + 100px); } .wp-block-columns.has-2-columns .wp-block-column { width: 50%; display: block; margin: 0px; flex-basis: calc(50% - 0px); } .wp-block-separator { margin: 20px 0px; border: 0px; height: 0.5px; background: #ccc; } .wpcf7-form { margin: 0px 0px; font-size: 0px; } .wpcf7-form p { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px !important; } .wpcf7-form label { display: block; font-size: 10pt; line-height: 20px; color: #000; } .wpcf7-form input, .wpcf7-form textarea { padding: 8px 12px; width: calc(100% - 0px); border: 0px; background: transparent; border: 2px solid #000; line-height: 25px; color: #000; } .wpcf7-form select { padding: 12px 12px; width: calc(100% - 0px); border: 0px; background: #eee; line-height: 25px; } .wpcf7-form textarea { height: 120px; } .wpcf7-form .wpcf7-submit { color: #fff; background: #000; border: 2px solid #000; font-weight: bold; text-transform: uppercase; line-height: 1em; display: inline-block; padding: 12px 15px; width: 100px; cursor: pointer; } .wpcf7-form .wpcf7-submit:hover { background: #0068ff; color: #fff; border: 2px solid #0068ff; font-weight: bold; } .wp-block-columns.wp-block-columns-is-layout-flex .wpcf7-form label { color: #fff; } .wp-block-columns.wp-block-columns-is-layout-flex .wpcf7-form input, .wp-block-columns.wp-block-columns-is-layout-flex .wpcf7-form textarea { border: 2px solid #fff; color: #fff; } .wp-block-columns.wp-block-columns-is-layout-flex .wpcf7-form .wpcf7-submit { color: #111; background: #fff; } .wpcf7-form .wpcf7-checkbox { font-size: 10pt; padding: 10px 0px; } .wpcf7-form .wpcf7-checkbox input { display: inline-block; width: auto; vertical-align: middle; margin: 0px 10px 0px 0px; } .wpcf7-form .wpcf7-checkbox span { display: inline-block !important; vertical-align: middle; margin: 0px 10px 0px 0px !important; } .wpcf7-form .wpcf7-checkbox span.wpcf7-list-item-label { margin-left: 10px; } .wpcf7 form .wpcf7-response-output { font-weight: 400; font-size: 11pt; padding: 10px 15px; margin: 0px; } .registration .wpcf7-form p { width: calc(50% - 10px); display: inline-block; } .registration .wpcf7-form p:nth-child(even) { margin-right: 20px; } div.wpcf7-validation-errors, .div.wpcf7-mail-sent-ok { font-size: 12pt; padding: 15px 20px; margin: 15px 0px; } .grecaptcha-badge { visibility: collapse !important; } .wp-post-image { width: 100%; height: auto; } .posts-navigation { font-size: 11pt; padding: 15px; height: 64px; } .posts-navigation a { display: inline-block; padding: 10px 15px; background: #000; font-weight: 400; text-decoration: none; background: #ff8aa8; color: #fff; } .posts-navigation a:hover { color: #fff; background: #000; } .nav-previous { text-align: left; display: inline-block; } .nav-next { text-align: right; float: right; } .wrap_svl_center { background: #000; } .wp-block-cover { justify-content: left; } .wp-block-cover div { width: 50% !important; left: 0px; padding: 100px; font-size: 11pt; line-height: 1.5em; } .wp-block-cover h2 { font-size: 30pt; text-transform: uppercase; font-weight: 700; padding: 0px; line-height: 1em; margin: 0px 0px 20px 0px; } .error404 .post, .no-results { font-size: 11pt; padding: 50px; line-height: 1.5em; } .error404 .header, .no-results .entry-title { font-size: 30pt; text-transform: uppercase; font-weight: 700; padding: 0px; line-height: 1em; margin: 0px 0px 20px 0px; } .error404 .entry-content .search-form, .no-results .search-form { margin: 25px 0px; } .error404 .entry-content input { font-size: 11pt; color: #ccc; letter-spacing: 1px; background: #000; border: 1px solid rgba(255,255,255,0.2); padding: 8px 12px; font-family: 'Lato', sans-serif; vertical-align: top; font-weight: 600; } .error404 .entry-content .search-submit { background: #ff8aa8; color: #fff; cursor: pointer; } .error404 .entry-content .search-submit:hover { background: #fff; color: #000; } div#wp-sponsors { width: 100%; padding: 60px 0px 0px 0px; justify-content: center; margin: 0px; } .page-template-page-search div#wp-sponsors { width: 100%; } div#wp-sponsors ul li { width: 170px; display: inline-block; padding: 15px 30px; vertical-align: top; text-align: center; vertical-align: middle; } div#wp-sponsors ul li:nth-child(3) { width: 250px; } div#wp-sponsors ul li img { width: auto; max-width: 100%; max-height: 45px; } div#wp-sponsors ul { text-align: center; width: 100% !important; } div#wp-sponsors ul li:nth-child(5) img { max-height: 60px; } .cli_settings_button { color: #ff8aa8 !important; } #cookie-law-info-bar a { color: #aaa; } #cookie-law-info-bar { background-color: rgb(0,0,0,0.8) !important; line-height: 1.5em; } #sb_instagram svg:not(:root).svg-inline--fa { display: none !important; } #sb_instagram { padding: 0px; background: transparent !important; margin: 0px -10px; width: calc(100% + 20px) !important; } .home h4.instatitle { background: #111; padding: 12px; font-weight: 500; margin: 10px 0px 0px 0px; font-size: 11pt; text-align: center; color: #eee; text-transform: uppercase; } .slimmer { margin: 0px; } .search-results #container { } .flex-control-nav.flex-control-paging { right: 10px !important; bottom: 10px !important; left: auto !important; } .flex-control-nav.flex-control-paging li a { font-size: 0px !important; height: 20px !important; border-bottom: 2px solid #fff !important; width: 50px !important; margin: 0px 5px !important; } .flex-control-nav.flex-control-paging li a.flex-active { border-bottom: 4px solid #ff8aa8 !important; width: 50px !important; } button { border: 0px; cursor: pointer; } .infosheet { margin: 25px 0px; border: #ccc; width: 100%; } .infosheet tr td { padding: 5px 10px; } .infosheet tr:nth-child(odd) { background: #fff; } .infosheet tr:nth-child(even) { background: #f6f6f6; } .homeblocks { margin: 0px !important; } .homeblocks .wp-block-column { margin-left: 10px; background: #eee; padding: 20px 50px; } .homeblocks .wp-block-column h4 { text-transform: uppercase; line-height: 1em; } .homeblocks .wp-block-column a { background: transparent; border: 2px solid #000; text-transform: uppercase; display: inline-block; padding: 10px 20px; font-size: 13px; font-weight: bold; color: #000; text-decoration: none; } .homeblocks .wp-block-column a:hover { background: #ff8aa8; color: #fff; border: 2px solid #ff8aa8; } .ticketinfo { background: #fff; color: #000; margin: 10px 0px; position: relative; padding: 25px; } .ticketinfo p { padding: 0px !important; margin: 0px !important; } .ticketinfo br { display: inline-block; } .ticketinfo strong { font-size: 20pt; } .ticketinfo a { border-radius: 50px; position: absolute; bottom: 25px; right: 50px; color: #ff8aa8; display: inline-block; padding: 10px 20px; margin: 15px 0px 0px 0px; background: transparent; border: 3px solid #ff8aa8; text-decoration: none; font-size: 13px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; } .ticketinfo a:hover { background: #ff8aa8; color: #fff; } .spotify iframe { border-radius: 12px; margin-top: 30px; height: calc(100vh - 315px); } .wp-block-webfactory-map { margin: 30px 0px 0px 0px; } .pum-container.pum-responsive img { margin: 0px -18px -20px -18px; min-width: calc(100% + 36px); } .pum-container.pum-responsive h1 { margin: 1rem 0rem !important; } .pum-container.pum-responsive h1 a { color: yellow; } .home .artists { width: calc(25% - 1.5rem); } .home .search-filter-results { padding: 0px; margin: 2rem 0px; gap: 2rem; } .home .artists h2 span.act { margin: 0px; padding: 0px; display: block; position: relative; display: none; } .home .artists .eventdate, .home .artists .eventlocation { position: absolute; top: 0; right: 0; display: none; } .home .searchandfilter { background: transparent; } .home .searchandfilter ul li:before { display: none; } .home .searchandfilter ul { display: flex; flex-wrap: wrap; gap: 1rem; justify-items: unset; justify-content: space-between; } .home .searchandfilter ul:before { content: ''; position: relative; width: 60%; } .home .searchandfilter ul li { width: auto; flex: 1; padding: 0px; margin: 0px; } .home .searchandfilter ul li label { width: 100%; } .home .searchandfilter ul li label select, .home .searchandfilter ul li label input { background: #fff; color: #111; border: 1px solid #fff; border-radius: 3rem; } #wp-sponsors { overflow: hidden; white-space: nowrap; } #wp-sponsors ul { display: inline-block; animation: scroll 20s linear infinite; } #wp-sponsors ul:hover { animation-play-state: paused; } @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* Adjust logo size and spacing as needed */ #wp-sponsors li { display: inline-block; margin: 0 10px; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock { gap: 2rem; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock:nth-of-type(odd) * { color: #aee34d; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock:nth-of-type(odd) > div:nth-child(3) ul:nth-child(2) li:nth-child(2):before { background: #aee34d; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock:nth-of-type(odd) > div:nth-child(3) a { color: #aee34d; border-color: #aee34d; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock:nth-of-type(odd) > div:nth-child(3) a:hover { color: #000; background: #aee34d; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div { position: relative; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div p { margin: 0; padding: 0; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div sup { display: block; line-height: 1.2em; font-size: 9pt; max-width: 280px; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(1) { max-width: 20%; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(2) { max-width: 30%; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(2) h2 { line-height: 1em; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(2) ul { margin: 0.5rem 0 2rem 0; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(2) ul li { margin: 0; padding: 0 0 0 0rem; display: flex; 1rem; line-height: 1em; font-size: 1.5em; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(2) ul li:before { content: '+'; background: transparent; border-radius: 0; width: 20px; height: 20px; position: relative; top: auto; left: auto; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) { max-width: 50%; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(1), .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(2) { display: flex; flex-direction: row; margin: 0 0 0rem 0; padding: 0; gap: 1rem; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(1) li:nth-child(1) { width: 70px; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(2) li { padding: 0px; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(2) li:nth-child(1):before { display: none; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(2) li:nth-child(2):before { top: 12px; left: calc(-0.5rem - 2px); width: 4px; height: 4px; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(1) li { padding: 0px; font-size: 1.5em; text-transform: uppercase; line-height: 1em; margin: 0px; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul { max-width: 280px; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(3) { margin: 0.5rem 0 0 0; max-width: 225px; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(3) li { padding: 0px; margin: 0px; line-height: 1.1em; text-align: right; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(3) li em { float: left; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(3) li strong { width: 75px; text-align: left; display: inline-block; font-weight: 300; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(1) li:before, .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) ul:nth-child(3) li:before { display: none; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) a { position: absolute; right: 0; top: 0; padding: 0.75rem 1rem; text-decoration: none; text-transform: uppercase;max-width: 130px; display: block; text-align: center; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) a:hover { color: #fff; } /* !!! MIN MEDIA SCREEN 780px !!! */ @media screen and (min-width: 780px) { .artistgrid, .catgrid, .search-filter-results { margin: 0px 0px; font-size: 0px; padding: 15px; } .single h2, .single h2 a { font-size: 26pt; margin-top: 0px; } .artists .posttext { overflow: auto; } .logo { position: relative; font-size: 0px; line-height: 0px; display: block; margin: 1rem 2rem; width: 45%; left: auto; aspect-ratio: 3 / 1; } .stick .logo { position: relative; font-size: 0px; line-height: 0px; display: block; margin: 1rem 1.5rem; width: 25%; left: auto; } } } /* !!! MIN MEDIA SCREEN 1500px !!! */ @media screen and (min-width: 1500px) { .artists { width: calc(25% - 0px); } .wp-block-columns:after, .wp-block-columns:before { content: ''; position: relative; width: calc(50% - 700px); } } /* !!! MIN MEDIA SCREEN 1600px !!! */ @media screen and (min-width: 1600px) { .wp-block-webfactory-map { margin: 0px 0px 0px 0px; } #wrapper:after { background-size: 40%; } } /* !!! MAX MEDIA SCREEN 1600px !!! */ @media screen and (max-width: 1600px) { .grey:after { display: none; } #wrapper:after { background-size: 48%; } } /* !!! MIN MEDIA SCREEN 1400px !!! */ @media screen and (min-width: 1400px) { } /* !!! MEDIA SCREEN 1300px !!! */ @media screen and (max-width: 1300px) { } /* !!! MEDIA SCREEN 1400px !!! */ @media screen and (max-width: 1400px) { #header:before { left: 300px; } #header .menu > li a { font-size: 1.25em; } #header.stick:before { height: 58px; } #header .hamburger { width: 58px; height: 58px; } .category #content, .single-post .posttext, .search-results #content, .privacy-policy #content, .page .type-page, .videoblock, .wp-block-columns, .artists .display-posts-listing.grid, .exhibitions .display-posts-listing.grid, .single-item .entry-content, #container, .searchandfilter { width: 100% !important; } .single .artists, .single .exhibitions, .single .events { margin: 0rem auto 0 auto; padding: 10rem 2rem 2rem 2rem; } .catgrid { margin: 0px -15px; } .widget_sponsors_widget ul.horizontal li.sponsors-item { width: 15%; padding: 0px 10px; } .spotify iframe { height: calc(100vh - 475px); } .page-id-2618 .videoholder:before { background-size: 90%; } .page-id-3040 .videoholder:before { background-size: 90%; } } /* !!! MEDIA SCREEN 1200px !!! */ @media screen and (max-width: 1200px) { } /* !!! MEDIA SCREEN 1100px !!! */ @media screen and (max-width: 1100px) { #wrapper:after { background-size: 80%; } .searchbutton { right: 5px; } .current-menu-parent .sub-menu, .current-menu-item.menu-item-has-children .sub-menu { overflow-y: hidden; white-space: nowrap; } #header .menu .ticketorder { top: 0px; } .single .artists .eventdate { left: 0px; } .single .events .eventdate { left: 0px; } .single .exhibitions .eventdate { left: 0px; } #footer .widget, #footer .widget:first-child { width: 80%; } .artists { width: calc(50% - 30px); } .events { width: calc(50% - 30px); } .exhibitions { width: calc(50% - 30px); } .hamburger { display: block; width: 50px !important; height: 50px; margin: 0px; position: absolute; right: 0px; top: 0px; background: url(images/hamburger.svg) center center no-repeat; background-size: 21px 21px; border-radius: 5px; } .menu-main-menu-container { overflow-y: auto; margin-top: 50px; } .menu-main-menu-container.isopen { height: 100vh; background: linear-gradient( 0deg, rgba(255, 60, 20, 1) 0%, rgba(244, 235, 152, 1) 35%, rgba(255, 128, 223, 1) 100%); } #container { margin-top: 0px; } #header { height: 58px; position: fixed; z-index: 99999; } #header .menu { position: relative; text-align: right; transition: margin 0.4s; display: none; padding: 0px; margin: 0px; margin-bottom: 50px; } #header .menu li { z-index: 999; width: 100%; position: relative !important; } #header .menu li a { background: transparent; display: block; padding: 20px; font-size: 11pt; text-decoration: none; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.5); text-shadow: 0px 0px; } #header.stick .menu > li a { padding: 20px; } #header .menu li li a { text-indent: 0px; } #header .menu li li li a { text-indent: 20px; background-color: #ddd; position: relative; } #header .menu li li li li a { text-indent: 40px; } #header .menu li.menu-item-has-children > span { background: url(images/arrow-down.svg) no-repeat center rgba(255,255,255,0); background-size: 15px 15px; height: 45px; width: 45px; margin: 5px; position: absolute; right: 0px; top: 0px; z-index: 999999999; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } #header .menu li.menu-item-has-children > span.open { -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } #header .menu ul { position: relative; overflow: hidden; background: #fff; } #header .menu ul li { width: auto; } #header .menu > li li { border: 0px; } #header .menu li ul li { position: relative !important; } #header .menu li ul li ul { position: relative !important; left: 0px; width: 100%; } #header .menu > li li.menu-item-has-children > a:after { display: none; } #header .menu li ul li ul:before { display: none; } #header .menu li > ul.sub-menu { display: none !important; } #header .menu li > ul.sub-menu.isopen { display: block !important; background: #ec00a9; } #header .menu > li li > a { border-bottom: 1px solid #ccc; width: 100%; background: #fff; color: #ec00a9; } #header .menu > li li li > a { width: 100%; } #header .sub-menu li a { background: #fff; font-weight: 500 !important; color: #000; } #header .menu .ticketorder a { width: calc(100% - 0px); margin: 0px; text-align: center; font-size: 14pt; font-weight: 700; } #header .menu > li.current-menu-item > a:after, #header .menu-main-menu-container:after { width: 65px; height: 60px; top: 50px; } } /* !!! MEDIA SCREEN 780px !!! */ @media screen and (max-width: 780px) { .logo { left: 0px; } h2 { font-size: 2.5em; } .single .artists, .single .exhibitions, .single .events { margin: 0rem 0 0 0; padding: 0rem; } .single article .blogimage { margin-bottom: 1rem; } #footer .newsletter input { font-size: 11pt !important; } .wp-block-columns.full.part > div:after { z-index: -1; } .home .search-filter-results { margin: 0 0rem; gap: 1rem; } .artists-template-default #container { padding-top: 10px; } .marquee { margin-top: 55px; position: relative; z-index: 99; } .category .post { width: calc(100% - 30px); } .artists .wp-block-image, .artists .display-posts-listing.grid { margin: 0px; } .events .wp-block-image, .events .display-posts-listing.grid { margin: 0px; } .exhibitions .wp-block-image, .exhibitions .display-posts-listing.grid { margin: 0px; } .search-results .artists { margin: 15px 0px; width: 100%; } .search-results .events { margin: 15px 0px; width: 100%; } .search-results .exhibitions { margin: 15px 0px; width: 100%; } .exhibitions { width: calc(100% - 0px); margin: 10px 0px; } .events h2, .events h2 a, .artists h2, .artists h2 a { font-size: 13pt; line-height: 1.1em; } .events span { font-size: 13pt; } .events span.act { font-size: 11pt; margin: 10px 0px 0px 0px; line-height: 1.5em; } .logo { position: relative; transition: margin 0.4s; } .logo:after, #header.stick .logo:after { margin: 0.7rem 1rem; width: 200px; height: 30px; background-position: left; } .logo:before { left: 215px; width: 34px; height: 34px; margin: 13px 0px 0px 0px; } .widget_search { display: none; top: 50px; width: 100%; } .searchbutton { top: 0px !important; right: 55px; margin: 5px; } #footer .widget { width: 100% !important; padding-bottom: 0px; } #footer .widget:last-child { padding-bottom: 50px; } #footer .menu li a { font-weight: 400; } .widget_sponsors_widget ul.horizontal li.sponsors-item { width: 25%; } .wp-block-column { padding: 0px 0px; } .artists .display-posts-listing.grid .listing-item { width: 50%; } .artists .display-posts-listing.grid .listing-item:nth-child(even) { border-right: 0px solid #ccc; } .artists .display-posts-listing.grid .listing-item:nth-child(odd) { border-right: 1px solid #ccc; } .artists .display-posts-listing.grid .listing-item:nth-child(4) { border-bottom: 1px solid #ccc; } .events .display-posts-listing.grid .listing-item { width: 50%; } .events .display-posts-listing.grid .listing-item:nth-child(even) { border-right: 0px solid #ccc; } .events .display-posts-listing.grid .listing-item:nth-child(odd) { border-right: 1px solid #ccc; } .events .display-posts-listing.grid .listing-item:nth-child(4) { border-bottom: 1px solid #ccc; } .searchandfilter ul li h4 { display: none; } .searchandfilter ul li label, .searchandfilter ul li { width: 100% !important; display: block; padding: 2px 0px; } .artists { width: 100%; margin: 0px 0px; } .events { width: 100%; margin: 10px 0px; } .wpcf7-form { width: 100%; } .archive .type-page { padding: 30px; } .archive .header .entry-title { font-size: 20pt; } .single .artists h2, .single .artists h2 a { padding: 0px; text-decoration: none; } .single .artists .more-link { background: #000; text-transform: uppercase; display: block; width: 120px; padding: 7px 15px; color: #fff; margin: 15px 0px 0px 0px; text-decoration: none; } .single .artists .entry-summary { font-weight: 300; font-size: 10pt; line-height: 1.5em; margin: 7px 0px 0px 0px; } .single .artists .more-link:hover { background: #ff8aa8; } .single .artists .newsimage { margin: -25px -25px 0px -25px; width: calc(100% + 50px); } .single .artists .newsimage img { width: 100%; height: auto; } .single .artists .post-categories { margin-top: 0px; } .single .events h2, .single .events h2 a { padding: 0px; text-decoration: none; } .single .events .more-link { background: #000; text-transform: uppercase; display: block; width: 120px; padding: 7px 15px; color: #fff; margin: 15px 0px 0px 0px; text-decoration: none; } .single .events .entry-summary { font-weight: 300; font-size: 10pt; line-height: 1.5em; margin: 7px 0px 0px 0px; } .single .events .more-link:hover { background: #ff8aa8; } .single .events .newsimage { margin: -25px -25px 0px -25px; overflow: hidden; height: 210px; width: calc(100% + 50px); } .single .events .newsimage img { width: 100%; height: auto; } .single .events .post-categories { margin-top: 0px; } .single article { padding: 0px; width: calc(100% - 2rem) !important; margin: 1rem !important; } .single article .blogimage { height: 0px; } .widget_search input { width: 70%; } .widget_search .search-submit { width: 30%; color: #fff; } .searchandfilter ul li label select { font-weight: 500; border: 2px solid rgba(255,255,255,0.5); } .searchandfilter ul li label input { font-weight: 500; border: 2px solid rgba(255,255,255,0.2); } .searchandfilter ul li:nth-child(1) label:after, .searchandfilter ul li:nth-child(2) label:after { right: 7px; top: 7px; } .ticketinfo a { position: relative; left: 0; bottom: 0; } p.programme a { position: initial; padding: 0px; text-decoration: underline; background: transparent; font-size: 11pt; border-radius: 1rem; color: #fff; } .posttext { position: static; } .single .artists h2 span.act { margin: 0px; left: 0px; top: 0px; position: relative; } .lineup { margin: 0px; padding: 15px; } .lineup article { flex: 0 0 50%; padding: 15px; margin: 0px; } .lineup { margin: 0px -30px; } .wp-block-columns.has-2-columns .wp-block-column { flex-basis: calc(100% - 0px); } .page .type-page { padding: 0px; } .page .wp-block-column h1.has-text-align-center { font-size: 16pt; } .has-large-font-size { font-size: 20pt !important; } .wp-block-columns .wp-block-column { padding: 10px 0px; } .page .entry-content .wp-block-column .wp-block-column { padding: 20px 0px; } .home .wp-block-column { padding: 0px 40px; } .single .events:before { height: 10px; border-top: 10px solid #440099; border-bottom: 10px solid #ff8aa8;} .mainimage img { margin: 40px 40px 40px 40px; } .internal .col20 { width: calc(100% - 20px); display: block; margin: 50px 10px; } .category #content { padding: 30px; } .tableholder table tr td { display: block; } .menu ul a { padding: 0px 0px; } .single-post .wp-block-embed__wrapper iframe, .videoblock iframe { height: 150px; } .single-post .posttext { padding: 30px; } .linked a { position: relative; top: 0px; right: 0px; width: 150px; } a.getticket { bottom: auto !important; top: auto !important; left: auto !important; position: relative; width: 100%; margin: 1rem 0 !important; } .page .wp-block-column h1 { line-height: 1em; margin-top: 10px; } .artists .display-posts-listing.grid .listing-item { width: 100%; border-right: 0px !important; } .artists .newsimage img { width: 110%; } .events .display-posts-listing.grid .listing-item { width: 100%; border-right: 0px !important; } .events .newsimage img { width: 110%; } h3.titlespace.overview { margin: 20px 30px; } .wp-block-cover div { width: 100% !important; padding: 50px !important; } .home .tape .wp-block-column .wp-block-image:last-child img { margin: 0px 0px 50px 0px; } .registration .wpcf7-form p { width: 100%; display: inline-block; margin: 0px !important; } .flex-control-nav.flex-control-paging { right: 0px !important; } #footer { margin-top: 0px; } #footer .widget { padding: 2rem 1rem; z-index: 1; } #container { padding-top: 10px; } .widget_sponsors_widget ul.horizontal li.sponsors-item { width: 33%; padding: 0px; } .widget_sponsors_widget ul.horizontal li.sponsors-item img { height: 50px; max-width: 100px; } .widget_sponsors_widget ul.horizontal li.sponsors-item:nth-child(2) img { height: 32px; } .listing-item { padding: 30px !important; } .contactblock .wp-block-column { padding: 0px; } .home .wp-block-column .wp-block-image { margin: 0px 0px; padding: 0px; z-index: 0; max-width: 100%; } .home .locations .wp-block-column .wp-block-image { height: auto; } .wp-block-column .wp-block-image img { height: auto; width: 100%; position: relative; z-index: 0; } .wp-block-columns > .wp-block-column:first-child { padding: 1rem 1rem; z-index: 1; flex-direction: column; } .wp-block-columns.full.part .wp-block-column { padding: 1rem; } .wp-block-columns.full.part .wp-block-column * { font-size: 11pt; line-height: 1em; margin: 0px; } .gallery2166 .col-md-3 { width: 33.333% !important; } .page-id-58 .wp-block-spacer { display: none; } .wp-block-columns.nopadding .wp-block-column { padding: 30px; } .lineup.row2 { margin: -60px -30px -60px -30px; } .single .artists, .single .exhibitions, .single .events { display: block; } .blogimage { padding-bottom: 100%; height: 0; max-height: 0;} .single article .posttext { width: 100%; position: unset; } .single article .blogimage { margin-top: 48px; background-position: top !important; } .single article.post-3116 .blogimage { background-position: bottom !important; } .lineup.row3 article { flex: 0 0 50%; } div.getticket { top: 40px; width: 100%; margin: 1rem 0 0 0 !important; } .videoholder:before { top: 0px; } .videoholder { min-height: calc(100vh - 110px); top: 40px; } .social { position: relative; display: flex; justify-content: center; margin: 20px 0px; top: 0; z-index: 1; gap: 1rem; } .spotify iframe { margin: 0px; height: 100px; } .wp-block-columns.nopadding .wp-block-column.spotify { padding-bottom: 0px; margin-bottom: -30px !important; } .wp-block-columns.has-white-background-color .wp-block-column figure { margin: 0 -40px; } .wp-block-columns.locations.boxed { padding: 0 25px 1rem 25px; gap: 1rem; } .wp-block-columns.locations.boxed .wp-block-column { flex-basis: calc(50% - 0.5rem) !important; } .wp-block-columns.full.part { height: 50px; background: rgba(255, 128, 223, 0.8) 100%; } ol.numbers li { font-size: 34pt; } .home .wp-block-table { overflow-y: hidden; } .home .wp-block-table table { width: 1000px; } .wp-block-table tr th, .wp-block-table tr td { font-size: 11pt; } .home .artists { padding: 0px; width: calc(50% - 0.5rem); } .home .artists h2 { padding: 0px; margin: 0px; } .home .artists h2 a { width: 100%; bottom: 0px; } .home .searchandfilter ul:before { display: none; } .home .searchandfilter ul { flex-wrap: nowrap; margin: 0 0 1rem 0; } .home .searchandfilter select.sf-input-select { min-width: 100%; } .home .artists .eventdate { display: none; } .horz .artists h2, .horz .artists h2 a { font-size: 11pt !important; } .related-artist { display: block; } .single article .blogimage { width: 100%; } .videoholder:before {content: ''; position: absolute; left: 0; min-height: 40%; width: 100%; top: 0px; background-size: 90%; z-index: -1; background-position: center; } .wp-block-columns.restaurants .wp-block-spacer, .wp-block-columns.locations .wp-block-spacer { display: none; } .wp-block-columns.restaurants .wp-block-columns.locations .wp-block-column { padding: 1rem 0rem !important; } #header .menu-main-menu-container:after { display: none; } #header .menu > li.current-menu-parent > a { color: yellow !important; } #header.stick:before { height: 50px; } article.page.type-page header.header { padding: 4rem 1rem 1rem 1rem; } .single div.getticket, .single a.getticket { position: relative; } #wrapper:before { height: 150%; } #wrapper.grow:before { height: 400%; transition: all 0.5s ease; } .artisttitle.day3 div > h2:nth-of-type(1), .artisttitle.day4 div > h2:nth-of-type(1), .artisttitle.day5 div > h2:nth-of-type(1), .artisttitle.day6 div > h2:nth-of-type(1), .artisttitle.day7 div > h2:nth-of-type(1), .artisttitle.day8 div > h2:nth-of-type(1), .artisttitle.day10 div > h2:nth-of-type(1), .artisttitle.day11 div > h2:nth-of-type(1), .artisttitle.day12 div > h2:nth-of-type(1) { display: none; } .wp-block-separator.pink { margin: 2rem 1rem !important; } .wp-block-columns .wp-block-column > .wp-block-columns { gap: 0rem; margin: 0rem; } .artisttitle > div { gap: 1rem; } .artisttitle > div h2 { margin: 0 0 0.5rem 0; font-size: 2.5rem; } .artisttitle > div > p:nth-of-type(1) { width: 100%; max-width: 100%; } ul.lineupnames { padding: 0px; gap: 0 2rem; } ul.lineupnames li { font-size: 1.5rem; line-height: 2rem; padding: 0 0 0 0px; } ul.lineupnames li:before { width: 12px; height: 12px; margin-left: 1.25rem; display: block !important; } ul.lineupnames li:nth-child(4), ul.lineupnames li:nth-child(15), ul.lineupnames li:nth-child(18) { display: none !important; } ul.lineupnames li:nth-child(5):before, ul.lineupnames li:nth-child(9):before, ul.lineupnames li:nth-child(12):before, ul.lineupnames li:nth-child(16):before { display: block !important; } .artisttitle div > h2:nth-of-type(1) { color: #fff; margin: 0 0 2rem 0; } .artisttitle.day3 div > h2:nth-of-type(1), .artisttitle.day4 div > h2:nth-of-type(1), .artisttitle.day5 div > h2:nth-of-type(1) { display: none; } .scrolling-text { height: 44px; } } /* !!! MEDIA SCREEN 600px !!! */ @media screen and (max-width: 600px) { .page-id-2618 .videoholder:before { background-size: 100%; } .page .entry-content h3 { font-size: 14pt; } body.page-child #wrapper { position: fixed; width: 100%; overflow-y: scroll; height: 100%; } body.page-child #wrapper:before { height: 200%;} .home .wp-block-columns.locations.boxed.left { gap: 2rem; } .wp-block-columns.locations.boxed .wp-block-column { max-width: calc(50% - 1rem); } .wp-block-columns.artisttitle .wp-block-column h2 a:nth-of-type(1) { right: 9%; top: 23%; } .wp-block-columns.artisttitle .wp-block-column h2 a:nth-of-type(2) { right: 24%; top: 23%; } .wp-block-columns.artisttitle.day2 .wp-block-column h2 a:nth-of-type(1) { right: 9%; top: 18.5%; } .wp-block-columns.artisttitle.day2 .wp-block-column h2 a:nth-of-type(2) { right: 24%; top: 18.5%; } .home .wp-block-columns.locations.boxed { padding: 0rem 1rem; } .events-template.single article { font-size: 11pt; padding: 5rem 0; } .events-template.single article .relatedlist ul { flex-direction: column; gap: 0; margin: 1rem 0; } .events-template.single article h2 { font-size: 24pt; line-height: 1em; text-align: left; } .events-template.single article .eventinfo { justify-content: left; } .artists-template.single article .relatedlist{ padding: 30px 30px 0 30px; display: none; } #wrapper:after { background-size: 90% !important; background: url(images/love-mob.png) no-repeat; background-position: center; } .events h1 { font-size: 3em; } div#wp-sponsors ul { animation: none; } div#wp-sponsors { width: 100%; padding: 0px; display: flex; flex-wrap: wrap; margin: 1rem 0 0 0; } div#wp-sponsors ul li { padding: 0px; width: calc(33.33333% - 2rem) !important; } div#wp-sponsors ul { text-align: center; width: 100% !important; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: center; } div#wp-sponsors ul li:nth-child(5) img { max-height: 60px; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock { flex-direction: column; gap: 0; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div { max-width: 100% !important; width: 100%; padding: 1rem 0 0 0; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(3) a { position: relative; display: block; text-align: center; margin: 1rem 0 0 0; max-width: 100%; } .wp-block-columns .wp-block-column > .wp-block-columns.ticketblock > div:nth-child(2) ul { margin: 0.5rem 0; } } @media (hover: none) { #cursor { display: none; } html, body { cursor: auto; } }