/*
 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
*/

/* header */

.site-header  {
    position: sticky;
    top: 0;
    z-index: 999;
	border-bottom: solid 1px var(--contrast);
	/*box-shadow: 0px 15px 10px -15px #333333b8;*/
}

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


.main-navigation ul ul {
	background-color: var(--base);
	box-shadow: 0px 0px 0 rgba(0,0,0,0);
	width: 60px;
	margin: -10px 0 0 1px;
}


.site-branding-container {
    position: relative;
}
.site-branding-container .site-logo > a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.site-branding-container {
	display: flex;
	align-items: center;
	text-align: left;
	flex-direction: column;
}

.site-logo {
	width: 100%;
	margin: 0;
	margin-left: 1rem;
}

.main-title {
	font-weight: 700;
	line-height: 10px;
	margin-top: 10px;
}

.site-description {
	margin-left: 3.5rem;
}



/* casa imatge de fons */
.mascara {
mask-image: url(https://immobiliariafranquesa.com/wp-content/uploads/2025/07/imagotip-immobiliaria_franquesa.svg);
  webkit-mask-image: url(https://immobiliariafranquesa.com/wp-content/uploads/2025/07/imagotip-immobiliaria_franquesa.svg);
  mask-mode: alpha;
  webkit-mask-mode: alpha;
  mask-repeat: no-repeat;
  webkit-mask-repeat: no-repeat;
  mask-size: 90%;
  webkit-mask-size: 90%;
  mask-position: center;
  webkit-mask-position: center;
}

/* estil text animat */
.accio, .prefixText, .typingContents, .typed-cursor {
	font-family: new-spirit, serif !important;
	font-weight: 600 !important;
	font-size: clamp(2rem, 4vw + 0.5rem, 4rem) !important;
	color: var(--contrast) !important;
}

.crida {
	font-family: new-spirit, serif !important;
	font-weight: 600 !important;
	font-size: clamp(1.8rem, 3vw + 0.5rem, 3.5rem) !important;
	color: var(--accent) !important;
}

}

.crida-contacte {
	font-family: new-spirit, serif !important;
	font-weight: 600 !important;
	font-size: clamp(1.4rem, 2.4vw + 0.5rem, 2.2rem) !important;
	color: var(--accent) !important;
}


/* 4 columnes */

.titol_h3 {
	font-size: clamp(1.2rem, 2vw + 0.5rem, 1.8rem) !important;
}

.cta_option {
	transition: all 1s ease 0s;
}

.cta_option .gb-shape {
	color: var(--accent);
	transition: all 1s ease 0s;
}

.cta_option .gb-text {
	color: var(--contrast);
	transition: all 1s ease 0s;
}

.cta_option:hover .gb-text,.cta_option:hover .gb-shape {
	color: var(--base);
	transition: all 1s ease 0s;
}

.cta_option:hover {
	background: var(--accent);
	transition: all 1s ease 0s;
}

/* carrusel immobles*/

.slick-prev.slick-arrow {
	left: calc(100% - 160px) !important;
}

.featured_carousel .slick-prev.slick-arrow::after {
		content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0iIzMyNDU1MSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjIsMTI4YTYsNiwwLDAsMS02LDZINTQuNDlsNjEuNzUsNjEuNzZhNiw2LDAsMSwxLTguNDgsOC40OGwtNzItNzJhNiw2LDAsMCwxLDAtOC40OGw3Mi03MmE2LDYsMCwwLDEsOC40OCw4LjQ4TDU0LjQ5LDEyMkgyMTZBNiw2LDAsMCwxLDIyMiwxMjhaIj48L3BhdGg+PC9zdmc+");
position: absolute !important;
  top: 150px !important;
  z-index: 2;
  background: var(--base);
  border-radius: 0.5rem;
}


.featured_carousel .slick-next.slick-arrow::after {
	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0iIzMyNDU1MSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjAuMjQsMTMyLjI0bC03Miw3MmE2LDYsMCwwLDEtOC40OC04LjQ4TDIwMS41MSwxMzRINDBhNiw2LDAsMCwxLDAtMTJIMjAxLjUxTDEzOS43Niw2MC4yNGE2LDYsMCwwLDEsOC40OC04LjQ4bDcyLDcyQTYsNiwwLDAsMSwyMjAuMjQsMTMyLjI0WiI+PC9wYXRoPjwvc3ZnPg==");
	position: absolute !important;
	top: 150px !important;
	right: 20px !important;
	z-index: 2;
	background: var(--base);
	border-radius: 0.5rem;
}


.titol-carrusel-immobles {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* loop blog */

.icona_loop {
	width: 60px;
	height: 60px;
	background: var(--contrast)
}

.icona_loop img {
	width: 60px;
	height: 60px;
}


/* mapa */

iframe {
	border-radius: 0.5rem;
	border: solid 1px var(--contrast);
}


/* detall fitxa immoble */

/* carousel galeria detall plantilla*/

.acf-carousel.carousel_immoble.wp-block-tandem-acf-carousel {
	max-width: 88vw;
}

.acf-carousel .slick-prev.slick-arrow {
	position: absolute !important;
	top: 450px !important;
	left: calc(100% - 140px) !important;
	z-index: 2;
	background: var(--base);
	border-radius: 0.5rem;
}

.acf-carousel .slick-next.slick-arrow {
	position: absolute !important;
	top: 450px !important;
	right: 20px !important;
	z-index: 2;
	background: var(--base);
	border-radius: 0.5rem;
}

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

.carousel_immoble .slick-list {
	border-radius: 0.5rem;
}

.carousel_immoble .slick-list.draggable {
  height: 400px !important;
}
.carousel_immoble .slick-slide a img {
      cursor: url('/wp-content/uploads/2025/07/magnifying-glass-plus-duotone2.svg'), auto;
}

.carousel_immoble .slick-slide img {
	height: 400px;
	width: 100%;
	object-fit: cover;
	border-radius: 0.5rem;
}

.sl-image img {
	border-radius: 0.5rem;
}

.slick-next:hover svg, .slick-prev:hover svg {
	fill: var(--dades);
}

.sl-wrapper .sl-close::before {
	height: 30px;
	width: 30px;
	margin-top: 20px;
}

.sl-overlay {
  background: var(--base);
}

/* dades immoble */

.immoble .gb-shape {
	color: var(--accent);
}

/* gravity forms */

#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3 {
	padding: 0.8rem 1rem;
	text-transform: uppercase;
	border: solid 1px var(--contrast);
	color: var(--contrast);
	background: var(--base);
}

#gform_submit_button_1:hover, #gform_submit_button_2:hover, #gform_submit_button_3:hover {
	border: solid 1px var(--contrast);
	color: var(--base);
	background: var(--contrast);
}

.gfield_required {
	color: var(--accent) !important;
}


/* parlem whatsapp */

.parlem-wa {
    position: fixed;
    bottom: 20px;
	right: 20px;
    z-index: 999;
}

/* cookies */

.cmplz-cookiebanner.banner-1.bandera-a.optin.cmplz-bottom-left.cmplz-categories-type-no.cmplz-show {
	border-radius: 0.5rem !important;
}