/*
Theme Name: Spectacle Child
Theme URI: https://preview.wolfthemes.live/spectacle/landing/
Description: Spectacle Child theme
Author: WolfThemes
Author URI: https://wolfthemes.com
Template: spectacle
Version: 1.0.0
*/
/*#site-navigation-primary-desktop {
	border-bottom: 2px solid #d6424526 !important;
	border-right: 1px solid #d6424526 !important;
	border-left:  1px solid #d6424526 !important;
}*/
/** CURSOR **/
.cursor__inner--circle:after {
	border: 1px #ff0000 dashed !important;
}
/*#main {
	cursor: none;
}*/
.cursor__inner--dot {
  width: 8px;
  height: 8px;
  background: #246db3;
  opacity: 1;
  transition: opacity 0.2s ease;
}
/** HEADER **/
.menu-layout-top-justify #nav-bar .cta-container * {
	max-height: 50px;
}
.menu-layout-top-justify.menu-sticky-soft.sticking #nav-bar .cta-container * {
	max-height: 35px;
}
#nav-bar .espacepro {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content:center;
	border: 1px solid;
	width: 100%;
	transition: all 0.3s;
}
#nav-bar .espacepro a {
	transition: all 0.3s;
}
#nav-bar .espacepro:hover {
	background: #fff;
	border-color: #000;
}
#nav-bar .espacepro:hover a {
	color: #000;
}
#nav-bar .logo-container,
#nav-bar .logo-container .logo a img {
	transition: all 0.3s; 
}
#nav-bar .logo-container:hover {
	transform: translatey(4px);
}
/*#nav-bar .logo-container:hover a img {
	 transform-box: border-box; 
	filter: drop-shadow(2px 4px 6px black);
	transform: scale(0.8);
}*/
#nav-bar .cta-container a {
	max-height: unset !important
}
#nav-bar .cta-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:0;
}

#nav-bar .logo-container {
	background:#fff !important;
}
#nav-bar li.menu-item-11397>a {
	color: #000 !important;
	background: #fff;
	border-left: 3px dashed #000;
	border-right: 3px dashed #000;
	transition: ease-in-out 0.3s;
}
#nav-bar li.menu-item-11397:hover a {
	transform: translatey(4px);
}
.menu-layout-top-justify.menu-sticky-soft.sticking #nav-bar {
	background: #000 !important;
}
#nav-bar li a,
#nav-bar i {
	color: #fff;
	font-weight:900;
	font-size: 16px;
}
#nav-bar {
	background: #00000080 !important
}
#nav-bar .fa-ticket {
	color: #000 !important;!i;!;
	font-size: 20px;
	/* background: #000; */
}
.cta-container .wolf-core-socials-container {
	border: 1px solid #fff;
}

/** FORMULAIRE **/
#frm_checkbox_8-0 label,
.wpcf7-list-item-label {
	color: #fff;	
}
#newsletter .frm_fields_container {
	display: flex;
	flex-direction: column;;
	text-align: center;
    justify-content: center;
}

#frm_field_6_container label {
	transform: translateY(10px) ;
	color: #fff;
}
.frm_required {
	display: none;
}
#frm_field_7_container button {
	transform: translateY(18px);
	margin-top: 0;
	margin-bottom:0;
	background: #d64244!important;
	border-color: #d64244;
	box-shadow: unset;
	transition: all 0.3s
}
#frm_field_8_container {
	display: flex; 
	margin-bottom: 0;
}
#frm_field_8_container #field_fx5wd_label {
	transform: translateY(-3px);
	margin-right: 2px;
	}

#newsletter #field_fx5wd-0 {
	border-color: #fff !important;
}
/*.elementor-background-overlay {
	background-color: #262626 !important;
}*/

#wpcf7-f2222-o1 input,
#wpcf7-f2222-o1 textarea,
#frm_field_6_container input {
	border: 2px solid #fff !important;
	border-color: #fff !important;
}
#frm_field_6_container input,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea::placeholder,
.wpcf7-form-control-wrap input::placeholder {
	color: #fff !important
}
/* HOME */
/*#slidevent .upk-nav-btn.upk-navigation-prev {
	background-color: #e73840;
}
#slidevent .upk-nav-btn.upk-navigation-prev:hover {
	background-color: #fce791 ;
}
#slidevent .upk-nav-btn.upk-navigation-next {
	background-color: #2965ac;
}
#slidevent .upk-nav-btn.upk-navigation-next:hover {
	background-color: #a43c94 ;
}*/
#slidevent {
	display:none;
}
.upk-alex-grid .upk-item:hover .upk-readmore .upk-readmore-icon:before,
.upk-alex-grid .upk-item:hover .upk-readmore .upk-readmore-icon span:before, .upk-alex-grid .upk-item:hover .upk-readmore .upk-readmore-icon span:after {
	background: #2965ac !important;
	
}
.upk-alex-grid .upk-content-wrap {
	background: rgb(231,56,64) !important;
	background: linear-gradient(90deg, rgb(231 56 64 / 30%) 0%, rgb(252 231 145 / 30%) 35%, lch(42 44.41 269.99 / 0.3) 100%) !important;
}
/* EVENT PAGE */
.page-id-11901 .content-wrapper {
	background: 0 0;
    padding: 0;
    width: 100%;
    margin: 0;
    max-width: none;
}
/* EVENT GRID */
.event-module-grid .event-location:before {
	display: none;
}
.theme-button-outline>span:after {
	opacity: 1 !important;
}
.entry-inner .sold-out-label {
	font-family: 'Jost';
    font-weight: 600;
    transform: rotate(-42deg);
    background: #fff;
    color: #000;
    right: unset;
    left: -50px;
    top: 20px;
    width: 170px;
    text-align: center;
}
.entry-event-grid .entry-inner {
	padding: 20px;
}
.we-date-format-custom .we-day {
	background: #343232 !important;
}
.info-event h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 900;
	font-family: jost;
	margin-bottom: 0;
}
.elementor-widget-event-index .theme-button-outline span {
	text-transform: uppercase;
	color: #000;
}
.elementor-widget-event-index .theme-button-outline {
	transition: all 0.3s !important;
}
.elementor-widget-event-index .theme-button-outline:hover span {
	color: #fff;
}
.elementor-widget-event-index .theme-button-outline:hover {
	background: #000;
	border: 2px dashed #fff !important;!i;!;
}
/* EVENT LIST */
.event-table-cell.event-date:before {
	display:none;
}
.page-id-8958 .event-table-cell a {
	text-transform: uppercase;
}
.event-table-cell span.venue {
	font-weight: 800;
	font-size: 18px;
	text-transform: uppercase;
}
.event-table-cell span.location {
	font-weight: 400;
}
/* EVENT TEMPLATE */
.event-template-default .e-con-inner {
	padding-top: 0 !important;
}
.event-template-default .content-inner {
	background-image: linear-gradient(180deg, #E73838C7 0%, #2965ACC7 100%);
	margin-top: -10px;
}
.event-template-default .event-container,
.event-template-default .event-location{
	color: #000;
}
.event-template-default .button:not(.fb-button):not(.single-bit-button) {
	background-color: #000 !important;
	border-color: #000 !important;
	transition: all 0.3s;
}
.event-template-default .button:not(.fb-button):not(.single-bit-button):hover {
	background-color: #fff !important;
	border-color: #000 !important;
	color: #000 !important;
	transition: all 0.3s;
}
/* BIENTÔT ÉPUISÉ */
#epuise .event-table-cell {
	color: #000;
}
#epuise .ticket-button {
	border-left:2px dashed #000 !important;
	border-right: 2px dashed #000 !important;
	border-top: unset !important;
	border-bottom: unset !important;
	background-color: #fff !important;
	transition: all 0.3s;
	border-radius: unset;
	color: #000;
	font-size: 15px;
}
#epuise li span.event-table-cell {
	border-bottom: 1px solid #000 !important;
}
#epuise .ticket-button:hover {
	color: #000 !important;
		color: #000 !important;
	/*transform: translateY(4px) !important;*/
}
#epuise .ticket-button i {
	transition: all 0.3s;
}
#epuise .ticket-button:hover i {
	transform: rotate(45deg);
}
.theme-button-outline  {
	border-radius: 0 !important;
	transition: all 0.3s;
	border: 3px dashed #000 !important;
	font-size: 16px;
}
.theme-button-outline:hover>span:after {
	background: url(https://entetedemo.com/regiescene/wp-content/themes/spectacle/assets/img/t/spectacle/svg/small_arrow-white.svg) center center no-repeat !important
}

/*** SINGLE EVENT ***/
.single-event #main {
	margin-top: -100px;
}
.single-event #main .content-wrapper {
	width: 100%;
	max-width: 100%;
}
.single-event #main .row {
	max-width: 1380px;
	margin: auto;
	margin-top: 20px;
}
.single-event #main .row .event-meta-container{
	transform: translateY(-100px) !important;
	z-index: 1 !important;
	height: fit-content;
}
/* Style de la bannière */
.single-event-banner {
    position: relative;
    width: 100%;
    height: 70vh;
    background-size: cover;
    display: flex;
    align-items: end;
    justify-content: center;
    color: white;
    text-align: center;
    background-position-y: -40px;
}
.single-event-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Overlay sombre */
    z-index: 1;
}
.single-event-banner .banner-content {
    position: relative;
    z-index: 2;
	margin-bottom: 50px;
}
.single-event-banner h1 {
    font-size: 3rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
	color: #fff;
	font-family: jost;
	margin-bottom: 40px;
	font-size: 40px
}
.single-event-banner .event-date {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}
.single-event-banner .ticket-button {
    background: #e91e63;
    color: white;
    padding: 1rem 2rem;
    text-transform: uppercase;
    border-radius: 5px;
    text-decoration: none;
    transition: background 0.3s ease;
}
.single-event-banner .ticket-button:hover {
    background: #c2185b;
}

/* Style des colonnes */
.event-meta-container {
    background: #f5f5f5;
    padding: 2rem;
    border-radius: 15px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.event-container {
    padding: 2rem;
}

/* Style des métadonnées */
.event-meta-container .event-artist,
.event-meta-container .event-date,
.event-meta-container .event-location {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-size: 1.2rem;
}
.event-meta-container .event-artist::before,
.event-meta-container .event-date::before,
.event-meta-container .event-location::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 0.5rem;
    color: #e91e63;
}
.event-date::before {
    content: "\f073"; /* Icône calendrier */
}
.event-location::before {
    content: "\f3c5"; /* Icône localisation */
}
.event-meta-container .ticket-button {
    display: inline-block;
    background: #e91e63;
    color: white;
    padding: 0.8rem 1.5rem;
    border-radius: 5px;
    text-transform: uppercase;
    transition: background 0.3s ease;
}
.event-meta-container .ticket-button:hover {
    background: #c2185b;
}

/* Style du contenu principal */
.event-container h2 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #e91e63;
    padding-bottom: 0.5rem;
}
.event-container .event-details,
.event-container .event-content {
    margin-bottom: 2rem;
	 background: #fff;
     padding: 20px;
     border-radius: 15px;
}
.single-event iframe {
	border-radius: 15px
}

/* Animations */
.event-meta-container, .event-container {
    opacity: 0;
    animation: fadeIn 1s ease forwards;
}
.event-meta-container {
    animation-delay: 0.3s;
}
.event-container {
    animation-delay: 0.5s;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}


@media (max-width: 768px) {
    .row {
        flex-direction: column-reverse;
    }
    .col-3, .col-9 {
        width: 100%;
    }
    .single-event-banner {
        height: 50vh;
    }
    .single-event-banner h1 {
        font-size: 2rem;
    }
    .single-event-banner .event-date {
        font-size: 1.2rem;
    }
}


@media only screen and (max-width: 600px) {
	#slidevent .upk-content-slider {
		bottom: -120px !important;
		top: unset !important;
		height: 180px;
		width: 100%;
		min-width: unset;
}
	#slidevent .elementor-widget-container {
		padding: 0;
	}
	#slidevent .upk-snog-slider-wrap .upk-title {
		margin: 0;
		font-size: 40px;
		text-align: left;
		margin-left: 5px;
	}
	#slidevent .upk-item {
		/* width: auto !important; */
		
	}
	#slidertitle {
		font-size:35px !important;
		line-height: 45px !important;
	}
}