/*
 Theme Name:   Tandem Blog
 Theme URI:    https://tandem.blog
 Description:  GeneratePress child theme
 Author:       Tàndem
 Author URI:   https://tandem.blog
 Template:     generatepress
 Version:      0.1
*/

/* menú offcanvas nivell au pair, gap year, etc que no tingui fons blanc */
#generate-slideout-menu .slideout-menu li {
    background: var(--contrast);
}


#secondary-navigation {
	margin-top: 5px;
}

.current-language-menu-item a {
	border-top: 2px solid var(--base);
}

.espai-menu {
	margin-left: 2rem;
}

#menu-item-2790-sub-menu {
	z-index: 999;
	width: 50px;
	box-shadow: 0 0px 0px rgba(0,0,0,0);
	background: var(--base);
	color: var(--contrast);
	margin: -10px;
}

#menu-item-2790-sub-menu a {
	color: var(--contrast);
	padding: 15px;
}

/* mobile menu */

@media only screen and (max-width: 1180px) {
	#secondary-navigation {
		display: none;
	}
	#masthead {
	border-top: solid 0px white !important;
	}
	
	#menu-mobile-menu li a {
		color: var(--base) !important;
	}
	
	/*
	.gp-icon.icon-menu-bars {
	color: var(--contrast);
	}
	*/
	
	#site-navigation .main-nav > ul > li > a {
	border-bottom: solid 0px transparent;
	}

	#site-navigation .main-nav > ul > li[class*="current-menu-"] > a {
	border-bottom: solid 0px transparent;
	}

	.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a {
	border-bottom: solid 0px transparent;
	}

	.menu-bar-item.slideout-toggle.hide-on-mobile.has-svg-icon {
	border-bottom: solid 0px transparent;
	}


	.menu-bar-item.slideout-toggle.hide-on-mobile.has-svg-icon:hover {
	border-bottom: solid 0px transparent;
	}
	
	.main-navigation .menu-toggle, .main-navigation .menu-bar-items {
	  font-size: 30px !important;
	}
	
	
	.gegb-taxonomy-grid ul:first-of-type {
		display: none !important;
	}
	
	.gb-element-23d76856.cifras_titulo {
	grid-column: 1/3;
	}
	
	.fab {
	font-size: 2rem;
}

} /* fi 1180 */


.menu-toggle {
	z-index: 9;
}

#mobile-header {
	z-index: 8;
	position: relative;
	background: transparent;
}

#mobile-menu > ul {
	background: #002D78F0;
	padding: 4rem 2rem 2rem 2rem;
	position: absolute;
	width: 100vw;
	height: auto;
	top: 0;
}

#menu-mobile-menu li {
	padding: .5rem;
}

.bottom-seperator {
	border-bottom: 1px solid white;
}

.top-seperator {
	border-top: 1px solid white;
}

.navigation-branding img, .site-logo.mobile-header-logo img {
	height: 80px !important;
	width: auto;
	margin-left: 1rem !important;
}


.xxss_menu {
	width: 50px !important;
	float: left;
}

/* end mobile menu */


#secondary-navigation {
	z-index: 1;
	position: relative;
}

.secondary-navigation .main-nav > ul {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}

.xxss-menu {
	margin-right: -1.5rem;
}

#masthead {
	border-top: solid 1px white;
	z-index: 1;
}

.main-navigation .main-nav > ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 32px;
}

.menu-bar-item.slideout-toggle.hide-on-mobile.has-svg-icon {
	margin-left: 2rem;
}

#generate-slideout-menu {
	padding: 2rem;
}

.slideout-overlay {
	background-color: #00000052 !important;
}

.slideout-exit.has-svg-icon {
	padding: 0px 0px 20px 0px !important;
}


#site-navigation .main-nav > ul > li > a {
border-bottom: solid 2px transparent;
}

#site-navigation .slideout-toggle.current-menu-item,
#site-navigation .main-nav > ul > [class*="current-menu-"] > a {
border-bottom: solid 2px var(--base) !important;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a {
border-bottom: solid 2px var(--base) !important;
}

.menu-bar-item.slideout-toggle.hide-on-mobile.has-svg-icon {
border-bottom: solid 2px transparent;
}


.menu-bar-item.slideout-toggle.hide-on-mobile.has-svg-icon:hover {
border-bottom: solid 2px var(--base) !important;
}



/* menu business */

.menu-business {
	display: none;
}

.page-id-1108 .menu-business {
	display: block;
}

.page-id-1108 .menu-education{
	display: none;
}

.page-id-1108 .menu-bar-item.slideout-toggle.hide-on-mobile.has-svg-icon {
	display: none;
}


/* white header */


.main-navigation .menu-toggle
{
  color: var(--base) !important; 
}

.page-template-white_header .main-navigation .menu-toggle
{
  color: var(--contrast) !important; 
}

.page-template-white_header .main-navigation .menu-toggle[aria-expanded="true"] {
	color: var(--base) !important;
}


.main-navigation .menu-bar-items {
  color: var(--base) !important; 
}


.page-template-white_header .main-navigation .menu-bar-items {
  color: var(--contrast) !important; 
}


.page-template-white_header .secondary-navigation .main-nav ul li a, .secondary-navigation .menu-toggle, .secondary-menu-bar-items .menu-bar-item > a {
	color: var(--contrast);
}
.page-template-white_header .main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
	color: var(--contrast);
}	
	
.page-template-white_header .secondary-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a	{
  color: var(--contrast);
}
	
.page-template-white_header .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a {
  color: var(--contrast);
}

.page-template-white_header .main-navigation .menu-bar-item:hover > a {
  color: var(--contrast);
}
	
.page-template-white_header #masthead {
	border-top: solid 1px var(--dark-grey);
	z-index: 1;
}

.page-template-white_header #site-navigation .main-nav > ul > li > a {
border-bottom: solid 2px var(--base);
}
	
.page-template-white_header #site-navigation .main-nav > ul > li[class*="current-menu-"] > a {
border-bottom: solid 2px var(--purple) !important;
}

.page-template-white_header .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a {
border-bottom: solid 2px var(--purple) !important;
}
	
.page-template-white_header .main-navigation .menu-bar-item > a {
  border-bottom: solid 2px var(--base) !important;
}
.page-template-white_header .main-navigation .menu-bar-item:hover > a {
  border-bottom: solid 2px var(--purple) !important;
}
	
/* slideout offcanvas */


.page-template-white_header .slideout-navigation.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a {
  border-bottom: solid 2px var(--base) !important;
}

/* general */

button {
	padding: 10px 20px !important;
}

/* 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: #DFDFDF;
  margin-right:     8px;
  content:          ' ';
  transition: width 0.5s;
  transition: all 0.5s ease;

}
.main-carousel .slick-dots li.slick-active::before {
  background-color: var(--purple);
  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 2px 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 2px var(--purple);
  background: var(--purple);
}

/* business carousel */

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

.business-carusel .boto2 a:hover {
  color: var(--base);
  border: solid 2px var(--gold);
  background: var(--gold);
}

ol, ul {
	margin: 0 0 0em 0.8em;
}

/*li {
	margin-bottom: 1rem !important;
}*/


/* graella de taxonomies {{{ */

.gegb-taxonomy-grid a {
	text-decoration: none;
	color: inherit;
}

.gegb-taxonomy-grid ul {
	list-style: none;
	margin-inline-start: 0;
}

.gegb-taxonomy-grid ul:first-of-type {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
	max-width: 50rem;
	margin: 0 auto 2rem;
	
}


.gegb-taxonomy-grid ul:first-of-type a {
	cursor: pointer;
}

.gegb-taxonomy-grid ul:first-of-type a, .gegb-taxonomy-grid ul:last-of-type li:after {
	border: 2px solid var(--base);
	border-radius: 100px;
	padding: 5px 15px;
	font-family: Atkinson Hyperlegible Next;
	font-weight: 600;
	font-size: 18px;
	transition: border 250ms ease-in-out;
}

.gegb-taxonomy-grid ul:first-of-type a:is(:hover, :focus, [aria-current]) {
	border-color: var(--lilac);
}

.gegb-taxonomy-grid ul:last-of-type {
	display: grid;
	grid-template-columns: repeat(3,minmax(0,1fr));
	gap: 3px;
	color: white;
}

.gegb-taxonomy-grid ul:last-of-type li {
	background: var(--gegb-tax-image) center/cover no-repeat;
	min-height: 24vh;
	position: relative;
	transition: filter 250ms;
}

.gegb-taxonomy-grid ul:last-of-type li.inactive {
	pointer-events: none;
	filter: grayscale(1);
}

.gegb-taxonomy-grid ul:last-of-type a {
	background: var(--gegb-tax-color) var(--gegb-tax-icon) 95% 10% / 60px no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: end;
	text-align: left;
	font-family: Zil Semi Slab;
	letter-spacing: 1px;
	font-size: 1.5rem;
	line-height: 1.7rem;
	padding: 0 0 1.3rem 1.3rem;
	position: absolute;
	inset: 0;
}

.gegb-taxonomy-grid ul:last-of-type span {
	display: block;
}

.gegb-taxonomy-grid ul:last-of-type li:after {
	content: 'Ver programas';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	pointer-events: none;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
}

.gegb-taxonomy-grid ul:last-of-type a, .gegb-taxonomy-grid ul:last-of-type li:after {
	transition: opacity 250ms ease-in-out;
}

.gegb-taxonomy-grid ul:last-of-type li:is(:hover, :focus) a {
	opacity: 0;
}

.gegb-taxonomy-grid ul:last-of-type li:is(:hover, :focus):after {
	opacity: 1;
}


@media only screen and (max-width: 980px) {
	.gegb-taxonomy-grid ul:last-of-type {
	  display: grid;
	  grid-template-columns: 1fr;
	  gap: 3px;
	  color: white;
	}
}



/* }}} */

/* testimonials carousel */


.opinion_card {
  
	overflow: hidden;
	
}

.opinion_img {
  max-width: 200px;
	max-height: 300px;
  float: right;
  shape-margin: 1rem;
	margin-top: 120px;
}


.o_text {
	margin: 2rem; 
}

.o_description {
	color: grey;
	font-style: italic;
}

.o_name {
  font-weight: 700;
  color: var(--purple);
	margin-top: 2rem;
	font-size: 14px;
}

.o_course {
	font-weight: 500;
	color: black;
	font-size: 14px;
}

/* dots */

.testimonials li {
  list-style: none;
}

.testimonials .slick-dots button {
  display: none;
}

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

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

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

.business_testimonials .o_description, .business_testimonials .o_name, .business_testimonials .o_course {
	color: var(--contrast);
}


#individuales {
	scroll-margin-top: 150px;
}
/* carrusel {{{ */

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

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

/* }}} */

/* gravity forms */
 /* CTA */
#gform_submit_button_1 {
		background-color: transparent;
	border: solid 1px white;
	border-radius: 50px;
	width: 0px;
	background-image: url('data:image/svg+xml,%3Csvg%20id%3D%22uuid-0956dff0-c19d-43f7-b9ce-5b66cac02244%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.75%2015.67969%22%3E%3Cpath%20d%3D%22M7.91016%2C0c.11719%2C0%2C.21094.03516.28125.10547l7.41797%2C7.45312c.09326.07031.14062.16431.14062.28125%2C0%2C.11768-.04736.21094-.14062.28125l-7.41797%2C7.45312c-.07031.07031-.16406.10547-.28125.10547-.11768%2C0-.22314-.03516-.31641-.10547l-.24609-.28125c-.07031-.07031-.10547-.16431-.10547-.28125%2C0-.11768.03516-.22314.10547-.31641l6.29297-6.25781H.42188c-.11768%2C0-.2168-.04053-.29883-.12305-.08252-.08179-.12305-.18115-.12305-.29883v-.35156c0-.11694.04053-.21631.12305-.29883.08203-.08179.18115-.12305.29883-.12305h13.21875L7.34766.98438c-.07031-.09326-.10547-.19873-.10547-.31641%2C0-.11694.03516-.21094.10547-.28125l.24609-.28125c.09326-.07031.19873-.10547.31641-.10547Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: 6.5rem 50%;
	padding-right: 8rem;
	background-size: 20px;
}

#input_1_3, #input_1_5, #input_1_6 {
	background: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-radius: 0px;
}


#field_1_9 {
	color: white;
	font-size: 12px;
}

#field_1_9 a {
	color: white;
	text-decoration: none;
}

.footer_contact .gform-theme--foundation .gform_fields {
	row-gap: 1rem;
}

#field_submit {
	margin-left: auto;
}

/* gf business */

.business #gform_submit_button_1 {
		background-color: transparent;
	border: solid 1px var(--contrast);
	border-radius: 50px;
	width: 0px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%230e2c73" viewBox="0 0 256 256"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg>');
	background-repeat: no-repeat;
	background-position: 6.5rem 50%;
	padding-right: 8rem;
	background-size: 20px;
}



.business #field_1_9 {
	color: var(--contrast);
}

.business #field_1_9 a {
	color: var(--contrast);
	text-decoration: none;
}

/* contact */

.gform_required_legend {
	display: none;
}

.gform-footer.gform_footer.top_label {
	display: inline-flex;
}

#gform_submit_button_2 {
		background-color: transparent;
	border: solid 1px var(--contrast);
	border-radius: 50px;
	width: 100%;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%230e2c73" viewBox="0 0 256 256"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg>');
	background-repeat: no-repeat;
	background-position: 5rem 50%;
	padding-right: 4rem;
	background-size: 20px;
	color: var(--contrast);
}

#gform_submit_button_2:hover {
		background-color: var(--contrast);
	border: solid 1px var(--contrast);
	border-radius: 50px;
	width: 100%;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%ffffff" viewBox="0 0 256 256"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg>');
	background-repeat: no-repeat;
	background-position: 5rem 50%;
	padding-right: 4rem;
	background-size: 20px;
	color: var(--base);
}


/* courses entries */

.highlights_row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 2rem;
}

.icon_column {
	display: flex;
	flex-direction: column;
	text-align: center;
	font-size: 0.9rem;
	font-weight: 600;
	width: 134px;
}

.icon_column img {
	width: 80px;
	margin: 0 auto 1rem auto;
}

/* flipbook */

.flipbook-main-wrapper {
	background: var(--dark-grey) !important;
}

.flipbook-menuBottom.flipbook-menu-fixed.skin-color-bg.flipbook-bg-light {
	background: var(--dark-grey) !important;
}

.flipbook-currentPageHolder {
	display: none;
}


/* destinations */

.destinations_card .gb-shape {
  visibility: hidden;
	margin-top: .5rem;
	font-size: 2rem;
	
}

.destinations_card:hover .gb-shape {
  visibility: visible;
  margin-top: .5rem;
	font-size: 2rem;
}

/* programs cards */

.program_card h3 .gb-shape {
  visibility: hidden;
	margin-top: .5rem;
font-size: 2rem;
}

.program_card:hover h3 .gb-shape {
  visibility: visible;
  margin-top: .5rem;
font-size: 2rem;
}


.program_card:hover .overlay_card {
	display: flex;
	background: rgba(255, 207, 84, 0.7);
}


/* about us */

.gb-accordion__toggle-icon {
	font-size: 1.6rem;
}


/* agenda */

.agenda_button a:hover {
	color: var(--base);
}

/* botons "a" hover */

.gb-text-31099dbc:is(:hover, :focus) {
	color: var(--base) !important;
}

.gb-text-b5e1ae9e:is(:hover, :focus) {
	color: var(--base) !important;
}

.gb-text-2d378283:is(:hover, :focus) {
	color: var(--base) !important;
}

.gb-text-82fc402b:is(:hover, :focus) {
	color: var(--base) !important;
}

.gb-text-b31cfced:is(:hover, :focus) {
	color: var(--base) !important;
}

.gb-text-2270dee5:is(:hover, :focus) {
	color: var(--base) !important;
}

/* business */

.page-id-1108 .site-logo {
	pointer-events: none !important;
}


/* logos */

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

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