/*
 Theme Name:   tandem_blog
 Theme URI:    https://tandem.blog
 Description:  GeneratePress child theme
 Author:       Tandem
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

body {
	overflow-x: hidden;
}

:root .has-contrast-color {
	color: var(--contrast);
	background: var(--base) !important;
}

:root .has-base-color {
	color: var(--base);
	background: var(--color) !important;
}

/* responsive */

@media only screen and (max-width: 780px) {
	
	.site-header .header-image {
		width: 60px;
	}
	.main-title {
		font-size: 1.5rem;
	}
	
	.site-branding-container {
	background: var(--contrast);
	padding: 0.5rem 1.6rem 0.5rem 1rem;
	height: 70px !important;
	}
	
	#mobile-menu-control-wrapper {
		background: var(--contrast) !important;
		min-height: 70px !important;
		max-height: 70px !important;
		width: 70px !important;
	}
	
	#site-navigation {
		display: none !important;
	}
		
	.gp-icon.icon-menu-bars {
	font-size: 1.6rem;
	}

}

@media only screen and (min-width: 781px) and (max-width: 1200px) { 
	#site-navigation {
		display: none !important;
	}
	
	#mobile-menu-control-wrapper {
	background: var(--contrast) !important;
	min-height: 120px !important;
	max-height: 120px !important;
	width: 120px !important;
	}
	
	.gp-icon.icon-menu-bars {
	font-size: 1.6rem;
	}
	
	#menu-menu-mobile a {
	font-size: 2rem;
	}
	

}
	
	



/* header */

.site-header  {
    position: sticky;
    top: 0;
    z-index: 999;
}

.admin-bar .site-header  {
    top: 32px;
}

.site-branding-container {
	background: var(--contrast);
	padding: 0.5rem 1.6rem 0.5rem 1rem;
	height: 120px;
}

#site-navigation {
	display: flex;
	background: var(--contrast);
	height: 120px;
}


.wp-block-navigation-item__content {
	color: var(--base) !important;
}

.wp-block-navigation__submenu-container {
	background-color: var(--color) !important;
	border: 1px solid #0000 !important;
	padding-top: 2rem !important;
}


/* descktop menu lang */
#menu-item-1333-sub-menu {
	max-width: 74px;
}







.trp-language-switcher.trp-language-switcher-container {
	width: auto;
}

/*
.trp-language-switcher > div {
  background-image: url(/wp-content/uploads/2025/08/caret-down-fill.svg);
  border: 0px solid var(--color) !important;
}
*/

.trp-language-switcher {
  height: auto;
}

.trp-language-switcher > div {
	border: 1.5px solid var(--color);
	background-image: url(/wp-content/uploads/2025/09/caret-down-fill.svg);
	background-color: var(--color);
}

.trp-language-switcher > div > a {
	font-weight: 600;
    color: var(--base) !important;
}

.trp-language-switcher > div > a:hover {
	background: var(--color) !important;
	border-radius: 2px;
}




/* contingut */	
#page {
	margin-top: -145px;
}

.arbori_logo_footer {
	font-size: clamp(4rem, 5vw + 0.5rem, 6rem) !important;
	font-weight: normal;
	background: transparent !important;
	color: var(--contrast) !important;
}


.arbori_logo_footer mark {
	color: var(--base) !important;
}



/*
body {
      cursor: url('https://arbori.tandem.ws/wp-content/uploads/2025/07/cursor-duotone.svg'), auto;
}
a {
	cursor: url('https://arbori.tandem.ws/wp-content/uploads/2025/07/hand-pointing-duotone.svg'), auto;
}
*/

/*
.arbori_menu {
  background-color: rgba(var(--base), 0.7);
  backdrop-filter: blur(10px);
}
*/


.titols {
	font-family: var(--gp-font--halogen);
	font-size: clamp(3rem, 13vw + 0.5rem, 7rem) !important;
	font-weight: normal;
}

.titol_2 {
	font-family: var(--gp-font--halogen);
	font-size: clamp(2rem, 45vw + 0.5rem, 3rem) !important;
	font-weight: normal;
}


.subtitol {
	font-family: var(--gp-font--halogen);
	font-size: clamp(2rem, 45vw + 0.5rem, 3rem) !important;
	font-weight: normal;
}

/*
.subtitol > span:nth-of-type(3) {
  font-family: var(--gp-font--aalto-alternatives);
}


mark {
	font-family: var(--gp-font--aalto-alternatives);
}
*/

/* inici 

body.home {
	background-image: url('https://arbori.tandem.ws/wp-content/uploads/2025/07/arbori_treballs_verticals_poda.svg');
	background-repeat: repeat-y;
	background-position: 59% -600px;
	background-size: 9%;
	background-attachment: fixed;
}

@media only screen and (max-width: 600px) {
	body.home {
		background-image: url('https://arbori.tandem.ws/wp-content/uploads/2025/07/arbori_treballs_verticals_poda.svg');
		background-repeat: repeat-y;
		background-position: 95% 0px;
		background-size: 9%;
		background-attachment: fixed;
	}
}

*/

/* video */

.nk-awb-wrap.nk-awb-rendered {
	border-bottom-right-radius: 1rem;
}


/* marquee */

.marquee_portada .marquee-inner.animate {
	font-family: var(--gp-font--halogen);
	animation-duration: 200s !important;
}

/* marquee fixed */

.marquee_serveis .marquee-inner.animate {
	font-family: var(--gp-font--halogen);
	animation-duration: 50s !important;
}

/*
.fix {
	position: fixed;
	bottom: -20px;
	font-size: 30rem;
}
*/

.fix code {
	font-size: calc(38px + 4.272vw);
	font-family: var(--gp-font--raleway);
	font-weight: 700;
	text-transform: uppercase;
}



/* carousel_projects */


.project_carousel .slick-list.draggable {
	height: 300px !important;
}

.project_carousel .slick-slide {
	margin-right: 2rem;
}

.wp-block-tandem-post-carousel__slide img {
	height: 300px !important;
}

.slick-prev.slick-arrow {
	left: calc(100% - 16rem) !important;
	top: 400px;
	z-index: 3;
	background-image: url("/wp-content/uploads/2025/08/fletxa_esquerra_t.svg");
	background-repeat: no-repeat;
	width: 100px;
	height: 40px;
	z-index: 0;
}

.slick-next.slick-arrow {
	right: 2rem;
	top: 400px;
	z-index: 3;
	background-image: url("/wp-content/uploads/2025/08/fletxa_dreta_t.svg");
	background-repeat: no-repeat;
	width: 100px;
	height: 40px;
	z-index: 0;
}



/* serveis */

.link_banner .image_banner {
	opacity: 1;
	z-index: 2;
	position: relative;
	transition: all 1s ease 0s;
}

.link_banner:hover .image_banner{
	opacity: 0;
	z-index: 1;
	position: relative;
	transition: all 1s ease 0s;
}


.title_banner {
	opacity: 1;
	z-index:3
	position: relative;
}




/* carousel */

.acf-carousel .acf-carousel-slides.slick-slider {
	display: block;
	margin: 0 4rem;
} 

.acf-carousel-slides.slick-slider {
	display: block;
	margin: 0px;
}

.slick-list {
	border-radius: 1rem;
}

.slick-list.draggable {
  height: 400px !important;
}
.slick-slide a img {
      cursor: url('/wp-content/uploads/2025/07/magnifying-glass-plus-duotone2.svg'), auto;
}
.slick-slide img {
	height: 400px;
	width: 100%;
	object-fit: cover;
	border-radius: 1rem;
}

.acf-carousel .slick-slide {
	height: auto;
	margin: 0 1rem;
	width: var(--acf-carousel-width,auto);
}


/* fletxes */



.galeria_img .slick-prev.slick-arrow {
  position: absolute !important;
  top: 450px !important;
  left: calc(100% - 18rem) !important;
	z-index: 0;
}

.galeria_img .slick-next.slick-arrow {
	position: absolute !important;
	top: 450px !important;
	right: 4rem !important;
	z-index: 0;
}


/* gravity forms */

#gform_wrapper_2 {
	width: 100%;
}


.gfield_required.gfield_required_text {
	color: var(--contrast);
}

.gform-field-label.gform-field-label--type-inline.gfield_consent_label a {
	color: var(--contrast);
}

.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
	--gf-local-outline-color: var(--contrast) !important;
}




/* whatsapp */
.talk-wa {
    position: fixed;
    bottom: 20px;
	right: 20px;
    z-index: 999;
}