
/**Stylesheet for Cork Whiskey Fest.*/
@font-face{
  font-family: oswald;
  src: url('../Fonts/oswald.woff2') format('woff2'),
     url('../Fonts/oswald.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: lato;
  src: url('../Fonts/lato.woff2') format('woff2'),
     url('../Fonts/lato.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: celtichand;
  src: url('../Fonts/celtichand.woff2') format('woff2'),
     url('../Fonts/celtichand.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: icomoon;
  src: url('../Fonts/icomoon.woff') format('woff'),
     url('../Fonts/icomoon.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: icomoon2;
  src: url('../Fonts/icomoon2.woff') format('woff'),
     url('../Fonts/icomoon2.ttf') format('truetype');
  font-display: swap;  
}

@font-face{
  font-family: old_stamper;
  src: url('../Fonts/old_stamper.woff') format('woff'),
     url('../Fonts/old_stamper.ttf') format('truetype');
  font-display: swap;  
}


/**Ticket Page Tab Styles*/
#ticket_filter_tabs{
	position: relative;
	left: 50%;
	display: grid;
    gap: 1.5em;
	max-width: 90%;
	transform: translateX(-50%);
}


#filter_day_tabs, #filter_event_tabs{
	display: flex;
	flex-wrap: wrap;
	gap: .7em;
	justify-content: center;
}

#filter_day_tabs span, #filter_event_tabs span{
	position: relative;
	font-family: lato, sans-serif;
	font-size: .9em;
	color: var(--bright);
	text-align: center;
	text-transform: uppercase;	
	padding: .5em 1em;
	background: var(--dark);
	border-radius: 2em;
	border: 1px solid var(--bright);
	box-sizing: border-box;
}

#filter_day_tabs span:hover, #filter_event_tabs span:hover{
	color: var(--primary);
	cursor: pointer;
}

#filter_day_tabs span.active, #filter_event_tabs span.active{
	border: 1px solid var(--primary);
	pointer-events: none;
}




/**Ticket Page Styles 2026*/
.ticket_block_26{
	position: relative;
	padding: 3.5em 0em;
	box-sizing: border-box;
}

.ticket_block_26 .no_events{
	color: var(--bright);
}

.ticket_block_26.alternating {
    background-image: url('https://corkwhiskeyfest.com/wp-content/uploads/2025/04/cork-whiskey-festival-events-tastings-.jpg');
    background-size: cover;
  	background-position: center;
  	background-attachment: fixed;
}


.ticket_block_26.alternating .no_events{
	color: var(--dark);
}

#ticket_section{
	position: relative;
	padding: 3em 0em 1em 0em;
	box-sizing: border-box;
}

.tickets_holder_26 {
	position: relative;
	left: 50%;
	display: grid;
	grid-template-columns: 1fr;
	gap: 1em;
	width: 90%;
	padding-top: 4.5em;
	transform: translateX(-50%);
	box-sizing: border-box;
}

.ticket_sticky_date{
	position: sticky;
	top: 4em;
	font-family: oswald, sans-serif;
	font-size: 1.3em;
	color: var(--bright);
	text-align: center;
	text-transform: uppercase;
	padding: .5em 2em;
	background: var(--dark);
    width: fit-content;
    margin-inline: auto;
    border-radius: 2em;
	box-sizing: border-box;
	z-index: 2;
}

.ticket_sticky_date span{
	display: block;
}




/**Ticket Event*/
.ticket_card{
	position: relative;
	max-width: 24em;
	width: 100%;
	margin-inline: auto;
	box-sizing: border-box;
}

.ticket_card_event_type{
	position: absolute;
	top: -.2em;
	left: .5em;
}

.ticket_card_inner{
	position: relative;
	height: 100%;
	color: var(--bright);
	background: #1A1A1A;
	padding: 1em;
	border: 1px solid #313131;
	box-sizing: border-box;
}

.ticket_card_image h6{
	position: absolute;
	top: 0em;
	left: 0em;
	z-index: -1;
}

.ticket_card_image img{
	width: 100%;
	height: auto;
}

.ticket_card_details h2{	
	font-family: oswald;
	font-size: 1.4em;
	line-height: 1.3em;
	text-transform: uppercase;
}

.ticket_card_details h2 a{
	color: var(--bright);
	text-decoration: none;
}

.ticket_card_details h2 a:hover{
	color: var(--primary);
}

.sold_out_stamp{
	position: absolute;
	font-family: oswald, sans-serif;
	font-size: clamp(2em, 5vw, 3em);
	color: var(--bright);
	top: 2em;
	left: 50%;
	padding: .5em .1em .3em .1em;
	line-height: 1em;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	background: var(--dark);
	background: rgba(0,0,0,.8);
	border-radius: 2em;
	transform: translateX(-50%) rotate(-20deg);
}

.atc_form{
	display: grid;
	grid-template-columns: 1fr;
}

.ticket_card_atc{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	padding: 1em 0em;
	box-sizing: border-box;
}

.ticket_card_atc button{
	position: relative;
	left: 50%;
	font-family: oswald, sans-serif;
	font-size: 1em;
	width: 100%;
	min-width: 9em;
	color: var(--bright);
	text-transform: uppercase;
	text-align: center;
	padding: 1em;
	border: 1px solid var(--primary);
	background: var(--dark);
	transform: translateX(-50%);
	box-sizing: border-box;
}

.ticket_card_atc button:hover{
	cursor: pointer;
	background: var(--primary);
}


.ticket_quantity_holder{
	transform: scale(.8);
}

.product_stock_count{
	position: relative;
	font-family: lato, sans-serif;
	font-size: .9em;
  	line-height: 1.1em;
	padding: .5em 0em;
	text-align: left;
}

.psc_high{
	color: #32B44A;
}

.psc_warn{
	color: #C58A00;
}

.psc_low{
	color: #E0524D;
}

.psc_soldout{
	display: inline-block;
	position: relative;
	width: auto;;
	color: var(--bright);
	text-transform: uppercase;
	background: var(--dark);
	padding: .1em .7em 0em 1em !important;
	border-radius: 2em;
}




@media only screen and (min-width: 33em){

	
}


@media only screen and (min-width: 40em){

	/**Ticket Page Styles 2026*/
	.tickets_holder_26 {
		gap: 2em;
		grid-template-columns: repeat(2, 1fr);
		align-items: stretch;
	}

	.ticket_card {
		margin-inline: 0;
		height: 100%;
	}

	.ticket_price{
		right: -1em;
	}


}



@media only screen and (min-width: 48em){

	/**Filter Tabs*/
	#filter_day_tabs, #filter_event_tabs{
		gap: 1em;
	}




	/**Ticket Page Styles 2026*/
	.ticket_sticky_date span{
		display: inline-block;
		padding-left: 1em;
	}
}




@media only screen and (min-width: 70em){

	/**Ticket Page Styles 2026*/
	.tickets_holder_26 {
		width: 95%;
		grid-template-columns: repeat(4, 1fr);
	}



}


