/*
Theme Name: Blank theme
Theme URI: http://www.mastercamping.com
Description: Plantilla Wordpress para Blank
Author: mastercamping.com
Author URI: http://www.mastercamping.com
Version: 4.0
*/

/*---------------------------------------------
//  Admin bar
//---------------------------------------------
*/
/*@import url('css/wp-admin.css');*/



/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
.responsive img,
.responsive object,
.responsive embed {
    max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {
    overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

pre {
    white-space: pre;
    /* CSS2 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word;
    /* IE */
}

input[type="radio"] {
    vertical-align: text-bottom;
}

input[type="checkbox"] {
    vertical-align: bottom;
}

.ie6 input {
    vertical-align: text-bottom;
}

select,
input,
textarea {
    font: 99% sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover,
a:active {
    outline: none;
}

small {
    font-size: 85%;
}

strong,
th {
    font-weight: bold;
}

td,
td img {
    vertical-align: top;
}

img {
    display: block;
}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {
    cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
    margin: 0;
}

/* make buttons play nice in IE */
button {
    width: auto;
    overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
    -ms-interpolation-mode: bicubic;
}

/* let's clear some floats */
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}


/*---------------------------------------------
//  blank reset
//---------------------------------------------
*/

a,
a:hover {
    text-decoration: none;
}

.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.aligncenter {
    display: block;
    margin: 20px auto;
}

em {
    font-style: italic;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

/* all elements border-box */

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

/*---------------------------------------------
//  body
//---------------------------------------------
*/


:root {
    --content-width-normal: 740px;
    --content-width-wide: 1392px;
    --white: rgba(255, 255, 255, 1);
    --black: rgba(0, 0, 0, 1);
    --gray: rgba(104, 104, 104, 1);
    --gray-light: rgba(143, 143, 143, 1);
    --box-shadow: rgba(0, 0, 0, .5);
    --green: rgba(34, 133, 51, 1);
    --beige: rgba(232, 221, 187, 1);
    --beige-light: rgba(254, 248, 224, 1);
}

body {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    color: var(--gray);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*---------------------------------------------
//  header
//---------------------------------------------
*/

header.site-header {
    position: relative;
}

.custom-logo-link {
    display: block;
    width: 108px;
    height: 80px;
    background: url(img/mobile-logo.svg) center no-repeat;
    background-size: contain;
}

.custom-logo {
    display: none;
}

.header-wrapper a:not(.menu-btn) {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
}

.header-wrapper a:not(.menu-btn):not(.wpml-ls-item-toggle):not(.wpml-ls-link) {
    color: var(--white);
}

.navbar .menu-btn-container a::before {
    content: '\2630';
    display: inline-block;
    font-size: 2em;
}

.navbar .menu-btn-container a span {
    display: none;
}

.navbar .link-container a {
    display: block;
    margin-bottom: 0;
}

.navbar .menu-btn-container {
    text-align: center;
}

.navbar .menu-btn-container a {
    transition: all .1s ease-in-out;
}

.header-wrapper {
    position: relative;
}

.navbar {
    display: flex;
    width: 100%;
}

.navbar-container {
    background: transparent;
}

.left-wing,
.center,
.right-wing {
    display: flex;
    align-items: center;
    width: 33.33%;
    gap: .5rem;
}

body.wp-custom-logo:not(.mini-header) .left-wing {
    justify-content: center;
}

.left-wing>*,
.link-container {
    transition: all .2s ease-out;
}

.right-wing .link-container {
    flex-grow: 1;
}

.left-wing .link-container {
    display: none;
}

.covid-link {
    height: fit-content;
}

.center {
    justify-content: center;
}

#logo {
    display: inline-block;
}

#logo img {
    display: block;
}

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

.header-social-menu-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    transition: all .2s ease-out;
}

.header-social-menu-wrapper>.link-container:not(:first-child):not(:nth-child(2)) {
    display: none;
    filter: drop-shadow(2px 0 6px var(--gray-light));
}

.header-social-menu-wrapper .link-container {
    text-align: right;
}

.header-social-menu-wrapper>.link-container:nth-child(2) {
    position: fixed;
    z-index: 101;
    bottom: 0;
    left: 0;
    width: 50%;
    filter: drop-shadow(2px 0 6px var(--gray-light));
}

/*---------------------------------------------
//  header social menu
//---------------------------------------------
*/

.header-social-icon {
    display: block;
    width: fit-content;
    margin-left: auto;
}

.header-social-icon::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    filter: drop-shadow(2px 2px 2px var(--box-shadow));
}

.phone-link span {
    display: none;
}

.phone-link::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin-right: auto;
    margin-left: auto;
    background: url(img/mini-phone.svg) center no-repeat;
}

.mail-link::before {
    background: url(img/mail-mobile.svg) center no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
    filter: none !important;
    margin-right: .5em;
}

.mail-link {
    height: 47px;
    background-color: var(--white);
    color: var(--gray) !important;
    width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.link-reserva {
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
    width: 50%;
    filter: drop-shadow(2px 0 6px var(--gray-light));
}

.link-reserva a {
    width: 100%;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    text-shadow: none !important;
}

.link-reserva a::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(img/bullet-date-white.svg) center no-repeat;
    background-size: contain;
    margin-right: .5em;
}

.facebook-link::before {
    background: url(img/facebook.svg) center no-repeat;
}

.twitter-link::before {
    background: url(img/twitter.svg) center no-repeat;
}

.instagram-link::before {
    background: url(img/instagram.svg) center no-repeat;
}

/*---------------------------------------------
//  page-header
//---------------------------------------------
*/

.page-header:not(.front-header) {
    min-height: 256px;
}

.front-header {
    min-height: 775px;
}

.page-header {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-content: flex-end;
    justify-content: center;
    flex-wrap: wrap;
}

.page-header::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 93;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .15);
    /*background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%);*/
}

.image-default-header {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0 !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.front-header .slider-container {
    margin-top: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.front-header .slider-container .tns-controls {
    position: absolute;
    display: flex;
    justify-content: space-between;
    width: 100%;
    z-index: 99;
}

.front-header .slider-container .tns-controls button {
    /*background: rgba(87,170,101,.75) center center no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDc3LjE3NSA0NzcuMTc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4gPGc+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0zNjAuNzMxLDIyOS4wNzVsLTIyNS4xLTIyNS4xYy01LjMtNS4zLTEzLjgtNS4zLTE5LjEsMHMtNS4zLDEzLjgsMCwxOS4xbDIxNS41LDIxNS41bC0yMTUuNSwyMTUuNWMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjQsMCw2LjktMS4zLDkuNS00bDIyNS4xLTIyNS4xQzM2NS45MzEsMjQyLjg3NSwzNjUuOTMxLDIzNC4yNzUsMzYwLjczMSwyMjkuMDc1eiI+PC9wYXRoPjwvZz48L3N2Zz4=); */
    font-size: 1em;
    /*background-size: 60%;*/
    display: block;
    overflow: hidden;
    text-indent: -999px;
    outline: none;
    /*border: none;*/
}

.front-header .slider-container .tns-controls button[data-controls="prev"] {
    transform: rotate(180deg);
}

.front-header .slider-container,
.front-header .slider-container .tns-outer,
.front-header .slider-container .tns-ovh,
.front-header .slider-container .tns-inner,
.front-header .slider-container .tns-item,
.front-header .slider-container .galeria-slider {
    height: 100%;
}

.front-header .slider-container .tns-item img {
    max-width: unset !important;
    width: auto;
    height: 100% !important;
}

.page-title {
    flex-basis: 100%;
    text-align: center;
    color: var(--white);
    text-shadow: 2px 2px 2px var(--box-shadow);
    position: relative;
    z-index: 94;
}

.page-title h2 {
    margin: 0 !important;
    text-shadow: 2px 2px 2px var(--box-shadow);
}

.arrow-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
}

.title-arrow {
    display: block;
    margin-top: 0;
    transition: margin-top .15s linear;
}

.title-arrow:hover {
    margin-top: .5em;
}

.title-arrow::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(img/arrow-down.svg) center no-repeat;
    filter: drop-shadow(2px 2px 2px var(--box-shadow));
}

/*---------------------------------------------
//  widget reserves
//---------------------------------------------
*/

.widget-reserves {
    width: calc(100% - 2em);
    margin-bottom: 54px !important;
}

.widgetBookingContainer {
    display: flex;
    flex-wrap: wrap;
    min-height: 108px;
    align-items: flex-start;
    justify-content: space-between;
    background: rgba(225, 225, 225, .90) !important;
    border-radius: .5em;
    z-index: 99 !important;
}

.widgetBookingContainer .stayLen {
    display: none;
}

.widgetBookingContainer .facilities {
    width: 100px;
}

.widgetBookingContainer>*:not(:last-child) {
    flex-grow: 1;
}

.checkinCheckoutContainer,
.peopleContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.checkinCheckoutContainer::before,
.peopleContainer::before {
    flex-basis: 100%;
}

button.searchButton {
    width: 168px !important;
    height: 47px;
    font-family: 'Nunito', sans-serif;
    font-size: 1rem !important;
    border-radius: 24px;
    background-color: var(--green) !important;
    color: var(--white) !important;
    border: none !important;
    align-self: center;
}

.stayLen {
    margin: 0 0 9px .5em !important;
    align-self: center;
}

.adultsContainer .comboBox {
    position: relative;
}

.datePicker span.inputBox {
    padding: 8px 40px 8px 8px !important;
}

.checkinCheckoutContainer label,
.adultsContainer label,
.childsContainer label {
    display: none !important;
}

.checkinContainer,
.checkoutContainer,
.adultsContainer,
.childsGroupContainer {
    flex-grow: 1;
}

.childsGroupContainer {
    margin-left: .5em;
}

.widgetBookingContainer>*::before,
.facilitiesTitle {
    display: block;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-size: 1em !important;
    font-weight: 700 !important;
    color: #228533;
    padding: 10px 0 !important;
}

.widgetBookingContainer .inputBox {
    border-radius: .25em !important;
    border: none !important;
}

.categoryGroupCB:before,
.facilityGroupCB:before,
.widgetBookingContainer .inputBox,
.categorySelector>span:after,
.datePicker span.inputBox:after,
.peopleContainer .comboBox:after {
    color: #8F8F8F !important;
}

.facilityContainer * {
    vertical-align: middle;
}

.facilityLabel {
    font-size: 12px !important;
}

.categoryGroupCB:before,
.facilityGroupCB:before {
    background: #fff !important;
}

html[lang="ca"] .categorySelector::before {
    content: 'Allotjaments';
}

html[lang="ca"] .checkinCheckoutContainer::before {
    content: 'Dates';
}

html[lang="ca"] .peopleContainer::before {
    content: 'Persones';
}

html[lang="es-ES"] .categorySelector::before {
    content: 'Alojamientos';
}

html[lang="es-ES"] .checkinCheckoutContainer::before {
    content: 'Fechas';
}

html[lang="es-ES"] .peopleContainer::before {
    content: 'Personas';
}

html[lang="en-US"] .categorySelector::before {
    content: 'Accomodations';
}

html[lang="en-US"] .checkinCheckoutContainer::before {
    content: 'Dates';
}

html[lang="en-US"] .peopleContainer::before {
    content: 'People';
}

html[lang="fr-FR"] .categorySelector::before {
    content: 'Hébergement';
}

html[lang="fr-FR"] .checkinCheckoutContainer::before {
    content: 'Rendez-vous';
}

html[lang="fr-FR"] .peopleContainer::before {
    content: 'Personnes';
}

html[lang="de-DE"] .categorySelector::before {
    content: 'Unterkünfte';
}

html[lang="de-DE"] .checkinCheckoutContainer::before {
    content: 'Termine';
}

html[lang="de-DE"] .peopleContainer::before {
    content: 'Menschen';
}

html[lang="nl-NL"] .categorySelector::before {
    content: 'Accommodaties';
}

html[lang="nl-NL"] .checkinCheckoutContainer::before {
    content: 'Datums';
}

html[lang="nl-NL"] .peopleContainer::before {
    content: 'Mensen';
}

/*---------------------------------------------
//  icon-menu
//---------------------------------------------
*/

.icon-menu-wrapper {
    max-width: var(--content-width-wide);
    margin-left: auto;
    margin-right: auto;
}

.icon-menu {
    display: none;
    justify-content: space-around;
    margin-top: 32px;
    margin-bottom: 32px;
}

.icon-menu li {
    text-align: center;
}

.allotjament-icon>a::before {
    background: url(img/allotja.svg) center no-repeat;
    background-size: contain;
}

.serveis-icon>a::before {
    background: url(img/oferim.svg) center no-repeat;
    background-size: contain;
}

.entorn-icon>a::before {
    background: url(img/entorn.svg) center no-repeat;
    background-size: contain;
}

.activitats-icon>a::before {
    background: url(img/activitats.svg) center no-repeat;
    background-size: contain;
}

.reserva-icon>a::before {
    background: url(img/reserva.svg) center no-repeat;
    background-size: contain;
}

.contacta-icon>a::before {
    background: url(img/contacta.svg) center no-repeat;
    background-size: contain;
}

.blog-icon>a::before {
    background: url(img/blog.svg) center no-repeat;
    background-size: contain;
}

.allotjament-icon.current-menu-parent>a::before,
.allotjament-icon:hover>a::before,
.allotjament-icon.current-menu-parent>a::before {
    background: url(img/allotja-current.svg) center no-repeat;
    background-size: contain;
}

.serveis-icon.current-menu-item>a::before,
.serveis-icon:hover>a::before {
    background: url(img/oferim-current.svg) center no-repeat;
    background-size: contain;
}

.entorn-icon.current-menu-item>a::before,
.entorn-icon:hover>a::before {
    background: url(img/entorn-current.svg) center no-repeat;
    background-size: contain;
}

.activitats-icon.current-menu-parent>a::before,
.activitats-icon.current-menu-item>a::before,
.activitats-icon:hover>a::before {
    background: url(img/activitats-current.svg) center no-repeat;
    background-size: contain;
}

.reserva-icon.current-menu-item>a::before,
.reserva-icon:hover>a::before {
    background: url(img/reserva-current.svg) center no-repeat;
    background-size: contain;
}

.contacta-icon.current-menu-item>a::before,
.contacta-icon:hover>a::before {
    background: url(img/contacta-current.svg) center no-repeat;
    background-size: contain;
}

.blog-icon.current-menu-item>a::before,
.blog-icon:hover>a::before {
    background: url(img/blog-current.svg) center no-repeat;
    background-size: contain;
}

.icon-menu>li>a::before {
    content: '';
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 auto 1em;
}

.icon-menu a {
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    color: var(--gray);
}

.icon-menu>li>a {
    text-transform: uppercase;
    font-weight: 700;
}

.icon-menu>li:hover>a,
.icon-menu .current-menu-item>a,
.icon-menu .current-menu-ancestor>a {
    color: var(--green);
}

.icon-menu>li {
    position: relative;
    height: 116px;
    min-width: 120px;
}

.icon-menu .sub-menu {
    padding: 1em;
    border-radius: .5em;
    background: var(--white);
    box-shadow: 0 2px 12px var(--box-shadow);
    position: absolute;
    min-width: 180px;
    top: 120%;
    left: 50%;
    margin-left: -90px;
    z-index: 50;
    display: none;
    opacity: 0;
    visibility: hidden;
    margin-top: 5%;
}

.icon-menu .sub-menu::before {
    content: '\25B2';
    display: block;
    color: var(--white);
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -8px;
}

.icon-menu .sub-menu>li:not(:last-child) {
    margin-bottom: 1em;
}

.icon-menu .sub-menu>li:hover a {
    color: var(--green);
    text-decoration: underline;
}

.icon-menu .menu-item-has-children:hover .sub-menu {
    display: block;
    animation: fade-in .2s forwards;
    visibility: visible;
}

.icon-menu .menu-item-has-children>a {
    pointer-events: none;
}

@keyframes fade-in {
    from {
        opacity: 0;
        top: 120%;
    }

    to {
        opacity: 1;
        top: 90%;
    }
}

/*---------------------------------------------
//  content
//---------------------------------------------
*/

.html-content>*:first-child:not(.page-title):not(.footer-wrapper) {
    margin-top: 64px;
}


.html-content p {
    margin-bottom: 1.2em;
    line-height: 1.5em;
}

.html-content a {
    text-decoration: underline;
    color: inherit;
}

.html-content>*:last-child:not(.widget-reserves):not(.sub-footer):not(.home-external-icons):not(.page-title) {
    margin-bottom: 104px;
}

.html-content h1,
.html-content h2 {
    font-weight: 700;
    margin: 0 auto 2rem;
}

.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6 {
    font-weight: 700;
    margin: 0 auto 1rem;
}

.html-content h1 {
    font-family: 'Lato', sans-serif;
    font-size: 1.71em;
    line-height: 1.57em;
    text-align: center;
}

.html-content h2 {
    font-family: 'Lato', sans-serif;
    font-size: 1.5em;
    line-height: 1.25em;
    text-align: center;
}

.html-content h3 {
    font-family: 'Nunito', sans-serif;
    font-size: 1.21em;
    line-height: 1.25em;
    text-transform: uppercase;
    text-align: center;
}

.html-content h4 {
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    text-transform: uppercase;
    margin: 0 auto 1em !important;
}

.html-content h5 {
    font-size: 1.25em;
}

.html-content h6 {
    font-size: 1.1em;
}

.html-content li ul,
.html-content li ol {
    margin: 0 1.5em;
}

.html-content ul,
.html-content ol {
    margin: 0 1.5em 1.5em 1.5em;
}

.html-content ul.blocks-gallery-grid {
    margin: 0;
}

.html-content ul>li {
    margin: 0 1.5em 0.5em 1.5em;
}

.html-content ul {
    list-style-type: disc;
    color: var(--gray-light);
}

.html-content ol {
    list-style-type: decimal;
}

.html-content ol ol {
    list-style: upper-alpha;
}

.html-content ol ol ol {
    list-style: lower-roman;
}

.html-content ol ol ol ol {
    list-style: lower-alpha;
}

.html-content table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray
}

.html-content thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit
}

.html-content tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

.html-content tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit
}

.html-content table>tr {
    vertical-align: middle;
}

.html-content col {
    display: table-column
}

.html-content colgroup {
    display: table-column-group
}

.html-content tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}

.html-content td,
.html-content th {
    display: table-cell;
    vertical-align: inherit
}

.html-content th {
    font-weight: bold
}

.html-content caption {
    display: table-caption;
    text-align: -webkit-center
}

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

.wp-block-image {
    margin-bottom: 2em !important;
}

.tag-title {
    line-height: 1.5em !important;
}

.tns-controls button {
    width: 48px !important;
    height: 48px !important;
    border: 0 !important;
    background: rgba(87, 170, 101, .75) center center no-repeat !important;
    background-size: 60% !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDc3LjE3NSA0NzcuMTc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4gPGc+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0zNjAuNzMxLDIyOS4wNzVsLTIyNS4xLTIyNS4xYy01LjMtNS4zLTEzLjgtNS4zLTE5LjEsMHMtNS4zLDEzLjgsMCwxOS4xbDIxNS41LDIxNS41bC0yMTUuNSwyMTUuNWMtNS4zLDUuMy01LjMsMTMuOCwwLDE5LjFjMi42LDIuNiw2LjEsNCw5LjUsNGMzLjQsMCw2LjktMS4zLDkuNS00bDIyNS4xLTIyNS4xQzM2NS45MzEsMjQyLjg3NSwzNjUuOTMxLDIzNC4yNzUsMzYwLjczMSwyMjkuMDc1eiI+PC9wYXRoPjwvZz48L3N2Zz4=) !important;
}

.front-header .slider-container .tns-controls {
    top: 25% !important;
}

.front-header button[data-action="stop"] {
    display: none;
}

.slider-container .tns-controls {
    top: 50% !important;
    margin-top: -24px !important;
}

.wp-block-slider {
    margin: 2em auto;
}

.block-editor-page .tag-title {
    color: #000;
}

.alignnone,
.aligncenter,
.alignleft,
.alignright,
.alignwide,
.alignfull,
.wp-block-columns {
    margin-top: 2em;
    margin-right: auto;
    margin-bottom: 2em;
    margin-left: auto;
}

.entry-content {
    overflow: hidden;
}

.entry-content>*:not(.alignfull),
.alignfull:not([class*="has-background"])>[class*="__inner-container"]>*:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--content-width-normal);
    width: calc(100% - 2em);
}

.alignfull:not(.has-background)>[class*="__inner-container"]>.alignwide,
.entry-content>.alignwide,
.alignwide {
    max-width: var(--content-width-wide);
    margin-left: auto;
    margin-right: auto;
}


.alignfull:not([class*="has-background"])>[class*="__inner-container"]>.alignwide {
    width: calc(100% - 2em);
}

.wp-block-columns.alignfull,
.alignfull:not([class*="has-background"]) .wp-block-columns {
    padding-left: 1rem;
    padding-right: 1rem;
}

.alignfull>[class*="__inner-container"] .wp-block-columns,
.alignwide>[class*="__inner-container"] .wp-block-columns {
    padding-left: 0;
    padding-right: 0;
}

[class*="__inner-container"]>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(#sb_instagram) {
    max-width: var(--content-width-normal);
    width: 100%;
}

[class*="__inner-container"]>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
    margin-left: auto;
    margin-right: auto;
}

*[class*="_inner-container"]>*:last-child {
    margin-bottom: 0;
}

*[class*="_inner-container"]>*:first-child {
    margin-top: 0;
}

.wp-block-group.has-background {
    padding: 2em;
}

/* Text custom colors */
.has-blank-4-white-color {
    color: var(--white) !important;
}

.has-blank-4-black-color {
    color: var(--black) !important;
}

.has-blank-4-gray-color {
    color: var(--gray) !important;
}

.has-blank-4-gray-light-color {
    color: var(--gray-light) !important;
}

.has-blank-4-green-color {
    color: var(--green) !important;
}

/* Backgrounds custom colors */
.has-blank-4-white-background-color {
    background-color: var(--white) !important;
    color: #000;
}

.has-blank-4-gray-background-color {
    background-color: var(--gray) !important;
    color: #000;
}

.has-blank-4-black-background-color {
    background-color: var(--black) !important;
}

.has-blank-4-green-background-color {
    background-color: var(--green) !important;
}

.has-blank-4-beige-light-background-color {
    background-color: var(--beige-light) !important;
}


/* Videos */

.wp-block-embed__wrapper {
    position: relative;
}

.wp-block-embed__wrapper:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.icon-link {
    width: fit-content !important;
    margin: 0 0 2em !important;
}

.icon-link figure {
    position: relative;
    width: 124px;
    text-align: center;
    font-weight: 700;
}

.icon-link figure a {
    display: block;
}

.icon-link figure img {
    margin-left: auto;
    margin-right: auto;
}

.icon-link figure figcaption {
    position: absolute;
    width: 124px;
    top: 100%;
    left: 50%;
    margin-left: -62px;
    pointer-events: none;
}

.wp-block-buttons {
    text-align: center;
}

.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
    margin-bottom: 2rem;
}

.home-section-2 .wp-block-buttons {
    justify-content: center;
}

/*---------------------------------------------
//  tmpl mostrar hijos
//---------------------------------------------
*/

.page-child-img {
    padding: 15% 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/*---------------------------------------------
//  menu
//---------------------------------------------
*/

html.menu-mobile {
    height: 100vh;
    overflow: hidden;
}

.menu-principal-container {
    position: fixed;
    top: 0;
    left: -100%;
    opacity: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    display: flex;
    transition: all .5s ease;
    overflow-y: scroll;
    padding-left: 1em;
    padding-right: 1em;
}

.logged-in .menu-principal-container {
    margin-top: 32px;
}

.menu-principal-block {
    width: 100%;
    background: var(--white);
}

.menu-principal-wrapper {
    background: var(--white);
    padding-top: 80px;
}

.cls-button {
    font-size: 1.625em;
    color: var(--green);
    font-weight: 700;
    position: absolute;
    top: 1em;
    right: 1em;
}

#sidebar-header {
    width: 100%;
    padding-bottom: 1em;
    padding-top: 24px;
    background: var(--white);
}

#sidebar-header a {
    display: block;
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
    line-height: 1.5;
    margin-left: 1em;
    color: var(--gray);
    font-weight: 700;
}

#sidebar-header .textwidget a:last-child {
    margin-top: 1em;
    padding-bottom: 2em;
}

.sidebar-tel {
    text-transform: uppercase;
    letter-spacing: 3px;
}

ul.menu-principal {
    text-align: left;
}

ul.menu-principal>li:not(.wpml-ls-current-language)>a:hover+ul,
ul.sub-menu:hover {
    max-height: 256px;
    opacity: 1;
}

/*---------------------------------------------
//  Menu 1er nivel
//---------------------------------------------
*/

ul.menu-principal>li {
    display: block;
    margin-bottom: 24px;
    width: fit-content;
}

.menu-principal a {
    font-family: 'Nunito', sans-serif;
    font-size: 1.214em;
    line-height: 1.5em;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-left: 1em;
    color: var(--green);
    font-weight: 700;
}

ul.menu-principal>li.menu-item-has-children>a::after {
    content: '\25BC';
    color: var(--green);
    font-size: .5em;
    vertical-align: text-top;
    margin-left: 1em;
}

/*---------------------------------------------
//  submenu 2o nivel
//---------------------------------------------
*/

ul.menu-principal>li>ul {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    margin-left: 1em;
}

ul.menu-principal>li:not(.wpml-ls-slot-2)>ul>li {
    display: block;
    margin-top: 24px;
}

ul.menu-principal>li.wpml-ls-slot-2>ul>li {
    display: inline-block;
    margin-top: 24px;
}

ul.menu-principal>li>ul>li:last-child {
    margin-bottom: 16px;
}

ul.menu-principal>li>ul>li>a {
    color: var(--gray);
}

ul.menu-principal>li>ul>li>a:hover {
    text-decoration: underline;
}

/*---------------------------------------------
//  submenu 3r nivel o +
//---------------------------------------------
*/

ul.menu-principal>li>ul>li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    min-width: 150px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
}

ul.menu-principal>li>ul>li>ul>li {
    padding: 10px;
}

ul.menu-principal>li>ul>li>ul>li:hover {
    background: rgba(0, 0, 0, 0.6);
}

ul.menu-principal>li>ul>li>ul>li:hover>a {
    color: #FFF;
}


/*---------------------------------------------
//  footer
//---------------------------------------------
*/

footer.site-footer {
    background: var(--beige);
    text-align: center;
    color: var(--gray);
    margin-bottom: 74px;
}

.footer-wrapper {
    padding-top: 40px !important;
    margin-bottom: 40px;
    width: calc(100% - 2rem);
}

.footer-wrapper h3 {
    margin: 0 !important;
}

.footer-wrapper h3 span {
    color: var(--green);
}

.site-footer .wpcf7-email {
    width: 100%;
}

.site-footer .wpcf7-checkbox:not(.accept-privacy) .wpcf7-list-item {
    margin: 0 0 1em 0 !important;
}

.site-footer .wpcf7-list-item {
    text-align: left;
}

.site-footer .wpcf7-submit {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.footer-col-2 {
    margin-top: 2em;
}

.sub-footer {
    background: #464039;
    color: var(--white);
}

.sub-footer-wrapper {
    max-width: fit-content;
    margin-right: auto;
    margin-left: auto;
    padding-top: 24px;
    padding-bottom: 24px;
}

.sub-footer-wrapper p {
    margin-bottom: 0;
}

.sub-footer-wrapper span {
    line-height: 2.5em;
    margin-left: 1.5rem;
    font-size: .5em;
}

ul.footer-menu {
    margin: 1.5em auto 0 auto;
}

.footer-menu li {
    display: inline-block;
}

.footer-menu li a {
    color: var(--white);
}

.footer-menu li a:hover {
    text-decoration: underline;
}

.link-whatsapp {
    position: fixed;
    z-index: 99;
    left: 1.5em;
    bottom: 1.5em;
    width: 4em;
    height: 4em;
    background: url(img/ico_whatsapp_white.svg) center center no-repeat;
    background-size: contain;
}

/*---------------------------------------------
//  Leader Project
//---------------------------------------------
*/

.leader-project {
    margin-top: 0;
    margin-bottom: 0;
}

.leader-project>.wp-block-group__inner-container>.wp-block-group {
    gap: 2rem;
}

.leader-project-text {
    flex: 1 1 40%
}

.leader-project figure {
    flex: 1 1 20%;
    margin-bottom: 0;
}

.leader-project img {
    margin: 0 auto;
}

@media screen and (min-width: 901px) {
    .leader-project-text h4 {
        margin: 0 !important;
    }
}

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

    .leader-project-text {
        flex: 1 1 100%;

    }

    .leader-project-text>p {
        text-align: center !important;
        margin: 0 auto !important;
    }

    .leader-project>.wp-block-group__inner-container>.wp-block-group {
        flex-wrap: wrap;
    }

    .leader-project figure {
        flex: 1 1 30%;
    }

}

@media screen and (max-width: 600px) {
    .leader-project>.wp-block-group__inner-container>.wp-block-group {
        flex-direction: column;
    }
}

/*---------------------------------------------
//  menu-footer
//---------------------------------------------
*/


.menu-pie li {
    display: inline-block;
    padding: 5px;
}

.menu-pie a {
    color: #FFF;
}

.widget_nav_menu>div {
    padding-top: 1em;
}

.widget_nav_menu>div>.menu {
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    margin: 0 0 1em 0 !important;
}

.widget_nav_menu>div>.menu>li a {
    color: transparent;
    display: block;
    width: 36px;
    height: 36px;
}

.widget_nav_menu>div>.menu>li:first-child a {
    background: url(img/fb.svg) center no-repeat;
}

.widget_nav_menu>div>.menu>li:nth-child(2) a {
    background: url(img/tw.svg) center no-repeat;
}

.widget_nav_menu>div>.menu>li:last-child a {
    background: url(img/ig.svg) center no-repeat;
}

/*---------------------------------------------
//  sidebar
//---------------------------------------------
*/

#sidebar-languages-content {
    overflow: hidden;
}

#sidebar {
    float: left;
    width: 25%;
    padding: 20px;
    background: #ccc;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sidebar-languages-content h2 {
    display: none;
}

/*---------------------------------------------
//  Imatges
//---------------------------------------------
*/

/* Medium i large img are responsive */
img.size-thumbnail,
img.size-large,
img.size-medium {
    max-width: 100%;
    height: auto;
}



/*---------------------------------------------
//  Columnas
//---------------------------------------------
*/

.columna-wrapper {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
}

.no-flexbox .columna-wrapper {
    display: block;
    overflow: hidden;
}


.columna-wrapper>.columna {
    -moz-box-sixing: border-box;
    box-sizing: border-box;
}

.no-flexbox .columna-wrapper>.columna {
    display: block;
    float: left;
}

.columna+.columna {
    padding: 0 1.5%;
}

.columna-wrapper .columna:first-child {
    padding: 0 3% 0 0;
}

.col1-4 {
    width: 25%;
}

.col1-3 {
    width: 33.3%;
}

.col1-2 {
    width: 50%;
}

.col2-3 {
    width: 66.3%;
}

.col3-4 {
    width: 75%;
}

/*---------------------------------------------
//  Contact form
//---------------------------------------------
*/

form.wpcf7-form label {
    display: block;
}

.wpcf7-form>p>label {
    font-weight: 700;
}

.wp-block-contact-form-7-contact-form-selector .wpcf7-form>p,
.contact-scroll-box p {
    max-width: 100%;
}

.wpcf7-text,
.wpcf7-textarea {
    padding: 8px 1em;
    border: none;
    border-radius: 4px;
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

span.wpcf7-list-item {
    margin: 0 !important;
}

input[type="checkbox"] {
    vertical-align: baseline;
}

.wp-block-contact-form-7-contact-form-selector input:not([type="submit"]),
.wp-block-contact-form-7-contact-form-selector textarea {
    background-color: #EDEDED;
}

.form-data-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.wp-block-contact-form-7-contact-form-selector .wpcf7-form>p input:not([type="checkbox"]):not([type="submit"]),
.wp-block-contact-form-7-contact-form-selector .wpcf7-form>p textarea,
.form-data-wrapper input {
    width: 100%;
}

.contact-scroll-box {
    height: 100px;
    overflow-y: scroll;
    padding: 1em;
    background-color: #E7F5EA;
    margin-bottom: 1.2em;
}

.wpcf7-response-output {
    position: absolute;
    margin: 0 !important;
}

.accept-privacy .wpcf7-list-item {
    margin-right: .5em !important;
}

.accept-privacy+.wpcf7-not-valid-tip {
    float: right;
}

#wpcf7-f300-o1 span.wpcf7-list-item {
    display: block !important;
}

#wpcf7-f300-o1 .wpcf7-form>p>*:nth-child(4) {
    display: none;
}

/*---------------------------------------------
//  notificaciones
//---------------------------------------------
*/

#notificacion {
    background: yellow;
    width: 250px;
    min-height: 200px;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 8;
    display: none;
}

#cerrar {
    float: right;
}

#cerrar:hover {
    cursor: pointer;
}

.loadingreservas {
    width: 100%;
    position: relative;
    height: 300px;
    background: url(img/load_reservas.gif) center 40% no-repeat;
}

/*---------------------------------------------
//  botones
//---------------------------------------------
*/

.btn {
    width: 168px;
    height: 47px;
    font-family: 'Nunito', sans-serif;
    font-size: 1em !important;
    border-radius: 24px;
    padding: 1em;
}

.btn .wp-block-button__link {
    padding: 0;
    vertical-align: top;
}

.menu-btn {
    text-transform: uppercase !important;
    background-color: var(--white);
    font-size: 15px;
    cursor: pointer;
    line-height: 1.25;
    text-align: center;
}

.primary-btn {
    margin-top: 32px;
    background-color: var(--green);
    color: var(--white) !important;
    border: none;
}

.secondary-btn {
    color: var(--gray-light);
    border: 2px solid var(--gray-light);
}

.secondary-btn a {
    background-color: transparent !important;
}

.terciary-btn {
    background-color: transparent;
    color: var(--white);
    border: 2px solid var(--white);
}

.terciary-btn a {
    background-color: transparent !important;
}

.primary-btn a,
.secondary-btn a,
.terciary-btn a {
    text-decoration: none;
    width: 100%;
    font-size: 1rem !important;
    line-height: 1;
}

/* NL contact form fix */

html[lang="nl-NL"] #wpcf7-f3162-p3053-o1 .wpcf7-form>*:nth-child(7) {
    display: inline-block;
}

/*---------------------------------------------
//  weather
//---------------------------------------------
*/

#wpc-weather-id-280 {
    display: none;
    margin-top: 4px;
}

#wpc-weather {
    width: fit-content !important;
    padding: 0 !important;
    margin: 0 !important;
}

#wpc-weather .now {
    display: flex;
    align-items: center;
}

#wpc-weather.small .now .location_name {
    display: none;
}

#wpc-weather.small .now .time_symbol svg {
    display: block;
    width: 40px !important;
    margin-bottom: 0 !important;
    filter: drop-shadow(2px 2px 2px var(--box-shadow));
}

#wpc-weather.small .now .time_temperature {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    text-shadow: 2px 2px 2px var(--box-shadow);
    font-size: 1rem !important;
    margin-top: 0 !important;
}

/*---------------------------------------------
//  full-images
//---------------------------------------------
*/

.col-1-full-image,
.col-2-full-image {
    padding: 0 !important;
    align-items: flex-start !important;

}

.page>.entry-content>.col-1-full-image:not(:first-child),
.page>.entry-content>.col-2-full-image:not(:first-child) {
    margin-top: 7em;
}

.col-1-full-image>.wp-block-group__inner-container,
.col-2-full-image>.wp-block-group__inner-container {
    position: relative;
    z-index: 1;
}

.entry-content>.col-1-full-image:first-child:not(.home-section-1)>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child>figure {
    display: none;
}

.col-1-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child>.wp-block-slider,
.col-2-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child>.wp-block-slider {
    margin: 4em 0 0 0;
    margin-bottom: 0;
    margin-top: 4em;
}

.col-1-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child,
.col-2-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child {
    margin-top: 2em;
}

.rectangle-background {
    background: linear-gradient(to bottom, #fff 40px, rgb(255, 248, 224) 40px, rgb(255, 248, 224) 592px, #fff 592px);
}

.rectangle-background-2 {
    background: linear-gradient(to bottom, #fff 40px, rgb(255, 248, 224) 40px, rgb(255, 248, 224) 486px, #fff 486px);
}

.rectangle-background-3 {
    background: linear-gradient(to bottom, #fff 16px, rgb(255, 248, 224) 16px, rgb(255, 248, 224) 632px, #fff 632px);
}

.col-1-full-image .wp-block-embed-youtube {
    margin-top: 2em;
    margin-bottom: 0 !important;
}

.col-1-full-image>.wp-block-group__inner-container>.wp-block-columns {
    flex-direction: column-reverse;
}

.col-1-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child>.wp-block-slider,
.col-2-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child>.wp-block-slider {
    margin: 0;
}

/*---------------------------------------------
//  ul icons
//---------------------------------------------
*/

.title-icon {
    margin-bottom: 1.2em;
}

.title-icon>.wp-block-group__inner-container>.wp-block-columns {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.title-icon>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>h4>img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}

.title-icon>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>p {
    text-align: center;
}

.date-list {
    list-style-type: none !important;
}

.date-list li::before {
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url('img/bullet-date.svg');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 2em;
}

.date-list,
.date-list li {
    margin: 0 1.5em 1.5em 0 !important;
}

.block-bottom-space {
    margin-bottom: 11% !important;
}

/*---------------------------------------------
//  contacta
//---------------------------------------------
*/

.col-contact-full-image {
    padding: 0 !important;
}

.col-contact-full-image>.wp-block-cover__inner-container>.wp-block-columns>.wp-block-column:first-child>.wp-block-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 42.5%;
    padding: 0 !important;
}

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
    color: inherit !important
}

.wpcf7-submit {
    line-height: 1;
}

/*---------------------------------------------
//  serveis
//---------------------------------------------
*/

.section-container:not(.animacio-background) {
    padding-top: 40px;
    padding-bottom: 40px;
}

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

.section-container .icon-title {
    margin-left: auto;
    margin-right: auto;
}

.section-container .wp-block-slider:not(.animacio-slider) {
    margin: 0;
}

.icon-link-wrapper .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.icon-title {
    margin-bottom: 1em;
    width: fit-content !important;
}

.icon-title .wp-block-group__inner-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: .25em;
}

.icon-title .wp-block-group__inner-container .wp-block-image {
    width: max-content !important;
    margin: 0 0 1rem 0 !important;
}

.icon-title .wp-block-group__inner-container h3 {
    margin-top: 0 !important;
    max-width: 443px !important;
    margin-left: 0 !important;
}

.ambient-container .icon-title .wp-block-group__inner-container {
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.rectangle-background-serveis {
    background: linear-gradient(to bottom, #fff 136px, rgb(255, 248, 224) 136px);
}

.rectangle-background-serveis>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child>.wp-block-slider {
    margin: 0 !important;
}

.piscina-background .wp-block-group__inner-container,
.animacio-background .wp-block-group__inner-container {
    position: relative;
}

.piscina-background {
    background: linear-gradient(to bottom, #fff 130px, rgb(255, 248, 224) 130px, rgb(255, 248, 224) 70%, #fff 70%);
}

.piscina-background .wp-block-columns {
    z-index: 1;
    position: relative;
}

.animacio-background {
    padding-top: 2em;
    background: linear-gradient(to bottom, rgb(255, 248, 224) 440px, #fff 440px);
    margin-bottom: 8.75%;
}

.animacio-slider {
    position: relative;
}

.animacio-slider .wp-block-slider:not(.animacio-slider) {
    position: absolute;
    bottom: -5%;
    left: 0;
}

.medi-ambient-columns .wp-block-slider {
    margin-bottom: 0;
}

.medi-ambient-columns p {
    min-height: 144px;
}

.medi-ambient-columns .tns-controls {
    display: none !important;
}

.neveres-container .blocks-gallery-grid {
    justify-content: space-around;
    width: 100%;
}

.blocks-gallery-item {
    align-items: center;
}

.neveres-container .wp-block-gallery img {
    max-height: 196px;
}

/*---------------------------------------------
//  bungalows
//---------------------------------------------
*/

.block-allotjament::before {
    display: none;
}

.block-allotjament {
    margin-top: 42px;

    padding: 0 0 56px 0 !important;
    ;
    align-items: flex-start !important;
    background: linear-gradient(to bottom, #fff 36px, rgb(255, 248, 224) 36px, rgb(255, 248, 224) 136px, #fff 136px);
}

.block-allotjament h3 {
    margin: 0;
}

.block-allotjament h2 {
    margin-bottom: 1rem;
}

.block-allotjament h2+p {
    text-align: center;
}

.block-allotjament .wp-block-buttons {
    margin-bottom: 2em;
}

.block-allotjament>.wp-block-group__inner-container {
    position: relative;
}

.full-picture-left .wp-block-columns {
    flex-direction: column-reverse;
}

.full-picture-left>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child>figure {
    left: 0;
}

.full-picture-right>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child>figure {
    right: 0;
}

.full-picture-right>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child {
    padding-right: 3%;
}

.block-allotjament .wp-block-icons {
    margin-top: 48px;
    margin-bottom: 48px;
}

.block-allotjament .cuina-llista .wp-block-column {
    margin-bottom: 0;
    max-width: fit-content;
}

.cuina-llista ul {
    margin: 0 1.5em 1.5em 0 !important;
}

.bungalow-planol {
    margin-bottom: 0;
    padding-bottom: 1em;
    border-bottom: 1px solid var(--gray);
    max-width: 100%;
}

.block-allotjament .wp-block-slider {
    margin-top: 72px;
}

.bungalow-planol::before {
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    background-image: url('img/search.svg');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 1.75em;
}

.bungalow-planol a {
    text-decoration: none;
    font-weight: 900;
}

/*---------------------------------------------
//  acampada
//---------------------------------------------
*/

.block-acampada {
    margin-top: 68px;
    position: relative;
    align-items: flex-start !important;
}

.block-acampada::before {
    display: none;
}

.block-acampada h3 {
    margin: 0;
}

.block-acampada h2 {
    margin-bottom: 1rem;
}

.block-acampada .wp-block-icons {
    margin-top: 48px;
    margin-bottom: 48px;
}

.block-acampada .wp-block-buttons {
    margin-bottom: 1.5em;
}

.acampada-graphics-left .wp-block-columns {
    flex-direction: column-reverse;
}

.acampada-graphics-left,
.acampada-graphics-right {
    background: linear-gradient(to bottom, #FFF 36px, rgb(255, 248, 224) 36px, rgb(255, 248, 224) 80px, #fff 80px);
}

/*---------------------------------------------
//  home
//---------------------------------------------
*/

.front-header {
    height: 100vh;
}

.admin-bar .front-header {
    height: calc(100vh - 32px);
}

.home-section-1 h3 {
    margin-top: 32px;
}

.home-section-1 .wp-block-columns {
    flex-direction: column-reverse;
}

.home-section-1>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child .wp-block-group__inner-container {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.home-section-1>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child figure {
    width: 124px;
    text-align: center;
    font-weight: 700;
}

.home-section-2,
.home-section-5 {
    background: linear-gradient(to bottom, #fff 22px, rgb(255, 248, 224) 22px, rgb(255, 248, 224) 22%, #fff 22%);
}

.home-section-2 .wp-block-columns h3 {
    margin-bottom: 1em;
}

.home-section-2 h2 {
    margin: 0 auto .5em;
}

.home-section-2 .wp-block-image {
    margin-bottom: inherit !important;
}

.home-section-2 .secondary-btn {
    margin-bottom: 0 !important;
}

.home-section-2 {
    margin-top: 80vw;
}

.home-section-2>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child {
    margin-top: 1.5em;
}

.home-section-3>.wp-block-cover__inner-container>.wp-block-columns>.wp-block-column:first-child {
    min-width: 100%;
}

div[class*="home-section-"]:not(.home-section-2-columns),
.top-spacer {
    margin-top: 64px;
}

.home-section-2-columns p {
    text-align: center;
}

.home-section-4 .wp-block-cover h3,
.home-section-4 .wp-block-cover h2,
.home-section-4 .wp-block-cover .btn {
    text-shadow: 2px 2px 2px var(--box-shadow);
}

.home-section-4 .wp-block-cover .btn {
    filter: drop-shadow(2px 2px 2px var(--box-shadow));
}

.home-section-5 .wp-block-cover {
    min-height: 200px;
}

.home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:not(:last-child) {
    margin-bottom: 2em;
}

.home-section-5 a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    text-shadow: 2px 2px 2px var(--box-shadow);
}

.home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>.wp-block-cover {
    padding: 0;
}

.home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>.wp-block-cover>.wp-block-cover__inner-container,
.home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>.wp-block-cover>.wp-block-cover__inner-container>h2 {
    width: 100%;
    height: 100%;
}

.home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>.wp-block-cover>.wp-block-cover__inner-container>h2 a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*.home-section-6 {
    display: none;
}*/

[class*="home-section-"] h1 {
    margin: 0 auto .5rem;
}

.rectangle-background-home {
    background: linear-gradient(to bottom, #fff 3.25%, rgb(255, 248, 224) 3.25%, rgb(255, 248, 224) 100%);
}

/*---------------------------------------------
//  feed widgets
//---------------------------------------------
*/

.feeds-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    justify-content: center;
}

.feeds-widget-container::before {
    content: '';
    display: block;
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
    height: 70px;
}

#sb_instagram #sbi_images {
    padding-top: 0 !important;
}

/* #sb_instagram {
    margin-top: 3em !important;
}

#sb_instagram::before {
    content: '';
    display: block;
    width: 100%;
    height: 70px;
    background-size: contain;
    background: url(img/instagram-icon.svg) center no-repeat;
    margin-bottom: 24px;
} */

.justify-center {
    text-align: center;
}

.justify-center>.twitter-timeline {
    margin-left: auto;
    margin-right: auto;
}

.wpcom-instagram-columns-3 {
    grid-template-columns: repeat(6, 1fr) !important;
}

.widget_wpcom_instagram_widget {
    width: 100%;
    max-width: var(--content-width-wide);
    margin-right: auto;
    margin-left: auto;
    margin-top: 96px;
}

.wpcom-instagram-images .sq-bg-image {
    height: 100px !important;
    width: auto;
}

.home-external-icons {
    margin-top: 96px;

}

.home-external-icons .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1em;
}

.home-external-icons .wp-block-group__inner-container figure {
    width: auto !important;
    padding-right: 1em;
    padding-left: 1em;
    display: flex;
    align-items: center;
}

.home-external-icons .wp-block-group__inner-container figure img {
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

.home-external-icons .wp-block-group__inner-container>figure:not(:last-child) {
    flex-basis: 50%;
}

/*---------------------------------------------
//  no-cover tmpl
//---------------------------------------------
*/

.page-header-no-cover {
    background: linear-gradient(to bottom, var(--green), #A0CDA8);
    height: 152px;
    display: flex;
    align-items: flex-end;
}

.page-header-no-cover .page-title {
    margin-bottom: 2em;
    text-shadow: none;
}

/*---------------------------------------------
//  com arribar
//---------------------------------------------
*/

.location-address-block {
    margin-bottom: 80px;
}

.location-address-block h3 {
    margin: 2rem auto !important;
}

.location-car-block ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.location-car-block ul>li {
    margin: 1em 0;
}

/*---------------------------------------------
//  mapa
//---------------------------------------------
*/

.flxmap-container {
    max-width: var(--content-width-wide) !important;
    width: calc(100% - 2em) !important;
}

.flxmap-directions {
    margin-top: 2em;
}

.flxmap-directions p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.flxmap-directions input[type="text"] {
    background-color: #EDEDED !important;
    padding: 8px 1em;
    border: none;
    border-radius: 4px;
    font-family: 'Nunito', sans-serif;
    font-size: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
}

.flxmap-directions input[type="submit"] {
    border: 2px solid var(--gray);
    justify-content: center;
    width: 168px;
    height: 47px;
    font-family: 'Nunito', sans-serif;
    font-size: 1rem !important;
    border-radius: 24px;
    background-color: var(--white);
    line-height: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-left: 0;
    margin-top: 1em;
}

/*---------------------------------------------
//  ofertes
//---------------------------------------------
*/

.wp-block-ofertes-1 h3,
.wp-block-ofertes-2 h3 {
    margin: 0 auto;
}

.wp-block-ofertes-1 h2 {
    margin: 2rem auto 4rem;
}

.wp-block-offer:not(.show-slider) {
    width: calc(100% - 2em);
}

@media (min-width: 568px) {
    .checkoutContainer {
        margin-left: .5em;
    }

    .widgetBookingContainer>*:not(:last-child) {
        margin-right: 1em;
    }
}

/*---------------------------------------------
//  wpml-lang switcher
//---------------------------------------------
*/

.wpml-ls-current-language>a {
    pointer-events: none;
}

.wpml-ls-current-language:hover .sub-menu {
    max-height: 280px;
    opacity: 1;
}

.privacy-policy .entry-content h2 {
    margin-top: 2em;
}

.lang-switcher-container {
    display: none;
}

.menu-principal .wpml-ls-item {
    display: inline-block;
}

.wpml-ls-menu-item:not(.wpml-ls-current-language) a:hover {
    text-decoration: underline;
}

.wpml-ls-menu-item a,
.wpml-ls-item-toggle {
    display: flex !important;
    align-items: center;
}

.wpml-ls-flag {
    border-radius: 50%;
    height: 18px;
    width: 18px;
    object-fit: cover;
}

/*---------------------------------------------
//  single
//---------------------------------------------
*/

.categories-wrapper h3,
.post-categories h4 {
    margin-bottom: 0;
    display: inline-block;
}

.categories-wrapper>h3:not(:first-child) {
    margin-left: .5em !important;
}

.categories-wrapper h3 a {
    text-decoration: none;
}

.categories-wrapper h3 a:hover {
    text-decoration: underline;
}

.breadcrumb-container {
    font-style: italic;
    margin-top: 2em;
}

.breadcrumb-container a,
.navigation-posts-container a {
    color: var(--gray);
}

.breadcrumb-container a:hover,
.navigation-posts-container a:hover,
.categories-container a:hover {
    text-decoration: underline;
}

.navigation-posts-container {
    margin-top: 11em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.navigation-posts-container strong {
    max-width: 400px
}

.categories-container {
    margin-top: 2.5em;
    padding-top: 1em;
    border-top: 1px solid var(--gray);
}

.categories-container a {
    margin-left: .5em;
    font-style: italic;
    color: var(--green);
}

.categories-container>a:not(:last-child)::after,
.post-categories>h4:not(:last-child)>a::after {
    content: ',';
    display: inine-block;
}

.entry-header * {
    text-align: left !important;
}

.entry-header h3 {
    text-transform: none !important;
    margin: 0 0 1em 0 !important;
}

.entry-header a {
    text-decoration: none;
}

.entry-header h4 {
    color: var(--green);
}

.entry-header h4 a:hover {
    text-decoration: underline;
}

.post-categories {
    margin: 1em 0;
}

.post-categories h4 {
    margin: 0 .5em 0 0 !important;
}

.blog .post {
    max-width: 924px !important;
    display: block;
    margin-bottom: 4.25em;
}

.entry-article {
    height: 120px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ultimes-entrades-wrapper {
    background-color: #FEF6E0;
    max-width: calc(100% - 2em);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 2em;
}

.featured-post-img::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25);
    position: absolute;
    top: 0;
    left: 0;
    transition: background-color .1s ease-in;
}

.featured-post-img:hover::after {
    background-color: rgba(0, 0, 0, .1);
}

.featured-posts-title {
    color: var(--green);
    text-transform: uppercase;
    margin-bottom: 2em;
    text-align: center;
    padding: 2em 1em 0;
}

.featured-post-item {
    max-width: 372px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    padding: 0 1em;
}

.featured-post-img {
    min-height: 216px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-size: cover;
}

.featured-post-header {
    color: var(--white);
    text-align: center;
    max-width: calc(100% - 2em);
    width: 100%;
    z-index: 1;
}

h3.post-title-blog {
    margin: 0 !important;
}

.post-date-blog {
    font-style: italic;
}

.margin-bottom {
    margin-bottom: 10vh;
}

/*---------------------------------------------
//  FAQS
//---------------------------------------------
*/

/* html[lang="nl-NL"] .faqs-container {
    display: none;
} */


.faqs-container {
    height: 28px;
    padding: 5px 10px;
    line-height: 1;
    display: none;
}

.faqs-icon span {
    vertical-align: middle;
}

.faqs-icon::before {
    content: '\003F';
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    color: var(--green) !important;
    display: inline-flex;
    margin-right: 0.25rem;
    font-size: 12px;
    vertical-align: middle;
    text-shadow: none;
    box-shadow: 2px 2px 2px var(--box-shadow);
    font-weight: 700;
}

@media (orientation: landscape) {

    .widget-reserves {
        margin-top: 0;
    }

}

@media (min-width: 600px) {
    .front-header .slider-container .tns-controls {
        top: 50% !important;
    }

    .home-section-5 .wp-block-columns>.wp-block-column:not(:last-child) .wp-block-cover {
        min-height: 360px;
    }

    .home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child {
        min-width: 100%;
    }

    .home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child .wp-block-cover {
        min-height: 288px;
    }

    .medi-ambient-columns {
        justify-content: center;
    }

    .home-section-2-columns div.wp-block-column {
        flex-grow: 1 !important;
        flex-basis: 100% !important;
    }

    .home-section-2>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child {
        margin-top: 0;
    }

    .has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
        margin-bottom: 0rem;
    }
}

@media (min-width: 768px) {

    .menu-principal-container {
        padding-right: 0;
    }

    body.wp-custom-logo:not(.mini-header) .left-wing {
        justify-content: flex-start;
    }

    footer.site-footer,
    .footer-wrapper h3,
    .home-section-1 h1,
    .home-section-1 h3,
    .block-acampada h2,
    .block-acampada h3,
    .block-acampada .wp-block-buttons,
    .block-allotjament h3,
    .block-allotjament h2,
    .block-allotjament .wp-block-buttons,
    .block-allotjament h2+p,
    .section-container:not(.ambient-container) h2,
    .icon-title h3,
    .col-2-full-image h2,
    .col-1-full-image h2,
    .col-2-full-image h4,
    .col-1-full-image h4,
    .privacy-policy .entry-content h2,
    .privacy-policy h3,
    .location-car-block h4 {
        text-align: left !important;
    }

    footer.site-footer {
        margin-bottom: 0;
    }

    .footer-wrapper {
        display: flex;
    }

    .footer-wrapper>div {
        width: 50%;
    }

    .footer-col-2 {
        margin-left: 1em;
        margin-top: 0 !important
    }

    .site-footer .wpcf7-email {
        width: 90%;
    }

    .site-footer .wpcf7-submit {
        margin-left: inherit !important;
        margin-right: inherit !important;
        display: inherit !important;
    }

    .widget_nav_menu>div>.menu {
        justify-content: flex-start !important;
    }

    .widget_nav_menu>div>.menu>.menu-item {
        margin: 0 40px 0 0 !important;
    }

    .sub-footer-wrapper {
        display: flex;
    }

    .footer-menu-wrapper::before {
        content: '\2022';
        display: inline-block;
        font-size: .75em;
        margin-left: 1.75em;
        overflow: visible;
    }

    ul.footer-menu {
        margin: 0 !important;
        display: inline-block;
    }

    .footer-menu li {
        margin: 0 0 0 1.5em !important;
    }

    .header-wrapper {
        width: calc(100% - 2em);
    }

    .phone-link::before {
        display: none !important;
    }

    .icon-menu {
        display: flex !important;
    }

    .menu-principal-container {
        justify-content: flex-end;
        background: url(img/menu-picture.jpg) center left no-repeat;
        background-size: cover;
    }

    .menu-principal-block {
        width: 80%;
    }

    .menu-principal-wrapper {
        padding-left: 88px;
    }

    ul.menu-principal>li>ul>li {
        display: inline-block !important;
    }

    .menu-principal-block {
        position: relative;
    }

    .menu-principal a {
        font-size: 1.428em !important;
    }

    .menu-btn-container a::before {
        font-size: 1em !important;
    }

    .link-reserva {
        position: static !important;
        width: auto !important;
    }

    .link-reserva a {
        border-radius: 24px !important;
        min-width: 168px !important;
    }

    .navbar .menu-btn-container a {
        border: 2px solid var(--gray);
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
    }

    .navbar .menu-btn-container a::before {
        margin-right: .5em;
    }

    .navbar .menu-btn-container a span {
        display: inline-block !important;
    }

    .header-social-menu-wrapper>.link-container:nth-child(2) {
        display: none !important;
        position: static !important;
        width: auto !important;
    }

    a.mail-link {
        height: auto !important;
        background-color: transparent !important;
        width: fit-content !important;
    }

    a.mail-link::before {
        background: url(img/mail.svg) center no-repeat !important;
        width: 20px !important;
        height: 20px !important;
        filter: drop-shadow(2px 2px 2px var(--box-shadow)) !important;
        margin-left: 0 !important;
    }

    .mail-link span {
        display: none;
    }

    .home-section-1 .wp-block-columns {
        flex-direction: row;
    }

    .col-1-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child {
        margin-left: 10% !important;
    }

    .home-section-1.col-1-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child>figure {
        top: 25%;
    }

    .col-1-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child>*:first-child {
        display: block !important;
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
    }

    .rectangle-background-home {
        background: linear-gradient(to right, #fff 45%, rgba(0, 0, 0, 0) 45%),
            linear-gradient(to bottom, #fff 72px, rgb(255, 248, 224) 72px, rgb(255, 248, 224) 100%);
    }

    .home-section-1>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child .wp-block-group__inner-container {
        justify-content: flex-start;
    }

    .home-section-1>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child::before {
        content: '';
        display: block;
        width: 394px;
        height: 437px;
        background: url(img/animacio-background.svg) center no-repeat;
        background-size: contain;
        position: absolute;
        bottom: 0;
        right: -12%;
        z-index: -1;
        opacity: .75;
    }

    .html-content h1 {
        font-size: 2.53em !important;
        line-height: 1.35em !important;
    }

    .html-content h2 {
        font-size: 2em !important;
    }

    .html-content h3 {
        font-size: 1.4em !important;
        line-height: 1.45em !important;
    }

    .home-section-2 {
        margin-top: 96px;
        position: relative;
    }

    .header-social-menu-wrapper>.link-container:nth-child(2),
    .link-reserva {
        filter: none;
    }

    .home-section-2,
    .home-section-5 {
        background: linear-gradient(to bottom, #fff 32px, rgb(255, 248, 224) 32px, rgb(255, 248, 224) 400px, #fff 400px);
    }

    .home-section-2 h2 {
        margin: 0 auto;
    }

    .home-section-2>.wp-block-group__inner-container::before {
        content: '';
        display: block;
        position: absolute;
        width: 373px;
        height: 240px;
        top: 34px;
        z-index: 1;
        left: -2.5%;
        background: url(img/acampada-graphics.svg) center no-repeat;
        background-size: contain;
        opacity: .75;
    }

    .home-section-2>.wp-block-group__inner-container>.wp-block-columns {
        margin-top: 96px;
    }

    .home-section-2>.wp-block-group__inner-container>.wp-block-columns {
        position: relative;
        z-index: 2;
    }

    .home-section-2-columns div.wp-block-column {
        flex-grow: 1 !important;
        flex-basis: 100% !important;
    }

    .home-section-2-columns div.wp-block-column:last-child {
        margin-left: 0 !important;
    }

    .wp-block-columns:not(.home-section-2-columns):not(.home-section-5-columns):not(.medi-ambient-columns) {
        flex-wrap: nowrap !important;
    }

    .home-external-icons .wp-block-group__inner-container>figure:not(:last-child) {
        flex-basis: auto;
    }

    .front-header.page-header {
        min-height: 0;
        max-height: 850px;
    }

    .page-header:not(.front-header) {
        min-height: 552px;
    }

    .block-acampada {
        padding: 0 0 68px 0;
    }

    .block-acampada .wp-block-group__inner-container::before {
        content: '';
        background: url(img/acampada-graphics.svg) center no-repeat;
        background-size: contain;
        display: block;
        width: 234px;
        height: 151px;
        position: absolute;
        top: -56px;
        z-index: 1;
    }

    .acampada-graphics-left .wp-block-group__inner-container::before {
        right: -3%;
    }

    .acampada-graphics-right .wp-block-group__inner-container::before {
        right: 46%;
    }

    .block-acampada .wp-block-buttons {
        margin-bottom: 0;
    }

    .acampada-graphics-left {
        background: linear-gradient(to right, #fff 45%, rgba(0, 0, 0, 0) 45%), linear-gradient(to bottom, #fff 48px, rgb(255, 248, 224) 48px, rgb(255, 248, 224) 96px, #fff 96px);
    }

    .acampada-graphics-right {
        background: linear-gradient(to left, #fff 45%, rgba(0, 0, 0, 0) 45%), linear-gradient(to bottom, #fff 48px, rgb(255, 248, 224) 48px, rgb(255, 248, 224) 96px, #fff 96px);
    }

    .acampada-graphics-left .wp-block-columns {
        flex-direction: row;
    }

    .block-acampada .wp-block-columns {
        z-index: 2;
        position: relative;
    }

    .block-allotjament {
        background: linear-gradient(to bottom, #fff 48px, rgb(255, 248, 224) 48px, rgb(255, 248, 224) 156px, #fff 156px);
    }

    .full-picture-left .wp-block-columns {
        flex-direction: row;
    }

    .block-allotjament>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>figure {
        position: absolute;
        top: 48px;
        width: 50%;
    }

    .bungalow-planol {
        margin-top: 45vw;
    }

    .full-picture-left>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child {
        margin-left: 10% !important;
    }

    .block-allotjament .wp-block-buttons {
        margin-bottom: 2em;
    }

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

    .section-container .icon-title {
        margin-left: 0;
        margin-right: auto;
    }

    .rectangle-background-serveis {
        background: linear-gradient(to right, #fff 25%, rgba(0, 0, 0, 0) 25%),
            linear-gradient(to bottom, #fff 100px, rgb(255, 248, 224) 100px);
    }

    .icon-title .wp-block-group__inner-container .wp-block-image {
        margin: 0 1rem 0 0 !important;
    }

    .icon-title .wp-block-group__inner-container {
        flex-wrap: nowrap !important;
    }

    .animacio-background {
        padding-top: 0;
        background: linear-gradient(to right, #fff 25%, rgba(0, 0, 0, 0) 25%),
            linear-gradient(to bottom, rgb(255, 248, 224) 41.5%, #fff 41.5%);
    }

    .piscina-background {
        background: linear-gradient(to bottom, #fff 136px, rgb(255, 248, 224) 136px, rgb(255, 248, 224) 280px, #fff 280px);
    }

    .full-picture-right>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child {
        margin-left: 2.35% !important;
    }

    .col-1-full-image>.wp-block-group__inner-container>.wp-block-columns {
        flex-direction: row;
    }

    .col-1-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child,
    .col-2-full-image:not(.pesca-block)>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child {
        height: 33vw;
        margin-top: 0;
    }

    .col-1-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child>*:nth-child(2),
    .col-2-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child>*:nth-child(2) {
        margin-top: 36vw;
    }

    .rectangle-background {
        background: linear-gradient(to right, #fff 45%, rgba(0, 0, 0, 0) 45%), linear-gradient(to bottom, #fff 56px, rgb(255, 248, 224) 56px, rgb(255, 248, 224) 632px, #fff 632px);
    }

    .col-2-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:first-child {
        padding-right: 3%;
    }

    .col-2-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child {
        margin-left: 2.35% !important;
    }

    .col-2-full-image>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child>*:first-child {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
    }

    div.animacio-background figure.wp-block-image {
        display: flex;
        justify-content: center;
        margin-bottom: 0 !important;
        height: 100%;
        width: 100%;
    }

    .animacio-slider {
        position: absolute;
        bottom: -200px;
        left: 0;
    }

    .animacio-background .wp-block-embed {
        margin-top: 16%;
    }

    .animacio-background .wp-block-columns>.wp-block-column:last-child {
        position: relative;
    }

    .rectangle-background-2 {
        background: linear-gradient(to bottom, #fff 56px, rgb(255, 248, 224) 56px);
    }

    .title-icon>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>h4 {
        justify-content: flex-start;
    }

    .title-icon>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>h4 {
        display: flex;
        align-items: center;
    }

    .title-icon>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>h4>img {
        margin-right: .5em;
        margin-bottom: 0;
        margin-left: 0;
    }

    .title-icon>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>p {
        margin-bottom: .5em;
        text-align: left;
    }

    .rectangle-background-3 {
        background: linear-gradient(to left, #fff 334px, rgba(0, 0, 0, 0) 334px),
            linear-gradient(to bottom, #fff 56px, rgb(255, 248, 224) 56px);
    }

    .col-1-full-image h3,
    .col-2-full-image h3 {
        text-align: left;
    }

    .form-data-wrapper p {
        width: 47.5%;
    }

    .form-data-wrapper p:nth-child(even) {
        margin-left: 5%;
    }

    .location-car-block .icon-title {
        margin-left: 0 !important;
    }

    .location-car-block ul>li {
        flex-basis: 50%;
        padding: 0 1.5em 0.5em 0;
    }

    .flxmap-directions p {
        display: block;
    }

    .flxmap-directions input[type="text"] {
        margin-left: 0;
    }

    .flxmap-directions input[type="submit"] {
        margin-left: 2em;
        margin-top: 0;
    }

    .page-header-no-cover {
        height: 256px;
    }

    .pesca-block .wp-block-embed {
        margin-top: 4em;
    }

    #sidebar-header {
        padding-left: 88px;
    }

    .blog .post {
        display: flex;
    }

    .entry-aside {
        width: 602px;
        padding-left: 2em;
    }

    .entry-article img {
        height: 100%;
        max-width: unset;
    }

    .featured-posts {
        display: flex;
        flex-wrap: wrap;
    }

    .featured-post-item {
        flex: 1 0 50%;
    }

    .entry-article {
        height: 324px;
        max-width: 324px;
    }

    body {
        font-size: 15px;
    }

    .home-section-2-columns {
        flex-wrap: wrap !important;
    }

    .home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child {
        min-width: 0;
    }

    .home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:last-child .wp-block-cover {
        min-height: 360px;
    }

    .home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:not(:last-child) {
        margin-bottom: 0;
    }

    .icon-link-wrapper .wp-block-group__inner-container {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .pesca-block .wp-block-embed {
        margin-top: 4em;
    }

    .breadcrumb-container {
        margin-top: 0;
    }
}

@media screen and (min-width: 1000px) {

    .col-1-full-image > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:first-child > *:first-child img {
        aspect-ratio: 21 / 9;
        object-fit: cover;
    }

    .col-1-full-image > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:first-child > *:nth-child(2) {
        margin-top: 24vw;
    }

    .col-1-full-image > .wp-block-group__inner-container > .wp-block-columns > .wp-block-column:last-child {
        margin-left: 5% !important;
    }

}

@media screen and (min-width: 1200px) {

    .faqs-container {
        display: block;
    }

    body.wp-custom-logo:not(.mini-header) .left-wing {
        justify-content: space-between;
    }

    .menu-principal .wpml-ls-item {
        display: none;
    }

    .lang-switcher-container {
        display: block;
    }

    .wpml-ls-sidebars-header-sidebar-2 a {
        color: #fff !important;
    }

    .lang-switcher-container {
        position: static;
    }

    body.wp-custom-logo:not(.mini-header) .lang-switcher-container .wpml-ls-legacy-dropdown a,
    body.wp-custom-logo:not(.mini-header) .lang-switcher-container .wpml-ls-legacy-dropdown a:hover,
    body.wp-custom-logo:not(.mini-header) .lang-switcher-container .wpml-ls-legacy-dropdown a:focus,
    body.wp-custom-logo:not(.mini-header) .lang-switcher-container .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
        background: transparent !important;
    }

    .lang-switcher-container .wpml-ls-legacy-dropdown {
        width: auto;
        max-width: unset !important;
    }

    .lang-switcher-container .wpml-ls-legacy-dropdown a {
        border: none !important;
    }

    .lang-switcher-container .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
        pointer-events: none;
        height: 0;
        overflow: hidden;
        opacity: 0;
        border-top: none;
        transition: opacity .1s ease-out,
            height .1s ease-out;
    }

    .lang-switcher-container .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
        opacity: 1;
        pointer-events: auto;
        height: 156px;
    }

    .lang-switcher-container .wpml-ls-legacy-dropdown .wpml-ls-item {
        cursor: pointer;
        display: block;
    }

    .lang-switcher-container .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
        position: relative;
        padding-right: 10px !important;
        display: block;
    }

    body.wp-custom-logo:not(.mini-header) .lang-switcher-container .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
    body.wp-custom-logo:not(.mini-header) .wpml-ls-item-toggle .wpml-ls-flag,
    body.wp-custom-logo:not(.mini-header) .wpml-ls-link .wpml-ls-flag {
        filter: drop-shadow(2px 2px 2px var(--box-shadow));
    }

    .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
        position: static !important;
        margin-left: .4em;
    }

    .lang-switcher-container .wpml-ls-legacy-dropdown .wpml-ls-item {
        display: block;
    }

    body.wp-custom-logo:not(.mini-header) .lang-switcher-container .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover {
        font-weight: 900;
    }

    .mini-header .lang-switcher-container .wpml-ls-sidebars-header-sidebar-2 .wpml-ls-current-language:hover>a,
    .mini-header .lang-switcher-container .wpml-ls-sidebars-header-sidebar-2 .wpml-ls-current-language>a:focus {
        color: inherit !important;
    }

    .mini-header .faqs-icon:before {
        box-shadow: none;
        background-color: var(--green);
        color: #fff !important;
    }

    .lang-switcher-container .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
        font-weight: 400;
    }

    body {
        font-size: 16px;
    }

    .footer-col-2 {
        margin-left: 0 !important;
    }

    .admin-bar.mini-header .navbar-container {
        top: 32px;
    }

    .mini-header .navbar-container {
        width: 100%;
        background: var(--white);
        height: 80px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        display: flex;
        align-items: center;
        transition: all .2s ease-out;
    }

    .mini-header .navbar {
        width: calc(100% - 2rem);
        max-width: var(--content-width-wide);
        margin-left: auto;
        margin-right: auto;
        position: static;
        transition: all .2s ease-out;
    }

    .mini-header .left-wing>*,
    .mini-header .link-container {
        flex-grow: 0;
    }

    .mini-header .navbar .menu-btn-container a.btn.menu-btn {
        filter: none;
        border: 2px solid var(--gray) !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 700;
    }

    .mini-header div#wpc-weather-id-280 {
        display: none !important;
    }

    .mini-header .link-container {
        margin-left: 2em;
        filter: none !important;
    }

    .mini-header .header-wrapper a:not(.menu-btn):not(.primary-btn) {
        color: var(--gray) !important;
        text-shadow: none;
    }

    .mini-header a.custom-logo-link {
        display: block;
        background: url(img/mini-logo.svg) center no-repeat !important;
        background-size: contain !important;
        width: 230px !important;
        height: 58px !important;
        filter: none;
    }

    .mini-header img.custom-logo {
        display: none !important;
    }

    .mini-header .header-social-menu-wrapper {
        justify-content: flex-end;
    }

    .mini-header a.phone-link span {
        display: none !important;
    }

    .mini-header a.phone-link::before {
        display: block !important;
    }

    .mini-header a.header-social-icon::before {
        filter: none !important;
    }

    .mini-header a.mail-link::before {
        background: url(img/mini-envelope.svg) center no-repeat !important;
    }

    .mini-header .facebook-link::before {
        background: url(img/mini-facebook.svg) center no-repeat;
    }

    .mini-header .twitter-link::before {
        background: url(img/mini-twitter.svg) center no-repeat;
    }

    .mini-header .instagram-link::before {
        background: url(img/mini-instagram.svg) center no-repeat;
    }

    .mini-header .navbar .link-container a:hover,
    .mini-header .navbar .menu-btn-container a:hover {
        margin-bottom: 0 !important;
    }

    .mini-header .link-reserva {
        display: block;
        opacity: 1;
        height: 47px;
    }

    .mini-header .link-reserva {
        margin-left: 2em;
    }

    .navbar {
        position: absolute;
        top: 40px;
        left: 0;
        z-index: 95;
    }

    .custom-logo-link {
        width: auto !important;
        height: auto !important;
        background: none !important;
        text-align: center;
        filter: drop-shadow(2px 2px 2px var(--box-shadow));
    }

    .custom-logo {
        display: block !important;
    }

    .navbar .menu-btn-container a {
        border: none !important;
    }

    .menu-btn {
        width: 168px !important;
        filter: drop-shadow(2px 2px 2px var(--box-shadow));
    }

    #wpc-weather-id-280 {
        display: block !important;
    }

    .left-wing .link-container {
        display: block !important;
    }

    body.wp-custom-logo:not(.mini-header) .header-social-menu-wrapper>.link-container:not(:first-child) {
        display: block !important;
    }

    .phone-link span {
        display: block !important;
    }

    .header-wrapper {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    ul.menu-principal a {
        font-size: 1.625em !important;
    }

    ul.menu-principal>li {
        margin-bottom: 36px !important;
    }

    ul.menu-principal>li>ul>li {
        margin-top: 36px !important;
    }

    ul.menu-principal>li.menu-item-has-children>a::after {
        font-size: 12px !important;
    }

    .cls-button {
        right: 32px !important;
    }

    .navbar .link-container a:hover,
    .navbar .menu-btn-container a:hover {
        margin-bottom: .5em !important;
    }

    .link-reserva {
        display: none;
        opacity: 0;
        transition: all .3s ease-in;
    }

    .header-social-menu-wrapper>div.link-container:nth-child(2) {
        display: block !important;
    }

    .header-wrapper a:not(.menu-btn) {
        text-shadow: 2px 2px 2px var(--box-shadow);
    }

    .arrow-container {
        height: 96px !important;
    }

    .html-content h1 {
        font-size: 3.5em !important;
        line-height: 1.1em !important;
    }

    .html-content h2 {
        font-size: 2.625em !important;
        line-height: 3rem !important;
    }

    .html-content h3 {
        font-size: 1.625em !important;
        line-height: 1.5 !important;
    }

    .home-section-1 h3 {
        margin-top: 56px !important;
    }

    .col-1-full-image h3,
    .col-2-full-image h3 {
        width: 412px;
        margin: 0 auto 2rem 0;
    }

    .front-header.page-header {
        min-height: 0;
        max-height: unset;
    }

    .page-header:not(.front-header) {
        min-height: 775px;
    }

    div[class*="home-section-"]:not(.home-section-2-columns):not(.home-section-5-columns):not(.home-section-1),
    .top-spacer {
        margin-top: 180px;
    }

    .home-section-2 .wp-block-columns>.wp-block-column .wp-block-columns>.wp-block-column:last-child {
        margin-left: 24px !important;
        padding-left: 16px;
        border-left: 1px solid var(--gray);
    }

    .rectangle-background-home {
        background: linear-gradient(to right, #fff 45%, rgba(0, 0, 0, 0) 45%), linear-gradient(to bottom, #fff 96px, rgb(255, 248, 224) 96px, rgb(255, 248, 224) 100%);
    }

    .home-section-2,
    .home-section-5 {
        background: linear-gradient(to bottom, #fff 40px, rgb(255, 248, 224) 40px, rgb(255, 248, 224) 400px, #fff 400px);
    }

    div.home-section-2-columns {
        flex-wrap: nowrap !important;
    }

    .home-section-2-columns p {
        text-align: left;
    }

    .home-section-2 p,
    .home-section-2 .wp-block-buttons {
        text-align: left;
    }

    .home-section-3::before {
        width: 50%;
    }

    .home-section-3 .wp-block-cover__inner-container {
        width: calc(100% - 4rem);
    }

    /*.home-section-3 h1, .home-section-3 h3 {
        text-align: left;
    }*/

    .wp-block-cover-image>.wp-block-cover__inner-container,
    .wp-block-cover[class*="has-background"]>.wp-block-cover__inner-container {
        width: calc(100% - 4rem);
    }

    .home-section-4 .wp-block-cover {
        padding-top: 180px !important;
        padding-bottom: 180px !important;
    }

    .home-section-5,
    .home-section-5 .wp-block-columns {
        position: relative;
    }

    .home-section-5>.wp-block-group__inner-container::before {
        content: '';
        display: block;
        position: absolute;
        width: 432px;
        height: 311px;
        top: -10%;
        z-index: 1;
        right: -10%;
        background: url(img/activitats-graphics.svg) center no-repeat;
        background-size: contain;
        opacity: .75;
    }

    .home-section-5 .wp-block-columns {
        z-index: 2;
    }

    .home-section-5 .wp-block-columns>.wp-block-column div.wp-block-cover {
        min-height: 430px !important;
    }

    .home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column:not(:last-child) {
        margin-bottom: 0;
    }

    .home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>.wp-block-cover:hover {
        background-position: 60% 50% !important;
        transition: all 10s linear;
    }

    .home-section-5>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>.wp-block-cover:hover::before {
        opacity: 0;
        transition: opacity .2s linear;
    }

    /*.home-section-6 {
        display: block;
    }*/
    .acampada-graphics-left {
        background: linear-gradient(to right, #fff 45%, rgba(0, 0, 0, 0) 45%),
            linear-gradient(to bottom, #fff 64px, rgb(255, 248, 224) 64px, rgb(255, 248, 224) 122px, #fff 122px);
    }

    .acampada-graphics-right {
        background: linear-gradient(to left, #fff 45%, rgba(0, 0, 0, 0) 45%),
            linear-gradient(to bottom, #fff 64px, rgb(255, 248, 224) 64px, rgb(255, 248, 224) 122px, #fff 122px);
    }

    .block-acampada .wp-block-group__inner-container::before {
        top: -28px;
        ;
    }

    .block-allotjament {
        background: linear-gradient(to bottom, #fff 66px, rgb(255, 248, 224) 66px, rgb(255, 248, 224) 156px, #fff 156px);
    }

    .block-allotjament>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column>figure {
        top: 66px;
    }

    .rectangle-background-serveis {
        background: linear-gradient(to right, #fff 25%, rgba(0, 0, 0, 0) 25%),
            linear-gradient(to bottom, #fff 124px, rgb(255, 248, 224) 124px);
    }

    .piscina-background>.wp-block-group__inner-container::before {
        content: '';
        background: url(img/piscina-background.svg) center no-repeat;
        background-size: contain;
        display: block;
        width: 421px;
        height: 315px;
        position: absolute;
        top: -23px;
        left: 30%;
        z-index: 0;
    }

    .piscina-background {
        background: linear-gradient(to bottom, #fff 264px, rgb(255, 248, 224) 264px, rgb(255, 248, 224) 456px, #fff 456px);
    }

    .bungalow-planol {
        margin-top: 40vw;
    }

    .piscina-background>.wp-block-group__inner-container::before {
        left: 37%;
    }

    .rectangle-background {
        background: linear-gradient(to right, #fff 45%, rgba(0, 0, 0, 0) 45%),
            linear-gradient(to bottom, #fff 80px, rgb(255, 248, 224) 80px, rgb(255, 248, 224) 82.5%, #fff 82.5%);
    }

    .animacio-background>.wp-block-group__inner-container::before {
        content: '';
        background: url(img/animacio-background.svg) center no-repeat;
        background-size: contain;
        display: block;
        width: 421px;
        height: 315px;
        position: absolute;
        top: 300px;
        right: -12%;
        z-index: 0;
    }

    .animacio-background {
        margin-top: 136px;
        padding-top: 0;
        background: linear-gradient(to right, #fff 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(to bottom, rgb(255, 248, 224) 612px, #fff 612px);
    }

    .rectangle-background-2 {
        background: linear-gradient(to bottom, #fff 108px, rgb(255, 248, 224) 108px);
    }

    .rectangle-background-3 {
        background: linear-gradient(to left, #fff 45%, rgba(0, 0, 0, 0) 45%),
            linear-gradient(to bottom, #fff 96px, rgb(255, 248, 224) 96px);
    }

    .page-header-no-cover {
        height: 316px;
    }

    #sidebar-header {
        padding-left: 0;
        padding-top: 0;
        width: max-content !important;
        position: absolute !important;
        right: 88px;
        left: unset;
        bottom: 100px;
    }

    #sidebar-header .textwidget {
        text-align: right;
    }

    #sidebar-header .textwidget a:last-child {
        padding-bottom: 0;
    }

    .animacio-slider {
        bottom: -336px;
    }

    .front-header .slider-container .tns-controls button {
        width: 5em !important;
        height: 5em !important;
    }

    .home-section-3 .wp-block-buttons {
        text-align: left;
    }

    .home-section-2 .wp-block-columns h3 {
        text-align: right;
    }

    .page-entry-container {
        display: flex;
    }

    .page-entry-container .entry-content {
        flex-basis: 70%;
    }

    .ultimes-entrades-wrapper {
        flex-basis: 30%;
        height: max-content;
        max-width: 378px;
        margin-top: 64px;
    }

    .featured-posts-title {
        text-align: left;
    }

    .featured-posts {
        display: block;
    }

    .home-section-2 .wp-block-buttons {
        justify-content: flex-start;
    }
}

@media screen and (min-width: 1800px) {
    body {
        font-size: 17px;
    }

    .block-bottom-space {
        margin-bottom: 1% !important;
    }

    .html-content>*:last-child:not(.widget-reserves):not(.sub-footer):not(.home-external-icons):not(.page-title) {
        margin-bottom: 204px !important;
    }

    .block-acampada {
        margin-top: 96px !important;
        padding: 0 0 96px 0 !important;
    }

    .home-section-5>.wp-block-group__inner-container::before {
        right: -5%;
    }

    .pesca-block .wp-block-embed {
        margin-top: 8em;
    }
}

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

    .wpc-weather-id,
    .faqs-container,
    .lang-switcher-container,
    .phone-link {
        font-size: 14px;
    }

    .faqs-container,
    .wpml-ls-legacy-dropdown a {
        padding: 5px 0 !important;
    }

}