/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html {
	overflow-x: hidden;
}

/* Header */

.cld_header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  position: fixed;  
}

/* Form */

.cld_form input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border-radius: 6px;
}

.cld_form .elementor-field-textual {
	resize: none;
}

.cld_form .elementor-field-option {
	padding: 0;  
	gap: 1rem;
	display: flex;
	align-items: flex-start;
}

.cld_form .elementor-field-option label {
	line-height: 18px;
}

.cld_form .elementor-field-type-submit {
	padding-top: 1rem;
}

@media(min-width: 768px) {
	.cld_form .elementor-field-option {
		align-items: center;
	}
}

/* Hero Slider */

.cld_slider .swiper-pagination {
	width: 100vw;
}

.cld_slider .swiper-container {
    overflow: visible;
}

.cld_slider .swiper-slide-contents {
	opacity: 0;
}

.cld_slider .swiper-slide-active .swiper-slide-contents {
	opacity: 1;
	transition: opacity 300ms !important;
}

@media(min-width: 768px) {
	.cld_hero {
		min-height: calc(100vh - 100px);
	}
	
	.cld_hero-wrapper {
		min-height: 100vh;
	}
}

@media(min-width: 1201px) {
	.cld_slider .elementor-swiper {
		height: 80vh;
	}
	
	.cld_slider .elementor-background-overlay {
		width: calc(70vw - 40px);
	}
	
	.cld_slider .swiper-slide {
		padding-right: 40px;
	}
	
	.cld_slider .swiper-pagination {
		margin-left: -80px;
	}
}

/* All Sliders (Pagination only) */

.swiper-pagination {
	position: unset;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
}

.swiper-pagination-bullet {
	opacity: 1;
}

.swiper-pagination-bullet-active {
	border: 1px solid #BB8465;
	background-color: #FDF8F4 !important;
	width: 10px !important;
	height: 10px !important;
}

/* Timetable */

.mptt-navigation-tabs {
	padding: 0;
	text-align: center;
	font-size: 18px;
}

.mptt-navigation-tabs a[title="Totes les classes"] {
	color: #BB8465;
}

.mptt-navigation-tabs a[title="Inua moviment"],
.cld_timetable [data-event-id="inua-moviment"] {
	color: #79CDB9;
}

.mptt-navigation-tabs a[title="Centre cívic la fàbrica"],
.cld_timetable [data-event-id="centre-fabrica"] {
	color: #F28989;
}

.mptt-navigation-tabs a[title="Centre cívic Can Gili"],
.cld_timetable [data-event-id="centre-cangili"] {
	color: #9A9AEC;
}

.mptt-navigation-tabs a[title="On-line"],
.cld_timetable [data-event-id="on-line"] {
	color: #62C2DA;
}

.mptt-navigation-tabs li.active a {
	border-bottom: 2px solid;
	padding-bottom: 5px;
}

.cld_timetable {
	text-align:center;
}

.cld_timetable .mptt-column {
	margin: 3rem auto !important;
}

.cld_timetable .mptt-column-title {
	margin: 30px 0 7px !important;
}

.cld_timetable .mptt-events-list {
	margin: 0 !important;
}

.cld_timetable .mptt-list-event {
	padding: 12px 0 !important;
	border-bottom: 1px solid #e0e0e0;
	border-left: none !important;
	margin: 0 !important;
	font-size: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cld_timetable .mptt-list-event:last-child {
	border: none;
}

@media(min-width: 768px) {	
	.mptt-navigation-tabs {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 40px !important;
		padding: 0;
	}
	
	.mptt-navigation-tabs li {
		padding-bottom: 25px !important;
	}
	
	.mptt-navigation-tabs li a {
		border: 1px solid;
		padding: 10px 20px !important;
		border-radius: 25px;
	}
	
	.mptt-navigation-tabs li.active a {
		color: #FFF !important;
	}

	.mptt-navigation-tabs li.active a[title="Totes les classes"] {
		background-color: #BB8465;
	}

	.mptt-navigation-tabs li.active a[title="Inua moviment"] {
		background-color: #79CDB9;
	}

	.mptt-navigation-tabs li.active a[title="Centre cívic la fàbrica"] {
		background-color: #F28989;
	}

	.mptt-navigation-tabs li.active a[title="Centre cívic Can Gili"] {
		background-color: #9A9AEC;
	}

	.mptt-navigation-tabs li.active a[title="On-line"] {
		background-color: #62C2DA;
	}

	.cld_timetable .mptt-shortcode-row th {
		padding: 15px !important;
		font-weight: 500;
	}
	
	.cld_timetable tr {
		background-color: hsla(0,0%,50%,.02) !important;
	}
	
	.cld_timetable tr td {
		border: none;
	}
	
	.cld_timetable .mptt-shortcode-event {
		background-color: hsla(0,0%,50%,.02) !important;
	}
	
	.cld_timetable .event {
		background-color: hsla(0,0%,50%,.05) !important;
	}
	
	.cld_timetable .event-title {
		margin: 0 !important;
	}
}

/* Retreats grid */

.cld_grid .e-loop-item {
	max-width: 400px;
}

@media(min-width: 768px) {
	.cld_grid .e-loop-item:nth-of-type(3n + 2) {
		margin-top: 80px;
	}
}

.cld_timetable-retreat .mptt-navigation-tabs {
	display: none;
}