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

/*
body {
	 background-image: linear-gradient(to top, #f6f4f3, #f6edec, #f5e6e9, #efdfeb, #e3dbef);
}
*/



@media only screen and (max-width: 1280px) {
	body {
		margin: 1rem;
	}

	.inside-header {
		padding-top: 1rem !important;
		padding-right: 1rem !important;
		padding-bottom: 0rem !important;
		padding-left: 1rem !important;
	}
	
	#content .entry-content {
	margin: 1rem 0 0 0 !important;
	}

	.site-footer {
		margin-top: 20px;
	}
	

		
	.site-logo {
	margin-top: 5px;
	}
	
	
	.slideout-navigation.do-overlay .inside-navigation {
	padding: 2rem 2rem 0 0 !important;
	}
	
	#menu-menu-principal-1 {
	max-width: 250px;
	}
	
	.main-navigation ul ul {
	background: transparent !important;
	border: solid 0px transparent !important;
	border-radius: 8px;
	}
	
	#generate-slideout-menu .slideout-menu li {
	text-align: left !important;
	}
	
	.site-header .header-image {
	width: 290px;
	}
}


@media only screen and (max-width: 390px) {


	.gb-text {
	max-width: 80% !important;
	}
	.entry-content img {
	max-width: 80%;
	}
	.gb-accordion {
	max-width: 80%;
	}
	
	
}

@media only screen and (max-width: 480px) {
	.site-header .header-image {
	width: 200px;
	}
	.gb-text {
	max-width: 90% !important;
	}
	
	.entry-content img {
	max-width: 90%;
	}
	.gb-accordion {
	max-width: 90%;
	}
	.gb-accordion__item {
	padding: 0px !important;
	}
	.gb-accordion__content div {
	margin-left: 0px;
}
	
	
}




.entry-content {
	margin: 0 1rem;
}

#content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

#content .entry-content {
	margin: 2rem 0 0 0 !important;
}


#menu-item-6561-sub-menu {
	width: 70px;
}


/* menu */
.inside-header.grid-container {
	max-width: 100%;
}

.main-navigation .main-nav .current-page-ancestor > a,
.main-navigation .main-nav .current-page-ancestor.sfHover > a,
.main-navigation .main-nav .current-page-ancestor:hover > a, 
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color: var(--contrast-2);
	/* background: var(--accent); */
border-bottom: solid 1px var(--accent);
}



/* breadcrumb */

.breadcrumb {
	padding: 0 2rem;
	border-bottom: solid 0.5px var(--contrast);
}

/*
.secondary-navigation {
	border-bottom: solid 1px var(--contrast);
}

.secondary-navigation ul ul li {
	width: 100%;
	border: solid 1px var(--contrast);
	border-radius: 8px;
	background: var(--base);
	margin-top: 10px;
}

#masthead .grid-container, #secondary-navigation .grid-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

#site-navigation {
	margin-bottom: 2rem;
}
*/
/* sub menu */

.main-navigation ul ul {
	background: var(--base);
	border: solid 0.5px var(--contrast);
	border-radius: 8px;
}

/* text */
/*
mark {
  background-image: linear-gradient(180deg,var(--accent) 0%,var(--accent) 100%);
  background-position: 0 86%;
  background-repeat: no-repeat;
  background-size: 100% 30%;
  padding-left: 0.1em;
  padding-right: 0.1em;
  margin-right: -0.1em;
  margin-left: -0.1em;
  color: inherit;
}
*/
/* graella */

.imatge_postal {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

/* image block drop shadow ∑

.photo-shadow img {
	box-shadow: 10px 10px 0px rgba(237,235,235,0.8);
}
*/

/* product additional information tabs font styling 

.woocommerce table.shop_attributes th {
	font-size: 16px;
}

.woocommerce table.shop_attributes td p {
	padding: 8px 16px;
	font-size: 16px;
}
*/

/* blog archive */
.post-image img {
	border-radius: 8px;
}


/* post entries */

.cat-links {
	border-top: solid 0.5px var(--contrast);
	margin-top: 2rem !important;
	padding-top: 2rem;
}

.post-navigation-link__title {
	font-size: 85%;
}

.tots a {
	text-decoration: none !important;
}

/* recursos */

.facetwp-facet {
  margin-bottom: 1rem !important;
}

.facetwp-facet.facetwp-facet-taxonomia_recurs.facetwp-type-radio {
	display: flex;
	flex-direction: row;
	gap: 2rem;
}

.facetwp-dropdown {
	border-radius: 8px;
	background: var(--base-1);
}

/* directori */

.caixa_text p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/*  gravity forms */

.gform_button {
	border-radius: 50px;
}

.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	border: solid 1px var(--contrast);
	border-radius: 25px;
}

#gform_submit_button_3 {
	border-radius: 50px;
	font-weight: 500;
}

.gform_required_legend {
	display: none;
}

.gfield_required.gfield_required_asterisk {
	color: var(--contrast-2) !important;
}

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


#gform_submit_button_1 {
	border-radius: 50px;
}

.gform-footer.gform_footer.top_label {
	display: block;
}


#gform_submit_button_4 {
	border-radius: 50px;
}

#gform_submit_button_5 {
	border-radius: 50px;
}

.gform_wrapper.gravity-theme .gfield_consent_description {
	border: 0px solid #ddd !important;
	font-size: .8em;
	margin-top: 8px;
	max-height: 500px !important;
	overflow-y: auto !important;
	padding: 8px;
}

/* entrades */

.entry-header .entry-meta {
	color: var(--contrast);
}


/* archive */

.read-more.button {
	border-radius: 50px;
}

/*
.entry-header .entry-meta a {
	color: var(--contrast);
}
*/


/* filtres */

.search-filter-input-button.search-filter-field__input {
	margin-top: 26px;
}