/*
 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 !important;
}

/* header */

#masthead {
	z-index: 3;
}


#sticky-navigation {
	padding: 0.5rem 2rem 0.3rem 01rem;
}

.gp-icon svg {
	height: 2em !important;
	width: 2em !important;
	
}

.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 {
  background-color: rgba(0, 0, 0, 0) !important;
}
	

.menu-toggle {
  padding: 0 !important;
}
	

@media(min-width: 769px) {
    .inside-header>.site-branding,
    .inside-header>.navigation-branding,
    .inside-header>.site-logo,
    .site-branding-container,
    #site-navigation .navigation-branding .site-logo,
    #sticky-navigation .navigation-branding {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
    }

    #site-navigation {
        margin-left: unset !important;
        display: flex;
    }

    .site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
        margin: unset;
    }

    #site-navigation,
    #primary-menu,
    .main-navigation .inside-navigation {
        flex: 1;
    }

    /* Change nth-child(#) to first item to right */
    .main-navigation ul li:nth-child(3) {
        margin-left: auto;
    }
}



@media(max-width: 480px) {
	.site-logo {
		max-width: 220px;
	}
}

#sticky-navigation {
	background: var(--accent);
}

.sticky-enabled .main-navigation.is_stuck {
	box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0);
}

/* carousel */

.wp-block-tandem-post-carousel .wp-block-tandem-post-carousel__slide {
        display: none;
}


.slick-next.slick-arrow {
	background-image: url('/wp-content/uploads/2025/05/caret-right_white.svg');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9;
}

.slick-prev.slick-arrow {
	background-image: url('/wp-content/uploads/2025/05/caret-left_white.svg');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 9;
}



/* main carousel */

.main-carousel .slick-dots button {
  display: none;
}

.main-carousel .slick-dots {
  display: flex;
  justify-content: center;
  top: -4rem;
  position: relative;
}
.main-carousel .slick-dots li {
  list-style-type: none;
  cursor: pointer;
}
.main-carousel .slick-dots li::before {
  display:          inline-block;
  vertical-align:   middle;
  width:            40px;
  height:           5px;
  background-color: var(--opacitat);
  margin-right:     8px;
  content:          ' ';
  transition: width 0.5s;
  transition: all 0.5s ease;

}
.main-carousel .slick-dots li.slick-active::before {
  background-color: var(--base);
  width: 60px;
  transition: width 0.5s;
  transition: all 0.5s ease;
}


.boto1 a, .boto2 a {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  color: var(--base);
  text-decoration: none;
  border: solid 1.5px var(--base);
  border-radius: 50px;
  background: transparent;
  padding: 10px 20px;
}

.icona {
	width: 22px;
	fill: var(--base);
}


.boto1 a:hover, .boto2 a:hover {
  color: var(--base);
  border: solid 1.5px var(--opacitat);
  background: var(--accent-2);
}

/* video background */

.tandem-carousel-background {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--tandem-slide-image) center/cover no-repeat;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0.5;
}

.tandem-carousel-background iframe {
        max-width: unset;
	flex-shrink: 0;
}

/* button */

.tndm_button {
  height: 60px;
  display: inline-block;
  padding: 0.3rem 1.25rem 0.3rem 9px;
  border-radius: 10rem;
  color: var(--accent);
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 0.15rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.tndm_button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  z-index: -2;

}
.tndm_button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 100%;
  border: solid 2px var(--accent);
  transition: all 0.3s;
  border-radius: 10rem;
  z-index: -1;
}
.tndm_button:hover {
  color: var(--accent);
}
.tndm_button:hover:before {
  width: 100%;
}

/* mascara */

.mascara {
	clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 93%);
}

/* gravity forms */


.gfield_required.gfield_required_text {
	color: white !important;
}

#gform_submit_button_1 {
	border: solid 1px var(--base);
}

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

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
	border-bottom: 1px solid currentcolor !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-top: 0px !important;
	border-radius: 0 !important;
	padding: 10px 15px;
	max-width: 100%;
}

#gform_submit_button_2 {
	border-radius: 20px;
	text-transform: uppercase;
}
#gform_submit_button_2:hover {
	background: var(--accent);
}


/* talk whatsapp */

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