/*
 Theme Name:   tandem
 Theme URI:    https://tandem.blog
 Description:  Default GeneratePress child theme
 Author:       tandem
 Author URI:   https://tandem.blog
 Template:     generatepress
 Version:      0.1
*/

/*
* {
  border: solid .5px blue;
}
*/

/* header */

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

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

.inside-header.grid-container {
  min-width: 100%;
  /*border-bottom: .5px solid white;
  border-left: .5px solid white;
  border-right: .5px solid white;*/
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
}

.inside-header.grid-container {
  background: var(--contrast);
  /*
  background-color: rgba(48, 45, 40, .7);
  backdrop-filter: blur(10px);
  */
}

.site-logo {
  padding: 5px 15px;
  height: 90px;
  align-items: center;
  display: flex;
}

@media screen and (max-width: 400px) {
.site-header .header-image {
  width: 150px;
}
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
  width: 90px;
  height: 90px;
}

@media screen and (min-width: 1181px) {
	.inside-navigation.grid-container {
	  padding: 15px;
	  height: 90px;
	}
}
/* font */

a {
	text-decoration: none;
}

.titol {
	font-size: calc(22px + 1vw);
	text-transform: uppercase;
}

.titol p {
  margin-bottom: 0px;
}

.titol_servei {
	font-size: calc(22px + 1.5vw);
	font-style: italic;
}

.titol_2 {
	font-size: calc(22px + 2vw);
}

.titol_serveis {
	font-size: calc(28px + 3vw);
}


/* inici */


.marquee-inner.animate {
  animation-duration: 200s !important;
}


/* tabs

.wp-block-tandem-tabs__selector.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
  max-width: 1400px;
  margin: -40px auto 0 auto !important;
  padding: 0 40px 40px 40px !important;
  position: relative;
  z-index: 900;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
  width: 33.33%;
  min-width: 340px;
  max-width: 400px;
}


@media screen and (max-width: 1230px) {
	#ui-id-3 {
	  width: 400px;
	}
}

#ui-id-1 {
	background: var(--accent-2);
}

#ui-id-2 {
	background: var(--accent-3);
}

#ui-id-3 {
	background: var(--accent-4);
}

#ui-id-1, #ui-id-2, #ui-id-3 {
	display: flex;
	flex-direction: row;
	gap: 20px;
	color: var(--contrast);
	padding: 20px;
	align-items: center;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab img {
	width: 50px !important;
	height: 50px !important;
}

.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab h3 {
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 0px;
  margin-bottom: 0;
}

.img_carousel_inici img {
	width: 100%;
	height: 50vh;
	object-fit: cover;
	padding: 5px;
}

.img_carousel_serveis img {
	width: 100%;
	height: 50vh;
	object-fit: cover;
	padding: 10px;
}

*/

/* carousel

.carrusel a {
	pointer-events: none;
}

.carrusel .slick-prev.slick-arrow {
  position: absolute;
  bottom: -70px;
  right: 150px;
  z-index: 2;
	width: 105px;
	height: 50px;
}

.carrusel .slick-prev {
  order: 2;
  background: url('/wp-content/uploads/2024/04/fletxa_esquerra.svg');
    background-repeat: repeat;
  background-repeat: no-repeat;
	color: transparent;
}

.carrusel .slick-next.slick-arrow {
  position: absolute;
  bottom: -70px;
  right: 20px;
  z-index: 2;
	width: 105px;
	height: 50px;
}

.carrusel .slick-next {
  order: 3;
  background: url('/wp-content/uploads/2024/04/fletxa_dreta.svg');
    background-repeat: repeat;
  background-repeat: no-repeat;
	color: transparent;
}

*/



/* carousel */

.wp-block-tandem-post-carousel__slide {
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
}

.slick-prev.slick-arrow {
  position: absolute;
  bottom: -25px;
  right: 190px;
  z-index: 2;
	width: 50px;
	height: 50px;
  border-radius: 50px;
}

.slick-prev {
  order: 2;
  background: url('/wp-content/uploads/2024/04/tandem-fletxat_esquerra.svg');
  background-repeat: no-repeat;
	color: transparent;
	background-color: var(--accent);
}

.slick-next.slick-arrow {
  position: absolute;
  bottom: -25px;
  right: 100px;
  z-index: 2;
	width: 50px;
	height: 50px;
  border-radius: 50px;
}

.slick-next {
  order: 3;
  background: url('/wp-content/uploads/2024/04/tandem-fletxa_dreta.svg');
  background-repeat: no-repeat;
	color: transparent;
		background-color: var(--accent);
}

.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
  color: transparent !important;
  		background-color: var(--accent);
}


.carousel_text {
  font-size: clamp(2rem, 7vw, 3.5rem);
}


/* carrusel projectes */

.carrusel_projectes .slick-prev.slick-arrow {
  top: -50px !important;
}

.carrusel_projectes .slick-next.slick-arrow {
    top: -50px !important;
}




/* segona secció portada */

.molt-gran {
  font-size: clamp(2rem, 18vw, 90rem);
}

.gran {
  font-size: clamp(2.5rem, 10vw, 4rem);
}

.mitjana {
  font-size: clamp(2rem, 8vw, 3.5rem);
}

.ressaltat {
  font-size: clamp(1rem, 6vw, 2rem);
}

.ressaltat p {
  margin-bottom: 0;
}

.gb-highlight {
  background: none;
  color: unset;
  border-bottom: solid 5px var(--accent);
}


/* video */

.video-border .nk-awb-wrap.nk-awb-rendered {
  border-radius: 16px;
}

/* botons */

.button-tandem {
 --color: var(--accent);
 padding: 0.8em 1.7em;
 background-color: var(--base-3);
 position: relative;
 overflow: hidden;
 cursor: pointer;
 transition: .5s;
 font-weight: 600;
 font-size: calc(16px + .6vw);
	border-radius: 32px;
 font-family: inherit;
 text-transform: uppercase;
 z-index: 1;
	color: var(--contrast) !important;
	padding: 5px 20px !important;
  border: solid 2px var(--contrast);
}

.button-tandem::before, .button-tandem::after {
 content: '';
 display: block;
 width: 50px;
 height: 50px;
 transform: translate(-50%, -50%);
 position: absolute;
 border-radius: 50%;
 z-index: -1;
 background-color: var(--color);
 transition: 1s ease;
}

.button-tandem::before {
 top: -1em;
 left: -1em;
}

.button-tandem::after {
 left: calc(100% + 1em);
 top: calc(100% + 1em);
}

.button-tandem:hover::before, .button-tandem:hover::after {
 height: 810px;
 width: 810px;
}

.button-tandem:hover {
 color: var(--contrast);

}

.button-tandem:active {
 filter: brightness(.8);
}



/* botons CTA */

.button-tandem-cta {
 --color: var(--base-3);
 padding: 0.8em 1.7em;
 background-color: var(--accent-5);
 position: relative;
 overflow: hidden;
 cursor: pointer;
 transition: .5s;
 font-weight: 600;
 font-size: calc(16px + .6vw);
	border-radius: 32px;
 font-family: inherit;
 text-transform: uppercase;
 z-index: 1;
	color: var(--contrast) !important;
	padding: 5px 20px !important;
  border: solid 2px var(--contrast);
}

.button-tandem-cta::before, .button-tandem-cta::after {
 content: '';
 display: block;
 width: 50px;
 height: 50px;
 transform: translate(-50%, -50%);
 position: absolute;
 border-radius: 50%;
 z-index: -1;
 background-color: var(--color);
 transition: 1s ease;
}

.button-tandem-cta::before {
 top: -1em;
 left: -1em;
}

.button-tandem-cta::after {
 left: calc(100% + 1em);
 top: calc(100% + 1em);
}

.button-tandem-cta:hover::before, .button-tandem-cta:hover::after {
 height: 810px;
 width: 810px;
}

.button-tandem-cta:hover {
 color: var(--contrast);

}

.button-tandem-cta:active {
 filter: brightness(.8);
}

/* blog */

.featured-image.page-header-image-single img {
	border-radius: 16px;
}


/* gravity forms */

.gfield_required {
  color: #ccbbac !important;
}

#gform_submit_button_1 {
  font-size: 1.4rem;
  padding: 15px;
  font-weight: 700;
}

#gform_submit_button_1:hover {
  background: var(--accent-3);
}


/* footer */

.site-footer {
  margin: 0 20px;
  /*border-left: solid 1px;
  border-right: solid 1px;*/
}