/* 
Theme Name: Hello Colaboratori
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Tema per a Colaboratori
Author: Colaboratori
Author URI: https://colaboratori.cat/
Template: hello-elementor
Version: 2.0.0
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
*/

::selection {
	color: #F6F6F6;
	background-color: #000000;
}

/*slides portada*/

.swiper-slide {
	width: auto !important;
	height: 600px!important;
	cursor: pointer!important;
}
.swiper-slide img { height: 600px!important; width: 100%!important; object-fit: cover!important; }

@media screen and (max-width: 1366px) {
	.swiper-slide {
		width: auto !important;
		height: 400px!important;
		cursor: pointer!important;
	}
	.swiper-slide img { 
		height: 400px!important; 
		width: 100%!important; 
		object-fit: cover!important; 
	}
}


body {text-rendering: geometricPrecision;}
a, a:hover, a:active, a:focus {outline: 0;}
a, a:visited {color:inherit;}
.elementor-item:focus {background:none;}
.post, .page {margin: 0;}

.ui-draggable {
	cursor: grab;
}

/*On Hover button mostra tags*/
/*.hover-tags {
	z-index:1;
}
.hover-tags:hover + .elementor-absolute.elementor-motion-effects-parent,
.hover-tags:hover ~ .elementor-absolute.elementor-motion-effects-parent {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	z-index:2;
}

.elementor-absolute.elementor-motion-effects-parent {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	
}
*/
.elementor-nav-menu .sub-arrow .e-font-icon-svg {
	height: 10px!important;
	width: 10px!important;
}



.bombolletes {
	position: relative;
	display: inline-block;
	margin-bottom: 2rem;
	z-index: 0;
	width: fit-content;
}
.bombolletes a.elementor-item {
	position: relative;
	z-index: 9999;
}
.bombolletes.elementor-widget-shortcode {
	position: absolute;
	top: 80%;
}

@media (max-width: 880px) {
	.bombolletes .elementor-shortcode, ul li .bombolletes span{
		display: none;
	}
}




.bombolletes-spans-title span, .bombolletes-spans-menu span {
	position: absolute;
	z-index: 999999999;
	left: 0;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	pointer-events: none;
	border-radius: 50px;
	padding: 10px 20px;
	transform-origin: center;
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: var(--e-global-typography-text-font-size);
	font-weight: var(--e-global-typography-text-font-weight);
	line-height: var(--e-global-typography-text-line-height);
	color: var(--e-global-color-primary);
}
/*
@media (max-width: 880px) {
  .animation {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .animation span {
    position: static;
    display: none;
    opacity: 1;
    transform: none !important;
    background-color: var(--e-global-color-text);
    margin: 0.25rem 0.5rem 0.25rem 0;
    pointer-events: auto;
  }
}
*/

/* Base: inicialitza el comptador al contenedor del menú */
.bombolletes-spans-menu ul {
	counter-reset: menu-counter;
	list-style: none;
}
.bombolletes-spans-menu ul li {
	counter-increment: menu-counter;
	position: relative;
}
.bombolletes-spans-menu ul li::before {
	content: counter(menu-counter) "";
	position: absolute;
	left: 0;
	top: -10px;
	transform: translateY(-50%);
	font-weight: 200;
	font-size: 1.15rem;
}
.bombolletes-spans-menu ul, .bombolletes-spans-menu ul li a {
	margin:0px; padding:0px!important;
}
.bombolletes-spans-menu ul li {
	margin:18px 0px;
} 
.bombolletes-spans-menu li.current-menu-item {
	opacity: 0;
	height: 1px;
	margin-top: -19px;
}

/* efecte hover galeria de projectes */
a.media-link {
  overflow: hidden;
}
a.media-link .media-wrapper {
  transition: all 0.4s ease;
    filter: blur(0px) sepia(0);
}

a.media-link:hover .media-wrapper {
  filter: blur(2px) sepia(0.4);
  transform: scale(1.05);
}