/* 
Theme Name: La Bruguera de Púbol
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Tema per a la Bruguera de Púbol.
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
*/

body {text-rendering: geometricPrecision;}
a:focus {outline: none;}
a:visited {
	color: initial;
}
.elementor-item:focus {background:none;}
.post, .page {
	margin: 0;
}
p, ul{
	margin-bottom: 15px;
}
ul, ol {
	padding: 0px 0px 0px 10px;
}
ul, ol {
	margin: 0 0 0 1.2em;
}
h6 {margin:1em;}

/* standards */
.elementor-widget-image div img, .swiper-backface-hidden, .swiper figure img, .swiper figure, .elementor-main-swiper.swiper, .offset-both .swiper-slide {
	border-radius: 20px !important;
	overflow: hidden;
} 


.elementor-carousel-image-overlay {
	background-color:#005e5d8c!important;
}

.elementor-widget-text-editor a, form.searchandfilter a.search-filter-reset{
	color:var(--e-global-color-primary);
	text-decoration: underline!important;
	text-underline-offset:2px;
	text-decoration-thickness:1px!important;
	transition: 0.2s;
}
.elementor a:hover,.elementor .elementor-widget-text-editor a:hover, , form.searchandfilter a.search-filter-reset:hover{
	text-underline-offset:4px!important;
}
.elementor-swiper-button {
	padding:20px;
}
.elementor-swiper-button svg {
	min-width: 32px;
	min-height: 32px;
}
.swiper-pagination.swiper-pagination-fraction {
	margin-left: -125px;
	color: var(--e-global-color-primary) !important;
	margin-top: -7px;
}

.e-n-carousel.offset-both .elementor-swiper-button.elementor-swiper-button-prev {
	display: none !important;
}
span.swiper-pagination-total {
	opacity: 0.5;
}


.container-fix {
	max-width: 1720px!important;
}


/* tabs home */

.lang-ca .allotjament-tab .e-n-tabs-heading:before {
    content: 'L\'Allotjament';
}
.lang-es .allotjament-tab .e-n-tabs-heading:before {
    content: 'El Alojamiento';
}
.lang-fr .allotjament-tab .e-n-tabs-heading:before {
    content: 'L’Hébergement';
}
.lang-en .allotjament-tab .e-n-tabs-heading:before {
    content: 'Accommodation';
}


.allotjament-tab .e-n-tabs-heading:before {
	margin-left: 40px;
	margin-bottom: 40px;
	color: var(--e-global-color-50a03af);
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
	font-size: var(--e-global-typography-secondary-font-size);
	font-weight: var(--e-global-typography-secondary-font-weight);
	line-height: var(--e-global-typography-secondary-line-height);

}
/*.container-tab h3 {
	color:#F8CDC3;
	padding:0px;
	margin:0px;
}
*/
.hoverTabs .e-n-tabs-content .e-con.e-active {
	animation: fadeInTabs 0.8s ease;
}
@keyframes fadeInTabs{
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}

label a {
	color: var(--e-global-color-text) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px !important;
}
.btn-verd a {
	padding:15px 50px 15px 50px!important;
	background-color: var(--e-global-color-primary)!important;
	color:#ffffff!important;
}

@media (max-width: 1024px) {
	.elementor-widget-button a, .btn-verd a  {
		padding:10px 25px 10px 25px!important;
	}
}

/* motor reserves */

#lodgify-search-bar .search-bar-container:not(.with-locations) .search-bar .ui.form .inputs-container {
	grid-template-columns: 300px 150px 170px!important;
}

@media (max-width: 767px){
	#lodgify-search-bar .search-bar-container:not(.with-locations) .search-bar .ui.form .inputs-container {
		grid-template-columns: 100% !important;
	}
}



#lodgify-search-bar button[type="submit"].ui.circular.left.floated.button {
	background-color: transparent !important;
	border: 1px solid #ffffff;
	border-radius: 5px;
	padding:15px 50px 15px 50px!important;
	color: #ffffff;
	font-family: var(--e-global-typography-text-font-family), Sans-serif!important;
	font-size: var(--e-global-typography-text-font-size)!important;
	font-weight: var(--e-global-typography-text-font-weight)!important;
	line-height: var(--e-global-typography-text-line-height)!important;
	letter-spacing: var(--e-global-typography-text-letter-spacing)!important;
	transition: 0.5s;
}
#lodgify-search-bar button[type="submit"].ui.circular.left.floated.button:hover{
	background-color: var(--e-global-color-secondary)!important;
}

#lodgify-search-bar button[type="submit"] i {
	display: none;
}
#lodgify-search-bar span {
	color:#ffffff!important;
}
#lodgify-search-bar .ui.selection.dropdown {
	background-color: transparent!important;
}
#lodgify-search-bar .ui.form .ui.input.focus .DateRangePickerInput, .ui.input .DateRangePickerInput {
	background-color: transparent !important;
} 
#lodgify-search-bar i.icon, #lodgify-search-bar i.icon svg path {
	fill: #F8CDC3;
}
#lodgify-search-bar.popup svg path{
	fill: var(--e-global-color-primary)!important;
}
#lodgify-search-bar input {
	color: #ffffff!important;
}
#lodgify-search-bar .ui.form .ui.input:hover:not(.error):not(.valid):not(.dirty):not(.focus) .DateRangePickerInput, #lodgify-search-bar .ui.input:hover:not(.error):not(.valid):not(.dirty):not(.focus) .DateRangePickerInput {
	border: 1px solid var(--e-global-color-primary);
	transition: 0.5s;
}

#lodgify-search-bar .ui.input:hover, #lodgify-search-bar .ui.section:hover{
	transition: 0.5s;
}
#lodgify-search-bar .search-bar-container .search-bar .ui.form .dropdown-container .ui.selection.dropdown:hover {
	transition: 0.5s;
}

/* home */

body.home header .elementor-widget-button a {
	color:#ffffff;
	border-color: #ffffff;
}
body.home header .elementor-widget-button a:hover {
	color:#ffffff;
	border-color: #ffffff;
	background-color: var(--e-global-color-secondary)!important;
}

body.home header div#stickyheaders {
    background-color: transparent;
}

body.home .site-logo img {
	filter: brightness(100);
}
header .site-logo img {
	border-radius: 0px!important;
}


header div#stickyheaders {
    background-color: white;
    height: 110px!important;
}
.elementor-widget-off-canvas .e-off-canvas__content {
	background-color:transparent!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
}

.headerup {transform: translateY(-110px);}
body.home .headerdown {background-color: #005e5d!important;}
body.home .headerdown.transparent-bg {
    background-color: transparent!important;
    transition:2s ease;}

@media only screen and (max-width: 767px) {
/* amaguem la bruguera que desplega el submenu i ja esetà obert en  mobil */
	body nav .elementor-item-anchor.has-submenu {
		display: none;
	}
	body nav a.elementor-sub-item {
		border:none;
	}
}

.allotjament-tab.elementor-widget-n-tabs .e-n-tab-title-text {
	flex-direction: column;
	text-align: left;
	align-items: flex-start;
}
.allotjament-tab.elementor-widget-n-tabs .e-n-tab-title-text h3 {
	color: #ffffff;
	margin: 0px;
}
.allotjament-tab .e-n-tab-title[aria-selected="true"] h3{
	color: #F8CDC3;
}

.elementor-2 .elementor-element.elementor-element-6b9ef75 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:after{
	content: url(https://labrugueradepubol.com/wp-content/uploads/2024/03/fletxa-tab.svg);
	width: 94px;
	height: 16px;
	position: absolute;
	left: -80px;
	top:30px;
	animation: fadeIn 1s;
}
@media only screen and (max-width: 767px) {
	.elementor-2 .elementor-element.elementor-element-6b9ef75 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"]:after {
		left: -45px;
		top: 60px;
		transform: rotate(-90deg);
	}
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}


.bg-gradient {
	background: rgb(10,64,62);
	background: linear-gradient(90deg, rgba(10,64,62,1) 50%, rgba(255,255,255,1) 50%)!important;
}
@media only screen and (max-width: 1024px) {
	.bg-gradient {
		background: rgb(10,64,62);
		background: linear-gradient(180deg, rgba(10,64,62,1) 50%, rgba(255,255,255,1) 50%)!important;
	}	
}




/* loop serveis */

a.loop-servei:hover .flip-content {
	top: 0px!important;
	transition:0.3s;
}
a.loop-servei .flip-content {
	top: -375px!important;
	transition:0.3s;
}

/* landing series */
.titols-series h4 {
	font-weight: 400!important;
	font-size: 40px!important;
	line-height: 55px!important;
}



/* historia */

.timeline-historia .e-n-tabs-content {
	min-height: 600px;
}
.timeline-historia .elementor-410 .elementor-element.elementor-element-f3a4bb4 {
	--n-tabs-direction: column!important;
}
.timeline-historia .elementor-widget-n-tabs button {
	background: none !important;
}

.timeline-historia .elementor-widget-n-tabs button {
	background: none !important;
	padding: 100px 10px 10px 10px;

}

.timeline-historia .elementor-widget-text-editor {
	width: 30%;
}
.timeline-historia img {
	width: 50%;
}
.timeline-historia ::marker{
	font-size: 26px;
}
.timeline-historia button:before {
	content: '';
	position: absolute;
	top: 38px;
	height: 15px;
	width: 15px;
	background-color: var(--e-global-color-secondary);
	border-radius: 50%;
	z-index: 1;
}
.timeline-historia .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true]:after {
	content: '';
	position: absolute;
	top: 0px;
	height: 100px;
	width: 100px;
	border: 1px solid black;
	border-radius: 50%;
	animation-name: historia-marker;
	animation-duration: 1s;

}
.timeline-historia .e-n-tabs-heading:after {
	content: '';
	width: 100%;
	height: 1px;
	border: 0.5px solid #707070;
	position: absolute;
	bottom: 99px;
}
@keyframes historia-marker {
	0%   {top:25%; height: 10px;width: 10px;

	}
	100%   {height: 100px;width: 100px;}
}


/*

.timeline-historia .info {
	opacity:0;
	position: absolute;

}
.timeline-historia ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
}
.timeline-historia ul:after {
	content:'';
	eight: 1px;
    background: black;
}
.timeline-historia .dot {
  height: 15px;
  width: 15px;
  background-color: var(--e-global-color-secondary);
  border-radius: 50%;
  display: inline-block;
}

.timeline-historia .dot:after {
    content: '';
    height: 15px;
    width: 15px;
    border: 1px solid #000 !important;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    transform-origin: 50% 50%;
    top: -82px;
    transition:0.3s;
}
.timeline-historia .dot:hover:after {
	scale: 3;
}

.timeline-historia .any{
	padding-top:50px;
color: var(--e-global-color-primary);
font-size: var(--e-global-typography-accent-font-size);

}
.timeline-historia a:hover .info{
	opacity: 1;
}
*/





/* filosofia  */

.bg-commitment:after {
	content: url(https://labrugueradepubol.com/wp-content/themes/labruguera/assets/bg_commitment-min.svg) !important;
	min-width: 100% !important;
	position: absolute !important;
	bottom: 0px !important;
	height: 400px !important;
	left: -150px !important;
	object-fit: cover !important;
}
@media (max-width: 1024px){
	.bg-commitment:after {
		bottom: -200px !important;
	}
}


/* activitats */

form.searchandfilter ul {
	display: flex;
	justify-content: space-between;
	margin:0px;
}

@media (max-width: 1024px){

	form.searchandfilter ul {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}

form.searchandfilter .search-filter-reset {
	color: var(--e-global-color-primary);
	font-size: 16px;
	text-transform: uppercase;
}
form.searchandfilter select {
	border:none;
	text-transform:uppercase;
	font-size:16px!important;
	color: var(--e-global-color-primary);
}
form.searchandfilter select.sf-input-select {
	max-width: 170px;
}


/* blog  */
.post-offset > div > div > div:nth-child(3) {
	display: none!important;
}


/* menu */


		nav li.menu-item a.elementor-item, nav li.menu-item a.elementor-item:hover{
			padding-left: 0px;
		}

		li.ico-item-vacances, li.ico-item-ciclisme, li.ico-item-retirs,li.ico-item-team {
			display: flex!important;
		}
		li.ico-item-vacances::before {
			content: url(https://labrugueradepubol.com/wp-content/uploads/2024/10/ico-item-vacances.svg);
			width: 70px;
			height: 45px;
		}
		li.ico-item-ciclisme::before {
			content: url(https://labrugueradepubol.com/wp-content/uploads/2024/10/ico-item-ciclisme.svg);
			width: 70px;
			height: 45px;
		}
		li.ico-item-retirs::before {
			content: url(https://labrugueradepubol.com/wp-content/uploads/2024/10/ico-item-retirs.svg);
			width: 70px;
			height: 45px;
		}
		li.ico-item-team::before {
			content: url(https://labrugueradepubol.com/wp-content/uploads/2024/10/ico-item-team.svg);
			width: 70px;
			height: 45px;
		}


/* wpml */
li.wpml-ls-item{
 display: inline-flex!important;
    margin-right:20px!important;
    
}
li.wpml-ls-item a{
	color:#019876!important;
}


/* footer */
footer .elementor-widget-text-editor a, footer .elementor-widget-text-editor a:hover{
	color:#ffffff;
	text-decoration: none!important;
}

/* ajustos tipo responsive */
@media (max-width: 1024px){
	.elementor-kit-6 {
		--e-global-typography-3d2f9a2-font-size:3vw!important; /* h3 */
		--e-global-typography-3d2f9a2-line-height:1.2em!important; 
	}
}
@media (max-width: 767px){

	svg.logo-labruguera {
		transform: scale(0.8)!important;
		transform-origin: left;
		transition:0.3s;
	}

	.elementor-kit-6 {
		--e-global-typography-90291f8-font-size:14vw!important;
		--e-global-typography-90291f8-line-height:14vw!important;

		--e-global-typography-primary-font-size:9vw!important;
		--e-global-typography-primary-line-height:10vw!important;

		--e-global-typography-secondary-font-size:8.5vw!important;
		--e-global-typography-secondary-line-height:10vw!important;

	/*	--e-global-typography-text-font-size:5vw!important;
		--e-global-typography-text-line-height:7.5vw!important;
*/
		--e-global-typography-accent-font-size:20px;
		--e-global-typography-accent-line-height:25px;

		--e-global-typography-3d2f9a2-font-size:6vw!important; /* h3 */
		--e-global-typography-3d2f9a2-line-height:1.2em!important; 

		--e-global-typography-c351b35-font-size:15px;
		--e-global-typography-c351b35-line-height:25px;
	}

}
.link-whatsapp {
    background-color: #019876;
    padding: 12px;
    border-radius: 100px;
    z-index: 9999 !important;
    aspect-ratio: 1;
}