/* ===================================================================================

* Theme Name: Exhibz Child
* Theme URI: https://themeforest.net/user/tripples/portfolio
* Description: Exhibz is a functional Event and Conference WordPress Theme.
* Version: 2.0
* Author: Tripples
* Author URI: http://www.themewinter.com
* Template: exhibz
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/* KTK Fix event tickets 04/05/2023 */

/* Main wrapper for tickets in single event page */
.etn-single-event-ticket-wrap {
    background: #44639e !important;
	width: 100%;
}

/* Main title of the tickets wrapper */
.etn-single-event-ticket-wrap h4 {
    text-align: left;
	color: #fff;
}

.etn-single-event-ticket-wrap .etn-variable-ticket-widget {
	width: 100%;
	text-align: center;
    text-align: -webkit-center;
	container-type: inline-size;
	display: flex;
	flex-wrap: wrap;
	padding: 1rem;
    gap: 1rem;
}

.etn-single-event-ticket-wrap form.etn-event-form-parent.etn-ticket-variation {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.etn-variable-ticket-widget .variations_0,
.etn-variable-ticket-widget .variations_0 .etn-single-ticket-item,
.etn-variable-ticket-widget .variations_0 .etn-single-ticket-item .etn-ticket-price-body {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
	justify-content: center;
	align-items: flex-start;
}

.etn-variable-ticket-widget .variations_0 .variation_0 > * {
	margin-bottom: 0;
}

.etn-variable-total-price {
	display: none;
}

.etn-variable-ticket-widget .etn-variable-total-price :is(.etn-total-quantity, .etn-ticket-total-price),
.etn-variable-ticket-widget .etn-variable-total-price :is(.etn-total-quantity, .etn-ticket-total-price) label {
    margin-bottom: 0px;
}

.etn-ticket-total-price {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.etn-ticket-price-body > .ticket-price-item.etn-ticket-price {
    display: none;
}

.etn-variable-ticket-widget .variations_0 .etn-single-ticket-item {
	background-color: transparent;
	padding: 0;
}

.etn-variable-ticket-widget .variations_0 :is(h5, p, span, label, strong, button, input) {
	color: #fff !important;
}

.etn-variable-ticket-widget input.etn-add-to-cart-block {
    background-color: #fadd39;
    color: #44639e;
}

.etn-variable-ticket-widget .ticket-price-item.etn-quantity input {
    background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.etn-variable-ticket-widget .etn-variable-total-price {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.3) !important;
    margin-bottom: 0;
}

.etn-variable-ticket-widget .etn-add-to-cart-block {
    max-width: fit-content;
}

/* Hide ticket form and calendar link in Sidebar */
.etn-sidebar :is(.etn-single-event-ticket-wrap, .etn-add-calender-url) {
    display: none !important;
}

/* Style of organizers image */
.etn-organizer-logo img {
    max-width: 8rem;
    border-radius: 100vmax;
    margin-block-end: 0.5rem;
}

@media (min-width: 1200px) {
	.etn-single-event-ticket-wrap .etn-variable-ticket-widget {
		max-width: 1140px;
	}
}

.etn-event-countdown-wrap {
	margin-bottom: 0px;
}

.etn-event-countdown-wrap .etn-count-item {
	border: 0px;
}

/* Mobile styles */
@media (max-width: 767px) {
	.etn-event-countdown-wrap {
		margin-block: 2rem 0;
		justify-content: space-between;
	}
	.etn-event-countdown-wrap .etn-count-item {
		font-size: 22px;
		padding: 0.5rem;
		width: min-content;
		min-width: 5rem;
		max-width: 25%;
		margin: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.etn-single-event-ticket-wrap h4 {
		text-align: center;
	}
	h5.ticket-header {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 5px;
	}
	.etn-single-event-ticket-wrap form.etn-event-form-parent.etn-ticket-variation {
		align-items: center;
		flex-direction: column;
	}
	.etn-variable-ticket-widget .variations_0,
	.etn-variable-ticket-widget .variations_0 .etn-single-ticket-item,
	.etn-variable-ticket-widget .variations_0 .etn-single-ticket-item .etn-ticket-price-body {
		gap: 0.5rem;
	}
}

/* Container query to set mobile styles to sidebar */
@container (max-width: 767px) {
	.etn-single-event-ticket-wrap form.etn-event-form-parent.etn-ticket-variation {
		flex-direction: column;
		align-items: flex-start;
	}
	.etn-variable-ticket-widget .variations_0 .etn-single-ticket-item {
		gap: 0.5rem;
		justify-content: flex-start;
	}
}

.etn-variable-ticket-widget :is(.qt-sub, .qt-add) {
    cursor: pointer;
}


/* Media query for devices with a maximum width of 767px (typical for mobile devices) */
@media only screen and (max-width: 767px) {
	.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    display: none;
}
}

.elementor-element .swiper-container .elementor-swiper-button {
    background-color: #eb672d;
    border-radius: 100vmax;
    padding: 5px;
    box-shadow: 0px 1px 15px rgba(0,0,0,0.2);
}


.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}