#activitat-carousel {
	margin-bottom	: 30px;
}

#activitat-carousel .et_pb_slider_container_inner {
	background-color	: rgba(0, 0, 0, 0.2);
}

#activitat-carousel .et_pb_button {
	display	: inline-block;
	margin	: 0 20px 20px 20px;
}

#activitat-carousel .et_pb_slide_description {
	padding	: 170px 8% 16% 8%;
	position	: relative;
}

#activitat-carousel .et_pb_slide_description .pastilla {
	align-items: center;
	background-color: #f0f0f0;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
	color: #333;
	display: flex;
	font-size: 26px;
	font-weight: 500;
	height: 140px;
	justify-content: center;
	line-height: 1.1;
	position: absolute;
	right: 20px;
	top: 20px;
	transform: rotate(15deg);
	width: 140px;
}

#activitat-carousel .grup-subtitol {
	font-size	: 32px;
	margin-bottom	: 30px;
}


#activitat-carousel .logo {
	position	: absolute;
	right	: 0;
	top	: 15px;
}

#activitat-carousel .logo img {
	filter	: drop-shadow(0 0 3px rgba(0, 0, 0, 0.5));
	width	: 150px;
}


#seccio-alert-covid-19 {
	background-color: #FBD22A;
	display: flex;
	font-size: 16px;
	line-height: 1.8;
	margin-bottom	: 50px;
	padding: 0;
}

#seccio-alert-covid-19 .col-1 {
	display	: none;
}

#seccio-alert-covid-19 .col-2 {
 padding	: 20px 30px;
}

#seccio-alert-covid-19 .col-2 h3 {
	font-size	: 20px;
	margin-top	: 0;
	text-transform	: uppercase;
}

.capcalera {
	background-image	: url("/images/frontend/misc/solet-blanc.png");
	background-position	: 10px 10px;
	background-repeat	: no-repeat;
	box-shadow	: 0 6px 6px -6px #000;
	color	: #fff;
	margin-bottom	: 20px;
	padding	: 10px 10px 10px 50px;
	text-shadow	: 1px 1px 1px #000;
}

.capcalera h1 {
	font-family	: Quicksand, Verdana;
	font-size	: 24px;
	margin	: 0 0 10px 0;
	text-shadow	: 1px 1px 1px #000;
}

.caracteristiques {
	margin	: 30px 0;
}

.caracteristiques .fa {
	background-color	: #DCDC1C;
	border-radius	: 20px;
	color	: #fff;
	display	: inline-block;
	font-size	: 16px;
	height	: 30px;
	line-height	: 30px;
	text-align	: center;
	text-shadow	: 0 0 3px #333;
	width	: 30px;
}

.caracteristiques a {
	color	: #FFF;
	text-decoration	: underline;
}

.fitxa .navegacio-secundaria {
	margin	: 0 0 30px 0;
}

.seccio {
	margin-bottom	: 30px;
}

#subseccio-moments-destacats .moments {
	background-color	: #FFD66E;
	margin	: 20px 0;
	padding	: 5px 15px;
}

#subseccio-moments-destacats .moments .moment {
	margin	: 10px 0;
}

#subseccio-moments-destacats .moments .fa {
	color	: #c9002c;
	font-size	: 1.5em;
}

#subseccio-activitats-inclusives {
	background-color	: #FFD66E;
	margin	: 20px 0;
	padding	: 5px 15px;
}

#subseccio-activitats-inclusives h4 {
	color: #c9002c;
	font-family	: inherit;
	font-size	: 16px;
	font-weight: bold;
	margin-top: 10px;
}

#subseccio-activitats-inclusives .fa {
	font-size	: 1.2em;
}

#subseccio-activitats-encoratjades {
	background-color	: #9D2E8A;
	color	: #FFF;
	margin	: 20px 0;
	padding	: 5px 15px;
	text-shadow	: 0 0 3px #000;
}

#subseccio-activitats-encoratjades h4 {
	color: #FFF;
	font-family	: inherit;
	font-size	: 16px;
	font-weight: bold;
	margin-top: 10px;
}

#subseccio-activitats-encoratjades a {
	color	: #FFF;
	font-weight	: bold;
}

#subseccio-activitats-encoratjades .fa {
	font-size	: 1.2em;
}

#seccio-detalls {
	margin-top	: 50px;
}

#subseccio-horari-base td.hora {
	width	: 60px
}

#seccio-preus-i-disponibilitat .info-ajudes {
	background-color	: #d9edf7;
	border-color	: #bce8f1;
	color	: #31708f;
	font-size	: 80%;
	line-height	: 1.2em;
	margin-bottom	: 20px;
	padding	: 10px;
}

#seccio-preus-i-disponibilitat .info-ajudes p:last-child {
	margin-bottom	: 0;
}

#seccio-preus-i-disponibilitat .condicions-cancellacions-wrapper {
	font-size	: 80%;
}

.activitats thead tr th {
	border-bottom-width	: 1px;
	font-size	: 11px;
	line-height	: 30px;
}

.activitats thead tr th:first-child {
	padding-bottom	: 0;
	padding-left	: 0;
}

.activitats thead .edats {
	border-color	: #DDD;
	border-style	: solid;
	border-width	: 1px 1px 0 1px;
	border-top-left-radius	: 10px;
	border-top-right-radius	: 10px;
	display	: inline-block;
	font-size	: 16px;
	padding	: 5px 10px;
}

.activitats thead .edats i {
  border	: 1px solid #ddd;
  border-radius	: 15px;
  display	: inline-block;
  height	: 25px;
  line-height	: 25px;
  text-align	: center;
  width	: 25px;
}

.activitats .tr-0 {
	background-color	: #EBEBEB;
}

.activitats .modalitat.disponible {
	cursor	: pointer;
}

.activitats .col-info-activitat .nom-activitat {
	font-weight	: bold;
}

.activitats .col-info-activitat .dates,
.activitats .col-info-activitat .places {
	font-size	: 80%;
	margin	: 10px 0;
}

.activitats .col-preu {
	text-align	: right;
	vertical-align	: middle;
	width	: 120px;
}

.activitats .nom-activitat {
	font-weight	: bold;
}

.activitats .durada {
	font-size	: 11px;
}

.activitats .preu {
	color	: <?php echo $color ?>;
	font-size	: 18px;
	font-weight	: bold;
}

.activitats .preu-a-consultar {
	color	: <?php echo $color ?>;
}

.activitats .col-places {
	width	: 150px;
}

.activitats .ultimes-places {
	color	: green;
	font-size	: 11px;
	font-weight	: bold;
}
}

.activitats .no-queden-places {
	color	: red;
	font-size	: 11px;
}

.activitats .col-places i {
	display	: block;
	float	: left;
	line-height	: 20px;
	margin-right	: 3px;
}

.activitats .col-places .places {
	display	: block;
	overflow	: hidden;
}

.activitats .col-check {
	vertical-align	: middle;
	width	: 50px;
}

.activitats .col-check > div {
	height	: 26px;
	position	: relative;
	width	: 50px;
}

.activitats .col-check input[type=checkbox] {
	left	: 18px;
	margin	: 0;
	position	: absolute;
	top	: 3px;
}

.activitats .col-check input[type=checkbox] + label {
	display	: none;
}

/** Millora progressiva! **/
.activitats .col-check input[type=checkbox]:checked + label,
.activitats .col-check input[type=checkbox]:not(:checked) + label {
	background-color	: #FFF;
	border	: 1px solid #ACACAC;
	border-radius	: 5px;
	cursor	: pointer;
	display	: block;
	left	: 15px;
	height	: 20px;
	overflow	: hidden;
	position	: absolute;
	text-indent	: 100px;
	width	: 20px;
}

.activitats .col-check input[type=checkbox]:checked + label:before {
	color	: #C9003B;
	content	: "\f00c";
	font-family	: "Font Awesome 6 Pro";
	font-size	: 16px;
	line-height	: 20px;
	height	: 20px;
	left	: 0;
	position	: absolute;
	text-align	: center;
	text-indent	: 0;
	top	: 0;
	width	: 20px;
}

.activitats .col-check input[type=checkbox]:disabled + label {
	background-color	: #DDD;
	color	: #999;
}

.activitats .col-check input[type=checkbox]:disabled + label:before {
	color	: #999;
}

.form-actions {
	line-height	: 36px;
	text-align	: right;
}

.form-actions #placesDesitjades {
	margin	: 0;
	width	: auto;
}

.form-actions .btn-call-to-action {
	margin-left	: 20px;
}

#seccio-mapa {
	margin-bottom	: 50px;
	overflow	: hidden;
}

#seccio-mapa .mapa-grup {
	margin-right	: 20px;
}

/** Mòdul de la barra lateral **/
.modul-call-to-action {
	background-color	: #007C37;
	color	: #FFF;
	box-shadow	: 0 6px 6px -6px #000;
	padding	: 10px;
}

.modul-call-to-action.affix {
	top	: 120px;
}

.modul-call-to-action.affix-bottom {
	position	: absolute;
}

.modul-call-to-action .preu {
	margin	: 10px 0 20px 0;
	text-align	: center;
}

.modul-call-to-action .preu .import {
	font-size	: 24px;
	font-weight	: bold;
}

.modul-call-to-action .btn-wrapper {
	margin	: 20px 0;
	text-align	: center;
}

.modul-call-to-action ul i {
	line-height	: inherit;
}

.modul-call-to-action ul a {
	color	: #fff;
	display	: inline-block;
	line-height	: 1.8;
}
/** Destacats fullwidth **/
.destacat-full-width {
	background-color	: #007C37;
	color	: #FFF;
	margin	: 50px 0;
	padding	: 50px 0;
	position	: relative;
}

.destacat-full-width::before {
	content: "";
	background-color: #007C37;
	position: absolute;
	left: 50%;
	height: 100%;
	margin-left	: -50vw;
	width: 100vw;
	top: 0;
	z-index: 0;
}

.destacat-full-width > * {
	position	: relative;
	z-index	: 1;
}

.destacat-full-width > p {
	font-size: 120%;
	font-weight: 500;
	text-align: center;
}

.destacat-full-width strong {
	font-weight	: 700;
}

/** Pestanya informacions pràctiques **/
.mapa-grup {
	float	: right;
	border	: 1px solid #E5E5E5;
}

#seccio-organitza {
	clear	: both;
}

/** Pestanya dates i disponibilitat **/
.instruccions {
	background-color	: #FFF;
	border-color	: <?php echo $color ?>;
	color	: #333;
	margin	: 0 auto 10px;
	position	: relative;
	width	: 320px;
}

.instruccions h3 {
	color	: <?php echo $color ?>;
	line-height	: 20px;
	margin	: 0 0 5px 25px;
}

.instruccions ol {
	font-size	: 80%;
	margin-bottom	: 0;
}

.llista-espera-wrapper {
	background-color: #FFD66E;
	margin: 20px 0;
	padding: 25px;
}

.llista-espera-wrapper a {
	color	: #c9002c;
	text-decoration	: underline;
}

/** Grups d'activitats relacionats **/
.grups-relacionats {
	margin-top	: 20px;
}

.grups-relacionats .grup {
	
}

.grups-relacionats .grup h3 {
	font-size	: 14px;
	line-height	: 1.2em;
	margin	: 0 0 5px 0;
}

.grups-relacionats .grup .meta {
	font-size	: 80%;
}

.grups-relacionats .grup .descripcio {
	font-size	: 80%;
}

.grups-relacionats .grup .accions a {
	font-size	: 80%;
}

#dialog-espera-disponibilitat .modal-dialog {
	margin-top	: 150px;
}

@media (min-width: 768px) {

	#activitat-carousel .logo {
		right	: 0;
		top	: 15px;
	}
	
	#activitat-carousel .logo img {
		width	: 200px;
	}
	
	/** Secció Info COVID **/
	#seccio-alert-covid-19 .col-1 {
		display: flex;
		align-items: center;
		padding: 20px 10px 20px 40px;
	}

	#seccio-alert-covid-19 .col-1 i {
		font-size: 80px;
	}
	
	#seccio-alert-covid-19 .col-2 h3 i {
		display	: none;
	}
	

}

@media (min-width: 981px) {
	#activitat-carousel {
		margin-bottom	: 50px;
	}

	#activitat-carousel .et_pb_slide_description {
		max-width	: calc(100% - 400px);
		padding	: 0;
	}
	
	#activitat-carousel .et_pb_button {
		margin	: 0 20px;
	}

	
	#activitat-carousel .et_pb_slide_description .pastilla {
		align-items: center;
		background-color: #f0f0f0;
		border-radius: 50%;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
		color: #333;
		display: flex;
		font-size: 36px;
		font-weight: 500;
		height: 180px;
		justify-content: center;
		line-height: 1.1;
		position: absolute;
		right: -200px;
		top: 0;
		transform: rotate(15deg);
		width: 180px;
	}
	
}

/** Activitat Preparant el fútur **/
.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 #page-container {
	overflow-x	: hidden;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 .seccio-programa {
	background-color	: #F0F0F0;
	margin	: -50px 0 50px 0;
	padding	: 30px 0;
	position	: relative;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 .seccio-programa::before {
	content: "";
	background-color: #f0f0f0;
	position: absolute;
	left: 50%;
	height: 100%;
	margin-left	: -50vw;
	width: 100vw;
	top: 0;
	z-index: 0;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 .seccio-programa > * {
	position	: relative;
	z-index	: 1;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 .seccio-programa h2 {
	margin-top	: -10px;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 .seccio-estudiar-programacio {
	position	: relative;
}


.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 .seccio-estudiar-programacio .imatge-destacada {
	height	: 300px;
	margin	: 30px 0;
	object-fit: cover;
	width	: 100%;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 #subseccio-moments-destacats {
	margin	: -50px 0 50px 0;
	padding	: 100px 0;
	position	: relative;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 #subseccio-moments-destacats::before  {
	background-image : url(https://estiu.fundesplai.org/uploads/fdd58afc-7bf7-43b9-b841-78ff23bec333/programadors-bg.jpg);
	background-repeat	: no-repeat;
	background-size	: cover;
	background-position	: center;
	content : "";
	height	: 100%;
	position	: absolute;
	width: 100vw;
	left: 50%;
	margin-left: -50vw;
	top: 0;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 #subseccio-moments-destacats h3 {
	display	: none;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 #subseccio-moments-destacats * {
	position	: relative;
	z-index : 1;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 #subseccio-moments-destacats .moments {
	padding	: 50px;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 #subseccio-moments-destacats .moments .moment {
  font-size: 120%;
  font-weight: 500;
}

.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 #subseccio-activitats-inclusives {
	display	: none;
}

@media (min-width: 981px) {

	.grup-activitats-fdd58afc-7bf7-43b9-b841-78ff23bec333 .seccio-estudiar-programacio .imatge-destacada {
		float: right;
		width: 600px;
		object-fit: cover;
		height: 600px;
		object-position: left center;
		margin-bottom	: 0;
		margin-left: 30px;
		margin-right: -300px;
		margin-top	: 0;
	}

}

/** 2025-05-29 Botifarrada escola Martí Inglès **/
.grup-activitats-bef063e4-e5ed-4bfd-b3ff-c9c3087126d6 #activitat-carousel .tipus-i-lloc {
	visibility	: hidden;
}

.grup-activitats-bef063e4-e5ed-4bfd-b3ff-c9c3087126d6 #seccio-preus-i-disponibilitat .preu-a-consultar {
	visibility	: hidden;
}