/*!
Theme Name: Concert
Theme URI: http://underscores.me/
Author: Act Digital
Author URI: https://actdigi.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: concert
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Concert is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Tienne:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

body, html {
  margin: 0;
  overflow-x: hidden;
}

main {
  display: block;
}

h1 {}

a {
  text-decoration: none !important;
}

.banner {
  height: 100vh;
	height: 100dvh;
  width: 100%;
  background: url("/wp-content/uploads/2025/12/banner.png");
  position: relative;
	background-position: center;
	background-repeat:no-repeat;
	background-size:cover;
	display: flex;
    align-items: center;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
	background: transparent;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.header.is-sticky {
    position: fixed;
    background: #4A0641;
    box-shadow: 0 6px 12px rgba(0,0,0,0.1);
}

.right-box {
  position: relative;
}

.btn-white-black {
  background: #fff;
  color: #000;
  padding: 8px 18px;
  border: 1px solid #fff;
  font-family: "Tienne", serif;
  font-weight: 900;
  font-size: 22px;
}

.btn-ylw-black, .wc-block-cart__submit-button {
  background: #CC9933;
  color: #000;
  padding: 8px 18px;
  font-family: "Tienne", serif;
  font-weight: 900;
  font-size: 22px;
  position: absolute;
  right: 0;
}

.is-style-without-price button.wc-block-components-checkout-place-order-button{
    background: #4A0641;
    color: #fff;
    font-family: "Tienne", serif;
    font-weight: 700;
    font-size: 1.5rem;
    border: none;
}
.is-style-without-price button.wc-block-components-checkout-place-order-button:hover{
    background: #000;
}

.countdown span.dd {
  font-family: "Inria Serif", serif;
  font-size: 2rem;
  margin-left: -5%;
}

.text-orange {
  color: #CC9933;
  /* same orange as your image */
  font-family: "Tienne", serif;
  font-weight: 900;
  font-size: 6.875rem;
}

.about .right span {
  font-family: "Inria Serif", serif;
  font-size: 2.125rem;
  position: relative;
  padding-left: 70px;
}

.about .right span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 58px;
  height: 3px;
  background-color: #4A0641;
  transform: translateY(-50%);
}

.about .right h2,
.lineup .right2 h2 {
  color: #4A0641;
  font-size: 4.375rem;
  font-family: "Tienne", serif;
  font-weight: 900;
  line-height: 75px;
}

p,
ul {
  font-size: 1.25rem;
  line-height: 26px;
  font-family: "Inria Serif", serif;
}

.highlight {
  background: #4A0641;
}

.highlight .left span,
.book .left span {
  font-family: "Inria Serif", serif;
  font-size: 2.125rem;
  position: relative;
  padding-left: 70px;
  color: #fff;
}

.highlight .left span::before,
.book .left span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 58px;
  height: 3px;
  background-color: #fff;
  transform: translateY(-50%);
}

.highlight .left h2,
.book .left h2 {
  color: #fff;
  font-size: 4.375rem;
  font-family: "Tienne", serif;
  font-weight: 900;
  line-height: 75px;
}

.highlight .right p {
  color: #fff;
}

.hl-box {
  background: #fff;
  border-radius: 25px;
  padding: 35px 40px;
}

.hl-box h3 {
  font-family: "Inter", sans-serif;
  font-size: 2rem;
  font-weight: 900;
  color: #000;
  margin-top: 3rem;
}

.hl-box p {
  padding-right: 1rem;
  margin-top: 3rem;
}

.hl-box1 img {
  width: 100%;
  border-radius: 25px;
}

.lineup .left span, .swara .left span {
  font-family: "Inria Serif", serif;
  font-size: 2.125rem;
  position: relative;
  padding-left: 70px;
  color: #000;
}

.lineup .left span::before, .swara .left span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 58px;
  height: 3px;
  background-color: #4A0641;
  transform: translateY(-50%);
}

.lineup .left h2, .swara .left h2 {
  color: #000;
  font-size: 4.375rem;
  font-family: "Tienne", serif;
  font-weight: 900;
  line-height: 75px;
}

.lineup .left h2 strong {
  color: #4A0641;
}

.boxx {
  display: flex;
  /* justify-content: space-between; */
  align-items: center;
  text-align: center;
/*   gap: 5rem; */
}

.boxx h5 {
  color: #000;
  margin-top: 10px;
  font-family: "Inria Serif", serif;
}

.book {
  background: #4A0641;
  padding: 100px 0 100px 19rem;
}

.book .left p {
  color: #fff;
}

/* Ticket card styles */
.ticket-card {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  border: 1px solid var(--border-color);
}

.ticket-card:hover {
  /* transform: translateY(-5px); */
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.12);
}

.ticket-header {
  padding: 20px 20px 0 20px;
  border-bottom: 1px solid var(--border-color);
}

.ticket-footer {
  padding: 20px;
}

.ticket-title {
  color: #000;
  margin-bottom: 5px;
  font-size: 1.875rem;
  font-family: "Inria Serif", serif;
}

.ticket-subtitle {
  color: var(--text-light);
  font-size: 0.9rem;
}

.ticket-body {
  padding: 0 20px;
  border-bottom: 3px dashed #4A0641;
}

.ticket-price {
  display: flex;
  align-items: baseline;
  margin-bottom: 15px;
  flex-direction: column;
}

.current-price {
  font-size: 5rem;
  color: #4A0641;
  margin-left: 10px;
  font-family: "Inria Serif", serif;
  margin-top: -8%;
  font-weight: bold;
}

.original-price {
  font-size: 4rem;
  color: #E38000;
  margin-left: 10px;
  font-family: "Inria Serif", serif;
  position: relative;
  display: inline-block;
  font-weight: bold;
}

.original-price::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 6px;
  /* thickness */
  background: #4A0641;
  /* line color */
  transform: rotate(-12deg);
  /* angle of the slash */
  transform-origin: center;
}

.per-person {
  color: #000;
  font-size: 18px;
}

.btn-buy {
  background: #4A0641;
  color: white;
  border: 1px solid #4A0641;
  padding: 12px 24px;
  border-radius: 20px;
  font-size: 2.5rem;
  width: 80%;
  transition: all 0.3s ease;
  margin-top: 10px;
  font-family: "Inria Serif", serif;
}

.btn-buy:hover {
  background: #fff;
  /* transform: scale(1.01); */
  border: 1px solid #4A0641;
  color: #000;
}

/* Swiper customization */
.swiper {
  width: 100%;
  padding: 10px 0px 40px 40px;
}

.swiper-slide {
  height: auto;
}

.swiper-pagination {
  bottom: 0 !important;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #ccc;
  opacity: 1;
}

.swiper-wrapper {
  margin-bottom: 1rem;
}

.swiper-nav-container {
  position: absolute;
  bottom: 0;
  left: 10px;
  z-index: 10;
  display: flex;
  align-items: center;
  width: calc(100% - 20px);
  margin-left: 2rem;
}

/* Navigation line */
.nav-line {
  flex-grow: 1;
  height: 3px;
  background-color: #ddd;
  margin: 0 15px;
}

.swiper-button-next,
.swiper-button-prev {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  margin-top: 0;
  color: var(--primary-color);
  background-color: white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--border-color);
  flex-shrink: 0;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 18px;
  font-weight: bold;
}

/* Navigation buttons container */
.nav-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Remove default Swiper navigation positioning */
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swara{
  padding: 100px 0;
}
.swara .left h2{
  color: #4A0641;
  font-size: 3.125rem;
  line-height: 60px;
}
.accordion-item{
  border: none;
}
.accordion-button{
  padding: 0;
}
.accordion-button {
    border-bottom: 2px solid #4A0641;
    color: #4A0641;
    font-size: 1.75rem;
    font-family: "Inria Sans", sans-serif;
}
.accordion-button:not(.collapsed){
  background-color: #fff;
  color: #4A0641;
}
.accordion-button::after{
  transform: rotate(270deg);
  color: #4A0641;
}
.sponsorform input, .sponsorform textarea, .sponsorform select{
  width: 100% !important;
  padding: 1.5rem;
  border: none;
  border-radius: 20px;  
}
/* ::placeholder {
    color: #C8C8C8;
    font-size: 20px;
    font-family: "Tienne", serif;
  font-weight: 900;
} */
::placeholder{
  color: #000;
}
input.wpcf7-submit {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: #fff; /* or your bg color */
    color: #4A0641;
    font-size: 2rem !important;
    padding: 1rem !important;
}




.slider {
  width: 100%;
  overflow: hidden;
  padding: 40px 0;
  box-sizing: border-box;
}

.track {
  display: flex;
  width: max-content;
  animation: scroll 80s linear infinite;
}

.track.reverse {
  animation: scroll-reverse 100s linear infinite;
}

.track img {
  width: 350px;
  height: 200px;
  object-fit: cover;
  border-radius: 20px;
  margin: 0 10px;
}

/* Infinite scroll */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes scroll-reverse {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

.upr-ftr{
  background: #4A0641;
  padding: 50px 0;
}
.upr-ftr .tophead span{
  color: #fff;
  font-size: 20px;
  font-family: "Inria Serif", serif;
}
.upr-ftr .tophead h2 {
    font-size: 65px;
    font-family: "Tienne", serif;
    color: #fff;
}
.upr-ftr h4{
  font-family: "Inria Serif", serif;
  font-size: 30px;
  color: #fff;
  margin-bottom: 1rem;
}
.upr-ftr p, .upr-ftr a{
  color: #fff;
  font-family: "Inria Serif", serif;
  font-size: 22px;
}
.socials {
    display: flex;
    gap: 1.5rem;
}
.upr-ftr ul {
    list-style: none;
    padding: 0;
    color: #fff;
    font-size: 30px;
    line-height: 2.5rem;
}
.upr-ftr iframe{
  width:100%;
  border-radius: 25px;
  height: 325px;
}
.upr-ftr .vd{
  font-family: "Inria Serif", serif;
  font-size: 40px;
}
footer *{
  color: #4A0641;
}
.buy-now-form{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.qty-input{
    width: 20%;
}
.btn-buy{
    width: 80%;
}
.qty-input {
    width: 80px;
    height: 48px;
    border: 2px solid #000;
    background: #fff;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    outline: none;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.qty-input:hover {
    border-color: #E38000;
}

.qty-input:focus {
    border-color: #E38000;
    box-shadow: 0 0 0 3px rgba(227, 128, 0, 0.1);
}

/* Make spinner arrows always visible */
.qty-input::-webkit-inner-spin-button,
.qty-input::-webkit-outer-spin-button {
    opacity: 1;
    cursor: pointer;
}

table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block {
    border: 1px solid #4a0641;
	margin-top: 2rem;
}
.wc-block-cart__main .wc-block-cart-items th{
	padding: 8px 16px 12px 16px !important;
}
.wc-block-cart__main .wc-block-cart-items td{
	border-top: 1px solid hsl(307.94deg 85% 15.69%) !important;
}
.wc-block-cart .wc-block-components-sidebar {
    margin-top: 2rem !important;
}
.wc-block-cart .wp-block-woocommerce-cart-order-summary-block, .wp-block-woocommerce-checkout-order-summary-block{
	border: 1px solid hsl(307.94deg 85% 15.69%) !important;
	padding: 1rem;
}
.wp-block-woocommerce-checkout-order-summary-block{
	border: 1px solid hsl(307.94deg 85% 15.69%) !important;
}
.wc-block-components-totals-wrapper{
	border-top: 1px solid hsl(307.94deg 85% 15.69%) !important;
}
a.wc-block-components-product-name {
    color: #4a0641;
    font-weight: 600;
    font-size: 1rem;
}
.wp-block-woocommerce-checkout-order-summary-fee-block.wc-block-components-totals-wrapper, .wp-block-woocommerce-checkout-order-summary-discount-block.wc-block-components-totals-wrapper{
	display: none !important;
}

.wpcf7-response-output {
	color: #fff;
}

/* Responsive adjustments */
@media screen and (min-width: 1280px) and (max-width: 1440px) {
  /* Exact MacBook Air M2 default resolution */
	.book{
		padding: 100px 0 100px 7rem;
	}
	.current-price{
		font-size: 4rem;
	}
	.original-price{
		font-size: 3rem;
	}
	.per-person{
		font-size: 1rem;
	}
	.btn-buy{
		font-size: 2rem;
	}
}

@media (max-width: 768px) {
	.banner {
	  background: url("/wp-content/uploads/2025/12/mob-banner-1.png");
/* 		height: 80vh; */
		background-position: top center;
	background-repeat:no-repeat;
	background-size:cover;
/* 		display: flex; */
    align-items: flex-end;
	}
  .current-price {
    font-size: 4rem;
  }

  .original-price {
    font-size: 3.5rem;
  }

  .ticket-title {
    font-size: 1.2rem;
  }
	.book{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.swiper{
		padding-left: 0;
	}
	.swiper-nav-container{
		margin-left: 0;
	}
	.btn-buy{
		font-size: 1.5rem;
  width: 60%;
	}
	.swara{
		padding: 0;
	}
	.right-box {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		margin-bottom: 2rem;
	}
	.btn-ylw-black{
		position:relative;
		font-size:1rem;
	}
	.btn-ylw-black .icon{
		width: 24px;
  		height: auto;
	}
	.sitelogo{
		width: 70%;
	}
	.header .btn-white-black{
		font-size: 12px;
	}
	.header .btn-white-black .icon{
		width: 24px;
	}
	.countdown{
/* 		margin-top: -8rem; */
	}
	.current-price{
		margin-top: -8%;
	}
	.text-orange{
		font-size:4rem;
	}
	.boxx{
/* 		gap: 3rem; */
		align-items: flex-start;
	}
}
/* @supports not (-webkit-touch-callout: none) {
    .countdown {
        margin-top: -15rem;
    }
} */

/* @media (max-width: 576px) {
	.countdown{
		margin-top: 0rem;
	}
} */