/*
Theme Name: BoFestival
Theme URI: http://www.kiwivisual.com
Description: BoFestival
Author: Kiwi Visual
Author URI: http://www.kiwivisual.com
Template: Divi
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: BoFestival
*/

/*Make The Divi Contact Form Submit Button Fullwidth*/
.pa-contact-form-submit-fullwidth .et_contact_bottom_container {
	width: 100%;
	flex-direction: column;
	gap: 1em;
	padding-left: 3%;
	margin-top: 0px;
}
.pa-contact-form-submit-fullwidth .et_contact_bottom_container button {
	width: 100%;
	margin: 0;
}


/* Amagar el menú estàndard */	
#main-header {
	display: none;
}
.lloc_data .et_pb_column {
	margin-right: 0px;
}

/* Per posar la data que són dos camps ACF en una sola línia */
.kw_data_fitxa .grid-posts {
	display:flex;
}
.kw_data_fitxa_mobil .grid-posts {
	display:flex;
	justify-content: center;
}

.kw_data_fitxa .grid-posts > div,
.kw_data_fitxa_mobil .grid-posts > div {
	padding-right: 0.4rem;
}
/*
.kw_data_fitxa p.dmach-acf-value {
	white-space: nowrap;
}
*/

/* Centrar sota el títol */
.lloc_data {
	display: flex;
	justify-content: center;	
}
/* PER MÒBIL */
@media (max-width: 767px) {
	.lloc_data {
		display: grid;
	}
}


/* TIMELINE */
	ul.timeline {
		--col-gap: 2rem;
		--row-gap: 2rem;
		--line-w: 0.25rem;
		display: grid;
		grid-template-columns: var(--line-w) 1fr;
		grid-auto-columns: max-content;
		column-gap: 2rem;
		list-style: none;

		width: min(25rem, 90%);
		margin-inline: auto;
		list-style-type: none;
	}

	/* línia vertical */
	ul.timeline::before {
		content: "";
		grid-column: 1;
		grid-row: 1 / span 20;

		background: #000;
		border-radius: calc(0.25rem / 2);
		width: 1px;
	}

	ul.timeline li.desactivat {
		filter: grayscale(1);
	}

	/* columns*/

	/* row gaps */
	ul.timeline li.dades:not(:last-child) {
		margin-bottom: var(--row-gap);
	}

	/* card */
	ul.timeline li.dades {
		grid-column: 2;
		--inlineP: 1.5rem;
		grid-row: span 1;
		display: grid;
		grid-template-rows: min-content min-content min-content;

		width: 240px;
	}


	/* data */
	ul.timeline li.dades .data {
		--dateH: 3rem;
		height: 3rem;
		/* margin-inline: calc(1.5rem * -1); */

		text-align: center;
		max-width: 100%;

		color: #000;
		font-size: 1.25rem;
		font-weight: 700;

		display: grid;
		place-content: center;
		position: relative;

		border-radius: calc(3rem / 2) 0 0 calc(3rem / 2);
	}
	ul.timeline li.dades .data .mes_any {
		font-family: 'Karla';
		font-size: 20px;
		font-weight: 700;
		text-transform: uppercase;
	}
	ul.timeline li.dades .data .dia {
		font-family: 'Yantramanav';
		font-size: 20px;
		font-weight: 300;
		text-transform: uppercase;
	}

	/* foto */
	ul.timeline li.dades .foto {
		text-align: center;
		position: relative;
		max-width: 100%;
		aspect-ratio: 360/ 172;
	}
	ul.timeline li.dades .foto img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}



	/* línia horitzontal */
	ul.timeline li.dades .foto::after {
		content: "";
		position: absolute;
		width: 36px; 
		background: var(--bgColor);
		border-bottom: 1px solid #000;

		top: 50%;
		transform: translate(50%, -50%);
		right: calc(100% + 35px  / 2);
		z-index: -1;
	}


	/* text */
	ul.timeline li.dades .text_container {
		display: flex;
		justify-content: flex-end;
		max-width: 100%;
	}
	ul.timeline li.dades .text {
		/*background-color: #FF00B2 ;*/
		color: #fff;
		/*padding: 10px 20px;*/
		width: 250px;
		max-width: 80%;
		min-width: 200px;
		position: relative;
		top: -50px;
		right: -30px;
		text-align: right;
	}
	ul.timeline li.dades .text_titol {
		background-color: #FF00B2 ;
		padding: 10px 20px;
	}
	ul.timeline li.dades .text_mes_info {
		color: #FF00B2;
	}
	



	ul.timeline li.dades .text .titol {
		font-size: 20px;
		text-transform: uppercase;
	}
	ul.timeline li.dades .text .companyia {
		font-size: 18px;
		font-weight: 300;
	}
	ul.timeline li.dades .text .mes_info {
		font-size: 14px;
		font-weight: 300;
	}

	/* ul.timeline li.dades:nth-child(odd) .data::before {
	clip-path: polygon(0 0, 100% 0, 100% 100%);
	left: 0;
	} */



	/* ***************************************************************** */
	/* ***************************************************************** */
	/* Per PC */
	/* ***************************************************************** */
	/* ***************************************************************** */
	/* @media (min-width: 40rem) { */
	@media (min-width: 880px) {

		ul.timeline {
			grid-template-columns: 1fr var(--line-w) 1fr;
			width: min(45rem, 90%);
		}

		ul.timeline::before {
			grid-column: 2;
			width: 1px;
		}

		ul.timeline li.dades:nth-child(odd) {
			grid-column: 1;
			width: 325px;
			height: 200px;
		}
		ul.timeline li.dades:nth-child(even) {
			grid-column: 3;
			width: 325px;
			height: 200px;
		}

		ul.timeline li.dades:nth-child(odd) .text_container {
			display: flex;
			
			justify-content: flex-start;
			min-width: 300px;
		}
		ul.timeline li.dades:nth-child(even) .text_container {
			display: flex;
			justify-content: flex-end;
			min-width: 300px;
		}

		ul.timeline li.dades:nth-child(odd) .text {
			text-align: left;
			left: -30px;
		}
		ul.timeline li.dades:nth-child(even) .text {
			text-align: right;
		}
		
		ul.timeline li.dades:nth-child(2) {
			grid-row: 2/4;
		}

		ul.timeline li.dades:nth-child(odd) .foto::after {
			transform: translate(-50%, -50%);
			left: calc(100% + 32px / 2);
		}
		ul.timeline li.dades:nth-child(odd) .date {
			border-radius: 0 calc(3rem / 2) calc(3rem / 2) 0;
		}
		
		ul.timeline li.dades .text .titol {
			font-size: 20px;
			text-transform: uppercase;
		}
		ul.timeline li.dades .text .companyia {
			font-size: 18px;
			font-weight: 300;
		}
		ul.timeline li.dades .text .mes_info {
			font-size: 14px;
			font-weight: 300;
		}
	}
/* END-TIMELINE */



/* EXPERIENCIES ARCHIVE */
	.experiencies {
		width: 100%;
	}
	
	.loop {
		padding: 1rem;
		display: grid;
		/* grid-template-columns: repeat(3, 1fr); */
		grid-template-columns: repeat(auto-fit, minmax(300px, 2fr));
		gap: 8rem;
		/* padding: 8rem; */
	}
		
	div.experiencies .data {
		--dateH: 3rem;
		height: var(--dateH);
		margin-inline: calc(var(--inlineP) * -1);
	
		text-align: center;
		max-width: 100%;

		color: #000;
		font-size: 1.25rem;
		font-weight: 700;
	
		display: grid;
		place-content: center;
		position: relative;
	
		border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
	}
	
	div.experiencies .foto {
		height: 0; 
		overflow: hidden;
		padding-top: 63%;
		width: 100%;
		height: auto;
		position: relative;
		margin-bottom: 0 !important;
		aspect-ratio: 1/ 1;
	}
	
	div.experiencies .foto img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center;
		-ms-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		will-change: -ms-transform;
		will-change: -webkit-transform;
		will-change: transform;
		-webkit-transition: .4s ease-in-out !important;
		transition: .4s ease-in-out !important;
		padding: 0;
	}
	
	div.experiencies .text_container {
		display: flex;
		justify-content: flex-end;
		max-width: 100%;
	
	}
	div.experiencies .text {
		/*background-color: #FF00B2 ;*/
		color: #fff;
		/*padding: 20px;*/
		max-width: 80%;
		min-width: 80%; /*300px;*/
	
		position: relative;
		top: -30px;
		right: -30px;
	}
	div.experiencies .text_titol {
		background-color: #FF00B2;
		padding: 20px;
	}
	div.experiencies .text_mes_info {
		color: #FF00B2;
	}

	div.experiencies .text .titol {
		font-family: 'Karla';
		font-size: 30px;
		font-weight: 700;
		text-transform: uppercase;
	}
	div.experiencies .text .companyia {
		font-family: 'Yantramanav';
		font-size: 20px;
		font-weight: 300;
	}
	div.experiencies .text .mes_info {
		font-family: 'Yantramanav';
		font-size: 18px;
		font-weight: 300;
	}

	/* PER MÒBIL */
	@media (max-width: 800px) {
		.loop {
/* 			gap: 1rem; */
		}
	}
/* END-EXPERIENCIES ARCHIVE */



/* BOTÓ INSCRIPCIÓ */
	.boto_inscripcio {
		width: 100%;
	}
	
	.boto_inscripcio a {
		display: block;
		width: 100%;
		text-align: center
		;
		color: #FFFFFF !important;
		border-color: #FF00B2;
		letter-spacing: 0px;
		font-size: 20px;
		font-family: 'Karla',Helvetica,Arial,Lucida,sans-serif !important;
		font-weight: 700 !important;
		background-color: #FF00B2;
		padding-right: 50px !important;
		padding-left: 50px !important;
		padding: 10px 20px;
		border-radius: 3px;
	}
	.boto_inscripcio a:hover {
		filter: brightness(0.7);
		background-color: rgba(255,0,178,0.7);
	}

/* END-BOTÓ INSCRIPCIÓ */



/* SLIDER DE LES IMATGES DE CADA ACTIVITAT*/
	/* Totes les imatges de la mateixa mida */
	.slick-slide img {
		height: 300px;
		width: 300px;
		object-fit: cover;
	}

	/* Fletxes anterior i següent */
	body .et_pb_de_mach_acf_slider .slick-prev::before {
		left: -40px;
	}
	body .et_pb_de_mach_acf_slider .slick-next::before {
		right: -40px;
	}
/* END-SLIDER DE LES IMATGES DE CADA ACTIVITAT*/




/* POPUP INSCRIPCIÓ */

.kw_popup_submit_fullwidth .et_contact_bottom_container {
	width: 100%;
	flex-direction: column;
	gap: 1em;
	padding-left: 3%;
	margin-top: 0px;
}
.kw_popup_submit_fullwidth .et_contact_bottom_container button {
	width: 100%;
	margin: 0;
}
	
.kw_popup {
	display: none;
}
/*.kw_popup::after {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	content: "";
	background: rgba(0,0,0, 0.8);
	position: fixed;
}*/
.kw_popup_overlay {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	content: "";
	background: rgba(0,0,0, 0.8);
	position: fixed;
}
.kw_popup_row {
	transform: translatey(-50%) translatex(-50%);
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
/* 	border: 2px solid #0c71c3; */
/* 	border-radius: 8px; */
}
.kw_tancar_popup {
	position: absolute;
	top: -70px;
	right: -70px;
	cursor: pointer;
}
	

/* Estils del missatge de SUCCESS */
/* .kw_popup_row  */
.et-pb-contact-message {
	font-family: 'Yantramanav';
	font-weight: 300; 
	font-size: 20px;
	color:#FF00B2;
}
/* Style the Divi Form Error Message */
.et-pb-contact-message li {
	display:none;
	color:red;
	font-weight:700;
	font-size:18px;
}

/* END-POPUP INSCRIPCIÓ */