@charset "UTF-8";
/*!
Theme Name: fundacioescolta theme
Theme URI: http://underscores.me/
Author: fundacioescolta SCCL
Author URI: https://fundacioescolta.coop/
Description: Wordpress Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fundacioescolta
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

fundacioescolta theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/* roboto-100 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: url("fonts/roboto-v29-latin-100.eot");
	/* IE9 Compat Modes */
	src: local(""), url("fonts/roboto-v29-latin-100.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-100.woff2") format("woff2"), url("fonts/roboto-v29-latin-100.woff") format("woff"), url("fonts/roboto-v29-latin-100.ttf") format("truetype"), url("fonts/roboto-v29-latin-100.svg#Roboto") format("svg");
	/* Legacy iOS */
}

/* roboto-300 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url("fonts/roboto-v29-latin-300.eot");
	/* IE9 Compat Modes */
	src: local(""), url("fonts/roboto-v29-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-300.woff2") format("woff2"), url("fonts/roboto-v29-latin-300.woff") format("woff"), url("fonts/roboto-v29-latin-300.ttf") format("truetype"), url("fonts/roboto-v29-latin-300.svg#Roboto") format("svg");
	/* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url("fonts/roboto-v29-latin-regular.eot");
	/* IE9 Compat Modes */
	src: local(""), url("fonts/roboto-v29-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-regular.woff2") format("woff2"), url("fonts/roboto-v29-latin-regular.woff") format("woff"), url("fonts/roboto-v29-latin-regular.ttf") format("truetype"), url("fonts/roboto-v29-latin-regular.svg#Roboto") format("svg");
	/* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url("fonts/roboto-v29-latin-italic.eot");
	/* IE9 Compat Modes */
	src: local(""), url("fonts/roboto-v29-latin-italic.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-italic.woff2") format("woff2"), url("fonts/roboto-v29-latin-italic.woff") format("woff"), url("fonts/roboto-v29-latin-italic.ttf") format("truetype"), url("fonts/roboto-v29-latin-italic.svg#Roboto") format("svg");
	/* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url("fonts/roboto-v29-latin-500.eot");
	/* IE9 Compat Modes */
	src: local(""), url("fonts/roboto-v29-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-500.woff2") format("woff2"), url("fonts/roboto-v29-latin-500.woff") format("woff"), url("fonts/roboto-v29-latin-500.ttf") format("truetype"), url("fonts/roboto-v29-latin-500.svg#Roboto") format("svg");
	/* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url("fonts/roboto-v29-latin-700.eot");
	/* IE9 Compat Modes */
	src: local(""), url("fonts/roboto-v29-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-700.woff2") format("woff2"), url("fonts/roboto-v29-latin-700.woff") format("woff"), url("fonts/roboto-v29-latin-700.ttf") format("truetype"), url("fonts/roboto-v29-latin-700.svg#Roboto") format("svg");
	/* Legacy iOS */
}

/* roboto-900 - latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: url("fonts/roboto-v29-latin-900.eot");
	/* IE9 Compat Modes */
	src: local(""), url("fonts/roboto-v29-latin-900.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-900.woff2") format("woff2"), url("fonts/roboto-v29-latin-900.woff") format("woff"), url("fonts/roboto-v29-latin-900.ttf") format("truetype"), url("fonts/roboto-v29-latin-900.svg#Roboto") format("svg");
	/* Legacy iOS */
}

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	height: 20px;
	width: 20px;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #1a1a1a;
	font: 400 16px "Roboto", monospace;
	line-height: 1.5;
}

@media screen and (min-width: 1000px) {
	h1,
	h2 {
		font-size: 50px;
		line-height: 50px;
		margin-bottom: 45px;
	}
	h3 {
		margin-bottom: 25px;
		font-size: 35px;
	}
	h4 {
		font-size: 22px;
		letter-spacing: 0.1px;
	}
	h5 {
		font-size: 18px;
		letter-spacing: 0.1px;
		line-height: 18px;
	}
	h6 {
		clear: both;
		font-size: 20px;
		line-height: 1.1;
		font-weight: 600;
	}
	.header-home h1 {
		width: 60%;
		text-align: left;
		font-size: 55px;
		line-height: 0.9;
		font-weight: 900;
		text-align-last: left;
	}
	header.entry-header.header-home {
		color: white;
		padding: 1em 4em;
	}
	.entry-header h1.entry-title {
		font-size: 55px;
	}
}

@media screen and (max-width: 1000px) {
	h1 {
		font-size: 30px;
		line-height: 30px;
	}
	h2 {
		font-size: 30px;
		line-height: 30px;
	}
	h3 {
		margin-bottom: 25px;
		font-size: 25px;
	}
	h4,
	h5 {
		font-size: 18px;
		line-height: 18px;
	}
	h6 {
		clear: both;
		text-align: center;
		text-align: -moz-center;
		font-size: 20px;
		font-weight: 600;
		line-height: 1.1;
	}
	.header-home h1 {
		width: 100%;
		text-align: left;
		font-size: 30px;
		line-height: 0.9;
		font-weight: 900;
		text-align-last: left;
	}
	header.entry-header.header-home {
		color: white;
		padding: 7em 2em;
	}
	.entry-header h1.entry-title {
		font-size: 30px;
	}
}

h3.text-blanc {
	color: white;
	margin-bottom: 25px;
}

h5.mes-caption {
	font-size: 20px;
	font-weight: 100;
}

h2 a {
	color: unset !important;
}

.bloc-home h2 {
	margin-bottom: 0px;
}

.wp-block-column h2 {
	margin-bottom: 0px;
}

p {
	margin-bottom: 1.5em;
	text-align: left;
	font-size: 16px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: black;
	font-family: "Roboto", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #156e77;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #F4F4F4;
}

footer {
	background: transparent;
	color: #1a1a1a;
	padding: 1em 4em;
	display: flex;
	flex-direction: column;
}

footer span, footer a, footer p {
	font-size: 0.8rem;
	margin-bottom: 0;
	color: #1a1a1a;
}

footer div {
	padding-bottom: 0.3em;
}

footer .column-2 {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

footer .column-2 div:first-child {
	width: 100%;
}

footer .column-2 div + div {
	padding: 0 1em 0 0;
}

.logos-footer img {
	height: 66px;
	width: auto;
	padding: 0 25px 0 0;
}

footer .container-global {
	align-items: flex-end;
	border-top: 1px solid;
	padding: 25px 0;
}

.logos-footer .entry-content.page {
	padding-bottom: 0px;
	margin: 0px;
}

.logos-footer {
	background: transparent;
	padding: 35px 0 15px;
}

.copy-peu {
	display: flex;
	justify-content: center;
	border-top: 1px solid;
	padding: 14px 0 16px;
}

.wp-block-column.columna-logos-footer {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 950px) {
	.logos-footer {
		padding-bottom: 15px;
		justify-content: center;
	}
	ul#menu-legal li.menu-item a {
		color: #1a1a1a !important;
	}
	footer {
		padding: 0.5em 1em;
	}
	.wp-block-column.columna-logos-footer img {
		height: 40px;
	}
	ul#menu-xxss-footer {
		justify-content: flex-start !important;
	}
}

hr {
	background-color: #000;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

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

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

.wp-block-embed figcaption {
	text-align: left;
	color: black;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #156e77;
	text-decoration: none;
}

a:visited {
	color: #156e77;
}

a:hover, a:focus, a:active {
	color: #156e77;
}

a:focus {
	outline: none;
}

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	border-radius: 0px;
	background: #ffffff;
	color: #174A43;
	line-height: 1;
	padding: 1em 2em 1em;
	cursor: pointer;
	margin: 15px 0;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #156e77;
	border-color: #156e77 #156e77 #156e77;
	transition: 0.3s;
	color: white;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #156e77 #156e77 #156e77;
}

.header-home a.button {
	float: left;
}

a.button:hover {
	background: #F0B349;
}

.boto-escoltes a.wp-block-button__link.has-background:before {
	content: url(images/logo-escoltes.png);
	padding-right: 15px;
}

button.filter-formacions {
	margin-right: 5px;
}

a.wp-block-button__link.has-white-background-color.has-text-color.has-background {
	border-bottom: 1px solid #1a1a1a;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea, select {
	color: #1a1a1a;
	border: none;
	border-radius: 0px;
	padding: 8px 3px;
	width: 100%;
	background: white;
	border-bottom: 1px solid;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus, select:focus {
	color: #1a1a1a;
}

textarea {
	height: 100px;
	width: -webkit-fill-available;
}

form.wpcf7-form.init p {
	margin-bottom: 8px;
}

div#input-radio {
	margin-top: 15px;
}

.condicions-acceptacions {
	margin-top: 15px;
}

div#input-file {
	margin-top: 15px;
	display: flex;
	flex-direction: column;
}

.condicions-acceptacions p {
	margin-bottom: 5px;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.camp-formulari {
	margin-top: 5px;
}

@media screen and (min-width: 950px) {
	.camps-formulari {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
	div#input-nom, #input-cognoms, #input-dni, #input-prov, #input-sexe, #input-naix {
		width: 33.33%;
		padding: 5px;
	}
	div#input-adreca, div#input-email, #input-radio, #input-telf, #input-file {
		width: 50%;
		padding: 0 5px;
	}
	div#input-ciutat {
		width: 30%;
		padding: 0 5px;
	}
	div#input-postal {
		width: 20%;
		padding: 0 5px;
	}
	.seccio-formularis {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 15px;
	}
}

.formulari-formacio input[type="text"],
.formulari-formacio input[type="email"],
.formulari-formacio input[type="tel"],
.formulari-formacio input[type="date"],
.formulari-formacio textarea,
.formulari-formacio select {
	background: white;
	border-bottom: 1px solid;
}

form {
	border-top: 1px solid;
	padding-top: 75px;
}

.booking-formulari input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
	background: #e9e9e9;
}

.serveis-booking label {
	margin-right: 15px;
}

.serveis-booking [type="checkbox"], [type="radio"] {
	vertical-align: middle;
}

.container-booking-terreny input[type="submit"] {
	background: #156e77;
	color: white;
}

wpcf7-form-control-wrap .booking-formulari input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
	background: white;
}

.serveis-booking button, input[type="button"], input[type="reset"], input[type="submit"] {
	background: #156e77;
	color: white;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
header.site-header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	height: 100px;
	border-bottom: 1px solid;
}

header.site-header[aria-expanded="true"] {
	height: auto;
}

header.site-header > div {
	justify-content: flex-start;
	align-content: center;
}

header.site-header > div > p {
	margin-bottom: 0;
}

header.site-header > div > p > a {
	color: #000;
	font-weight: bold;
}

header.site-header > nav {
	display: flex;
	flex-direction: row-reverse;
}

header.site-header > nav button {
	background-color: transparent;
	border: none;
}

.site-branding.display-none {
	display: none;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

:root {
	--screen-width:     100%;
	--screen-height:    100%;
	--splash-bg-color:  black;
}

.nav__toggle {
	display: inline-block;
	position: absolute;
	z-index: 10;
	padding: 0;
	border: 0;
	background: transparent;
	outline: 0;
	right: 15px;
	top: 15px;
	cursor: pointer;
	border-radius: 50%;
	transition: background-color .15s linear;
}

.nav__toggle:hover, .nav__toggle:focus {
	background-color: transparent;
}

.nav__menu {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: var(--screen-height);
	position: relative;
	z-index: 5;
	visibility: hidden;
	width: 100vw;
	margin: 0;
	list-style: none;
	padding-bottom: 1em;
	background: #32592E;
	list-style: none;
}

.nav__menu > li:first-child,
.nav__menu > li:nth-child(2) {
	padding: 2em 0 2em 2em;
}

.nav__menu > li:nth-child(3) {
	padding-top: 1em;
}

.nav__menu > li:nth-child(n+3) {
	padding-left: 2em;
}

.nav__menu > li:nth-child(n+3) a {
	font-size: 1.25rem;
}

.nav__menu li {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-areas: "item1 item2" "item3 item3";
	position: relative;
	width: 100%;
	align-items: center;
}

.nav__menu .arrow-down {
	background-image: url("images/arrow-down.png");
	background-repeat: no-repeat;
	grid-area: item2;
	width: 50px;
	height: 50px;
	display: block;
	margin-top: 35px;
	cursor: pointer;
}

.nav__menu ul {
	grid-area: item3;
	list-style: none;
}

.nav__menu ul li {
	font-family: 'Gotham Rounded Medium', sans-serif;
}

.nav__menu ul li a {
	font-size: 0.6em;
	font-weight: normal;
	width: 100%;
}

.nav__item {
	opacity: 0;
	transition: all 0.3s cubic-bezier(0, 0.995, 0.99, 1) 0.3s;
}

.nav__item:nth-child(1) {
	transform: translateY(-40px);
}

.nav__item:nth-child(2) {
	transform: translateY(-80px);
}

.nav__item:nth-child(3) {
	transform: translateY(-120px);
}

.nav__item:nth-child(4) {
	transform: translateY(-160px);
}

.nav__item:nth-child(5) {
	transform: translateY(-200px);
}

.nav a {
	grid-area: item1;
	color: white;
	display: inline-block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 1.25rem;
	text-decoration: none;
	padding: 1rem;
	color: white;
	font-weight: bold;
}

.nav a:hover, .nav a:focus {
	outline: 0;
	background-color: transparent;
}

.admin-bar .nav a {
	margin-top: 2px;
}

.admin-bar .nav__menu > li.menu-item-has-children > a:after {
	top: 98px;
}

.admin-bar .nav a:hover {
	color: #f0f0f0;
}

.menuicon {
	display: block;
	cursor: pointer;
	color: black;
	transform: rotate(0deg);
	transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.menuicon__bar, .menuicon__circle {
	fill: none;
	stroke: currentColor;
	stroke-width: 3;
	stroke-linecap: round;
}

.menuicon__bar {
	transform: rotate(0deg);
	transform-origin: 50% 50%;
	transition: transform .25s ease-in-out;
}

.menuicon__circle {
	transition: stroke-dashoffset .3s linear .1s;
	stroke-dashoffset: 144.51326;
	stroke-dasharray: 144.51326;
}

.splash {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 1px;
	height: 1px;
}

.splash::after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 0;
	background-color: var(--splash-bg-color);
	width: 100vw;
	height: 100vh;
	top: 0;
	left: -100vw;
	transform: scale(0);
	transform-origin: 50% 50%;
	transition: transform 0s cubic-bezier(0.755, 0.05, 0.855, 0.06);
	will-change: transform;
}

.nav__toggle {
	background: none !important;
}

.nav__toggle a:focus,
.nav__toggle a:hover {
	background: none !important;
}

.nav:target > .splash::after,
.nav--open > .splash::after {
	transform: scale(1);
}

.nav:target .menuicon,
.nav--open .menuicon {
	color: black;
	transform: rotate(180deg);
}

.nav:target .menuicon__circle,
.nav--open .menuicon__circle {
	stroke-dashoffset: 0;
}

.nav:target .menuicon__bar:nth-child(1), .nav:target .menuicon__bar:nth-child(4),
.nav--open .menuicon__bar:nth-child(1),
.nav--open .menuicon__bar:nth-child(4) {
	opacity: 0;
}

.nav:target .menuicon__bar:nth-child(2),
.nav--open .menuicon__bar:nth-child(2) {
	transform: rotate(45deg);
}

.nav:target .menuicon__bar:nth-child(3),
.nav--open .menuicon__bar:nth-child(3) {
	transform: rotate(-45deg);
}

.nav:target .nav__menu,
.nav--open .nav__menu {
	visibility: visible;
}

.nav:target .nav__item,
.nav--open .nav__item {
	opacity: 1;
	transform: translateY(0);
}

.menu-menu-principal-container a {
	color: white;
}

ul.sub-menu {
	display: none;
}

.only-desktop ul#menu-menu-principal li ul.sub-menu li {
	text-align: left;
	line-height: 1.5;
	background: #ffffff;
	min-width: 260px;
	padding: 0.5em 0.5em 0.5em 55px;
	z-index: 2;
	margin-left: -0.8em;
}

.only-desktop ul#menu-menu-principal li ul.sub-menu li a:hover {
	color: #174a43;
}

.menu-desktop a {
	color: #1a1a1a;
}

.menu-desktop {
	margin-top: 30px;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
	padding: 0 0em;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-header {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 1em 0 0;
}

.entry-header h1.entry-title {
	width: 60%;
	text-align: left;
	line-height: 0.9;
	font-weight: 900;
	color: #1a1a1a;
	text-align-last: left;
	margin-bottom: 15px;
}

.imatge-entrada {
	height: 100%;
	width: 35%;
	float: left;
}

.entrada {
	display: flex;
	background: white;
}

.caption-destacades {
	width: 65%;
	padding: 18px;
	float: right;
	height: 100%;
	text-align: left;
}

.caption-destacades h5 {
	color: #156e77;
}

.content-caption {
	line-height: 1;
	color: #156e77;
	margin: 8px 0;
}

span.date-caption {
	color: #156e77;
}

header.entry-header.header-global {
	padding: 4em 4em 1em;
	max-width: 1600px;
	margin: auto;
}

header.entry-header.header-global p {
	color: #1a1a1a;
	display: flex;
	text-align-last: left;
	font-size: 18px;
}

.imatge-tasca {
	width: 100%;
	height: 250px;
}

.tasca h5 {
	font-size: 22px;
	color: #156e77;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/**fade in effect **/
.container-tasques {
	position: relative;
	width: 100%;
	height: 250px;
	display: inline-block;
}

.container-tasques:hover .overlay-tasques {
	opacity: 1;
	mix-blend-mode: screen;
}

.overlay-tasques {
	position: absolute;
	transition: all .3s ease;
	opacity: 0;
	background-color: #eeeeee;
}

.overlayFade {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #156e77;
}

/**fin fade in effect **/
/* SLIDE UP */
.slide-up .overlay-slide {
	line-height: 200px;
	color: #fff;
	transform: translateY(100%);
	-webkit-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
}

.slide-up .box-slide:hover .overlay-slide {
	transform: translateY(0);
}

.four {
	width: 32.26%;
}

.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}

.col:first-of-type {
	margin-left: 0;
}

.box-slide {
	display: block;
	width: 100%;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.overlay-slide {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

/**fin slide up **/
.shape-box {
	display: inline-block;
	position: relative;
	z-index: 1;
	height: 275px;
	box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.12);
	overflow: hidden;
	width: 100%;
}

.shape-box_half {
	overflow: hidden;
	text-align: left;
}

.shape-box_half:before {
	content: '';
	position: absolute;
	top: 0;
	left: 110px;
	right: 0;
	bottom: 0;
	transform: rotateY(45deg);
	transform-origin: top right;
	transition: \transform .4s;
	background: #fff;
	z-index: 1;
}

.shape-box > img {
	width: 50%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.bg-black {
	background-color: #000;
}

.shape-box_half figcaption {
	position: absolute;
	left: 45%;
	right: 0;
	bottom: 0;
	padding: 0 30px 10px;
	transition: \transform .4s;
	transform: translateY(100%);
	z-index: 3;
}

.shape-box_half figcaption .show-cont {
	position: absolute;
	bottom: calc(100% + 30px);
	left: 30px;
	right: 30px;
	transition: bottom .4s;
}

.card-no {
	font-size: 36px;
	color: #156e77;
	padding: 0;
	margin: 10px 0;
}

.card-main-title {
	margin-top: 8px;
	font-weight: 700;
	font-size: 24px;
	text-transform: uppercase;
	color: #292b2c;
}

.card-content {
	color: #9f9f9f;
	margin-top: 0px;
	line-height: 15px;
	font-size: 15px;
}

.read-more-btn {
	border: 1px solid #156e77;
	font-size: 14px;
	cursor: pointer;
	padding: 10px 20px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-weight: 600;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #156e77;
	color: #fff;
	border-radius: 2px;
	margin-top: 25px;
	text-decoration: none;
}

.read-more-btn:hover {
	background: transparent;
	color: #156e77;
}

.shape-box_half > .after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	opacity: 0;
	transition: opacity .4s;
}

/*On hover*/
.shape-box_half:hover:before {
	transform: rotateY(45deg);
}

.shape-box_half:hover figcaption {
	transform: translateY(0);
}

.shape-box_half:hover figcaption .show-cont {
	bottom: 100%;
}

.shape-box_half:hover > .after {
	opacity: 1;
}

.show-cont p {
	margin-bottom: 8px;
}

p.card-content {
	margin-bottom: 5px;
}

a.read-more-btn {
	color: white;
}

.show-cont > div {
	margin-bottom: 1em;
}

@media screen and (min-width: 1000px) {
	.actualitat.actualitat-general {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
		grid-auto-rows: minmax(100px, auto);
	}
	.formacions-general {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 10px;
		grid-auto-rows: minmax(100px, auto);
	}
	.formacions-general .shape-box > img {
		width: 100%;
		height: 50%;
	}
	.formacions-general .shape-box_half:before {
		left: 0;
		top: 50%;
	}
	.formacions-general .shape-box {
		height: 565px;
	}
	.formacions-general .shape-box_half figcaption {
		left: 0;
	}
	.formacions-general .shape-box_half:before {
		transform: rotateY(4deg);
	}
	.formacions-general .shape-box_half:hover:before {
		transform: rotateY(3deg);
	}
	.formacions-general .read-more-btn {
		margin-top: 0px;
	}
}

@media screen and (min-width: 550px) and (max-width: 1000px) {
	.shape-box {
		height: 275px;
	}
	.formacions-general {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
		grid-auto-rows: minmax(100px, auto);
	}
	.formacions-general .shape-box > img {
		width: 100%;
		height: 40%;
	}
	.formacions-general .shape-box_half:before {
		left: 0;
		top: 40%;
	}
	.formacions-general .shape-box {
		height: 400px;
	}
	.formacions-general .shape-box_half figcaption {
		left: 0;
	}
	.formacions-general .shape-box_half:before {
		transform: rotateY(4deg);
	}
	.formacions-general .shape-box_half:hover:before {
		transform: rotateY(3deg);
	}
	.formacions-general .read-more-btn {
		margin-top: 0px;
	}
}

@media screen and (min-width: 350px) and (max-width: 550px) {
	.shape-box > img {
		width: 100%;
		height: 50%;
	}
	.shape-box_half:before {
		left: 0;
		top: 50%;
	}
	.shape-box {
		height: 700px;
	}
	.shape-box_half figcaption {
		left: 0;
	}
	.shape-box_half:before {
		transform: rotateY(4deg);
	}
	.shape-box_half:hover:before {
		transform: rotateY(3deg);
	}
	.shape-box_half figcaption {
		transform: translateY(10%);
	}
	.read-more-btn {
		margin-top: 0px;
	}
	.formacions-general {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
		grid-auto-rows: minmax(100px, auto);
	}
}

@media screen and (max-width: 350px) {
	.shape-box > img {
		width: 100%;
		height: 35%;
	}
	.shape-box_half:before {
		left: 0;
		top: 35%;
	}
	.shape-box {
		height: 500px;
	}
	.shape-box_half figcaption {
		left: 0;
	}
	.shape-box_half:before {
		transform: rotateY(4deg);
	}
	.shape-box_half:hover:before {
		transform: rotateY(3deg);
	}
	.shape-box_half figcaption {
		transform: translateY(10%);
	}
	.read-more-btn {
		margin-top: 0px;
	}
	.formacions-general {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
		grid-auto-rows: minmax(100px, auto);
	}
	.formacions-general .shape-box {
		height: 550px;
	}
}

.caption-terreny .content-caption {
	line-height: 1;
	color: #ffffff;
	margin: 8px 0;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #F4F4F4;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #1a1a1a;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* home
--------------------------------------------- */
/****fundacioescolta STYLES*****/
@media screen and (min-width: 950px) {
	.only-mobile {
		display: none;
	}
}

/* pantalles grans*/
@media screen and (min-width: 950px) {
	.only-min-width {
		display: none;
	}
	.blocs-home {
		display: flex;
		column-gap: 15px;
	}
	.blocs-home a {
		width: 33.33%;
	}
	.tasques-general {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}
	.equip-general {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		gap: 35px 15px;
	}
	.timeline ul li {
		margin-top: -100px !important;
	}
	section.archive-terrenys ul {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 15px;
	}
	.menu-xxss-footer-container img {
		height: 40px;
		padding: 0 35px;
	}
	ul.menu li:hover ul {
		height: 0;
	}
	.menu-xarxes ul {
		display: flex;
		justify-content: right;
		margin-top: 15px;
	}
	.menu-xarxes {
		padding: 0.1em 2em;
		position: absolute;
		right: 20px;
		z-index: 55;
	}
	.menu-xarxes a {
		color: #174A43;
		font-size: 14px;
	}
	.container-formacio {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}
	.filtres-seccions {
		display: flex;
		align-items: center;
	}
	.reserves-seccio {
		width: 30%;
	}
	.reserves {
		display: flex;
	}
	.type-serveis {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px 15px;
	}
	.type-post {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px 15px;
	}
	.grid-6 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		gap: 15px 15px;
	}
	ul.filtres-category {
		display: flex;
		gap: 15px;
	}
	.container-booking-terreny form .dades-booking {
		display: grid;
		grid-template-columns: 1fr 2fr 2fr;
		gap: 15px;
	}
	.bloc-home {
		background-color: #9EC78D;
		background-position-y: 195px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.bloc-home2 {
		background-color: #156e77;
		background-position-y: -210px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.bloc-home3 {
		background-color: #994F0D;
		background-position-y: 195px;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

/*fi pantalles grans*/
/*pantalles tablet*/
@media screen and (min-width: 550px) and (max-width: 950px) {
	.equip-general {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 35px 15px;
	}
	.menu-xxss-footer-container img {
		height: 25px;
		padding: 0 10px;
	}
}

@media screen and (min-width: 350px) and (max-width: 550px) {
	.equip-general {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 35px 15px;
	}
}

/*fi pantalles tablet*/
/* menu hamburguesa*/
@media screen and (max-width: 950px) {
	.only-desktop {
		display: none;
	}
	.box-terreny {
		margin-bottom: 15px;
	}
	ul.menu li:hover ul {
		height: auto;
	}
	ul.sub-menu {
		padding-left: 1em;
	}
	.menu-xarxes ul {
		justify-content: left;
		margin-top: 15px;
	}
	li.menu-item a {
		color: white !important;
	}
	li.menu-item a::after {
		background: white !important;
		bottom: 4px !important;
	}
	ul.menu li:hover ul {
		position: initial !important;
	}
}

/* fi menu hamburguesa*/
/*pantalles petites*/
@media screen and (max-width: 950px) {
	.only-max-width {
		display: none;
	}
	.entrada {
		margin-bottom: 15px;
	}
	.container-equip {
		margin: 25px 0;
	}
	.entry-content.page {
		padding: 0 1em;
	}
	.reserves-seccio {
		width: 100%;
	}
	header.entry-header.header-global {
		padding-left: 1em;
	}
	.bloc-recursos.bloc-serveis {
		margin-bottom: 15px;
	}
	.menu-xxss-footer-container img {
		height: 40px;
		padding: 0 5px;
	}
	.bloc-home {
		background-color: #9EC78D;
		background-position-y: 146px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.bloc-home2 {
		background-color: #156e77;
		background-position-y: -139px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.bloc-home3 {
		background-color: #994F0D;
		background-position-y: 138px;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.icona-petita-mobile img {
		height: 80px;
		width: auto;
	}
	.dos-columns-mobile {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
	}
}

/* fi pantalles petites*/
::-moz-selection {
	/* Code for Firefox */
	color: white;
	background: #156e77;
}

::selection {
	color: white;
	background: #156e77;
}

/* The Overlay (background) */
.overlay {
	/* Height & width depends on how you want to reveal the overlay (see JS below) */
	height: 100%;
	width: 0;
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	left: 0;
	top: 0;
	background-color: black;
	/* Black fallback color */
	background-color: #156e77;
	overflow-x: hidden;
	/* Disable horizontal scroll */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
	position: relative;
	top: 4%;
	/* 25% from the top */
	width: 100%;
	/* 100% width */
	text-align: center;
	/* Centered text/links */
	margin-top: 30px;
	/* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
	padding: 5px 0;
	text-decoration: none;
	font-size: 25px;
	line-height: 1;
	color: #ffffff;
	display: block;
	transition: 0.3s;
	font-weight: 500;
	width: fit-content;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 110px;
	border: none;
	font-family: 'dashicons';
	z-index: 55;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
	.overlay a {
		font-size: 20px;
	}
	.overlay .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}

a.custom-logo-link {
	width: 200px;
}

.only-desktop ul#menu-menu-principal {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	padding-top: 25px;
}

.only-desktop ul#menu-menu-principal li {
	place-self: center;
	padding: 0 0.8em;
	text-align: center;
	align-items: center;
	line-height: 2;
	font-size: 18px;
	justify-content: center;
	position: relative;
}

.dashicons:before {
	font-family: 'dashicons';
	font-size: 14px;
	color: #1d2327;
	background: white;
	padding: 2px;
	border-radius: 50px;
}

.twitter:before {
	content: url("images/twitter-footer.png");
	font-family: 'dashicons';
	font-size: 14px;
	padding: 2px;
	border-radius: 50px;
}

.facebook:before {
	content: "\f305";
	font-family: 'dashicons';
	font-size: 14px;
	color: #1d2327;
	background: white;
	padding: 2px;
	border-radius: 50px;
}

.youtube:before {
	content: "\f19b";
	font-family: 'dashicons';
	font-size: 14px;
	color: #1d2327;
	background: white;
	padding: 2px;
	border-radius: 50px;
}

.linkedin:before {
	content: "\f18d";
	font-family: 'dashicons';
	font-size: 14px;
	color: #1d2327;
	background: white;
	padding: 2px;
	border-radius: 50px;
}

.openBtnsearch {
	border: none;
	font-size: 20px;
	cursor: pointer;
	position: absolute;
	right: 11.9em;
	padding: 2.5px;
}

.overlay-search {
	height: 350px;
	width: 100%;
	display: none;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: black;
	background-color: rgba(0, 0, 0, 0.9);
}

.overlay-content-search {
	position: absolute;
	top: 46%;
	width: 80%;
	text-align: center;
	margin-top: 30px;
	margin: auto;
	padding: 0 1em;
}

.overlay-search .closebtnsearch {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px;
	cursor: pointer;
	color: white;
}

.overlay-search .closebtnsearch:hover {
	color: #ccc;
}

.overlay-search input[type=text] {
	padding: 15px;
	font-size: 17px;
	border: none;
	float: left;
	width: 80%;
	background: white;
}

.overlay-search input[type=text]:hover {
	background: #f1f1f1;
}

.overlay-search button {
	float: left;
	width: 20%;
	padding: 15px;
	background: #ddd;
	font-size: 17px;
	border: none;
	cursor: pointer;
}

.overlay-search button:hover {
	background: #bbb;
}

input.search-field {
	width: -webkit-fill-available;
	padding: 1em;
}

form.search-form {
	display: flex;
}

.search-form label {
	width: -webkit-fill-available;
	margin-left: 25%;
}

.dashicons.dashicons-search:before {
	color: white;
	background: transparent;
	font-size: 25px;
}

.capcalera-text {
	display: grid;
	justify-content: center;
	justify-items: start;
	align-content: center;
	color: white;
}

.menu-menu-principal-container {
	margin-top: 25px;
}

.only-desktop ul#menu-menu-principal li:hover {
	background: #ffffff;
}

a:hover {
	transition: all ease-out 0.4s;
}

a.button {
	background-color: #FFF;
	color: #156e77;
	padding: 0.8em 2em;
}

.blocs-home .bloc-home,
.blocs-home .bloc-home2,
.blocs-home .bloc-home3 {
	height: 400px;
	background-blend-mode: screen;
	padding: 35px;
	transition: transform .4s ease, opacity .3s ease;
	margin-bottom: 25px;
}

.blocs-home .bloc-home h2,
.blocs-home .bloc-home2 h2,
.blocs-home .bloc-home3 h2 {
	color: #ffffff;
}

.bloc-home:hover {
	transform: translateY(10px);
	cursor: pointer;
}

.bloc-home h2 {
	color: #ffffff;
}

.bloc-home h2.text-blanc {
	color: white;
	font-weight: 900;
}

.blocs-home {
	margin-bottom: 75px;
}

.position-bottom {
	display: flex;
	align-items: flex-end;
}

.bloc-recursos {
	background: #994F0D;
	height: 320px;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px;
}

.bloc-recursos h5.entry-title {
	font-size: 18px;
	color: white;
	line-height: 1;
	font-weight: 600;
}

.fons-verd {
	background: #9EC78D;
	padding: 75px 0;
}

.container {
	margin-bottom: 75px;
}

.bloc-columnas {
	padding: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.image-archive-equip {
	height: 220px;
	width: auto;
	background-size: cover;
	margin-bottom: 10px;
}

a.twitter-perfil img {
	display: flex;
	width: 25px;
	margin-top: 5px;
}

a.twitter-perfil {
	display: flex;
	align-items: flex-end;
	gap: 5px;
	flex-direction: row;
	flex-wrap: wrap;
}

.padding-columnas {
	padding: 4rem 2rem;
}

.no-padding {
	padding: 0;
}

.screen-mode img {
	mix-blend-mode: screen;
}

.float-flex-end {
	display: flex;
	align-items: flex-end;
}

.no-margin {
	margin: 0px !important;
}

ul.check-list li:before {
	content: url(images/check.png);
	margin-left: -45px;
	position: absolute;
	margin-top: 5px;
	filter: invert(2) brightness(2);
}

body.home.page-template.page-template-template.page-template-home.page-template-templatehome-php.page.page-id-11.wp-custom-logo ul.filtres-category {
	display: none;
}

/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline ul {
	background: transparent;
	padding: 50px 0;
}

.timeline ul li {
	list-style-type: none;
	position: relative;
	width: 2px;
	margin: 0 auto;
	padding-top: 50px;
	background: #156e77;
}

.timeline ul li::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: inherit;
	z-index: 1;
}

.timeline ul li div {
	position: relative;
	bottom: 0;
	width: 400px;
	padding: 15px;
	background: white;
}

.timeline ul li div::before {
	content: "";
	position: absolute;
	bottom: 7px;
	width: 0;
	height: 0;
	border-style: solid;
}

.timeline ul li:nth-child(odd) div {
	left: 45px;
}

.timeline ul li:nth-child(odd) div::before {
	left: -15px;
	border-width: 8px 16px 8px 0;
	border-color: transparent white transparent transparent;
}

.timeline ul li:nth-child(even) div {
	left: -439px;
}

.timeline ul li:nth-child(even) div::before {
	right: -15px;
	border-width: 8px 0 8px 16px;
	border-color: transparent transparent transparent white;
}

time {
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 8px;
}

/* EFFECTS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline ul li::after {
	transition: background 0.5s ease-in-out;
}

.timeline ul li.in-view::after {
	background: #156e77;
}

.timeline ul li div {
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}

.timeline ul li:nth-child(odd) div {
	transform: translate3d(200px, 0, 0);
}

.timeline ul li:nth-child(even) div {
	transform: translate3d(-200px, 0, 0);
}

.timeline ul li.in-view div {
	transform: none;
	visibility: visible;
	opacity: 1;
}

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media screen and (max-width: 900px) {
	.timeline ul li div {
		width: 250px;
	}
	.timeline ul li:nth-child(even) div {
		left: -289px;
		/*250+45-6*/
	}
}

@media screen and (max-width: 600px) {
	.timeline ul li {
		margin-left: 20px;
	}
	.timeline ul li div {
		width: calc(100vw - 91px);
	}
	.timeline ul li:nth-child(even) div {
		left: 45px;
	}
	.timeline ul li:nth-child(even) div::before {
		left: -15px;
		border-width: 8px 16px 8px 0;
		border-color: transparent white transparent transparent;
	}
}

/* EXTRA/CLIP PATH STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline-clippy ul li::after {
	width: 40px;
	height: 40px;
	border-radius: 0;
}

.timeline-rhombus ul li::after {
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

.timeline-rhombus ul li div::before {
	bottom: 12px;
}

.timeline-star ul li::after {
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.timeline-heptagon ul li::after {
	clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}

.timeline-infinite ul li::after {
	animation: scaleAnimation 2s infinite;
}

@keyframes scaleAnimation {
	0% {
		transform: translateX(-50%) scale(1);
	}
	50% {
		transform: translateX(-50%) scale(1.25);
	}
	100% {
		transform: translateX(-50%) scale(1);
	}
}

/***fi timeline***/
.columna-ample-total {
	margin: 0 -4em;
	padding: 75px 4em;
}

.button a.wp-block-button__link {
	background-color: #FFF !important;
	color: #174A43 !important;
	margin-top: 25px;
}

.button a:hover {
	background: #156e77 !important;
	color: white !important;
}

.multiply-effect {
	mix-blend-mode: multiply;
}

ul.check-list li {
	padding: 0 3.5em;
}

.espai {
	padding: 37.5px 0;
}

/* Style the tab */
.tab {
	width: 20%;
	height: auto;
	border-top: 1px solid #174A43;
}

/* Style the buttons inside the tab */
.tab button {
	display: block;
	background-color: inherit;
	color: #174A43;
	padding: 22px 16px;
	width: 100%;
	border: none;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0.3s;
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #174A43;
	border-radius: 0px;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
	background-color: #fff;
}

/* Style the tab content */
.tabcontent {
	padding: 2em;
	width: 100%;
	border-left: none;
	height: auto;
	background: white;
	margin-right: 55px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	display: none;
}

.descripcio-terreny > div:nth-child(2) {
	display: block;
}

.accordion {
	background-color: transparent;
	color: #174A43;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
	border-bottom: 1px solid;
	border-radius: 0px;
	font-weight: 600;
}

.active, .accordion:hover {
	background-color: #fff;
}

.panel {
	padding: 0 18px;
	display: none;
	background-color: white;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 2em;
}

.accordion:after {
	content: '+';
	font-size: 22px;
	color: #174A43;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "-";
}

.descripcio-terreny {
	display: flex;
	flex-direction: row;
}

.reserves-seccio {
	background: #ffffff;
	height: auto;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-bottom: 25px;
	text-align: -webkit-center;
}

.tabcontent img {
	display: flex;
	width: 100%;
	padding: 15px;
}

.only-mobile .reserves-seccio {
	width: 100%;
	background: #ffffff;
	margin-top: 75px;
}

.imatge-terreny {
	height: 150px;
}

.caption-terreny {
	background: #156e77;
	padding: 1em;
	color: #ffffff;
}

.bulleti-menu {
	background: #156e77;
}

li.bulleti-menu a {
	color: white !important;
}

.bulleti-menu:hover {
	background: #156e77 !important;
}

li.bulleti-menu a::after {
	background: white !important;
}

article h6 {
	font-size: 14px;
	color: #1a1a1a;
	margin-bottom: 15px;
	text-transform: uppercase;
}

span.categories-caption {
	text-transform: uppercase;
}

.overlay-content .menu {
	padding-top: 75px;
	padding-left: 1em;
}

ul.menu li:hover ul {
	display: block;
	background: #156e77;
	width: auto;
	margin: 0px;
	position: absolute;
}

.wp-block-column p {
	margin-bottom: 1px;
}

.informacio-formacio {
	padding: 2em;
}

.informacio-formacio div {
	background-color: white;
	padding: 2em;
}

.formulari-formacio {
	margin-right: -4em;
	margin-left: -4em;
	padding: 75px 4em;
}

ul.sub-menu {
	display: none;
}

.only-desktop ul#menu-top-menu li {
	place-self: center;
	padding: 0 0.5em;
	width: 98px;
	text-align: center;
	align-items: center;
	line-height: 2;
	font-weight: 500;
	font-size: 14px;
	justify-content: center;
}

.only-desktop ul#menu-top-menu li ul.sub-menu li {
	text-align: left;
	line-height: 1.5;
	background: #ffffff;
	width: 203px;
	padding: 0.5em 0.5em 0.5em 15px;
}

.only-desktop ul#menu-top-menu li:hover {
	background: #ffffff;
	color: #1a1a1a;
}

.only-desktop ul#menu-top-menu li ul.sub-menu li a {
	color: #1a1a1a;
}

.only-desktop ul#menu-top-menu li:hover a {
	color: #1a1a1a;
}

.bloc-recursos.bloc-serveis {
	height: 200px;
}

.overlay-slide.slide-serveis {
	padding-top: 90px;
}

.box-slide:hover .bloc-recursos.bloc-serveis {
	filter: brightness(0.5);
}

ul.filtres-seccions a {
	background: white;
	margin: 5px;
	padding: 10px;
	display: flex;
	color: #174A43;
}

ul.filtres-seccions a:hover {
	background: #156e77;
}

li.menu-item a {
	position: relative;
	color: #222;
	text-decoration: none;
	line-height: 1;
}

li.menu-item a::after {
	left: 0;
	right: 0;
	content: "";
	position: absolute;
	height: 1px;
	background: black;
	bottom: -4px;
	transform: scale(0, 1);
	transform-origin: 100% 50%;
	transition: transform .5s ease;
}

li.menu-item a:hover::after {
	transform: scale(1, 1);
	transform-origin: 0% 50%;
}

.xarxa {
	background: white;
	height: auto;
	padding: 35px 25px;
	border-bottom: 1px solid;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}

.xarxa img {
	height: 100px;
	margin: 0 0 25px;
}

/***reserves***/
.flex {
	display: flex;
}

.flex.center-v {
	align-items: center;
}

.flex.center-h {
	justify-content: center;
}

.flex.center-vh {
	align-items: center;
	justify-content: center;
}

.flex.start {
	justify-content: flex-start;
}

.flex.end {
	justify-content: flex-end;
}

.flex.around {
	justify-content: space-around;
}

.flex.between {
	justify-content: space-between;
}

.flex.row {
	flex-direction: row;
}

.flex.column {
	flex-direction: column;
}

.flex.wrap {
	flex-wrap: wrap;
}

.disable-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.clickable, #calender-title,
#calender-panel, #calender-buttons {
	cursor: pointer;
}

.colorRed {
	color: #156e77;
}

.bgColorRed {
	background-color: #156e77;
}

.width-full {
	width: 100%;
}

.width-half {
	width: 50%;
}

.width-3-4 {
	width: 75%;
}

.width-1-4 {
	width: 25%;
}

.overflow-hidden {
	overflow: hidden;
}

#calender-wrapper {
	position: relative;
	border: 0px solid #1a1a1a;
	overflow: hidden;
	padding: 1em;
	width: 100%;
	display: flex;
	flex-direction: column;
}

#calender-panel {
	z-index: 5;
	position: relative;
	background: #ffffff;
	border-top: 6px solid #ffffff;
	color: white;
	font-size: 16px;
	height: 63px;
	padding-bottom: 3px;
}

#calender-panel p:hover {
	cursor: pointer;
	transition: .2s;
}

#calender-title {
	background: #156e77;
	color: white;
	font-size: 18pt;
	height: 32px;
	margin-bottom: 5px;
}

#calender-title div {
	height: 10px;
	width: 10px;
}

#calender-title p {
	height: 32px;
	width: 150px;
	margin-bottom: 0px;
}

#calender-title #left:hover span {
	padding-right: 10px;
	transition: .2s;
}

#calender-title #right:hover span {
	padding-left: 10px;
	transition: .2s;
}

#calender-content {
	width: 100%;
	padding-top: 1em;
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

#calender-panel #info {
	height: 100%;
	width: 75%;
	font-size: 14px;
}

#calender-panel #info div {
	padding-left: 10px;
	width: 100%;
	height: 80%;
}

#calender-panel #info div p {
	width: 50%;
	height: 100%;
	border-right: 4px solid #ffffff;
	margin-bottom: 0px;
}

#calender-panel #clear {
	height: 100%;
	width: 25%;
	line-height: 12px;
	font-size: 14pt;
	text-align: center;
	transition: .4s;
}

#calender-panel #clear:hover {
	background: #156e77;
}

#calender-panel #clear p {
	padding: 0;
	margin: 0;
}

#calender-buttons, #reserva, .mes-info {
	width: 70%;
	background: #156e77;
	transition: .4s;
	padding: 15px;
	color: white;
}

.mes-info {
	width: 70%;
	background: #156e77;
	padding: 10px;
	color: white !important;
	line-height: 52px;
}

#calender-buttons p {
	margin-bottom: 0;
}

#make-booking {
	width: 100%;
	height: 20px;
	font-size: 14px;
	color: white;
}

#booking-wrapper {
	height: 100%;
	width: 100%;
	background: white;
	margin-top: 1em;
	transition: .4s;
	overflow: hidden;
	display: none;
}

#booking-wrapper.opened {
	display: block;
}

#booking-title {
	color: white;
	font-size: 14px;
	height: 60px;
	width: 100%;
	padding-top: 15px;
}

#booking-form {
	width: 100%;
	padding: 10px;
	background: #ffffff;
}

#booking-form p {
	margin: 20px 0 0 0;
	color: #1a1a1a;
	font-size: 12px;
}

#booking-form > div:nth-child(1) p {
	margin: 0;
}

#booking-form input {
	height: 35px;
}

#booking-form textarea {
	height: 235px;
	resize: none;
}

#booking-form textarea, #booking-form input {
	padding-left: 10px;
	width: calc(100% - 12px);
	background: #e9e9e9;
	color: #156e77;
	font-family: "Baloo";
	font-size: 12px;
}

textarea.formError, input.formError {
	transition: .4s;
	background: #e7e7e7 !important;
	box-shadow: inset 0px 0px 0px 3px rgba(205, 108, 108, 0.92);
}

#booking-form .width-3-4 {
	border-right: 0px solid #1a1a1a;
}

.month {
	width: 100%;
	height: 40px;
	transition: .4s;
}

#days {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

#days p {
	width: 100%;
	text-align: center;
	font-size: 14px;
	margin-bottom: 0px;
}

.month-selector {
	width: 100%;
	height: 100%;
	transition: .4s;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.month-selector.clicked {
	background: #156e77;
	color: white;
}

.month-selector.past {
	background: #bbbbbb;
	color: white;
	overflow: hidden;
}

.month-selector.present {
	color: #156e77;
	font-weight: bold;
}

.month-selector.booked {
	color: white;
	overflow: hidden;
}

.month-selector.pending {
	background: #fcdb03;
}

.month-selector.confirmed {
	background: #fc0303;
}

.clickable:hover {
	z-index: 3;
	height: 40px;
	width: 100%;
	background: #156e77;
	color: white;
}

.month-selector p {
	margin-bottom: 0px;
}

div#info-titles p {
	margin-bottom: 0px;
}

.bgColorDarkRed {
	background-color: #f4f4f4;
	margin: 2px;
	color: #1a1a1a;
}

.reserves .only-desktop {
	width: 85%;
}

/***faqs**/
#faqs {
	margin: 20px auto;
	width: 100%;
}

#faqs .question {
	margin-bottom: 15px;
	border-bottom: 1px solid;
}

#faqs .question header {
	cursor: pointer;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	padding: 15px 25px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	user-select: none;
	justify-content: space-between;
}

#faqs .question header h3 {
	margin: 0;
	font-weight: 500;
	flex: 1;
}

#faqs .question header h5 {
	font-size: 18px;
	font-weight: 500;
}

#faqs .question header span {
	padding: 0 10px;
	transition: 0.2s ease;
}

#faqs .question main {
	display: none;
	padding: 15px;
	box-sizing: border-box;
}

#faqs .question main p {
	margin: 0;
}

#faqs .question.actiu header span {
	transform: rotate(180deg);
}

code {
	display: block;
	background: #156e77;
	padding: 10px;
	box-sizing: border-box;
}

#faqs .actiu:after {
	content: "";
}

#faqs .dashicons:before {
	background: transparent;
}

/**counter**/
.counter {
	display: flex;
	margin: 1.5%;
	font-size: 70px;
	width: auto;
	border-radius: 50%;
	height: 90px;
	vertical-align: middle;
	text-align: center;
	color: #156e77;
	font-weight: 900;
	justify-content: center;
}

.border-bottom {
	border-bottom: 1px solid;
	padding-bottom: 15px;
}

.amagar {
	display: none !important;
}

span.wp-block-navigation-item__label img {
	filter: hue-rotate(52deg) brightness(0.7);
}

div#recursos-veu-alta h3 {
	color: #1a1a1a;
	font-size: 18px;
	line-height: 1.5;
}

div#recursos-veu-alta p {
	color: #1a1a1a;
	font-size: 14px;
	line-height: 1.5;
}

.grid-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 15px 15px;
}

div#recursos-veu-alta .overlay-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

div#recursos-overlay {
	display: flex;
	align-items: center;
	justify-content: center;
}

.impacte {
	margin-bottom: 75px;
}

li.item-filter, ul.item-filter {
	border: none;
	border-radius: 0px;
	background: #ffffff;
	color: #174A43;
	line-height: 1;
	padding: 1em 2em 1em;
	cursor: pointer;
	margin: 15px 0;
	width: fit-content;
}

.impacte p {
	font-size: 18px;
}

.impacte .wp-block-column {
	padding: 0 15px;
}

.gris {
	filter: grayscale(1) brightness(1.1);
}

.gris:hover {
	filter: none;
}

.container-booking-terreny form {
	margin: 25px 0;
	background-color: white;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 15px;
}

.dades-booking {
	padding: 15px 0;
	vertical-align: middle;
}

pre {
	background-color: grey;
	color: black;
}

ul.filtres-category {
	display: flex;
	flex-wrap: wrap;
	column-gap: 15px;
}

/* The Modal (background) */
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 100;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: black;
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 400px;
	min-width: 250px;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/* desktop
--------------------------------------------- */
@media (min-width: 700px) {
	header.site-header > div,
	.page-content, .entry-content, .entry-summar {
		padding-left: 0;
		padding-right: 0;
	}
	header.site-header[aria-expanded="true"] {
		padding: 0.26em 0;
	}
	.swiper-container {
		margin-left: 4em;
		margin-right: 4em;
	}
	.entry-content.page {
		padding-left: 4em;
		padding-right: 4em;
		padding-bottom: 75px;
		max-width: 1600px;
		margin: auto;
	}
	.entry-content.page .swiper-container {
		margin-left: 0;
		margin-right: 0;
	}
	.container {
		width: auto;
	}
	#masthead {
		padding-left: 4em;
		padding-right: 4em;
	}
	.image-home div {
		margin-left: 4em;
		margin-right: 4em;
	}
	.buttons-home {
		margin: -5em 4em 0 4em;
		z-index: 100;
		position: relative;
		justify-content: space-between;
	}
	.buttons-home div {
		font-size: 1.5em;
		font-family: 'Open Sans ExtraBold',sans-serif;
		background-image: url(images/ACTIVAt2-XL.png);
		height: 270px;
		width: 553px;
	}
	.buttons-home div a {
		padding: 19% 0;
	}
	.buttons-home div + div {
		margin-left: 2em;
		background-image: url(images/cudem2-XL.png);
		height: 270px;
		width: 553px;
	}
	.buttons-home div + div a {
		padding: 19% 0;
	}
	.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
		margin-top: -4em;
	}
	.wp-block-cover-image .wp-block-cover__inner-container p, .wp-block-cover .wp-block-cover__inner-container p {
		font-size: 0.8em;
	}
	.nav {
		z-index: 1000;
		display: block;
		width: 50vw;
		position: absolute;
		top: -12px;
		right: 0;
		flex-direction: column;
	}
	.nav__toggle {
		padding-right: 0 !important;
		right: auto;
	}
	.nav a {
		right: 4.55em;
	}
	.splash {
		position: relative;
	}
	.splash:after {
		width: 50vw;
		left: 0;
	}
	.site-branding.display-none {
		display: block;
	}
	.cuidemnos-background,
	.activat-background {
		flex-direction: row;
	}
	.container-global {
		display: flex;
		grid-template-columns: auto auto;
	}
	footer div {
		padding: 0 0;
	}
	footer .column-1 {
		width: 25%;
	}
	footer .column-2 {
		width: 50%;
	}
	footer .column-3,
	footer .column-4 {
		margin-bottom: 0.5em;
		width: 25%;
	}
	footer .column-2,
	footer .column-4 {
		text-align: center;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
}

ul#menu-xxss-footer {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*# sourceMappingURL=style.css.map */

/*Woocommerce*/
.woocommerce-Price-amount.amount, .woocommerce-loop-product__title {
  color: black;
  font-size: 16px;
  font-weight: bold;
}

.add_to_cart_button, .single_add_to_cart_button, .button.wc-forward, .woocommerce-cart-form .button, .button.wc-backward, .woocommerce .button{
  background-color: #156e77 !important;
  color: white !important;
  border-radius: 0px !important;
  text-transform: uppercase;
	border: solid 2px #156e77 !important;
}

.add_to_cart_button:hover, .single_add_to_cart_button:hover, .button.wc-forward:hover, .woocommerce-cart-form .button:hover, .button.wc-backward:hover, .woocommerce .button:hover{
  color: #156e77 !important;
  background-color: white !important;
  border-color: #156e77 !important;
}

.woocommerce-loop-product__title {
  padding: 5px 0px !important;
}

.woocommerce .entry-title {
  text-transform: uppercase;
}

.woocommerce .efecte-multiply {
  display: none;
}

.woocommerce-page .efecte-multiply {
  display: none;
}

.woocommerce-result-count, .woocommerce-ordering {
  display: none;
}

.term-description {
  margin-bottom: 60px !important;
}

.product div.imatge {
  display: none;
}

.up-sells.upsells.products {
  display: none;
}

#tab-description {
  background: unset !important;
}

.woocommerce-tabs .tabs.wc-tabs {
  display: none;
}

#tab-description h2 {
  display: none;
}

#tab-description strong {
  font-size: 22px;
}

.flex-control-nav.flex-control-thumbs {
  margin-top: 10px !important;
}

.flex-control-nav.flex-control-thumbs li {
  margin-right: 10px !important;
}

.related.products h2 {
  font-size: 38px;
}

.woocommerce div.product div.images {
  margin-bottom: 3em;
}

.product .product_meta * {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}

.reset_variations {
  display: none !important;
}

.woocommerce div.product form.cart .variations {
  margin-bottom: 2em;
}

#tab-additional_information {
  display: none !important;
}

.woocommerce-cart .efecte-multiply {
  display: none;
}

.product_meta .sku_wrapper {
  display: none;
}

@media(min-width:467px){
	#coupon_code {
  width: auto;
  height: 39px;
}
}

.xoo-wsc-footer-txt {
  display: none !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:focus, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:active, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:visited, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:target{
	color: white !important;
}

.pojo-a11y-toolbar-toggle svg:hover, .pojo-a11y-toolbar-toggle svg:focus, .pojo-a11y-toolbar-toggle svg:active, .pojo-a11y-toolbar-toggle svg:visited, .pojo-a11y-toolbar-toggle svg:target {
  fill: white !important;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:focus, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:active, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:visited, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:target{
	color: #0a0a0a !important;
}
.pojo-a11y-toolbar-toggle svg:hover, .pojo-a11y-toolbar-toggle svg:focus, .pojo-a11y-toolbar-toggle svg:active, .pojo-a11y-toolbar-toggle svg:visited, .pojo-a11y-toolbar-toggle svg:target {
    fill: #0a0a0a !important;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle{
	bottom: 0px;
	margin-left: 10px;
	transition-duration: 500ms;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-left.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle{
	margin-left: 0px;
}
html #pojo-a11y-toolbar{
	bottom: 10px !important;
    top: unset !important;
}

@media(min-width:951px){
	.logos-footer .entry-content.page {
  display: flex;
  justify-content: flex-start !important;
}
}

@media(min-width:951px) and (max-width:1150px){
	.only-desktop ul#menu-menu-principal li{
		font-size: 13px !important;
	}
}

.logos-footer .entry-content.page figure {
  margin-top: unset !important;
}

.wp-image-3905 {
  width: 220px !important;
  height: auto !important;
  margin-top: 50px;
}

/*CSS tenda*/
.woocommerce-shipping-destination {
  display: none;
}

.itemEU {
  display: none;
}

.woocommerce .itemEU, .woocommerce-page .itemEU{
  display: block !important;
}

p.itemEU {
  font-size: 0.8rem;
  margin-bottom: 5px;
}

.wp-image-2260, .wp-image-3230 {
  margin-top: 12px;
}

.xoo-wsc-markup {
  display: none;
}

.woocommerce .xoo-wsc-markup, .woocommerce-page .xoo-wsc-markup{
  display: block !important;
}