/* 
Theme Name:		 SUP 2026
Theme URI:		 http://childtheme-generator.com/
Description:	 SUP 2026 is a child theme of Event Star, created by ChildTheme-Generator.com
Author:			 Barry Wade
Author URI:		 http://childtheme-generator.com/
Template:		 event-star
Version:		 1.0.0
Text Domain:	 sup-2026
*/


/*
    Add your custom styles here
*/
.cc-color-override-950585708.cc-window {border-radius:10px;}

.post-thumb img {box-shadow: 
    0 4px 12px rgba(90, 175, 173, 0.2),   /* soft teal glow */
    0 1px 3px rgba(254, 140, 90, 0.15);   /* subtle orange depth */
  border-radius: 1rem;
}

.post-thumb img:hover {opacity:1;}

a.sm-up-container {background-color:#f9f0bb;color:#213750;}
a.sm-up-container:hover {background-color:#213750;color:#f9f0bb;}
a.sm-up-container i {font-size:50px;}
.navbar-toggle{display:none;}

.custom-circle-list {
  list-style: none;
  counter-reset: step-counter;
  padding-left: 0;
  margin-left: 0;
}

.custom-circle-list li {
  position: relative;
  counter-increment: step-counter;
  padding-left: 3rem;
  margin-bottom: 1.2rem;
  font-size: 15px;
  line-height: 1.6;
}

.custom-circle-list li::before {
  content: counter(step-counter);
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  background-color: #5aafad; /* teal by default */
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: sans-serif;
  font-size: 1rem;
}



.entry-footer {display:none;}
.did-you-know-box {
  background: linear-gradient(135deg, #f9f0bb, #fe8c5a);
  border-left: 8px solid #5aafad;
  padding: 1.5rem;
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(90, 175, 173, 0.2);
  font-family: 'Inter', sans-serif;
  margin: 2rem 0;
  color: #333;
  position: relative;
  overflow: hidden;
}

.did-you-know-box::before {
  content: '';
  background-image: url('https://superfestival.paddleuk.org.uk/wp-content/uploads/2025/05/cropped-SuperfestLogoNoBackground-min.png');
  background-size: 520px;
  background-repeat: no-repeat;
  background-position: top right;
  opacity: 0.1;
  position: absolute;
  top: 1rem;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  pointer-events: none;
  z-index: 0;
}

.did-you-know-box h2,
.did-you-know-box p {
  position: relative;
  z-index: 1;
}
.did-you-know-box p {font-size: 15px;}

.info-icon-details .icon-title {font-size:19px;}
.message-box {
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  color: #213750;
  font-weight: 500;
  margin-bottom: 1rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-color:#f9f0bb;
}
div.message-box h2 {color:#213750!important;}


* p, body {font-size:15px;font-family:"Inter"!important;letter-spacing:0px;}
.info-icon-box .info-icon {margin-left:2px;}
.info-icon-details {margin-left:40px;}
.inner-main-title {display:none;}

img.custom-logo {max-width:130px;}
.navbar {margin-bottom:0px!important;background-color:#f9f0bb;}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, .feature-event span, .image-slider-wrapper .banner-title, .nf-field-label {font-family: "Barlow Condensed", sans-serif;!important;font-weight:700!important;color:#213750;}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {margin-bottom:20px;}
.footer-copyright.text-left a {color:#fff;text-decoration:underline;}
.nf-field-label label {margin-top:8px!important;margin-bottom:-10px!important;font-size:17px;color:#012169;text-transform:uppercase;font-family: "Barlow Condensed", sans-serif;!important;font-weight:700!important;letter-spacing:2px;}
.image-slider-wrapper .banner-title {font-size:60px;text-shadow: 1px 2px 4px #012169;line-height:120%;color:#f9f0bb;}

@media (max-width:767px) {.image-slider-wrapper .banner-title {font-size:40px;}}
@media (max-width:500px) {.image-slider-wrapper .banner-title {font-size:30px;}}


@media (max-width:450px) {.feature-event span {width:180px;}}

@media screen and (max-width: 767.49px) {.countdown-time {font-size:36px;}}
@media screen and (max-width: 500px) {.countdown-time {font-size:20px;}}
@media (max-width:430px) {.image-slider-wrapper .banner-title {font-size:25px;margin:-14px 0px 14px 0px;}}
@media (max-width:580px) {.image-slider-wrapper .slider-content .btn-primary{font-size:12px!important;padding:13px 5px!important;margin-top:-20px!important;margin-bottom:40px;}}



@media (max-width:767px) {.navbar {margin-bottom:0px!important;}}
@media screen and (max-width: 767.49px) {.primary-bg {background-color:rgba(01,33,105,0.7)!important;}}

@media (max-width:500px) {#register.homeform {padding:10px 15px; 40px 15px!important;} #register.homeform h2 {font-size:23px;}}

.footer-sidebar p, .footer-sidebar h3 {color:#012169;font-family: "Barlow Condensed", sans-serif;!important;letter-spacing:1px;}

i.fa.fa-instagram, i.fa.fa-facebook-square, i.fa.fa-envelope-o {font-size:28px;color:#012169;}

.feature-event span {color:#f9f0bb;}

.homeform {padding:30px 90px; 40px 90px;margin:auto;background-color:rgba(33,55,80,0.2);}
.homeform h2 {color:#012169;}

.homeform {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.homeform::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 140%;
  background-image: url('https://superfestival.paddleuk.org.uk/wp-content/uploads/2025/05/cropped-SuperfestLogoNoBackground-min.png'); 
  background-size: fill;background-repeat:no-repeat;
  background-position: center;
  opacity: 0.2;
  z-index: -1;
}

.image-slider-wrapper .slider-content {background-color:rgba(33,55,80,0.7);padding:100px 40px 40px 40px;color:#f9f0bb;}
.countdown-time {font-weight:100px!important;}

input[type="text"], 
input[type="email"], 
input[type="tel"] {
  padding: 10px 15px;
  font-size: 16px;
  border: 0px solid #ccc;
  border-radius: 6px;
  background-color: #f9f9f9;
  color: #333;
  transition: all 0.3s ease; height:55px;max-width:400px!important;
}

a.more-link.btn.btn-primary {display:block; max-width:180px;padding:20px 1px!important;}

input[type="submit"],.image-slider-wrapper .slider-content .btn-primary, a.more-link.btn.btn-primary {
  background-color: #0897b2;
	margin-right:8px;
  color: #f9f0bb!important;
  font-size: 18px;font-weight:900;padding:28px;
  border: none;
  border-radius: 6px;
  box-shadow: 1px 2px 3px 0 #012169;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;line-height:0px;font-family:"Barlow Condensed", sans-serif;l
  color: #333;letter-spacing:1px;
}

input[type="submit"]:hover, .image-slider-wrapper .slider-content .btn-primary:hover {
  background-color: #1b6baa;
  transform: translateY(-2px);
}

/*Accordian*/
/* Base */
.accordion {
  --radius: 16px;
  --bg: #ffffff;
  --text: #000;
  --muted: #6b7280;
  --ring: #fe8c5a;            
  --accent-grad: linear-gradient(215deg, #f9f0bb, #5aafad);
  --shadow: 0 8px 24px rgba(0,0,0,.12), 0 6px 20px rgba(92,172,201,.22);
  color: var(--text);
  display: grid;
  gap: 14px;width:80%;margin-top:20px;
}

.accordian p {font-family:"Inter", sans-serif;}

@media (max-width:1200px ) {.accordion{width:100%;}}

/* Each item */
.acc-item {
  border-radius: var(--radius);
  background: var(--bg);
  box-shadow: var(--shadow);
  overflow: clip;
}

/* Summary as the clickable header */
.acc-item > summary {
  list-style: none;      /* hide default marker */
  cursor: pointer;
  padding: 1.1rem 1.25rem;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: .75rem;
  position: relative;
  user-select: none;
  outline: none;
  background:
    radial-gradient(100% 100% at 0% 100%, rgba(92,172,201,.08) 0, transparent 60%),
    radial-gradient(90% 90% at 100% 0%, rgba(233,241,104,.10) 0, transparent 65%);
}

/* Custom disclosure chevron */
.acc-item > summary::after {
  content: "";
  width: .8rem;
  height: .8rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform .2s ease;
  color: var(--muted);
}

/* Title + meta */
.acc-title {
  font-weight: 700; font-family:"Barlow Condensed", sans-serif;font-size:23px;
}
.acc-meta {
  font-size: 13px;
  color: var(--muted);font-family:"Inter", sans-serif;
}

/* Focus visuals (keyboard users) */
.acc-item > summary:focus-visible {
  box-shadow: 0 0 0 3px color-mix(in oklab, white 70%, var(--ring) 30%), 0 0 0 6px color-mix(in oklab, var(--ring) 40%, transparent);
  border-radius: calc(var(--radius) - 2px);
}

/* Open state tweaks */
.acc-item[open] > summary::after {
  transform: rotate(45deg);
  color: var(--ring);
}
.acc-item[open] > summary {
  background: color-mix(in oklab, #f9f0bb 85%, #fff 7%);
}

/* Panel (the hidden content) */
.acc-panel {
  padding: 10px 30px 10px 30px;
  border-top: 1px solid color-mix(in oklab, #000 10%, transparent);
  animation: acc-reveal .25s ease;
}


/* Nice readable content blocks */
.acc-panel h4 { margin: 1rem 0 .35rem; font-weight: 700; }
.acc-panel h5 { margin: .75rem 0 .25rem; font-weight: 600; }
.acc-panel p { margin: .5rem 0; line-height: 1.55; }
.acc-panel ul { margin: .5rem 0 .75rem 1rem; }
.acc-panel .note {
  display: block;
  margin: 1rem 0;
  padding: 0.75rem 1rem;
  background: color-mix(in oklab, #f9f0bb 25%, #ffffff 75%); /* yellow tint */
  border-left: 6px solid #fe8c5a;
  border-radius: 8px;
  font-weight: 500;
  color: #1a1a1a;
}



.link {
  color: #0b6faf;
  text-underline-offset: 3px;
}

/* Pricing chunks */
.price-grid {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  margin: .5rem 0 1rem;
}
.price-grid > div {
  padding: .75rem .85rem;
  border-radius: 12px;
  background: linear-gradient(215deg, #f9f0bb, #fe8c5a);
  box-shadow: 0 2px 10px rgba(0,0,0,.05), 0 1px 6px rgba(92,172,201,.12);
}

/* Motion preferences */
@media (prefers-reduced-motion: reduce) {
  .acc-item > summary::after { transition: none; }
  .acc-panel { animation: none; }
}

@keyframes acc-reveal {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}
/*Accordian Images*/
.section-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1.5rem auto;
  text-align: center;
}

.section-image img {
  max-width: 500px;     /* control size for consistency */
  width: 100%;
  height: auto;
  border-radius: 12px;   /* soft edges for UX friendliness */
  box-shadow: 0 6px 18px rgba(0,0,0,0.12),
              0 4px 12px rgba(92,172,201,0.25); /* tactile shadow */
  transition: transform 0.25s ease;
}

.section-image img:hover {
  transform: scale(1.05); /* subtle lift on hover */
}

.section-image figcaption {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #555;
}

/*End Accordian*/