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



/*
	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;
    line-height: 1.25;
    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;
    scroll-behavior: smooth;
}

/* 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: baseline;
}

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

.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: 70%;
    line-height: 1.1;
}

strong,
th {
    font-weight: bold;
}

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

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

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

    .logo-75 figure {
        text-align: center;
    }

    .logo-75 img {
        max-width: 50% !important;
        margin-left: auto;
        margin-right: auto;
    }

}

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

.wp-block-cover {
    width: 100%;
}

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

@import url('https://rsv4.mastercamping.com/widget/v10/master_booking_plugin.min.css');

/* lexend-thin */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: local('Lexend Thin'), local('Lexend-Thin'),
        url('fonts/Lexend-Thin.woff2') format('woff2'),
        url('fonts/Lexend-Thin.woff') format('woff');
}

/* lexend-extralight */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: local('Lexend ExtraLight'), local('Lexend-ExtraLight'),
        url('fonts/Lexend-ExtraLight.woff2') format('woff2'),
        url('fonts/Lexend-ExtraLight.woff') format('woff');
}

/* lexend-light */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: local('Lexend Light'), local('Lexend-Light'),
        url('fonts/Lexend-Light.woff2') format('woff2'),
        url('fonts/Lexend-Light.woff') format('woff');
}

/* lexend-regular */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Lexend Regular'), local('Lexend-Regular'),
        url('fonts/Lexend-Regular.woff2') format('woff2'),
        url('fonts/Lexend-Regular.woff') format('woff');
}

/* lexend-medium */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Lexend Medium'), local('Lexend-Medium'),
        url('fonts/Lexend-Medium.woff2') format('woff2'),
        url('fonts/Lexend-Medium.woff') format('woff');
}

/* lexend-semibold */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: local('Lexend SemiBold'), local('Lexend-SemiBold'),
        url('fonts/Lexend-SemiBold.woff2') format('woff2'),
        url('fonts/Lexend-SemiBold.woff') format('woff');
}

/* lexend-bold */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Lexend Bold'), local('Lexend-Bold'),
        url('fonts/Lexend-Bold.woff2') format('woff2'),
        url('fonts/Lexend-Bold.woff') format('woff');
}

/* lexend-extrabold */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local('Lexend ExtraBold'), local('Lexend-ExtraBold'),
        url('fonts/Lexend-ExtraBold.woff2') format('woff2'),
        url('fonts/Lexend-ExtraBold.woff') format('woff');
}

/* lexend-black */
@font-face {
    font-family: 'Lexend';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: local('Lexend Black'), local('Lexend-Black'),
        url('fonts/Lexend-Black.woff2') format('woff2'),
        url('fonts/Lexend-Black.woff') format('woff');
}

/* materials-symbols-outlined */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    src: url('fonts/MaterialSymbolsOutlined\[FILL,GRAD,opsz,wght\].ttf') format('ttf'),
        url('fonts/MaterialSymbolsOutlined\[FILL,GRAD,opsz,wght\].woff2') format('woff2'),
        url('fonts/MaterialSymbolsOutlined\[FILL,GRAD,opsz,wght\].codepoints') format('codepoints');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 32px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

:root {
    --verd-0: #1d3026;
    --verd-2: #4a684d;
    --verd-4: #789f7c;
    --verd-6: #b4cab7;
    --verd-8: #d2dfd4;
    --verd-10: #f0f4f1;
    --marro-0: #8a735c;
    --marro-2: #a06144;
    --marro-4: #cc7b57;
    --marro-6: #ece3d6;
    --blanc: #fff;
    --negre: #000;
    /* --vermell: #b01614; */
}

body {
    font-family: 'Lexend', sans-serif;
    font-weight: 400;
    color: #4A4A4A;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
}


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

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

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

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

#sidebar-header {
    height: 4.28em;
    display: flex;
    justify-content: flex-end;
}



.single-ajuda #content-container {
    padding-top: 10em;
}

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

.html-content p:not([class*="-heading-style"]) {
    margin-bottom: 1.2em;
}

.html-content p.is-style-intro {
    font-size: 1.250em;
    color: var(--marro-2);
    margin-top: 3em;
    margin-bottom: 3em;
}

.html-content h1,
.html-content h2,
.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6 {
    font-weight: 700;
    /* margin: 0.5em 0; */
}

@media not all and (min-resolution:.001dpcm) {
    
        .html-content h1 {
            letter-spacing: 0;
        }
    
}

/* .wp-block-media-text__content h1 {
    font-size: 4.111em;
}

.wp-block-cgb-contingut-cerdanyaecoresort h1 {
    font-size: 5em;
    margin: 0 0 0.5em 0;
} */

h1 {
    font-weight: 700 !important;
    font-size: clamp(32px, 4vw, 40px) !important;
}

h2 {
    font-weight: 600 !important;
    font-size: clamp(20px, 2.444vw, 24px) !important;
}

h3 {
    font-weight: 500 !important;
    font-size: clamp(18px, 3.777vw, 20px);
    margin: 0.5em 0;
}

.html-content h4 {
    font-size: 1em;
}

.html-content h5 {
    font-size: 18px;
}

.html-content h6 {
    font-size: 16px;
}

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

h1.is-style-no-margin-inf,
h2.is-style-no-margin-inf,
h3.is-style-no-margin-inf,
h4.is-style-no-margin-inf,
h5.is-style-no-margin-inf,
h6.is-style-no-margin-inf {
    margin-bottom: 0;
}

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

.html-content ul {
    list-style-type: disc;
}

.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 .has-small-font-size {
    font-size: 0.75em;
}

table.taula-comparador tr td {
    padding: 10px;
    border-right: 1px solid #ecded3;
    min-width: 70px;
}

table.taula-comparador tr:nth-child(even) td {
    background-color: var(--marro-6);
}

table.taula-comparador tr:last-child td:nth-child(n+3) {
    border-bottom: 1px solid #ecded3;
}

.taula-comparador th:nth-child(n+3) {
    background-color: #163b1c;
    color: white;
    font-weight: 300;
    font-size: 10px;
    text-transform: uppercase;
    padding: 5px;
    border: 1px solid black;
}

.true-check {
    background-image: url(img/ico_tick.svg);
    width: 20px;
    height: 20px;
    display: block;
    margin: auto;
}

table.taula-comparador a {
    color: #163b1c;
}

.taula-comparador td {
    position: relative;
}

.taula-comparador img {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.taula-comparador td:first-child:hover+td img,
.taula-comparador td:hover img {
    opacity: 0.5;
}

.taula-comparador .td-image {
    min-width: 120px;
}

.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-group.has-background {
    padding: 2em;
}

.inner-wrapper>*:not(.alignwide):not(.alignfull),
.entry-content>*:not(.alignwide):not(.alignfull),
.wp-block-group.alignfull .wp-block-group__inner-container>*:not(.alignwide):not(.alignfull):not(.wp-block-group__inner-container),
.wp-block-cover.alignfull .wp-block-cover__inner-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 740px;
}

.wp-block-group.alignfull>.alignfull {
    width: calc(100% + 60px);
    /* */
    transform: translateX(-30px);
}


.inner-wrapper .alignwide,
.entry-content .alignwide {
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
}


.has-blank-3-verd-0-background-color {
    background-color: var(--verd-0) !important;
    color: #FFF
}

.has-blank-3-verd-2-background-color {
    background-color: var(--verd-2) !important;
    color: #FFF
}

.has-blank-3-verd-4-background-color {
    background-color: var(--verd-4) !important;
    color: #FFF
}

.has-blank-3-verd-6-background-color {
    background-color: var(--verd-6) !important;
}

.has-blank-3-verd-8-background-color {
    background-color: var(--verd-8) !important;
}

.has-blank-3-verd-10-background-color {
    background-color: var(--verd-10) !important;
}

.has-blank-3-marro-0-background-color {
    background-color: var(--marro-0) !important;
    color: #FFF
}

.has-blank-3-marro-2-background-color {
    background-color: var(--marro-2) !important;
    color: #FFF
}

.has-blank-3-marro-4-background-color {
    background-color: var(--marro-4) !important;
    color: #FFF
}

.has-blank-3-marro-6-background-color {
    background-color: var(--marro-6) !important;
}

.has-blank-3-blanc-background-color {
    background-color: var(--blanc) !important;
}

.has-blank-3-negre-background-color {
    background-color: var(--negre) !important;
}


.wp-block-group.has-blank-3-marro-4-background-color.has-background p {
    opacity: 0.85;
}

.wp-block-columns.no-padding .wp-block-column {
    margin: 0 !important;
    flex-basis: 50%;
}

.has-blank-3-verd-0-color {
    color: var(--verd-0) !important;
}

.has-blank-3-verd-2-color {
    color: var(--verd-2) !important;
}

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

.has-blank-3-verd-6-color {
    color: var(--verd-6) !important;
}

.has-blank-3-verd-8-color {
    color: var(--verd-8) !important;
}

.has-blank-3-verd-10-color {
    color: var(--verd-10) !important;
}

.has-blank-3-marro-0-color {
    color: var(--marro-0) !important;
}

.has-blank-3-marro-2-color {
    color: var(--marro-2) !important;
}

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

.has-blank-3-marro-6-color {
    color: var(--marro-6) !important;
}

.has-blank-3-blanc-color {
    color: var(--blanc) !important;
}

.has-blank-3-negre-color {
    color: var(--negre) !important;
}

.is-style-outline a.wp-block-button__link {
    border: none !important
}

a.wp-block-button__link {
    padding: calc(.667em + 2px) !important;
    line-height: 1.25 !important;
    transition: background-color 0.2s ease-out !important;
    background-color: var(--marro-4) !important;
    border-radius: 8px !important;
    color: var(--blanc) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: small !important;
}

.is-style-outline .wp-block-button__link {
    border-radius: 0;
    padding: 0.4em 1.2em;
    border: 1px solid !important;
}

/* .is-style-outline .wp-block-button__link:hover {
    opacity: 0.8;
} */

.is-style-regala .wp-block-button__link,
.is-style-restaurant .wp-block-button__link,
.is-style-enllac .wp-block-button__link {
    border-radius: 0;
    padding: 0;
    border: 0 !important;
    background: transparent;
    color: var(--verd-2);
}

/* .is-style-regala .wp-block-button__link:hover,
.is-style-enllac .wp-block-button__link:hover {
    color: var(--verd-2);
    opacity: 0.8;
} */

.is-style-regala .wp-block-button__link:visited,
.is-style-restaurant .wp-block-button__link:visited,
.is-style-enllac .wp-block-button__link:visited {
    color: var(--verd-2);
}

.is-style-regala .wp-block-button__link:before,
.is-style-restaurant .wp-block-button__link:before,
.is-style-enllac .wp-block-button__link:before {
    content: '';
    display: inline-block;
    background: url(img/ico_link_external.svg) center center no-repeat;
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    margin-right: 0.2em;
}

.is-style-enllac .wp-block-button__link[href*="#"]:before,
.is-style-enllac .wp-block-button__link[href*="cerdanyaecoresort"]:before {
    background-image: url(img/ico_link_url.svg);
}

.is-style-regala .wp-block-button__link {
    padding: 0.2em 0.4em;
    display: flex;
    text-align: left;
}
.is-style-restaurant .wp-block-button__link {
    padding: 0.2em 0.4em;
    display: flex;
    text-align: left;
}

.is-style-regala .wp-block-button__link:before {
    width: 2.5em;
    height: 2.5em;
    background-image: url(img/ico_menu_regala.svg);
    filter: saturate(0) brightness(2);
}
.is-style-restaurant .wp-block-button__link:before {
    width: 2.5em;
    height: 2.5em;
    background-image: url(img/ico_rest.svg);
    filter: saturate(0) brightness(2);
}

.banners-acordio a[class*="wp-block-button"].has-blank-3-blanc-background-color:hover {
    background: var(--verd-4) !important;
    color: white !important;
}

.is-style-enllac .wp-block-button__link[href*=".jpg"]:before,
.is-style-enllac .wp-block-button__link[href*=".zip"]:before,
.is-style-enllac .wp-block-button__link[href*=".png"]:before,
.is-style-enllac .wp-block-button__link[href*=".jpeg"]:before,
.is-style-enllac .wp-block-button__link[href*=".pdf"]:before {
    background-image: url(img/ico_link_download.svg);
}

.is-style-outline .wp-block-button__link.has-blank-3-verd-0-color:hover {
    color: #FFF !important;
    background: var(--verd-0);
}

.is-style-outline .wp-block-button__link.has-blank-3-verd-2-color:hover {
    color: #FFF !important;
    background: var(--verd-2);
}

/* .is-style-outline .wp-block-button__link.has-blank-3-verd-4-color:hover {
    color: #FFF !important;
    background: var(--verd-4) !important;
} */

.wp-block-buttons .is-style-index.wp-block-button,
.wp-block-buttons .is-style-index .wp-block-button__link {
    display: block;
    margin-right: 0;
}

.wp-block-buttons.is-style-columna-2,
.wp-block-buttons.is-style-columna-1 {
    display: grid;
    gap: 1em;
}

.wp-block-buttons.is-style-columna-2 .wp-block-button,
.wp-block-buttons.is-style-columna-1 .wp-block-button {
    margin-right: 0;
}

.is-style-columna-2 .wp-block-button__link,
.is-style-columna-1 .wp-block-button__link {
    display: block;
}

.wp-block-cover h1,
.wp-block-media-text h1 {
    margin: 0;
}

.wp-block-media-text.is-image-fill figure {
    min-height: 550px;
}

.html-content .has-medium-font-size {
    font-size: 1.250em;
}

.entry-content>.wp-block-columns.alignfull .wp-block-column:nth-child(1) .wp-block-cgb-contingut-cerdanyaecoresort {
    padding: 2rem 1rem 2rem 0;
}

.entry-content>.wp-block-columns.alignfull .wp-block-column:nth-child(2) .wp-block-cgb-contingut-cerdanyaecoresort {
    padding: 2rem 0 2rem 1rem;
}

.wp-block-group.alignfull.has-background .wp-block-columns.alignfull {
    /*per contrarestar el padding del grup amb background */
    width: calc(100% + 60px);
    margin-left: -30px;
}

.wp-block-cgb-contingut-cerdanyaecoresort h3 {
    color: var(--marro-2);
}


ul.wp-block-gallery {
    margin: 0;
    list-style: none;
}

@media only screen and (pointer) {
    
    a.wp-block-button__link:hover {
        background-color: var(--marro-2) !important;
    }

}

/*---------------------------------------------
//  Mostrar més TO DO passar-ho al plugin
//---------------------------------------------
*/

.wp-block-cgb-mostrar-mes-cerdanyaecoresort {
    display: flex;
    flex-direction: column;
}

.wp-block-cgb-mostrar-mes-cerdanyaecoresort .mostrar-contingut {
    display: none;
}

.wp-block-cgb-mostrar-mes-cerdanyaecoresort.mostra {
    flex-direction: column-reverse;
}

.wp-block-cgb-mostrar-mes-cerdanyaecoresort.mostra .mostrar-contingut {
    display: block;
}

.wp-block-cgb-mostrar-mes-cerdanyaecoresort .mostrar-mes {
    background: url(img/more_default.png) center center no-repeat;
    height: 1em;
}

.wp-block-cgb-mostrar-mes-cerdanyaecoresort.is-style-more_color_blanc .mostrar-mes {
    background-image: url(img/more_blanc.png);
}

.wp-block-cgb-mostrar-mes-cerdanyaecoresort .mostrar-mes:hover {
    cursor: pointer;
}

.wp-block-cgb-mostrar-mes-cerdanyaecoresort.mostra .mostrar-mes {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mostrar-mes span {
    display: none;
}


.marge-inferior {
    position: relative;
}

.marge-inferior:after {
    content: '';
    display: block;
    width: 100%;
    height: 8em;
    position: absolute;
    left: 0;
    background-color: var(--marro-4) !important;
}


.wp-block-media-text.is-image-fill .wp-block-media-text__content {
    padding: 14% 8% 2% 8%;
}

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

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


/*---------------------------------------------
//  menu
//---------------------------------------------
*/
.no-link>a {
    pointer-events: none;
}

nav.menu-fixe-wrapper.clearfix {
    background: #FFF;
    z-index: 9;
    display: flex;
    align-items: center;
}

ul.menu-fixe {
    background: rgb(255, 255, 255);
    display: flex;
}

.searchicon,
ul.menu-fixe li {
    padding: 0.8em 0.6em;
}


.searchicon a,
ul.menu-fixe a {
    text-decoration: none;
    color: var(--verd-0);
    font-size: 0.67em;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    line-height: 1.2em;
}

.searchicon a:before,
ul.menu-fixe a:before {
    content: '';
    display: inline-block;
    background: url(img/ico_menu_menu.svg) center center no-repeat;
    background-size: contain;
    min-width: 1.22rem;
    height: 1.22rem;
    margin: 0 0.6em 0 0;
}

ul.menu-fixe .menu-fix-reserves a:before {
    background-image: url(img/ico_menu_reserves.svg);
}

ul.menu-fixe .menu-fix-contacte a:before {
    background-image: url(img/ico_menu_contacte.svg);
}

ul.menu-fixe .menu-fix-horaris a:before {
    background-image: url(img/ico_menu_activitats.svg);
}

ul.menu-fixe .menu-fix-regala a:before {
    background-image: url(img/ico_menu_regala.svg);
}

ul.menu-fixe .menu-fix-restaurant a:before {
    background-image: url(img/ico_menu_restaurant.svg);
}

.searchicon a:before {
    background-image: url(img/ico_menu_cercar.svg);
}


.resalta-booking ul.menu-fixe .menu-fix-reserves,
ul.menu-fixe .menu-fix-reserves {
    background: var(--verd-0);
}

.resalta-booking ul.menu-fixe .menu-fix-reserves a,
ul.menu-fixe .menu-fix-reserves a {
    color: #FFF;
}

@media only screen and (max-width: 350px) {
    ul.menu-fixe a {
        font-size: 0.4em !important;
    }
}

@media only screen and (max-width: 800px) {
    ul.menu-fixe a {
        font-size: 0.5em;
    }
}

/*---------------------------------------------
//  Menu principal
//---------------------------------------------
*/

.main-menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--verd-0);
    z-index: 99;
    color: white;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    padding: 1em;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}

.main-menu-wrapper>* {
    width: 100%;
}

.mostrar-menu-principal .main-menu-wrapper {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 100 !important;
}

.close-menu-wrapper {
    text-align: right;
}

.close-menu-wrapper a {
    position: relative;
    width: 3.33em;
    height: 3.33em;
    display: inline-block;
}

.close-menu-wrapper a span {
    position: relative;
    width: 100%;
    display: inline-block;
}

.close-menu-wrapper a span:before,
.close-menu-wrapper a span:after {
    content: '';
    width: 100%;
    height: 5px;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
}

.close-menu-wrapper a span:before {
    transform: rotate(45deg);
}

.close-menu-wrapper a span:after {
    transform: rotate(-45deg);
}

.main-menu-wrapper .landings-time,
.menu-principal-wrapper {
    max-width: 900px;
}

.menu-principal {
    display: flex;
    flex-wrap: wrap;
}

.menu-principal>li {
    padding: 0 2em 1em 0;
}

.menu-principal>li.menu-item-has-children {
    flex: 1 0 100%;
}

.menu-principal>li>a {
    font-size: 1.67em;
    font-weight: 700;
    color: var(--verd-4);
    display: flex;
    align-items: center;
}


.menu-principal>li>a:before {
    content: '';
    display: inline-block;
    background: url(img/ico_menu_principal_home.svg) center center no-repeat;
    background-size: contain;
    width: 2.33rem;
    height: 2.33rem;
    margin: 0 0.6rem 0 0;
}

.menu-principal .menu-principal-allotjaments>a:before {
    background-image: url(img/ico_menu_principal_allotjaments.svg);
}

.menu-principal .menu-principal-instalacions>a:before {
    background-image: url(img/ico_menu_principal_intalacions.svg);
}

.menu-principal .menu-principal-ofertes>a:before {
    background-image: url(img/ico_menu_principal_ofertes.svg);
}

.menu-principal .menu-principal-ecopensions>a:before {
    background-image: url(img/ico_menu_principal_eco_pensions.svg);
}

.menu-principal .menu-principal-medi-ambient>a:before {
    background-image: url(img/ico_menu_principal_medi_ambient.svg);
}

.menu-principal .menu-principal-medi-ambient {
    flex: 1 0 40%;
}

.menu-principal .menu-principal-motoristes>a:before {
    background-image: url(img/motorbike.svg);
}

.menu-principal .menu-principal-life-reset>a:before {
    background-image: url(img/ico_menu_principal_life_reset.svg);
}

.menu-principal .menu-principal-senderisme>a:before {
    background-image: url(img/ico_menu_principal_senderisme.svg);
}

.menu-principal .menu-principal-ciclisme>a:before {
    background-image: url(img/ico_menu_principal_ciclisme.svg);
}

.menu-principal .menu-principal-aventura>a:before {
    background-image: url(img/ico_menu_principal_aventura.svg);
}

.menu-principal .sub-menu {
    margin-left: 2.93rem;
}

.menu-principal .sub-menu li {
    display: inline-block;
}

.menu-principal .sub-menu li a {
    font-size: 1.11em;
    color: #FFF;
}

.menu-principal .sub-menu li:not( :first-child) a:before {
    content: "-";
    margin: 0 0.4em;

}

a.seccio-banner-block.imatge-fons-wrapper .img-banner.imatge-fons:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0000004a;
}

a.seccio-banner-block.imatge-fons-wrapper .img-banner.imatge-fons {
    position: relative;
}

.seccio-banner-block.contain-img .img-banner {
    background-size: contain;
}

/*---------------------------------------------
//  New Header
//---------------------------------------------
*/

.navbar-container {
    max-width: 1417px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    position: relative;
}

/* .navbar-container div.wp-block-group.mobile-nav-container {
    margin-top: 4px;
}

.admin-bar .mobile-nav-container {
    margin-top: 32px;
}  */

.nav-icon-container {
    padding: 0.8em 0.6em;
}

.nav-icon a {
    text-decoration: none;
    color: var(--verd-0);
    font-size: 0.67em;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    line-height: 1.2em;
}

.horaris-icon a::before {
    background-image: url(img/ico_menu_activitats.svg) !important;
}

.restaurant-icon a::before {
    background-image: url(img/ico_menu_restaurant.svg) !important;
}

.nav-icon a::before {
    content: '';
    display: inline-block;
    background: url(img/ico_menu_menu.svg) center center no-repeat;
    background-size: contain;
    min-width: 1.22rem;
    height: 1.22rem;
    margin: 0 0.6em 0 0;
}

.menu-secondary {
    display: flex;
    font-size: small;
    gap: 8px;
}

.menu-secondary-wrapper .menu-item:not(.wpml-ls-item) a {
    color: var(--negre);
    transition: color .1s ease-in-out;
}

.menu-secondary-wrapper a {
    font-weight: 500;
}

.menu-secondary-wrapper .material-symbols-outlined {
    font-size: 16px;
    vertical-align: top;
    margin-right: 4px;
    color: var(--negre);
    transition: color .1s ease-in-out;
    line-height: 19px;
}

.secondary-menu-cta .wp-block-button__link {
    line-height: 1 !important;
}

.secondary-menu-cta strong {
    line-height: 0 !important;
}

.wpml-ls-item a {
    color: var(--verd-2);
    transition: color .2s ease-out;
}

.wpml-ls-current-language {
    position: relative;
    padding-left: 16px;
}

.wpml-ls-flag {
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.wpml-ls-current-language > a > .wpml-ls-display {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wpml-ls-current-language > a > .wpml-ls-display::after {
    content: '\203A';
    display: block;
    font-size: 2em;
    font-weight: 400;
    width: 100%;
    height: 100%;
    line-height: .8;
    rotate: 90deg;
    color: #4A4A4A;
    transition: color .2s ease-out;
}

.wpml-ls-current-language .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    background-color: #fff;
    padding: 1rem;
    z-index: 1;
    transition: opacity .2s ease-in-out;
}

.wpml-ls-current-language:hover .sub-menu {
    opacity: 1;
    pointer-events: auto;
}

.show-menu-link {
    display: none;
    width: 32px;
    height: 32px;
    background: url(img/menu-mobile.png) center no-repeat;
    background-color: var(--verd-2);
    font-size: 0;
    cursor: pointer;
    z-index: 2;
}

.wp-block-site-logo {
    z-index: 3;
}

.booking-mobile {
    display: none;
    margin-top: 4vh;
    margin-bottom: 0;
    border-radius: 8px;
}

.pum-container .popup-button {
    padding: calc(.667em + 2px) calc(1.333em + 2px);
    font-size: 1.125em;
    width: 100%;
    display: block;
    max-width: 200px;
    margin: 1em auto 0 auto !important;
}

@keyframes fixed-booking {
    
    from {
        top: -56px;
    }
    to {
        top: 56px;
    }

}

@media only screen and (pointer : fine) {
    
    .menu-secondary-wrapper .menu-item:not(.wpml-ls-item) a:hover,
    .menu-secondary-wrapper a:hover .material-symbols-outlined {
        color: var(--marro-4);
    }

    .menu-secondary-wrapper .wpml-ls-item a:hover,
    .wpml-ls-current-language > a:hover > .wpml-ls-display::after {
        color: var(--verd-4) !important;
    }

}

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

    .fixed-header #container {
        padding-top: 132.41px;
    }

    .fixed-header .site-header {
        position: fixed;
        top: 0;
        width: 100%;
        animation: fixed-header .2s;
    }

    .fixed-header .custom-logo-link {
        min-height: 56px;
        width: auto;
        aspect-ratio: 21 / 9;
    }

    .fixed-header .custom-logo-link::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-image: url(img/logo_simplificat.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .fixed-header .custom-logo {
        display: none;
    }

    .fixed-header .menu-mega {
        flex-wrap: nowrap;
    }

    .fixed-header .mobile-nav-container {
        flex-direction: row-reverse;
        flex-wrap: nowrap;
    }

    .fixed-header .menu-mega > .menu-item-has-children > a {
        text-align: center;
    }

    @keyframes fixed-header {
        
        from {
            top: -132.41px;
        }
        to {
            top: 0;
        }

    }

    .booking-fixed-header .new-widget-container {
        z-index: 2;
    }

    .booking-fixed-header .widgetBookingContainer {
        top: 56px;
    }

    .booking-fixed-header .widgetBookingContainer {
        position: fixed;
        z-index: 99;
        left: 0;
        right: 0;
        background: var(--verd-2);
        animation: fixed-booking .2s;
    }

    .booking-fixed-header .new-widget-container .widgetBookingContainer {
        max-width: 100% !important;
    }

    .fixed-header header .menu-secondary-wrapper {
        display: none;
    }

    .booking-fixed-header .site-footer {
        z-index: 1;
        position: relative; 
    }

}

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

    header.site-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 92px;
    }

    .admin-bar header.site-header {
        top: 32px;
    }

    .wp-block-site-logo img.custom-logo {
        max-width: 200px;
    }

    .widgetBookingContainer {
        display: none !important;
    }

    .wp-block-group.header-wrapper {
        padding: 1rem 2rem !important;
    }

    div.new-widget-container {
        background-color: transparent !important;
        margin-top: 0;
        margin-bottom: 0 !important;
        padding: 0 1rem !important;
    }

    .nav-icon-container,
    .booking-hide {
       /*  display: none !important; */
    }
    
    .show-menu-link {
        display: block;
        margin-left: auto !important;
    }

    .show-main-menu .mobile-nav-container {
        opacity: 1;
        right: 0;
        pointer-events: auto;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 2rem;
        overflow-y: auto;
        padding-top: 0;
    }

    .wp-block-group.secondary-menu-wrapper {
        justify-content: flex-start;
        order: 1;
    }

    .mobile-nav-container {
        position: fixed !important;
        opacity: 0;
        width: 100%;
        height: calc(100vh - 92px);
        top: 91px;
        right: -75%;
        transition: right .2s ease-in-out, opacity .2s ease-in-out;
        pointer-events: none;
        background-color: #fff;
        padding-top: 2rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .admin-bar .mobile-nav-container {
        top: calc(92px + 2rem);
    }

    .menu-secondary {
        display: block;
    }

    .menu-secondary > .menu-item {
        margin-bottom: 1rem;
    }

    .menu-mega-wrapper {
        width: 100%;
        /* overflow-y: auto; */
    } 

    .menu-mega {
        display: block !important;
        overflow-y: hidden;
        overflow-x: hidden;
        height: auto;
    }

    .menu-mega > li {
        width: 100%;
    }

    .menu-mega > li > .sub-menu {
        position: relative !important;
        max-height: 0;
        top: 0 !important;
        height: 100%;
        display: block !important;
        background-color: #fff;
        transition: none !important;
        transform: translateY(0) !important;
    }

    .menu-mega > li.show-sub-menu > .sub-menu {
        max-height: 830px;
    }

    .menu-mega > li > .sub-menu > li {
        padding: .5rem 0 .5rem 0 !important;
    }

    .menu-mega > li > .sub-menu > li:not(.item-content) > a {
        width: 100%;
        display: block;
        position: relative;
        margin-top: 1rem;
        padding-bottom: .5rem;
    }

    .menu-mega > li > .sub-menu > li > .sub-menu > li.menu-item {
        max-width: 100%;
        position: relative;
        padding-bottom: .5rem;
    }

    .menu-mega > li > .sub-menu > li > .sub-menu > li.menu-item:last-child {
        margin-bottom: 0;
    }

    .menu-mega > li > .sub-menu > li > .sub-menu > li.menu-item:not(:last-child)::after,
    .menu-mega > li > .sub-menu > li:not(.item-content) > a::after {
        content: '';
        display: block;
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        height: 1px;
        background-color: var(--verd-2);
    }

    .menu-image, 
    .item-content {
        display: none !important;
    }

    .menu-mega > li:not(:last-child) > a::after {
        height: 1px !important;
        background-color: var(--verd-2) !important;
    }

    .menu-mega > li.show-sub-menu:not(:last-child) > a::after {
        height: 4px !important;
    }

    .menu-mega > li > .sub-menu > li:not(.item-content) > .sub-menu::after {
        top: 100% !important;
        right: 0 !important;
        width: 100% !important;
        height: 1px !important;
    }

    .contact-cta {
        margin-top: 1rem;
    }

    html.overflow-hidden {
        overflow-y: hidden;
    }

    .show-main-menu .show-menu-link {
        background: url(img/close.png) center no-repeat !important;
        background-color: var(--verd-0) !important;
    }

    .booking-mobile {
        display: block;
    }

    #container {
        margin-top: 92px;
    }

    .home-cover-slider .wp-block-cover {
        min-height: calc(100vh - 117px);
    }

}

/*---------------------------------------------
//  Mega Menu
//---------------------------------------------
*/

.site-header {
    position: relative;
    z-index: 3;
}

.header-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 1;
    pointer-events: none;
}

.popup-overlay.show-overlay {
    pointer-events: auto;
}

.menu-mega-wrapper {
    max-width: 100% !important;
}

.menu-mega {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-end;
    align-items: flex-end;
}

.menu-mega a {
    color: var(--negre);
}

.menu-mega > li > a {
    font-weight: 500;
    padding: 1em 0;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .9rem;
}

.menu-mega > li:not(:last-child) > a::after {
    content: '';
    display: block;
    width: 100%;
    height: 4px;
    background-color: transparent;
    transition: background-color .2s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 0;
}

.menu-mega > .menu-item-has-children.show-sub-menu > a {
    color: var(--verd-2);
}

.menu-mega > .menu-item-has-children.show-sub-menu > a::after,
.menu-mega > .current-menu-ancestor::after {
    background-color: var(--verd-2);
}

.menu-mega > li > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    transform: translateY(16px);
    pointer-events: none;
}

.menu-mega > li > .sub-menu > li {
    padding: 2rem;
    background-color: #fff;
    z-index: 2;
    position: relative;
}

.menu-mega > li > .sub-menu > li:not(.item-content) > .sub-menu {
    position: relative;
} 

.menu-mega > li > .sub-menu > li:not(.item-content) > .sub-menu::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -2rem;
    width: 1px;
    height: 100%;
    background-color: var(--verd-2);
}

.menu-mega > li > .sub-menu > *:nth-last-child(3)::after {
    width: 0 !important;
}

.sub-menu .popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 1;
}

.menu-mega > .menu-item-has-children.show-sub-menu > .sub-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.menu-mega > .menu-item-has-children.show-sub-menu > .sub-menu .popup-overlay {
    pointer-events: auto;
}

.menu-mega > li > .sub-menu > li:not(.item-content) > a {
    text-transform: uppercase;
    font-weight: 400;
    pointer-events: none;
    font-size: small;
    color: var(--verd-2);
    padding-left: 40px;
}

.menu-mega > li > .sub-menu > li > .sub-menu {
    margin-top: .5rem;
}

.menu-mega > li > .sub-menu > li > .sub-menu > li {
    margin-bottom: .5rem;
    max-width: 300px;
}

.menu-mega > li > .sub-menu > li > .sub-menu > li > a {
    white-space: nowrap;
}

.menu-mega > li > .sub-menu > li > .sub-menu > li > a > .menu-subtitle {
    white-space: wrap;
}

.menu-mega > li > .sub-menu > li > .sub-menu > li > a {
    transition: color .2s ease-in-out;
    font-weight: 600;
    color: var(--verd-2);
}

.menu-mega > li > .sub-menu > li > .sub-menu > li > a > .menu-subtitle{
    font-weight: 400;
    color: var(--verd-0);
    padding-left: 40px;
    line-height: 1.1;
    margin-top: -4px;
}

.menu-mega > li > .sub-menu > li > .sub-menu > li > a > .material-symbols-outlined {
    vertical-align: middle;
    margin-right: 8px;
}

.menu-mega > li > .sub-menu > .item-content > a {
    min-width: 300px;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.menu-mega > li > .sub-menu > .item-content > a > .menu-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.menu-mega > li > .sub-menu > .item-content > a > .menu-content > .wp-block-cover {
    min-height: unset;
    height: 100%;
}

.menu-mega > li > .sub-menu > .item-content > a > .menu-content > .wp-block-cover .content-title {
    line-height: 0;
    margin-bottom: 1rem;
}

.menu-mega > li > .sub-menu > .item-content > a > .menu-content > .wp-block-cover .content-title strong {
    line-height: 1;
}

.menu-mega > li > .sub-menu > .item-content > a > .menu-content > .wp-block-cover .content-btn {
    background-color: var(--marro-4);
    font-weight: 700;
    transition: background-color .2s ease-in-out;
    width: auto;
    padding: calc(.667em + 2px) !important;
    border-radius: 8px;
    max-width: 100px;
}

.menu-mega .menu-subtitle {
    display: block;
}

.contact-cta {
    min-height: 50px;
    display: flex;
    align-items: center;
}

.contact-cta a {
    background-color: var(--verd-2);
    padding: calc(.667em + 2px) !important;
    line-height: 1.25 !important;
    color: var(--blanc) !important;
    font-weight: 700;
    border-radius: 8px;
    transition: background-color 0.2s ease-out !important;
}

.menu-mega > li:nth-child(6) > .sub-menu > li:last-of-type > .sub-menu
/* ,.menu-mega > li:nth-child(8) > .sub-menu > li:last-of-type > .sub-menu */
 {
    column-count: 2;
}

@media only screen and (pointer : fine) {

    .menu-mega > li > a:hover::after {
        background-color: var(--verd-2);
    }

    .menu-mega > li > .sub-menu > li > .sub-menu > li > a:hover,
    .menu-mega > .menu-item-has-children > a:hover {
        color: var(--verd-2);
    }

    .menu-mega > li > .sub-menu > li > .sub-menu > li > a:hover .menu-image {
        opacity: 1;
    }

    .contact-cta a:hover {
        background-color: var(--verd-4) !important;
    }

    .menu-mega > li > .sub-menu > li > .sub-menu > li > a:hover, 
    .menu-mega > li:nth-child(7) > .sub-menu > li > a:hover {
        color: var(--verd-0);
    }

    .menu-mega > li > .sub-menu > .item-content > a:hover > .menu-content > .wp-block-cover .content-btn {
        background-color: var(--marro-2);
    }

}

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

    .contact-cta {
        display: none;
    }
    
    .menu-mega {
        gap: .5rem;
    }

    .custom-logo-link img.custom-logo {
        max-width: 208px;
    }

}

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

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

/*---------------------------------------------
//  Carousel
//---------------------------------------------
*/

#carousel-container {
    position: relative;
    clear: both;
}

#carousel,
/* .galeria-slider, */
.mini-carousel,
.galeria-slider-thumbnails {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.galeria-slider {
    width: 100%;
    position: relative;
}  

/*---------------------------------------------
//  Owl carousel
//---------------------------------------------
*/

.owl-carousel .item {
    position: relative;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: auto;
}

#slider-home .text-carousel {
    position: absolute;
    bottom: 10%;
    left: 10%;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 10;
    padding: 20px;
}

.mini-carousel {
    margin: 3px 0;
}

.galeria-carousel .item,
.mini-carousel .item {
    margin: 3px;
}

.owl-carousel .disabled {
    display: none;
}

.owl-carousel .owl-nav>button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: transparent;
    overflow: hidden;
    z-index: 50;
}

.owl-carousel .owl-nav>button>span {
    display: block;
    width: 34px;
    height: 58px;
    font-size: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--verd-2);
}

.owl-carousel .owl-nav .owl-prev {
    left: -45px;
}

.owl-carousel .owl-nav .owl-next {
    right: -45px;
}

.owl-carousel.galeria-carousel .owl-nav>button>span,
.owl-carousel.mini-carousel .owl-nav>button>span {
    width: 17px;
    height: 29px;
}


.owl-carousel.galeria-carousel .owl-nav .owl-prev>span,
.owl-carousel.mini-carousel .owl-nav .owl-prev>span {
    background-position: -68px 0;
}

.owl-carousel.galeria-carousel .owl-nav .owl-next>span,
.owl-carousel.mini-carousel .owl-nav .owl-next>span {
    background-position: -85px 0;
}


.owl-pagination {
    list-style: none;
    position: absolute;
    bottom: 2%;
    right: 50%;
}

.owl-pagination div,
.owl-pagination span {
    display: inline-block;
}

.owl-pagination span {
    width: 7px;
    height: 7px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    background: #FFF;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 4px 0 0;
    border: 1px solid #FFF;
    cursor: auto;
}


.owl-pagination .owl-page.active {
    opacity: 0.5;
}

.owl-dots {
    text-align: center;
}

button.owl-dot {
    margin-left: .25rem;
    margin-right: .25rem;
    aspect-ratio: 1 / 1;
    width: 4px;
    border: none;
    background-color: var(--verd-2);
    border-radius: 50%;
}

button.owl-dot.active {
    background-color: var(--verd-0);
}

.galeria .image-background {
    padding: 66% 0 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    display: block;
}

/*---------------------------------------------
//  Carousel Alojamiento
//---------------------------------------------
*/

.carousel-alojamientos {
    margin: 1em 0 0 0;
}

.carousel-alojamientos .item-video,
.carousel-alojamientos .item-background a {
    height: 400px;
    display: block;
}

.carousel-alojamientos .owl-item.active.center {
    opacity: 1;
    padding-top: 0;
    padding-bottom: 0;
}

.carousel-alojamientos .owl-item.active.center a,
.carousel-alojamientos .owl-item.active.center .item-video {
    height: 460px;
}

.carousel-alojamientos .item-background a {
    background-position: center center;
    background-size: cover;
}

.owl-carousel.carousel-alojamientos .owl-video-tn {
    background-size: cover;
}

/*---------------------------------------------
//  Magnific Popup
//---------------------------------------------
*/

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 40px;
    width: auto;
    max-width: 90%;
    margin: 20px auto;
    text-align: left;
    font-size: 13px;
}

/*---------------------------------------------
//  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-1 {
    width: 100%;
}

.col1-2 {
    width: 50%;
}

.col2-3 {
    width: 66.3%;
}

.col3-4 {
    width: 75%;
}

/*---------------------------------------------
//  Icones Allotjaments
//---------------------------------------------
*/

.icones-allotjaments-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.icones-allotjaments-item {
    flex: 1 1 30%;
    display: flex;
    align-items: center;
}

.icona-allotjaments img {
    width: 100%;
    max-width: 40px;
}

.icones_allotjament_llistat_wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.icones_allotjament_llistat_wrapper .icones-allotjaments-item {
    flex: 0 0 20%;
    padding: 0 1em 0 0;
}

.icones_allotjament_llistat_wrapper .mostrar-icones-destacats {
    justify-content: center;
}

.icones_allotjament_llistat_wrapper .text-icona-allotjaments {
    font-size: 0.67em;
}


.wp-block-columns.columna-checkin,
.columna-checkin .wp-block-column,
.columna-checkin .wp-block-image,
.columna-checkin .aligncenter {
    margin-bottom: 0;
    margin-top: 0;
}

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

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

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


.html-content .wpcf7-form input[type=text],
.html-content .wpcf7-form input[type=email],
.html-content .wpcf7-form textarea,
.html-content .wpcf7-form input[type=tel] {
    background: none;
    border: none;
    border-bottom: 1px solid #FFF;
    color: #3b3b3b;
    font: normal 300 1em 'Lato', sans-serif;
    padding: 0.6em 0 0.4em 0;
    width: 100%;
}

.html-content .wpcf7-form input::placeholder,
.html-content .wpcf7-form textarea::placeholder,
.html-content .wpcf7-form a {
    color: #FFF;
}

.html-content .wpcf7-form input:hover,
.html-content .wpcf7-form textarea:focus {
    outline: none;
}

.html-content .wpcf7-form input[type=submit] {
    background: var(--verd-0);
    color: #FFF;
    width: 100%;
}

.white-form-text .wpcf7-form input, .white-form-text .wpcf7-form textarea {
    background: none;
    border: none;
    border-bottom: 1px solid #FFF;
    color: #ffffff!important;
    font: normal 300 1em 'Lato', sans-serif;
    padding: 0.6em 0 0.4em 0;
    width: 100%;
}

.white-form-text .wpcf7-not-valid-tip {color: black!important;}

.column-ample-900 {max-width: 900px!important; margin: 0 auto;}


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

.footer-main-wrapper {
    padding: 0 1rem;
}

.menu-pie-wrapper {
    flex: 0 1 25%;
    padding: 2em 0 2em 0;
}

.footer-newsletter {
    flex: 0 0 25%;
}

.nom_adreces_establiments_wrapper {
    flex: 1 0 50%;
}


.icones_peu {
    display: flex;
    justify-content: center;
    padding: 2em 0 0 0;
}

.icones_peu a {
    color: var(--verd-2);
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0.4em;
    font-weight: 400;
}

.icona_peu_texte {
    font-size: 0.89em;
}

.logos_peu_wrapper {
    background: #f8f9f6;
    padding: 4em 0;
}

.logos_peu {
    flex-wrap: wrap;

}

.footer-main-wrapper {
    background: var(--verd-2);
    margin: 0 0 0 0;
}

.logos_peu,
.footer-main-content {
    display: flex;
    width: 100%;
    margin: 0 auto;
    max-width: 1220px;
    justify-content: center;
}


.logos_peu a {
    padding: 0.4em;
    background: #f8f9f6;
}

.logos_peu img {
    mix-blend-mode: multiply;
    max-height: 3.5em;
}

.contact-footer a {
    color: var(--blanc);
    font-weight: 500;
    font-size: .95rem;
    transition: color 0.2s ease-out;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 1rem;
}

.footer-menu-container .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    color: var(--blanc) !important;
    font-weight: 600;
    font-family: "Lexend", sans-serif;
}

.footer-menu-container .wpml-language-switcher-block .hasFontSize {
    font-size: .95rem !important;
    line-height: 1 !important;
}

.footer-menu-container [data-wpml='language-item']:first-of-type {
    margin-top: 0 !important;
    line-height: 1 !important;
}

.footer-newsletter {
    background: var(--marro-6);
    color: var(--negre);
    padding: 0 1.4em;
    position: relative;
    margin-top: -64px;
}

.footer-newsletter:before {
    top: auto;
    bottom: 100%;
}

.footer-newsletter h4 {
    font: normal 300 1.33em 'Lexend', sans-serif;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
}

.camp-newsletter,
.paragraph-newsletter {
    margin-bottom: 1rem;
}

.camp-newsletter p {
    display: flex;
    gap: 1rem;
}

.camp-newsletter input {
    border: none;
    color: var(--negre);
    font: normal 300 1em 'Lexend', sans-serif;
    padding: 0.6em 0 0.4em 0;
    width: 100%;
}

.camp-newsletter input::placeholder {
    color: var(--negre);
}

.texte-legal-newsletter {
    color: var(--verd-0);
    font-size: small;
    padding: 0 0 1.2em 0;
}

.accepta-newsletter .wpcf7-acceptance {
    font-size: small;
}

.mostrar-mes-wrapper {
    display: flex;
    flex-direction: column;
}

.mostrar-mes-wrapper .mostrar-contingut {
    display: none;
}

.mostrar-mes-wrapper.mostra {
    flex-direction: column-reverse;
}

.mostrar-mes-wrapper.mostra .mostrar-contingut {
    display: block;
}

.mostrar-mes-wrapper .mostrar-mes {
    background: url(img/more_verd_fort.svg) center center no-repeat;
    height: 1.3em;
}


.mostrar-mes-wrapper .mostrar-mes:hover {
    cursor: pointer;
}

.mostrar-mes-wrapper.mostra .mostrar-mes {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mostrar-mes span {
    display: none;
}

.accepta-newsletter {
    padding: 0 0 1em 0;
}

.accepta-newsletter label {
    font-size: 0.778em;
}

.accepta-newsletter a {
    color: var(--negre);
    text-decoration: underline;
}

.footer-newsletter span.wpcf7-list-item {
    margin: 0;
}

.footer-newsletter input[type="submit"] {
    border: none;
    width: 100%;
    background: var(--marro-4);
    color: var(--blanc);
    text-transform: uppercase;
    font: normal 300 0.889em 'Lexend', sans-serif;
    padding: 1em;
    text-align: center;
    z-index: 1;
    transition: background-color 0.2s ease-out;
    position: relative;
    border-radius: 8px;
}

.footer-sidebar {
    display: flex;
    gap: 2rem;
    flex-direction: column;
    padding: 2rem;
}

.footer-sidebar > .wp-block-group :where(a,p) {
    font-size: .95rem;
}

.footer-sidebar .wpml-ls-item {
    display: none;
}

.footer-menu-container .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    top: 0 !important;
    bottom: 0 !important;
    left: 100% !important;
    background-color: var(--verd-2) !important;
}

.footer-sidebar a,
.footer-sidebar p {
    color: var(--blanc);
    font-weight: 500;
    transition: color 0.2s ease-out;
}

.footer-sidebar .menu-secondary a,
.footer-sidebar .menu-secondary-wrapper .material-symbols-outlined {
    color: var(--blanc) !important;
}

@media only screen and (pointer: fine) {
    
    .footer-newsletter input[type="submit"]:hover {
        background: var(--marro-2);
    }

    .footer-sidebar .menu-secondary-wrapper .menu-item:not(.wpml-ls-item) a:hover,
    .footer-sidebar .menu-secondary-wrapper a:hover .material-symbols-outlined,
    .menu-pie a:hover,
    .menu-pie a:hover:before,
    .footer-sidebar a:hover,
    .contact-footer a:hover,
    .footer-menu-container .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
        color: var(--verd-4) !important;
    }

    .footer-whatsapp:hover {
        filter: brightness(0.8);
    }

}

/* .menu-pie li {
    padding: 0 0 0.15rem 0;
} */

.menu-pie {
    max-width: 300px;
}

.menu-pie a {
    font: normal 700 .95rem 'Lexen', sans-serif;
    color: var(--blanc);
    transition: color 0.2s ease-out;
}

.menu-pie a:before {
    content: '>';
    color: var(--blanc);
    padding: 0 0.4em 0 0;
    font-size: 1.333em;
    transition: color 0.2s ease-out;
}

.noms_establiments_wrapper a {
    font-size: 0.778em;
    font-weight: 700;
    color: var(--blanc);
    display: block;
    text-align: left;
    padding: .2em;
    text-transform: uppercase;
}

.noms_establiments_wrapper a:hover {
    cursor: pointer;
}

.nom_adreces_establiments_wrapper {
    display: flex;
    gap: 1rem;
}

.adreces_establiments_wrapper {
    color: var(--blanc);
    flex: 1 0 50%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.adreces_establiments_wrapper div {
    display: none;
    font-size: 0.89em;
}

.adreces_establiments_wrapper div.border-content,
.adreces_establiments_wrapper div.current-content {
    display: inherit;
}

.adreces_establiments_wrapper div.current-content {
    flex: 1 0 60%;
}

.adreces_establiments_wrapper div.border-content {
    height: 100%;
    background: rgba(145, 160, 101, 0.16);
}

.hidden-button {
    display: none;
}

[class*="col"].textright {
    text-align: right;
    padding: 0 20px;
}

nav.posts-navigation a {
    background-color: #163b1c;
    color: white;
    padding: 5px 10px;
    margin: 5px;
    display: inline-block;
}

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

    .footer-main-content {
        flex-wrap: wrap;
    }

    .footer-newsletter {
        flex: 1 1 50%;
    }

    .footer-sidebar {
        flex-basis: 100%;
    }

}

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

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

    .footer-menu-container {
        margin-bottom: 2rem;
    }

    .footer-newsletter {
        margin-top: 0;
    }

    .footer-sidebar {
        padding: 2rem 0;
    }

}

/* ofertes */
.ofertes-wrapper.alignwide {
    display: flex;
    flex-wrap: wrap;

}

.temporades-front-page-wrapper a.wp-block-button__link,
.temporades-home-wrapper a.wp-block-button__link {
    padding: 0px 10px;
    height: 38px;
    line-height: 36px;
}

.wp-block-group.has-background.capcalera-ofertes {
    padding: 20px 0 0 0;
}

.capcalera-ofertes h2 {
    font: normal normal 5em 'sophia', serif;
    letter-spacing: -0.03em;
    margin: 0;
    margin-left: calc(50vw - 550px);
}

.capcalera-ofertes h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 2.22em;
    max-width: 100% !important;
    transform: translate(0, -1.5em);
    position: relative;
}

.capcalera-ofertes .wp-block-breadcrumbs {
    padding: 0;
    margin-left: calc(50vw - 550px);
}

.titol-oferta-grup {
    position: relative;
}

.titol-oferta-grup:before {
    content: '';
    background-color: inherit;
    position: absolute;
    width: 100%;
    top: -5em;
    height: 5em;
    left: 0;
}

/*fills allotjaments */

.fill-allotjament {
    margin-bottom: 5em;
}

.fill-allotjament h2 {
    color: var(--marro-0);
    margin: 0;
}

.subtitol_allotjament {
    font-size: 1.11em;
    text-align: center;
}

.subtitol_allotjament:after {
    content: '';
    display: block;
    width: 100%;
    max-width: 6em;
    border: 1px solid #D8D8D8;
    margin: 1em auto;
}

.resum-allotjament-wrapper {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    z-index: 99;
    background: #FFF;
}

.resum-allotjament {
    padding: 2em;
}

.multimedia-allotjament-wrapper {
    flex: 1 0 auto;

}

.multimedia-allotjament-wrapper a {
    display: block;
    background: var(--verd-6);
    color: var(--verd-0);
    text-transform: uppercase;
    padding: 1em;
    font-size: 0.67em;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.botons-allotjament-wrapper {
    display: flex;
}

.botons-allotjament-wrapper a {
    font-size: 0.89em;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 1em;
    text-align: center;
    background: var(--verd-4);
    color: var(--verd-0);
    flex: 1 0 auto;
}

.multimedia-allotjament-wrapper a:before {
    content: '';
    width: 1.22rem;
    height: 1.22rem;
    background: url(img/ico_mini_comparar.svg) center center no-repeat;
    background-size: contain;
    flex: 0 0 1.22rem;
    margin: 0 0.2em 0 0;
}

a.link_distribucio:before {
    background-image: url(img/ico_mini_distribucio.svg);
}

a.link_planol:before {
    background-image: url(img/ico_mini_planol.svg);
}

a.link_visita:before {
    background-image: url(img/ico_mini_visita.svg);
}


a.boto-allotjament-reserves {
    background: var(--verd-0);
    color: #FFF;
}

.wp-block-table.is-style-taula-preus,
.wp-block-table.is-style-cerdanya {
    border-color: var(--marro-0);
}

.wp-block-table.is-style-cerdanya th {
    background: var(--marro-6);
    text-align: left;
}

.wp-block-table.is-style-taula-preus td,
.wp-block-table.is-style-taula-preus th,
.wp-block-table.is-style-cerdanya td,
.wp-block-table.is-style-cerdanya th {
    border: none;
    border-bottom: 1px solid var(--marro-6);
    font-size: 0.9em;
}

.wp-block-table.is-style-taula-preus td,
.wp-block-table.is-style-taula-preus th {
    border-color: var(--marro-4);
}

.is-style-espai-allotjaments {
    height: 20em !important;
}

.wp-block-table.is-style-taula-restaurant thead th:not(:last-child) {
    text-align: left;
}

.wp-block-table.is-style-taula-restaurant {
    border-color: var(--marro-0);
}

.wp-block-table.is-style-taula-restaurant td:last-child {
    white-space: nowrap;
}

.wp-block-table.is-style-taula-restaurant td,
.wp-block-table.is-style-taula-restaurant th {
    border: none;
    border-bottom: 1px solid var(--vermell);
}

.wp-block-table.is-style-taula-restaurant th {
    color: #FFF;
    background: var(--vermell);
}

/* pagina */

.wp-block-media-text.is-image-fill {
    min-height: 23.89em;
    align-items: flex-end;
    color: var(--marro-0);
}

.wp-block-media-text.has-blank-3-marro-6-background-color {
    color: var(--marro-0);
}

.landings-time {
    display: flex;
    justify-content: space-between;
}

.landings-time a {
    border-radius: 50%;
    background: url(inherit) center center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    max-width: 12em;
    box-shadow: 3px 8px 14px 3px rgba(0, 0, 0, 0.22);
}

.landings-time a:hover img {
    background-color: rgba(153, 113, 71, 0.84);
}

.main-menu-wrapper .landings-time a {
    max-width: 8.56em;
}

.landings-time a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.landings-time a img {
    display: block;
    position: relative;
    max-width: 100%;
}

.wp-block-cover.is-style-gran {
    min-height: 50vh;
}

.html-content .wp-block-cover h2 {
    max-width: inherit;
    margin: 0;
    padding: 0;
}

/* banner acordio */

.banners-acordio .wp-block-group__inner-container {
    display: flex;
}

.banners-acordio .wp-block-group__inner-container .wp-block-cover {
    flex: 1 4 0;
    border-top-width: 0.8em;
    padding-bottom: 1em;
    align-items: flex-end;
}

.banners-acordio .wp-block-cover {
    transition: all 0.35s ease;
}

.banners-acordio .wp-block-group__inner-container .wp-block-cover:first-child {
    border-left: none;
}

.banners-acordio .wp-block-group__inner-container .wp-block-cover:last-child {
    border-right: none;
}

.banners-acordio .wp-block-group__inner-container>div:hover {
    cursor: pointer;
}

.banners-acordio .wp-block-group__inner-container .wp-block-cover .wp-block-cover__inner-container {
    width: calc(100% - 1em);
}

.banners-acordio .wp-block-group__inner-container>div.current-banner {
    flex: 4 4 0;
}

.banners-acordio .wp-block-cover p,
.banners-acordio .wp-block-cover .wp-block-button {
    display: none;
}

.banners-acordio .current-banner p,
.banners-acordio .current-banner .wp-block-button {
    display: inherit;
}

.banners-acordio .current-banner p {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.current-banner h3 {
    font-family: 'sophia';
    font-size: 4.44em;
    font-weight: normal;
    line-height: 90%;
    letter-spacing: -0.03em;
    margin: 0;
}

.icon-links-container {
    gap: 2rem;
}

.icon-link {
    max-width: 148px;
}

.icon-link .material-symbols-outlined {
    display: block;
    font-size: 48px;
}

.icon-link a {
    transition: .2s ease-out;
} 

@media only screen and (pointer : fine) {
    
    .icon-link a:hover {
        color: var(--verd-4)
    }

}

/* ofertes home */

.seccio-ofertes-home {
    color: #000;
}

.seccio-ofertes-home .img-banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 15.8em;
}

.seccio-ofertes-home .text-banner {
    background: #FFF;
    padding: 1em;
    position: relative;
}

.seccio-ofertes-home .title {
    color: #133A1B;
    margin: 0;
}

.seccio-ofertes-home {
    flex-basis: 31%;
    margin: 1%;
}

/* landings */

.titol-landing-time {
    background: url(inherit) center left no-repeat;
    background-size: 120%;
    height: 4em;
    width: 4em;
    overflow: hidden;
    text-indent: -9999px;
}

.titol-family-time {
    background-image: url(img/family-time.svg);
}

.titol-pet-time {
    background-image: url(img/pet-time.svg);
}

.titol-my-time {
    background-image: url(img/my-time.svg);
}

.titol-friends-time {
    background-image: url(img/friends-time.svg);
}

.titol-work-time {
    background-image: url(img/work-time.svg);
}

/*---------------------------------------------
//  fix block cgb
//---------------------------------------------
*/

.alignfull:not(.wp-block-cgb-imatge-fons-cerdanyaecoresort) .wp-block-column:nth-child(2):last-child .wp-block-cgb-contingut-cerdanyaecoresort {
    min-width: 100% !important;
}

/*---------------------------------------------
//  search
//---------------------------------------------
*/

#fullscreenbooking,
#fullscreensearch {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--verd-6);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}

.mostrar-reserves #fullscreenbooking,
#fullscreensearch.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 999 !important;
}

#fullscreensearch .search-input {
    border: none;
    background: transparent;
    cursor: pointer;
    color: #999;
    height: 4.444em;
    font-size: 3.333em;
    position: absolute;
    top: 5.556em;
    left: 0;
    text-align: center;
    width: 90%;
    margin: 0 5%;
    outline: none;
}

#fullscreensearch .searchsubmit {
    display: none;
}

.fullscreen .closesearch a {
    position: fixed;
    top: 5%;
    right: 2%;
    font-size: 2em;
    width: 1.5em;
    line-height: 1.5em;
    border: 1px solid #737373;
    text-align: center;
}

/* Search results */

.result-search-element {
    margin-bottom: 1.5em;
}

.result-search-title a {
    font-size: 1.5em;
}

.result-search-title a:hover {
    text-decoration: underline;
}

.result-search-link {
    color: #006621;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#fullscreenbooking {
    display: flex;
    flex-direction: column;
    padding-top: 10em;
}

/* Calendars */

.entry-content.html-content .simcal-calendar {
    max-width: 100%;
}

.simcal-events-list-container {
    display: flex;
    flex-wrap: wrap;
}

dt.simcal-day-label {
    border-bottom: none !important;
    background: var(--marro-4);
    width: 200px;
    display: flex;
    align-items: flex-end;
    padding: 1.8em;
}

.simcal-calendar-list dd {
    background: var(--marro-4);
    width: calc(100% - 200px);
    padding: 2em 0 0 0;
}

dt.simcal-day-label:nth-of-type(2n+2) {
    background: var(--marro-2);
}

.simcal-calendar-list dd:nth-of-type(2n+2) {
    background: var(--marro-2);
}

.simcal-day-label span {
    background: transparent !important;
}

.simcal-day-label .simcal-date-format strong {
    display: block;
}

ul.simcal-events {
    list-style: none;
    margin: 0;
    display: flex;
    transform: translate(0, 2.8em);
    position: relative;
    width: 100%;
    padding-bottom: 1em;
}

ul.simcal-events li {
    background: #FFF;
    margin: 0.6em;
    padding: 0.6em;
    flex: 1 0 auto;
    max-width: 16.67em;
    color: var(--marro-0);
    box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.2);
}

.simcal-event-title {
    font-size: 0.78em;
    text-transform: uppercase;
    color: var(--marro-4);
    display: inline-block;
}

.simcal-calendar-list dd:nth-of-type(2n+2) .simcal-event-title {
    color: var(--marro-2);
}

.simcal-event-address {
    font-size: 0.67em;
    text-transform: uppercase;
    display: inline-block;
}

.simcal-event-description {
    font-size: 0.67em;
    position: relative;
    height: 20px;
    background: url(img/ico_mini_info.svg) left center no-repeat;
}

.simcal-event-details p {
    margin-bottom: 0;
}

.simcal-event-description p {
    position: absolute;
    bottom: 100%;
    background: #FFF;
    width: 100%;
    display: none;
    padding: 1em;
    background: var(--marro-6);
}

.simcal-event-description:hover p {
    display: block;
}

.simcal-event-description a {
    display: inline-block;
    background-color: #133A1B;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    border-radius: 4px;
}

.simcal-event-description a:hover {
    background-color: #8A9960;
    color: #133A1B;
}

.simplebar-content {
    display: flex;
}

.boton-reservas {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.1em;
    font-size: 1.11em;
}

.calendari-restaurant dt.simcal-day-label,
.calendari-restaurant .simcal-events-list-container,
.calendari-restaurant .simcal-calendar-list dd,
.calendari-restaurant .ul.simcal-events li,
.calendari-restaurant .simcal-event-description p,
.calendari-restaurant ul.simcal-events li {
    display: block;
    width: auto;
    max-width: 100%;
}

.calendari-restaurant dt.simcal-day-label {
    display: none;
}

.calendari-restaurant .simcal-event-description {
    height: auto;
    font-size: 1em;
    background: none;
}

.calendari-restaurant .simcal-event-description p {
    position: relative;
    background: none;
    padding: 0;
}

.calendari-restaurant .simcal-calendar-list dd {
    padding: 0;
    background: none;
}

.calendari-restaurant .simcal-event-title {
    font-size: 2em;
}

.calendari-restaurant .simcal-event-details {
    text-align: center;
}

/* ofertes home */

.categories-title-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.categories-title-wrapper h2 {
    color: #FFF;
}

.owl-carousel.owl-loaded.subcat-list {
    display: none;
}

.owl-carousel.owl-loaded.subcat-list.active {
    display: block;
}

.owl-carousel.ofertes-home-wrapper .owl-nav>button {
    top: 35%;
}

.home-categories-wrapper.alignfull {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.temporades-home-wrapper {
    width: 100%;
}

.home-categories-wrapper .categories-list-wrapper {
    background-color: #8a9960;
    min-height: 15em;
    margin-top: -50px;
    width: 100%;
}

.seccio-ofertes-home .text-banner {
    position: relative;
    display: block;
}

.seccio-ofertes-home .text-banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    height: 50px;
    box-shadow: 0px -10px 5px #00000021;
    z-index: -1;
}

.temporades-home-wrapper {
    background-color: #d6dbc5;
    min-height: 50px;
    padding: 20px 0;
    margin-bottom: 50px;
}

input.wpcf7-form-control.wpcf7-submit,
select.wp-block-button__link.has-blank-3-verd-4-color {

    border: none;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    height: 38px;
    vertical-align: top;
    padding: 0 1.2em;

}

select.wp-block-button__link.has-blank-3-verd-4-color {
    background: white;
}

.cat-menu-select {
    cursor: pointer;
    font-size: 0.89em;
    font-weight: 400;
    color: #FFF;
}

.cat-menu-select:before {
    content: '';
    background: url(img/check_no.svg) center center no-repeat;
    display: inline-block;
    width: 20px;
    height: 30px;
    vertical-align: middle;
}

.cat-menu-select.selected:before {
    background-image: url(img/check_si.svg);
}

.seccio-ofertes-home .title h3 {
    margin-bottom: 0;
}

.seccio-ofertes-home:hover .title {
    color: #8a9960;
}

.seccio-ofertes-home .temporades-wrapper {
    font-size: 0.83em;
}

.seccio-ofertes-home .temporades-wrapper span {
    vertical-align: middle;
}

.seccio-ofertes-home .temporades-wrapper span:first-child:before {
    content: '';
    background: url(img/ico_menu_activitats.svg) center center no-repeat;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    margin-right: 0.2em;
}

.seccio-ofertes-home .resum-banner {
    margin-top: 1em;
    color: black;
}

.seccio-ofertes-home {
    width: 20em;
    flex-basis: 100%;
}

a.boto-allotjament-reserves.boto-allotjament-ara {
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 20px;
    background-color: #c98338 !important;
}

header .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    border: none;
}

a.logo-temp img {
    object-fit: contain;
}

a.more-post {
    min-width: 230px;
    display: inline-block;
    height: 15.8em;
    text-align: center;
    background-color: #d6dbc5;
    line-height: 15.8em;
    color: #8a9960;
}

iframe[id*="wallsio"] {
    margin-top: -85px;
    width: 100% !important;
    max-width: 100% !important;
}

header .wpml-ls-legacy-dropdown-click {
    width: auto !important;
}

.header-widget-container.widget_icl_lang_sel_widget {
    margin-top: 18px;
}

.searchicon {
    margin-top: 14px;
}

.half-form {
    background-color: #edf0e6;
    padding: 20px;
    margin-bottom: 1em;
}

.half-form input,
.half-form select,
.half-form textarea {
    color: #8a9960 !important;
    border-color: #8a9960 !important;
    max-height: 5em;
}

.grecaptcha-badge {
    transform: translateX(75px);
}

#cookie-law-info-bar {
    max-width: 900px;
    margin: auto;
    right: 0;
    left: 0;
}

.only-mobile {
    display: none;
}

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

.boto-flotant-restaurant {
    position: fixed;
    z-index: 2;
    right: 1.5em;
    bottom: 1.5em;
}

.boto-flotant-restaurant-2 {
    position: fixed;
    z-index: 2;
    right: 1.5em;
    bottom: 5.5em;
}

.wp-block-cover.is-light .wp-block-cover__inner-container {
    color: #FFF;
}

.page-id-2215 .site-footer .boto-flotant-restaurant,
.page-id-13505 .site-footer .boto-flotant-restaurant,
.page-id-13056 .site-footer .boto-flotant-restaurant,
.page-id-51395 .site-footer .boto-flotant-restaurant {
    bottom: 5em;
}

/* NEW HOME */

.hide {
    display: none;
}

.h1-heading-style {
    font-weight: 700 !important;
    font-size: clamp(32px, 4vw, 40px) !important;
}

.h2-heading-style {
    /* font-weight: 700 !important; */
    font-size: clamp(20px, 2.444vw, 24px) !important;
}

.h3-heading-style {
    font-weight: 500 !important;
}

.h3-heading-style,
p.has-medium-font-size {
    font-size: clamp(18px, 3.777vw, 20px) !important;
}

.wp-block-buttons.is-content-justification-center {
    margin-top: 20px;
    margin-bottom: 20px;
}

.hero-section {
    color: #fff;
}

.oh {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.oh::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.oh .wp-block-group__inner-container {
    max-height: 75vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.iframe-top iframe {
    display: block;
    height: auto;
    max-width: unset !important;
    width: 100% !important;
    aspect-ratio: 16 / 9;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.iframe-top .titre-top {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    left: 0;
    height: 100%;
    max-width: 100% !important;
    width: 100%;
    color: #fff;
    z-index: 1;
}

.new-widget-container {
    margin-bottom: 4vh;
    z-index: 1;
    position: relative;
    padding: 0 !important;
}

.new-widget-container .wp-block-group__inner-container {
    min-height: 79px;
}

.new-widget-container .widgetBookingContainer {
    max-width: 1120px !important;
}

.margin-top {
    margin-top: 8vh !important;
}

.margin-top-large {
    margin-top: 20vh !important;
}

.margin-bottom {
    margin-bottom: 8vh !important;
}

.margin-bottom-small {
    margin-bottom: 4vh !important;
}

.margin-bottom-micro {
    margin-bottom: 1em !important;
}

.no-margins {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.flower-container {
    position: relative;
}

.flower {
    min-width: 88px;
    position: absolute;
    left: -88px;
    top: -8px; 
}

.aspect-ratio-21-9 img {
    aspect-ratio: 21 / 9;
}

.quote {
    line-height: 0;
}

.quote strong {
    line-height: 1;
} 

.image-button img {
    aspect-ratio: 4 / 3;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.image-button .wp-element-caption {
    font-size: var(--wp--preset--font-size--medium);
    text-align: left;
    font-weight: 500;
}

.image-button .wp-element-caption a {
    color: var(--negre) !important;
    transition: color .2s ease-out;
    display: flex;
    align-items: center;
    gap: 8px;
}

.image-button .wp-element-caption a::after {
    content: '\203A';
    display: inline-block;
    font-size: 2em;
    font-weight: 300;
    line-height: .8;
    color: var(--marro-4);
    transition: color .2s ease-out;
    margin-top: -6px;
}

.custom-background {
    position: relative;
}

.custom-background .wp-block-group__inner-container {
    position: relative;
    z-index: 1;
    padding: 20px 0;
}

.custom-background.custom-2::after {
    height: 70%;
    top: 0;
    right: 0;
    bottom: unset !important;
    left: unset !important;
    background-color: var(--marro-6) !important;
}

.image-button-container {
    padding-left: 2em;
    padding-right: 2em;
    /* column-gap: 1em; */
    max-width: unset !important;
    width: auto;
    justify-content: center;
}

.image-button-container .wp-block-column {
    max-width: 198px;
}

.cita-container .imatge-flotant {
    min-width: 198px;
    text-align: center;
}

.icon-button-container {
    column-gap: 0;
}

.icon-button {
    text-align: center;
    flex-grow: 1;
}

.icon-button figcaption {
    font-size: 0.89em;
    font-weight: 700;
}

.otgs-development-site-front-end,
body > .popmake-close {
    display: none;
} 

@media only screen and (pointer : fine) {

    .new-widget-container .widgetBookingContainer .button.searchButton:hover {
        background-color: var(--verd-0);
        color: #fff;
    }

    .image-button:hover::before {
        background-color: rgba(153, 113, 71, 0.84);
    }

    .image-button .wp-element-caption a:hover,
    .image-button .wp-element-caption a:hover::after {
        color: var(--marro-4) !important;
    }

}

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

    .oh .wp-block-group__inner-container {
        max-height: 50vh;
    }

    .new-widget-container .widgetBookingContainer > * {
        width: 100% !important;
    }

    .new-widget-container .checkoutContainer .datePicker:after {
        display: none;
    }

    .new-widget-container .widgetBookingContainer .button.searchButton {
        min-height: 71px;
    }

    .new-widget-container .widgetBookingContainer .categorySelector {
        margin-bottom: 10px;
    }

    .flower-container {
        margin-top: 4vh;
    }

    .flower {
        display: none;
    }

}

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

    .banners-acordio .wp-block-group__inner-container .wp-block-cover {
        border: 0.4em solid transparent !important;
    }

}

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

    .margin-top-large {
        margin-top: 8vh !important;
    }

}

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

    .image-button-container.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: calc(50% - 1em) !important;
        flex-grow: 0 !important;
    }

    .custom-background::after {
        display: none;
    }

    .image-button,
    .image-button-container .wp-block-column {
        max-width: unset;
    }

}

/* RESPONSIVE */

@media only screen and (max-width: 370px) {
    ul.menu-fixe li.menu-fix-regala {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    header nav.menu-fixe-wrapper.clearfix {
        position: fixed !important;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
    }

    ul.menu-fixe {
        width: 100%;
    }

    #sidebar-header nav.menu-fixe-wrapper ul.menu-fixe li:first-child {
        flex-grow: 0;
        flex-basis: 32px;
    } 

    header.site-header a.logo-temp {
        order: 1;
    }

    #sidebar-header nav.menu-fixe-wrapper li.menu-fix-contacte {
        display: none;
    }

    #sidebar-header nav.menu-fixe-wrapper li:first-child a {
        font-size: 0;
    }

    a.logo-temp {
        padding: 55px 0 0px;
        margin-bottom: -55px;
        width: 100%;
    }

    .home-categories-wrapper .seccio-ofertes-home {
        margin: 0;
        width: 100%;
    }

    article:not(.page)[class*="post"] {
        padding: 10px;
    }

    header .header-widget-container.widget_icl_lang_sel_widget {
        display: none;
    }
}

@media only screen and (max-width: 600px) {
    .wp-block-columns.columnes-icones .wp-block-column {
        flex-basis: 50% !important;
        flex-grow: 0;
    }

    ul.llistat_germans {
        flex-wrap: wrap;
    }

    .simcal-calendar-list dd {
        padding: 0;
    }

    ul.simcal-events {
        transform: none !important;
    }

    dt.simcal-day-label,
    .simcal-calendar-list dd {
        width: 100%;
    }

    .main-menu-wrapper {
        overflow-y: scroll;
    }

    aside#sidebar-header .widget_text {
        display: none;
    }

    .header-widget-container.widget_icl_lang_sel_widget {
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
    }


    /* .html-content h1 {
        font-size: 3.25em;
    } */

    .html-content p.is-style-intro,
    .html-content select,
    .html-content [class*="wp-block-button"] {
        font-size: 14px;
    }

    .html-content p.is-style-intro {
        margin-top: 0;
        margin-bottom: 1em;
        padding: 0 10px;
    }

    .footer-main-content>* {
        flex-basis: 100%;
    }

    .footer-main-content {
        flex-wrap: wrap;
    }

    .nom_adreces_establiments_wrapper {
        flex-wrap: wrap;
        padding: 0;
    }

    .noms_establiments_wrapper a.current-tab,
    .noms_establiments_wrapper a {
        text-align: center;
        border-left: none;
    }

    .noms_establiments_wrapper {
        padding: 2em;
        width: 100%;
    }

    .temporades-home-wrapper.columna-wrapper [class*="col"] select {
        text-align: center;
        border: none !important;
    }

    .temporades-home-wrapper.columna-wrapper [class*="col"] {
        width: 100%;
        margin-bottom: 10px;
    }

    .temporades-home-wrapper.columna-wrapper {
        flex-wrap: wrap;
        padding: 10px 30px 0;
    }

    /* .wp-block-group.has-background p.has-background {
        padding: 0;
    } */

    .wp-block-image.imatge-flotant img {
        width: 75px;
        height: 100%;
    }

    /* #content .wp-block-cover h2,
    #content .html-content h2 {
        font-size: 1.35em;
    } */



    .wp-block-cover .wp-block-cover__inner-container {
        margin-top: 30px;
    }

    .wp-block-spacer {
        max-height: 20px;
    }


    .seccio-ofertes-home .text-banner:before {
        top: -15px;
        height: 90px;
        box-shadow: 0px -10px 5px #00000021;
    }

    .seccio-ofertes-home .resum-banner {
        display: none;
    }

    #sidebar-header,
    ul.menu-fixe {
        flex-wrap: wrap;
    }

    nav.filter-lodgements {
        display: flex;
        flex-wrap: wrap;
    }

    nav.filter-lodgements span {
        padding: 10px !important;
        flex-basis: 50%;
    }

    .carousel-alojamientos .item-video,
    .carousel-alojamientos .item-background a {
        height: 200px;
        display: block;
    }

    nav#selected-lodgements {
        max-width: 100% !important;
    }

    .wp-block-cgb-contingut-cerdanyaecoresort {
        padding: 1rem 10px !important;
    }

    a.logo_peu_item {
        flex-basis: 25%;
    }

    .noms_establiments_wrapper a {
        padding: 1em 0.2em 0.4em;
    }

    .img-banner.imatge-fons.meitat,
    .img-banner.imatge-fons.doble {
        height: 12em !important;
    }

    .img-banner.imatge-fons.meitat {
        margin-bottom: 1em !important;
    }

    .html-content .has-large-font-size {
        font-size: 28px;
    }

    .html-content .wp-block-pullquote p {
        font-size: 18px;
    }

    .menu-principal .sub-menu>li {
        display: block;
    }

    .menu-principal .sub-menu li:not( :first-child) a:before {
        display: none;
    }

    .wp-block-columns.columna-checkin .wp-block-column {
        flex-basis: 50% !important;
    }

    .landings-time.alignwide a.landing_item {
        flex-basis: 29.33%;
        margin: 2%;
    }
}

@media only screen and (min-width: 426px) and (max-width: 800px) {

    a.logo-temp {
        z-index: 10;
        width: 100px;
    }

    .wp-block-columns.alignfull.no-padding.seccio-opinions .wp-block-column {
        flex-basis: 100%;
    }

    .landings-time.alignwide a.landing_item {
        flex-basis: 15%;
        margin: 2%;
    }

    .wp-block-spacer {
        max-height: 20px;
    }

    /* #content .html-content h2,
    .html-content h2 {
        font-size: 1.25em;
    } */

    /* #content .html-content h1,
    .html-content h1 {
        font-size: 4em;
    } */
}

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

    .only-mobile {
        display: block;
    }

    a.logo-temp img {
        height: 65px;

    }

    a.logo-temp {
        display: flex;
        justify-content: center;
        z-index: 3;
    }

    ul.menu-fixe li:nth-child(n+6) a {
        font-size: 0;
    }

    #weather-wrap,
    #weather-wrap .forecast-col-wrap {
        padding: 0;
    }

    .forecast-weather-box .weather-col-wrap {
        border: none !important;
    }

    .webcams.columna-wrapper.alignfull {
        flex-wrap: wrap;
    }

    .webcams.columna-wrapper.alignfull [class*="col"] img {
        height: 150px;
    }

    .webcams.columna-wrapper.alignfull [class*="col"] {
        flex-basis: 100%;
    }

    #weather-wrap.loaded>div {
        flex-basis: 100%;
    }

    #weather-wrap.loaded {
        flex-wrap: wrap;
    }

    #weather-wrap .weather-icon img {
        max-width: 60px;
        padding: 0;
        box-shadow: none !important;
        background: none;
    }

    #weather-wrap .forecast-weather-col,
    #weather-wrap .weather-col {
        font-size: 12px;
    }

    .wp-block-group.has-background.wallsio {
        padding: 10px 0;
    }

    .html-content h1,
    .html-content h2,
    .html-content h3,
    .html-content h4,
    .html-content h5,
    .html-content h6 {
        margin: 0.25em 0;
    }

    .home-categories-wrapper .categories-list-wrapper h2 {
        text-align: center;
    }

    .banners-acordio .wp-block-group__inner-container {
        flex-direction: column;
    }

    .wp-block-group.alignfull.banners-acordio div.wp-block-cover {
        margin-bottom: 10px;
    }

    .wp-block-group.alignfull.banners-acordio {
        padding-top: 10px;
    }

    .banners-acordio .wp-block-group__inner-container .wp-block-cover {
        min-height: 100px;
    }

    /* .html-content .wp-block-cover,
    .html-content .wp-block-cover-image,
    .banners-acordio .wp-block-group__inner-container>div.current-banner {
        min-height: 250px;
    } */

    nav.menu-principal-wrapper .menu-item.wpml-ls-item {
        flex-basis: 100%;
        font-size: 10px;
    }

    .ofertes-home-container {
        width: 100%;
        margin-left: 0%;
    }

    nav.menu-principal-wrapper li.wpml-ls-item a:before {
        display: none;
    }

    #sidebar-header {
        height: auto;
    }

    nav.menu-fixe-wrapper.clearfix {
        position: relative;
        width: 100%;
        justify-content: center;
    }

    .landings-time {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 10px;
    }

    .home-categories-wrapper .categories-list-wrapper {
        padding: 50px 10px 10px;
    }

    .seccio-ofertes-home {
        margin: 10px;
    }

    .cat-menu-select {
        width: 50%;
        float: left;
    }

    .wp-block-spacer.is-style-negatiu {
        margin-top: 20px !important;
    }

    .icones_peu a {
        flex-basis: 25%;
    }

    .icones_peu {
        flex-wrap: wrap;
    }


}

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

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

    .only-mobile.menu-item {
        display: none;
    }

    .ofertes-wrapper>.seccio-ofertes-home {
        flex-basis: 31.33%;
    }

    nav.menu-fixe-wrapper.clearfix {
        position: fixed;
        background: #FFF;
        z-index: 9;
        left: 1em;
        top: 1em;
        display: flex;
        align-items: center;
    }

    .ofertes-home-container {
        width: 80%;
        margin-left: 20%;
    }

    .home-categories-wrapper.alignfull {
        padding-left: 10%;
    }

    .categories-list-wrapper>h2 {
        margin-left: calc(20% - 10px);
        margin-bottom: 5px;
    }

    .home-categories-wrapper .categories-list-wrapper {
        padding: 120px 20px 50px 20px;
    }

    .owl-carousel.owl-loaded.subcat-list.active {
        margin-top: -12em;
    }

    .cat-menu-select {
        max-width: 20%;
    }

    .banners-acordio .wp-block-group__inner-container .wp-block-cover {

        border: 0.4em solid #FFF;
    }

    .wp-block-cover.is-style-gran {
        min-height: 75vh;
    }

    .seccio-ofertes-home .title {
        color: #133A1B;
        border-bottom: 1px solid #8A9960;
        margin: 0;
        min-height: 7em;
    }

    .seccio-ofertes-home .text-banner {
        background: #FFF;
        margin-right: 1em;
        margin-top: -1em;
        padding: 1em;
        position: relative;
    }

    .noms_establiments_wrapper {
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
    }

    .main-menu-wrapper {
        display: flex;
    }

    .owl-carousel.carousel-alojamientos .owl-nav .owl-prev {
        left: 26%;
    }

    .owl-carousel.carousel-alojamientos .owl-nav .owl-next {
        right: 26%;
    }

    .fill-allotjament-contingut-wrapper {
        max-width: 49%;
        margin: 0 auto;
        display: flex;
        padding-right: 5em;
    }

    .resum-allotjament-wrapper {
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        transform: translate(0, -2em);
    }

    .carousel-alojamientos .owl-item {
        opacity: 0.7;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .wp-block-group.is-style-limit-dreta {
        width: calc((100% - 1120px)/2 + 1120px);
        padding-left: calc((100% - 1120px) / 2) !important;
    }

    .wp-block-group.is-style-limit-dreta .wp-block-slider {
        position: absolute;
        width: calc(738px + (100% - 1120px) / 2);
    }

    .wp-block-group.is-style-limit-dreta .wp-block-slider .galeria .image-background {
        padding: 55% 0 0 0;
    }

    a.logo-temp img {
        width: 200px;
        height: auto;
    }

    .logo-temp {
        position: absolute;
        left: 50%;
        top: 50px;
        transform: translateX(-135px);
        z-index: 99;
    }


    #fullscreensearch .search-input {
        top: 40%;
    }

    .wp-block-buttons.is-style-columna-2 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 1500px) {
    .logo-temp {
        position: absolute;
        top: 0;
    }

    .logo-temp img {
        width: 15em;
        height: auto;
    }

}

@media only screen and (max-width: 786px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile).column-ample-900>.wp-block-column {
        flex-basis: 45%!important;
    }
}

/* FINAL */