/*
Theme Name: Pimpampum theme
Theme URI: http://www.pimpampum.net
Author: Pimpampum.net
Author URI: http://www.pimpampum.net
Description: Tema a mida per la la Fundació Acollida i Esperança - basat en Underscores
Version: 1.0.0
License: GNU General Public L1icense v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */
@import url("fonts/fonts.css");
@import url("style_menu.css");

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

img,
canvas {
	max-width: 100%;
	height: auto;
	display: block;
}



/**************************
PPP - Estuctura
***************************/

html {
	font-size: 14px;
}

body,
button,
input,
select,
textarea {
	font-family: Barlow, helvetica, arial, sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
	line-height: 1.4;
	color: var(--bodytext);
}

.wrap {
	width: 90%;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

/**************************
PPP - HEADER
***************************/

#masthead {
	display: grid;
	grid-template-columns: 240px 1fr;
	grid-template-areas:
		"header_dreta header_dreta"
		"header_logo menu"
		"cercador cercador";
	align-items: center;
}

#masthead p {
	margin: 0;
}

.header_dreta {
	grid-area: header_dreta;
	background-color: var(--bggris);
	display: flex;
	justify-content: flex-end;
	gap: var(--gapS);
}

.header_logo {
	grid-area: header_logo;
	padding: 24px 20px 20px 5%;
}

.header_logo img {
	width: 120px;
}

.header_menu {
	grid-area: menu;
	display: flex;
	justify-content: end;
}

p.boto_contacte_header {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

p.boto_buscar_header {
	text-indent: -999em;
	background: url("img/ico_lupa2.svg") no-repeat center;
	width: 18px;
	height: 18px;
	background-size: contain;
	align-self: center;
}

.boto_contacte_header a,
.boto_contacte_header a:visited {
	padding: 0 25px 0 50px;
	color: #fff;
	font-size: 1.25rem;
	line-height: 1;
	font-weight: 700;
	text-decoration: none;
	height: 100%;
	display: flex;
	align-items: center;
	min-height: 40px;
	border-radius: 0;
	background-size: 12px auto;
	background-position: calc(100% - 20px) 13px;
	background: url(img/ico_telefon.svg) no-repeat 22px 11px var(--taronja);
	background-size: 20px auto;
}

.boto_contacte_header a:hover {
	text-decoration-color: #fff;
	text-decoration-thickness: 2px;
}

.search-form {
	display: none;
}

form.search-form {
	grid-area: cercador;
	display: flex;
	justify-content: center;
	gap: var(--gapS);
	padding: var(--gapM);
	background-color: var(--bodytext);
	width: 100%;
}

form.search-form input {
	margin: 0;
}

form.search-form input[type="submit"] {
	margin-left: 0;
	background-position: calc(100% - 12px) 12px;
}

/**************************
PPP - FOOTER
***************************/

footer.site-footer {
	margin-top: var(--gapXL);
}

.home footer.site-footer,
.noticies footer.site-footer {
	margin-top: 0;
}

#footer > .wp-block-group__inner-container {
	background-color: #000;
	color: #fff;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
		"adreca"
		"mapa"
		"certificats"
		"xxss"
		"logo-claim";
	font-size: 1.125rem;
}

#footer h2 {
	font-size: 1.5rem;
	font-weight: 800;
}

#footer a,
#footer a:visited {
	color: #fff;
}

.footer-adreca,
.footer-certificats,
.footer-xxss,
.logo-claim {
	padding: var(--gapM);
}

.footer-mapa {
	grid-area: mapa;
}

footer iframe[src*="maps"] {
	filter: grayscale(1) brightness(0.8) invert(1);
	display: block;
}

.footer-adreca {
	grid-area: adreca;
	background-color: #2d2d2d;
}

.logo-claim {
	grid-area: logo-claim;
	background-color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	figure {
		max-width: 170px;
	}
}

.footer-certificats {
	grid-area: certificats;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background-color: #191919;

	.logos-applus {
	padding-top: var(--gapS);
	}

	img {
		height: 100px;
		width: auto !important;
		filter: grayscale(1);
		transition: all 0.4s;
		&:hover img {
			filter: grayscale(0);
			transition: all 0.4s;
		}
	}
}

.footer-xxss {
	grid-area: xxss;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background-color: #393939;
	color: #878787;

	> .wp-block-group__inner-container {
		margin-bottom: var(--gapS);
	}

	ul {
		list-style-type: none;
		display: flex;
		justify-content: center;
		gap: var(--gapM);
	}

	a {
		display: block;
		width: 30px;
		height: 30px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		text-indent: -999em;
	}

	a[href*="facebook.com"] {
		background-image: url("img/ico_fb.svg");
	}

	a[href*="twitter.com"] {
		background-image: url("img/ico_tw.svg");
	}

	a[href*="instagram.com"] {
		background-image: url("img/ico_ig.svg");
	}

	a[href*="linkedin.com"] {
		background-image: url("img/ico_in.svg");
	}

	a[href*="threads.net"] {
		background-image: url("img/ico_threads.svg");
	}
}

#footer .menu-legal {
	grid-column: 1/-1;

	ul {
		list-style-type: none;
		text-align: center;
		padding: var(--gapS) 0;
	}

	a,
	a:visited {
		color: #8f8f8f;
		font-size: 0.8125rem;
		text-decoration: none;
	}

	a:hover {
		color: #ccc;
		text-decoration: underline;
	}
}

/**************************
Generals
***************************/

a,
a:visited {
	color: var(--bodytext);
	word-wrap: break-word;
	text-underline-offset: 0.2em;
}

a:hover,
a:focus,
a:active {
	text-decoration: underline;
	text-decoration-color: #777;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

h1 {
	font-family: "Barlow Semi Condensed", sans-serif;
	color: var(--taronja);
	font-size: 2.5rem;
}


h2,
.bloc-h1 h1 {
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 2rem;
	font-weight: 800;
	line-height: 1.1;
	color: var(--taronja);
	margin-bottom: 0.72em;
}

.bloc-h1 h1 {
margin-bottom: 10px;
}

article h2 {
	margin-top: 1em;
}

h3, 
.bloc-h1 h2 {
	font-family: "Barlow Semi Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: 1em;
}

.bloc-h1 h2 {
color: #000;
}

body[class*="page-normal-franja"] main {
		h3, h4 {
		margin-bottom: 1em;
		margin-top: 2em;
	}
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

main {
	display: flex;
	flex-direction: column;

	ul,
	ol {
		margin-left: 1em;
		margin-bottom: 1em;
	}

	li {
		margin-top: 0.25em;
	}

	li::marker {
		color: var(--taronja);
	}

	ol li::marker {
		font-weight: 500;
	}

	ul ul,
	ol ol {
		margin-left: 1.4em;
		margin-top: 1em;
	}
}

.wp-block-file {
	margin: 1em 0 2em 0;
}

a[id*="wp-block-file--media"] {
	font-weight: 700;
}

body .lightweight-accordion {
	margin: 0;
}

body .lightweight-accordion .lightweight-accordion-title h3 {
	margin-left: 1em;
	margin-bottom: 0;
}

.scroll .slick-dots {
	bottom: -35px;
}

.scroll .slick-dots li button::before {
	font-size: 10px;
}

.wp-block-image {
	margin-bottom: 0;
}

/* Icones */

figure.icona-cos {
	margin-bottom: var(--gapM);
}

/* Formularis */

input,
textarea {
	font-size: 1.125rem;
	width: 100%;
	border-radius: 4px;
	padding: 8px 12px;
	background-color: #fff;
	border: 1px solid #777;
	line-height: 1;
	margin-top: 0.25em;
}

input[type="checkbox"] {
	appearance: none;
	width: 14px;
	height: 14px;
	display: block;
	padding: 0;
	border: 1px solid #777;
	border-radius: 2px;
	background-color: transparent;
	margin-right: 6px;

	&:checked {
		background-color: #fff;
		position: relative;
	}

	&:checked::before,
	&:checked::after {
		content: "";
		position: absolute;
		width: 2px;
		height: 8px;
		background-color: #777;
	}

	&:checked::before {
		transform: rotate(45deg);
		top: 2px;
		left: 5px;
	}

	&:checked::after {
		transform: rotate(-45deg);
		top: 2px;
		left: 5px;
	}
}

footer input[type="checkbox"] {
	border-color: #fff;
}

label {
	font-size: 1.125rem;
}

.wpcf7 {
	form.invalid .wpcf7-response-output,
	form.unaccepted .wpcf7-response-output {
		border-radius: var(--radius);
		background-color: #ffd5d5;
		font-weight: 500;
		line-height: 1.2;
		padding: var(--gapS);
	}

	textarea.wpcf7-textarea {
		max-height: 180px;
	}

	.wpcf7-list-item {
		margin: 0 0.5em 0 0;
	}

	.wpcf7-submit {
		&:hover {
			text-decoration: underline;
			cursor: pointer;
		}

		&:disabled {
			background-color: var(--gris);
			border-color: var(--gris);
			&:hover {
				text-decoration: none;
				cursor: not-allowed;
			}
		}
	}

	.wpcf7-acceptance label {
		display: flex;
		gap: 6px;
		align-items: baseline;
	}

	form.sent .wpcf7-response-output {
		border-color: transparent;
		background-color: var(--bgcrema);
		border-radius: 4px;
		margin: 0;
	}
}

/**************************
PPP - CAPÇALERES
***************************/

.capcalera {
	background-color: #000;
}

.capcalera-home {
	margin: 0;
}

.capcalera-home .wrap {
	width: 100%;
	max-width: none;
}

.capcalera-home img {
	min-height: 300px;
	object-fit: cover;
}

.capcalera-home .metaslider .flexslider {
	margin-bottom: 0;
}

.capcalera-home .metaslider .flex-control-nav {
	bottom: 10px;
}

/**************************
BLOCS COMUNS
***************************/

.grid2 > .wp-block-group__inner-container,
.grid3 > .wp-block-group__inner-container,
.grid4 > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	column-gap: var(--gapM);
}

figure.ratlla {
	display: none;
}

/**************************
HOME
***************************/

.intro_slogan p {
	margin: 0;
}

.intro_slogan_txt {
	font-size: 1.25rem;
	line-height: 1.3;
	font-weight: 600;
	padding: 20px 5%;
	background-color: #000;
	color: #fff;
}

.intro_slogan_txt h2 {
	font-size: 2.25rem;
	font-weight: 800;
	margin-bottom: 6px;
	line-height: 1.2;
}

.fer-donatiu {
	background-color: var(--taronja);
	font-size: 1.4375rem;
	font-weight: 900;
}

.fer-donatiu a,
.fer-donatiu a:visited {
	padding: 20px 5%;
	display: block;
	background: url("img/arrow_right_negre.svg") no-repeat calc(100% - 5%) center;
	text-decoration: none;
	color: #000;
}

.fer-donatiu a:hover {
	text-decoration: underline;
}

/* Logos peu home */

.logos-list {
	display: flex;
	flex-wrap: wrap;
/*	justify-content: center;*/
	column-gap: var(--gapL);
	row-gap: var(--gapS);
	margin: 0 0 var(--gapM) 0;

	h2.logos-title {
		grid-column: 1/-1;
		width: 100%;
		text-align: center;
		font-family: "Barlow Semi Condensed", sans-serif;
		font-size: 1.25rem;
		font-weight: 400;
		color: var(--bodytext);
		margin: 0;
	}

	img {
		max-height: 60px;
		width: auto;
		mix-blend-mode: multiply;
		margin: 0;
	}
}

.home .logos-list-group {
	background-color: var(--bggris);
	margin: 0;
	padding: var(--gapL) 0;

	.logos-list h2.logos-title {
		text-align: left;
	}
}
/**************************
SECCIONS - COMUNS
***************************/

section,
.single_actualitat article {
	margin-top: var(--gapL);
	margin-bottom: var(--gapL);
}

main section:last-of-type {
	margin-bottom: 0;
}

section + section,
section[class*="bg"] + section[class*="bg"],
main > section.bggris:first-of-type {
	margin-top: 0;
}

section.bgcrema.wrap {
	padding: var(--gapL);
}

section.bggris,
section.bgcrema,
.yarpp-related .section_noticies {
	padding: var(--gapL) 0;
}

.home .section_noticies {
	padding-bottom: var(--gapXS);
}

.section_header > .wp-block-group__inner-container {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.section_header h2.wp-block-heading {
	font-family: "Barlow Semi Condensed";
	font-size: 2.25rem;
	font-weight: 800;
	line-height: 1.2;
	color: var(--taronja);
	margin-bottom: var(--gapS);
}

.section_header h2.wp-block-heading::after,
.single_actualitat article h1::after {
	content: "";
	display: block;
	width: 120px;
	height: 5px;
	background-color: var(--taronja);
	margin-top: 9px;
	border-radius: 10px;
}

.single_actualitat article h1::after {
	background-color: var(--taronja);
}

/**************************
PPP - ACTUALITAT
***************************/

.header_actualitat {
	padding: 30px 0;
	color: var(--taronja);
	background: url("img/header_actualitat.jpg") no-repeat 75% center var(--bggris);
	background-size: cover;
	h1 {
		font-size: 2rem;
		font-weight: 800;
		line-height: 1;
		background: var(--taronja);
		padding: 7px 20px 10px 20px;
		display: inline-block;
		border-radius: 4px;
		color: #fff;
	}
}

.breadcrumb a {
	font-family: "Barlow Semi Condensed", sans-serif;
	font-size: 2rem;
	font-weight: 800;
	line-height: 1;
	background: var(--taronja);
	padding: 7px 20px 10px 20px;
	display: inline-block;
	border-radius: 4px;
	color: #fff;
	font-size: 3rem;
	padding: 10px 30px 14px 30px;
	text-decoration:none!important;
}

/*  Llistat notícies */

.grid_noticies {
	li.post {
		margin-bottom: var(--gapM);
	}

	figure {
		aspect-ratio: 16/9;
		border-radius: var(--radius);
		margin-bottom: 7px;
		overflow: hidden;
		object-fit: cover;
	}

	.wp-block-post-date {
		font-size: 0.8125rem;
		font-weight: 500;
		line-height: 2.15;
		color: #757575;
	}
}

.grid-noticies .wp-block-post-featured-image img.wp-post-image,
.wp-block-post-featured-image :where(img){
	height: 100%;
	object-fit: cover;
}

.grid_noticies h2,
.grid_noticies h3,
.home .grid_noticies h3,
.single .yarpp-related h3 {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	margin: 0;
}

.home .grid_noticies h3 a,
.home .grid_noticies h3 a:visited,
.yarpp-related h3 a,
.yarpp-related h3 a:visited {
	color: var(--bodytext);
}

.grid_noticies h2 a,
.grid_noticies h2 a:visited {
	text-decoration: none;
}

.grid_noticies h2 a:hover {
	text-decoration: underline;
}

/* Single notícia */

.single_actualitat article {
	img {
		border-radius: var(--radius);
	}

	> figure,
	> .wp-block-image,
	> .wp-block-image {
		margin: 2em 0;
	}

	h1.actualitat_title {
		font-family: "Barlow Semi Condensed", sans-serif;
		font-size: 2rem;
		font-weight: 800;
		line-height: 1.2;
		margin-bottom: 0.72em;
		letter-spacing: 0.0225rem;
		color: var(--taronja);
	}

	.actualitat_excerpt {
		font-size: 1.125rem;
		font-weight: 600;
		line-height: 1.6;
		margin-bottom: var(--gapS);
	}

	.actualitat_thumbnail {
		margin-bottom: var(--gapM);
	}

	h2,
	h3,
.bloc-h1 h1 {
		font-family: "Barlow Semi Condensed", sans-serif;
		color: var(--taronja);
		line-height: 1.3;
		font-weight: 700;
		margin-bottom: 1em;
	}

	h2,
.bloc-h1 h1 {
		font-size: 1.75rem;
	}

	h3,
.bloc-h1 h2 {
		font-size: 1.5rem;
	}

	h4 {
		font-size: 1.375rem;
	}

	.data {
		font-size: 0.9375rem;
		font-weight: 500;
		line-height: 1.86;
		margin-bottom: 10px;
	}

	+ .yarpp-related section {
		background-color: var(--bggris);
	}
}

.single .yarpp-related {
	margin: 0;
	background-color: var(--bggris);
	section#noticies {
		margin-top: 0;
	}
}

/**************************
PPP - PATRONAT
***************************/

.patronat h2.wp-block-heading {
	text-align: center;
	grid-column: 1/-1;
}

.patronat img {
	border-radius: var(--radius);
	margin-left: auto;
	margin-right: auto;
}

.membres-patronat-grid > .wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: var(--gapM);
	row-gap: var(--gapS);
	justify-content: center;
}

.patronat-intro {
	padding-top: var(--gapM);
	> .wp-block-group__inner-container :last-child {
		margin-bottom: 0;
	}
}

.membre-patronat {
	z-index: 1;

	h3 {
		margin-bottom: var(--gapXS);
	}

	img {
		margin-bottom: var(--gapS);
		aspect-ratio: 2/1.3;
		object-fit: cover;
		object-position: center center;
	}

	.membre-patronat-carrec {
		text-transform: uppercase;
		font-size: 0.875rem;
		font-weight: 500;
		letter-spacing: 0.05em;
		margin-bottom: 0.5em;
		color: #757575;
	}

	.veure-mes {
		font-size: 0.875rem;
		margin-top: 1em;
		display: block;
		font-weight: 500;
		text-decoration: none;
		color: var(--taronja);
	}

	.veure-mes::before {
		content: "+";
		margin-right: 8px;
		font-weight: 700;
	}

	.veure-mes::before:hover {
		text-decoration: none;
	}

	.membre-patronat-perfil {
		font-size: 1.0625rem;
		line-height: 1.6;
	}

	&:last-of-type .membre-patronat-intro {
		margin-bottom: 0;
	}
}

.membre-patronat-perfil {
	display: none;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	z-index: 1000;
	> .wp-block-group__inner-container {
		background-color: #fff;
		border-radius: var(--radius);
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
		padding: var(--gapM);
		width: 90%;
		max-width: 600px;
		max-height: 80vh;
		overflow: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.close {
		position: absolute;
		right: var(--gapS);
		top: var(--gapS);
		background: url("img/ico_close.svg") no-repeat center;
		background-size: contain;
		width: 16px;
		height: 16px;
		text-indent: -999em;
		&:hover {
			cursor: pointer;
		}
	}

	.popup-title {
		font-weight: 700;
	}
}

/**************************
TESTIMONIS
***************************/

.grid-testimonis {
	> .wp-block-group__inner-container {
		display: grid;
		grid-template-columns: 1fr;
		gap: var(--gapS);
		justify-content: center;
	}

	.testimoni,
	.testimoni-txt,
	.testimoni .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.testimoni-txt p:nth-child(2) {
		margin-top: auto;
		min-height: 50px;
		margin-bottom: 0;
	}
}

/* Logos Applus */

.logos-applus .wp-block-group__inner-container {
display: flex;
justify-content: center;
gap: 10px;

	img {
	max-width: 76px;
	}
}

/**************************
PPP - SLIDESHOW
***************************/

.slides {
	border-radius: var(--radius);
	overflow: hidden;
}

/**************************
PPP - PAGINACIÓ
***************************/

nav[class*="pagination"] {
	margin-top: var(--gapXXL);
	margin-bottom: var(--gapL);
}

nav[class*="pagination"],
.wp-block-query-pagination-numbers,
.nav-links {
	display: flex;
	justify-content: center;
	gap: 8px;
}

.page-numbers,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.pagination-previous,
.pagination-next {
	color: var(--bodytext);
	border: 1.5px solid var(--taronja);
	border-radius: 4px;
	padding: 8px 20px 10px 20px;
	font-size: 1.0625rem;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.125rem;
}

nav[class*="pagination"] a,
.nav-links a {
	text-decoration: none;
}

.page-numbers.current,
nav[class*="pagination"] a:hover {
	background-color: var(--bggris);
	text-decoration: underline;
}

a.page-numbers,
span.page-numbers {
	display: none;
}

/* Cerca + 404 */

.search main,
.error404 main {
	padding: var(--gapL) 0;
}

.search-results {
	h1 {
		margin-bottom: 1em;
	}

	main ul {
		margin-bottom: var(--gapM);
		li {
			padding: 1em 0;
			border-bottom: 1px solid #ccc;
		}
	}

	a {
		text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
	}
}

.search-form-404 {
	display: flex;
	flex-direction: row;
	gap: var(--gapS);
	margin-top: 0.5em;

	input {
		line-height: 1;
		margin: 0;
	}
}

/**************************
RESPONSIVE
***************************/

@media (min-width: 500px) {
	h2,
.bloc-h1 h1 {
		font-size: 2.25rem;
		line-height: 1.2;
	}

	#masthead {
		grid-template-columns: 240px 1fr;
	}

	/* Patronat */

	.membres-patronat-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, minmax(220px, 260px));

		.membre-patronat img {
			aspect-ratio: 0.66;
		}
	}

	/* Testimonis */

	.grid-testimonis {
		> .wp-block-group__inner-container {
			grid-template-columns: repeat(2, 1fr);
		}
	}
}

@media (min-width: 650px) {
	.grid_noticies li {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--gapM);
	}
}

@media (min-width: 768px) {
	html {
		font-size: 14px;
	}

	h3 {
		margin-bottom: var(--gapM);
	}

	.intro_slogan_txt h3 {
		margin-bottom: 1em;
	}

	/** HEADER **/

	#masthead {
		display: grid;
		grid-template-columns: 320px 1fr;
		grid-template-areas:
			"header_logo  header_dreta"
			"menu menu"
			"cercador  cercador";
	}

	.header_logo img {
		width: 130px;
	}

	.header_dreta {
		background-color: transparent;
		height: 100%;
		gap: var(--gapM);
	}

	.header_menu {
		border-top: 1px solid #ccc;
		display: block;
	}

	.boto_contacte_header a,
	.boto_contacte_header a:visited {
		padding: 34px 35px 34px 76px;
		font-size: 1.25rem;
		font-weight: 800;
		background-position: 35px 31px;
		background-size: 26px auto;
		color: #fff;
	}

	/* FOOTER */

	#footer > .wp-block-group__inner-container {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"adreca mapa"
			"certificats xxss"
			"logo-claim logo-claim";
	}

	.footer-certificats {
		padding-top: var(--gapL);

		li {
			background-position: left 0.5em;
			padding-left: 30px;
			background-size: 18px auto;
		}
	}

	.logo-claim figure {
		max-width: 240px;
	}

	#footer .menu-legal ul {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: var(--gapS);
	}

	/* Logos col·laboradors */

	.home .logos-list-group .wrap > .wp-block-group__inner-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--gapS);
	}

	.logos-list {
		grid-template-columns: 1fr 1fr;
	}

	.home .logos-list:last-of-type {
		grid-column: 1/-1;
		grid-template-columns: repeat(5, 1fr);
	}

	/* Intro home */

	.intro_home .bloc_text {
		max-width: 800px;
	}

	/* Pagination */
	a.page-numbers,
	span.page-numbers {
		display: flex;
	}

	/**************************
SECCIONS - COMUNS
***************************/

	.section_header h2.wp-block-heading::after,
	.single_actualitat article h1::after {
		width: 175px;
	}

	.footer-adreca,
	.footer-certificats,
	.footer-xxss {
		padding: var(--gapL);
	}

	.bloc-contacte-amb-foto img {
		height: 100%;
		object-fit: cover;
		aspect-ratio: 19/6;
	}

	/* Actualitat */

	.header_actualitat {
		padding: var(--gapL) 0;
		h1 {
			font-size: 3rem;
			padding: 10px 30px 14px 30px;
		}
	}

	/* Patronat */

	.membre-patronat-intro {
		font-size: 1.0625rem;
		line-height: 1.4;
	}
}

/* ANCHOR 900 */

@media (min-width: 900px) {
	section + section {
		margin-top: var(--gapM);
	}

	section + section.section_noticies,
	section + section.intro-home {
		margin-top: 0;
	}

	section.section_serveis {
		margin-bottom: 0;
	}

	/* Grid */

	.bloc_grid > .wp-block-group__inner-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 60px;
		align-items: start;
	}

	.grid_stretch > .wp-block-group__inner-container {
		align-items: stretch;
	}

	.float_right,
	.float_left {
		width: calc(50% - 30px);
		margin-bottom: 60px;
	}

	.float_right {
		float: right;
	}

	.float_left {
		float: left;
	}

	.capseta_margin_top {
		margin-top: 150px;
	}

	/* Botons */

	.section_noticies .wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link,
	.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link {
		background-position: calc(100% - 20px) 14px;
	}

	/* Testimonis */

	.grid-testimonis > .wp-block-group__inner-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ANCHOR 1100 */

@media (min-width: 1100px) {
	.wrap-wide {
		max-width: 1600px;
	}

	.wrap-narrow {
		max-width: 800px;
	}

	/* Header */

	.header_logo {
		display: flex;
		justify-content: center;
	}

	/* HOME */

	.capcalera-home {
		.grid2 {
			padding-bottom: 20px;
		}

		.capcalera-home img {
			min-height: 550px;
		}
	}

	.intro_home.grid2 > .wp-block-group__inner-container {
		align-items: center;
	}

	/* HOME */

	/* Capçalera Home */

	.capcalera-home > .wp-block-group__inner-container {
		display: grid;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;

		.alignnormal {
			grid-column: 1/2;
			grid-row: 1/2;
		}

		.metaslider .flex-control-nav {
			bottom: 50px;
		}

		.flex-pauseplay a {
			bottom: 35px;
		}

		img {
			min-height: 384px;
		}

		.wrap.grid2 {
			width: 90%;
			max-width: 1440px;
			grid-column: 1/2;
			grid-row: 1/2;

			display: flex;
			flex-direction: column;
			justify-content: end;

			.intro_slogan {
				max-width: 440px !important;
			}

			.intro_slogan_txt {
				padding: 10px 20px;
				border-radius: 8px 8px 0px 0px;
				background: rgba(0, 0, 0, 0.8);
			}
		}
	}

	/* Ratlla sota slideshow */

	figure.ratlla {
		display: block;
		width: 100%;
		height: auto;
		max-width: none;
		transform: translateY(-50%);
		margin-bottom: calc(var(--gapL) * -1);

		&.ratlla-sola {
			transform: translateY(-10%);

			+ section {
				margin-top: 0;
				padding-top: var(--gapXXL);
			}
		}

		img {
			width: 100%;
			max-width: none;
		}

		+ section {
			padding-top: var(--gapS);
		}
	}

	/*** FOOTER ***/

	.logos-list img {
		max-height: 80px;
	}

	#footer > .wp-block-group__inner-container {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-template-areas:
			"mapa mapa mapa adreca adreca adreca"
			"certificats certificats xxss xxss logo-claim logo-claim";
	}

	.logo-claim figure {
		margin-bottom: 2em;
	}


	/* SECCIONS - COMUNS */

	section.bggris,
	.home .section_noticies,
	.yarpp-related .section_noticies,
	.botons_cta {
		padding: var(--gapXL) 0;
	}

	section.bgcrema,
	section.bgcrema.wrap {
		padding: var(--gapL) 0;
	}

	section.bloc-contacte-amb-foto.bgcrema {
		padding: 0;
	}

	/*** HOME ***/

	.capcalera-home figure img {
		aspect-ratio: initial;
	}

	.intro_slogan_txt,
	.fer-donatiu a,
	.fer-donatiu a:visited {
		padding: 20px 40px;
	}

	.fer-donatiu {
		border-radius: 0 0 8px 8px;
	}

	/*** BLOCS COMUNS ***/

	.grid2 > .wp-block-group__inner-container,
	.grid4 > .wp-block-group__inner-container {
		grid-template-columns: 1fr 1fr;
		column-gap: var(--gapL);
		row-gap: var(--gapM);
	}

	.grid2.intro_home > .wp-block-group__inner-container {
		grid-template-columns: 1fr;
		row-gap: var(--gapL);
	}

	.grid3 > .wp-block-group__inner-container {
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: var(--gapL);
		row-gap: var(--gapM);
	}

	.bloc-objectius .grid3 > .wp-block-group__inner-container {
		grid-template-columns: 0.75fr 1.25fr 1.5fr;
	}

	[class*="grid"] > .wp-block-group__inner-container > h2 {
		grid-column: 1/-1;
	}

	/* Icones */

	figure.icona-cos {
		display: flex;
		align-items: end;
		height: 180px;
		img {
			object-fit: contain;
			object-position: left bottom;
		}
	}

	/*** ACTUALITAT ***/

	.llistat_actualitat section#noticies,
	.single_actualitat article {
		margin-top: var(--gapXL);
	}

	/*  Llistat notícies */

	.grid_noticies {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: var(--gapM);
	}

	.noticies_archive {
		padding-top: var(--gapXL);
	}

	.grid_noticies li.post {
		display: block;
		margin: 0;
	}

	/* Single notícia + agenda */

	.wrap.wrap_text {
		max-width: 1000px;
		display: grid;
		grid-template-columns: 125px 1fr 125px;

		> * {
			grid-column: 2/3;
		}

		> figure.wp-block-gallery {
			grid-column: 1/-1;
		}
	}

	/*** PÀGINES EN GENERAL ***/

	.membres-patronat-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(3, minmax(220px, 260px));
	}
}

@media (min-width: 1400px) {
	:root {
		--gapS: 20px;
		--gapM: 40px;
		--gapL: 60px;
		--gapXL: 80px;
		--gapXXL: 100px;
	}
	html {
		font-size: 16px;
	}

	body,
	button,
	input,
	select,
	textarea {
		line-height: 1.6;
	}

	/* Capçalera */

	.capcalera-home .grid2 {
		margin-bottom: 54px;
		display: flex;
		flex-direction: column;
		justify-content: end;
	}

	/*** Header ***/

	#masthead {
		display: grid;
		grid-template-columns: 240px 1fr max-content;
		align-items: center;
	}

	#masthead {
		grid-template-areas:
			"header_logo menu header_dreta"
			"cercador cercador cercador";
	}

	.header_menu {
		border-top: none;
	}

	form.search-form input[type="submit"] {
		background-position: calc(100% - 20px) 17px;
	}

	/*** Home ***/

	.grid2.intro_home > .wp-block-group__inner-container {
		grid-template-columns: 1fr 1fr;
		row-gap: var(--gapM);
	}

	/* FOOTER HOME - Logos col·laboradors */

	.home .logos-list-group .wrap > .wp-block-group__inner-container {
	grid-template-columns: 1fr 1fr 1fr;
	}

	/*** PÀGINES EN GENERAL ***/

	.membres-patronat-grid > .wp-block-group__inner-container {
		grid-template-columns: repeat(5, minmax(220px, 260px));
	}

	/* Testimonis */

	.grid-testimonis {
		> .wp-block-group__inner-container {
			grid-template-columns: repeat(5, 1fr);
		}
		&.testimonis-clients > .wp-block-group__inner-container {
			grid-template-columns: repeat(3, 1fr);
		}
	}



	/**************************
BLOCS COMUNS
***************************/

	.grid4 > .wp-block-group__inner-container {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (min-width: 1600px) {
	/*** Header ***/

	#masthead {
		display: grid;
		grid-template-columns: 380px 1fr max-content;
		align-items: center;
	}

	/*** FOOTER ***/

	#footer > .wp-block-group__inner-container {
		grid-template-columns: repeat(5, 1fr);
		grid-template-areas: "mapa adreca certificats xxss logo-claim";
	}
}