/*
Theme Name: Summers Tickets
Author: unavoided
Author URI: https://unavoided.com
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 8.1
Version: 1.0
Text Domain: summersend
*/
@font-face {
  font-family: "acumin-variable";
  font-display: swap;
}
* {margin:0; padding:0; color: #fff ; 	font-family: neulis-sans, sans-serif; }
html {background:#fff; height:100%;  scroll-behavior: smooth;}
body {height:100%; }

h1, .h1 {margin-bottom:3%; font-size: 90px;   }
h2, .h2 {margin-bottom:3%; font-size: 70px; font-variation-settings: "slnt" 0, "wdth" 50, "wght" 800 !important;   font-family: acumin-variable, sans-serif} 
h3, .h3 {margin-bottom:3%; font-size: 50px; font-variation-settings: "slnt" 0, "wdth" 50, "wght" 800 !important;   font-family: acumin-variable, sans-serif}
h4, .h4 {margin-bottom:1%; font-size: 30px; font-variation-settings: "slnt" 0, "wdth" 67.5, "wght" 500 !important;   font-family: acumin-variable, sans-serif}
h5, .h5 {margin-bottom:1%; font-size: 24px; font-variation-settings: "slnt" 0, "wdth" 67.5, "wght" 500 !important;   font-family: acumin-variable, sans-serif}
p  {margin-bottom:2%; font-size:1.2em; line-height:1.50em; font-variation-settings: "slnt" 0, "wdth" 67.5, "wght" 500 !important;}
ul, ol {margin-bottom:3%; padding-left:30px; }
li {font-size:1.2em; line-height:1.50em; font-variation-settings: "slnt" 0, "wdth" 67.5, "wght" 500 !important;}

a {text-decoration:none;}



strong {font-variation-settings: "slnt" 0, "wdth" 50, "wght" 800 !important;}
.weetext {font-size: 12px;}

.ebcon {font-variation-settings: "slnt" 0, "wdth" 50, "wght" 800 !important;}
.textshadow { text-shadow: 2px 2px 4px rgba(0,0,0,0.3);}
.neulis {  font-family: neulis-sans, sans-serif;}
.datetitle {font-size: 40px;}
.yellowtext {color: #F0E37A;}

/*layout*/
.pagewidth {max-width:1280px; margin:0 auto; overflow:auto; overflow-x: hidden; position: relative;}
.withpadding { padding:6% 3%;}
.somepadding {padding:2%;}
.nopadbum {padding-bottom: 0 !important;}
.marginbum {margin-bottom: 3%;}
.nomargin {margin-bottom: 0 !important;}
section {margin:0 ; padding:0 6%; overflow:auto; position: relative;}
.topdiv {padding-top: 100px;}
.scene {  position: relative;  width: 100%;  height: 1000px;  overflow: hidden;}
.scenepage {  position: relative;  width: 100%;  height: auto;  overflow: hidden;}
.scenecamp {  position: relative;  width: 100%;  height:700px;  overflow: hidden;}

.page .celtic, .single .celtic, .buttonbox {padding-bottom: 6%}


.middle { top: 50%; transform: translateY(-50%); position:absolute; max-width: 100%; width: 100%; z-index: 300;}
.middlealign {vertical-align: middle !important;}

.centered {text-align: center;}

.gform_wrapper {border: 2px solid #fff;  border-radius: 25px;  padding: 3%;  margin: 0 12%;}

/*colours*/
.claret {background: #7d2e47;}
.green {background: #3d7f81; border-top: 3px solid #fff;}

.mobile-cta {display: none;}
.celtic{  background-image: url('images/hero-bg.webp');  background-repeat: no-repeat; background-size: cover;  background-position: center center; height: 40vh  }
.greenback {  background-image: url('images/LineUp.webp');  background-repeat: no-repeat; background-size: cover;  background-position: center center;}

.menu-btn { display: none;}

header {height: auto; z-index: 1499; position: absolute; width: 80%;  padding: 0 1%; border-radius: 25px; margin: 1% auto; left: 10%; right: 10%;}  
.site-header {  display: grid;  grid-template-columns: auto 1fr auto;  align-items: center;  position: absolute;}
.header-logo img {    height:auto;    width: 210px;    display: block;}
.main-nav {    display: flex;    justify-content: center;}
.main-nav ul {    display: flex;    gap: 40px;    list-style: none;    margin: 0;    padding: 0; }
.main-nav a {    text-decoration: none;    font-size: 18px;    color: white;}
.cta-button {    background: white;    padding: 14px 40px;  font-family: "Neulis Sans", Sans-serif;  font-size: 18px;  font-weight: 500;  text-decoration: none;   color: #7c2c45;}
enu-btn { display: none;}
/* DESKTOP NAV */
.main-menu {  display: flex;  justify-content: center;}
.main-menu ul {  display: flex;  gap: 40px;  list-style: none;  margin: 0;  padding: 0;}
.main-menu li {  display: block; }
.main-menu li a {  line-height: normal;   padding: 0;  font-size: 18px;  color: #fff;}
.site-header .menu-btn,.site-header .menu-icon {  position: absolute;}

.mobile-menu-logo {display: none;}

.value {  display: inline-flex;  align-items: center;  gap: 3px;  background-color: #ffeb3b; /* bright yellow */  border-radius: 25px;  padding: 6px 14px;  font-weight: 700;  color: #222; margin-bottom: 3%; position: absolute; top: -1rem;  margin: auto;  left: 50%;  transform: translateX(-50%);}
.ticketvalue {  display: inline-flex;  align-items: center;  gap: 3px;  background-color: #ffeb3b; /* bright yellow */  border-radius: 25px;  padding: 6px 14px;  font-weight: 700;  color: #222; margin-left: 3% }
.value span, .ticketvalue span {color: #7b0433}
.value .star-icon, .ticketvalue .star-icon {  width: 22px;  height: 22px;  display: block;}

/*homepage*/
.marquee {
  width: 86%;
  overflow: hidden;
  background: #4d8284;
  padding: 1% 7%;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

.marquee__inner {
  display: flex;
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll 25s linear infinite;
}

.marquee ul {
  display: flex;
  gap: 60px;
  list-style: none;
  margin: 0 24px;
  padding: 0;
  flex-shrink: 0;
  flex-wrap: nowrap;   /* 🚨 IMPORTANT */
}

.marquee li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 24px;
  white-space: nowrap;  /* 🚨 IMPORTANT */
}
.marquee svg {  width: 24px;  height: 24px;  flex-shrink: 0;}

@keyframes scroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/*countdown*/
#clock {margin-bottom: 3%; margin-top: 3%;}
.timebox {display: inline-block; background: #4ea2a4; text-align: centered; margin: 0 1%;  font-variation-settings: "slnt" 0, "wdth" 67.5, "wght" 500; width: 220px; height: 180px; padding-top: 40px; color: #fff !important;}
.timenumber {font-variation-settings: "slnt" 0, "wdth" 67.5, "wght" 700; font-size: 80px; color: #fff; font-family: acumin-variable, sans-serif}


/*footer*/
/*four box*/
footer p{font-size: 16px;}
.flex-four {  display: flex;  gap: 2rem; }
.flex-four .box {  flex: 1;  padding: 2rem; text-align: center;}
.flex-four img {width: 80% !important; height: auto}
.footer-menu {text-align: left;}
.footer-menu li a {font-size: 16px;}
.footer-social a {display: inline-block; padding: 0 5px; margin-bottom: 3%;}


@media (max-width: 1024px) {
html, body {    font-size: 90%;  }
header { height:0;  }

h1, .h1 { font-size: 48px; }
h2, .h2 { font-size: 36px; }
h3, .h3 { font-size: 28px; }
h4, .h4 { font-size: 22px; }
h5, .h5 { font-size: 18px; }
p, li { font-size: 1.5em; }

.pagewidth,section {    padding: 4% 4%;  }
.withpadding {    padding: 4% 4%;  }
.somepadding {padding: 8%;}

.scene {height: 700px;}
.celtic{  background-size:  cover;   }

.gform_wrapper {border: 2px solid #fff;  border-radius: 25px;  padding: 3%;  margin: 0 6%;}

/* === MOBILE SLIDE MENU === */

.main-menu {  position: fixed !important;  top: 0;  right: 0;  width: 85%;  max-width: 95%;  height: 100vh;  background: url('images/LineUp.webp') no-repeat center center;
  background-size: cover;  padding: 140px 0 0;  transform: translateX(100%);  transition: transform 0.4s ease;  z-index: 10000;  opacity: 1;}
.menu-btn:checked ~ .main-menu {  transform: translateX(0);}
.main-menu ul {  position: absolute !important;  display: block;  height: auto;  transform: none;  margin: 0;  padding: 0;  left: 20px}
.main-menu li {  display: block !important;  margin-bottom: 10px;  text-align: left;  padding: 0;}
.main-menu li a {  display: block !important;  font-size: 16px;  font-weight: 400;  line-height: 1.4;  color: #fff !important;}

/* CTA button styling */
.mobile-cta {  position: absolute;  left: 20px;  top: 360px; width: 300px;}
.cta-button {padding: 14px 100px;}

header {height: auto;z-index: 1499;position: absolute;width: 95%;padding: 0 1%;border-radius: 25px;margin: 1% auto;left: 0%;right: 0;}

header .menu-icon {  cursor: pointer;  display: inline-block;  float: right;  padding:31px 0px 31px ;  position: fixed;  right: 10px;  z-index: 10010;  user-select: none; top: 10px; }
.menu-icon .navicon {  background:#fff; display: block;  height: 1px;  position: relative;  transition: background .2s ease-out;  width: 28px;}
.menu-icon .navicon:before,header .menu-icon .navicon:after {  background:#fff;  content: '';  display: block;  height: 100%;  position: absolute;  transition: all .2s ease-out;  width: 100%;}
.menu-icon .navicon:before {  top: 8px;}
.menu-icon .navicon:after {  top: -8px;}
.menu-btn:checked ~ .main-menu ul li.logomenu {display: none !important;}

/* Logo inside slide panel */
.mobile-menu-logo { display: inline-block; position: absolute;top: 10px; left: 10px;}
.mobile-menu-logo img { width: 90px; height: auto;}


.menu-btn:checked ~ .menu-icon .navicon {  background: transparent; }
.menu-btn:checked ~ .menu-icon .navicon:before {  transform: rotate(-45deg); background: #fff;}
.menu-btn:checked ~ .menu-icon .navicon:after {  transform: rotate(45deg); background: #fff;}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {  top: 0;}
.menu-btn:checked ~ .cart-menu {visibility: hidden;}

.header-logo img {width: 90px;}

.header-cta {display: none;}

.marquee ul {    justify-content: center;    gap: 20px;  }


.ticketvalue {  display: inline-flex;  align-items: center;  gap: 3px;  background-color: #ffeb3b; /* bright yellow */  border-radius: 25px;  padding: 6px 14px;  font-weight: 700;  color: #222; margin-left: 0; margin-top: 3%; margin-left: 6% }
.value span, .ticketvalue span {color: #7b0433; font-size: 10px;}
.value .star-icon, .ticketvalue .star-icon {  width: 22px;  height: 22px;  display: block;}

.timebox {display: inline-block; background: #4ea2a4; text-align: centered; margin: 0 1%;  font-variation-settings: "slnt" 0, "wdth" 67.5, "wght" 500; width: 80px; height: 80px; padding-top: 0px; color: #fff !important;}
.timenumber {font-variation-settings: "slnt" 0, "wdth" 67.5, "wght" 700; font-size: 40px; color: #fff; font-family: acumin-variable, sans-serif}

.datetitle {
  font-size: 27px;
}

footer .flex-four {gap: 0;}
.flex-four  {  flex-direction: column;}
}