@charset "UTF-8";
/* CSS Document */
/* Styles Ideamatic to Ideamatic.net */


@font-face {
  font-family: 'Queens Condensed Light';
  src: url('QueensCondensed_W-Light.woff2') format('woff2'), url('QueensCondensed_W-Light.woff') format('woff');
  /*font-weight: 500;*/
  font-style: normal;
}


/* Document level adjustments */
html {
  font-size: 125%;
  scroll-behavior: smooth;
}
/*20px*/

:root {
  /* Color */
  --blanc: #fff;
  --neutre-1: #9A9184;
  --neutre-2: #D7CDC2;
  --neutre-3: #E9E8E4;
  --primari: #9C542C;
  --rollover: #B38851;
  --negre: #000;
  --alert: #f44336;

  /* Cos text */
  /* Min Viewport: 320px; Max Viewport: 1440px */
  --body: clamp(0.9rem, 0.8714285714285714rem + 0.14285714285714282vw, 1rem);
  --body-big: clamp(1.2rem, 1.1142857142857143rem + 0.4285714285714286vw, 1.5rem);
  --h1: clamp(2.369rem, 1.8432857142857146rem + 2.6285714285714277vw, 4.209rem);
  --h2: clamp(1.777rem, 1.3827142857142856rem + 1.9714285714285715vw, 3.157rem);
  --h2-home: clamp(1.333rem, 1.037rem + 1.4800000000000002vw, 2.369rem);
  --h2-fitxa: clamp(1.333rem, 1.2061428571428572rem + 0.6342857142857142vw, 1.777rem);
  --h3: clamp(1.333rem, 1.037rem + 1.4800000000000002vw, 2.369rem);
  --h3-grid: clamp(1.333rem, 1.2061428571428572rem + 0.6342857142857142vw, 1.777rem);
  --h4: clamp(1.333rem, 1.2061428571428572rem + 0.6342857142857142vw, 1.777rem);
  --h5: 1.333rem;
  --blockquote: clamp(1rem, 0.9428571428571428rem + 0.28571428571428564vw, 1.2rem);
  --small-1: .9rem;
  --small-2: .8rem;

  /* Ribbons */
  --d:.4rem;
  --c:#9C542C;
}

body {
  background: var(--neutre-3) !important;
  font-family: brown-pro, sans-serif !important;
  font-weight: 200;
  font-style: normal;
  line-height: 1.75 !important;
  color: var(--negre) !important;
  font-size: 1rem;
  font-size: var(--body) !important;
  -webkit-font-smoothing: antialiased !important;
}

p,
li {
  margin-bottom: 1rem;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 3rem 0 1.38rem !important;
  font-family: 'Queens Condensed Light', sans-serif !important;
  line-height: 1 !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

h1 {
  margin-top: 0 !important;
  font-size: 3.052rem;
  font-size: var(--h1) !important;
}

h2 {
  font-size: 2.441rem;
  font-size: var(--h2) !important;
}

h2.retols--home--negatiu,
h2.retols--home {
  font-size: var(--h4) !important;
  text-transform: uppercase;
}

h2.contacta {
  font-size: var(--h4) !important;
  margin-top: 0rem !important;
}

h3 {
  font-size: 1.953rem;
  font-size: var(--h3) !important;
}

h4 {
  font-size: 1.563rem;
  font-size: var(--h4) !important;
}

h5 {
  font-size: var(--h5) !important;
}

h1 strong, h1 b,
h2 strong, h2 b,
h3 strong, h3 b,
h4 strong, h4 b,
h5 strong, h5 b {
  font-family: 'Queens Condensed Light', sans-serif !important;
  line-height: 1 !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

small,
.text_small {
  font-size: var(--small) !important;
}

b,
strong {
  font-family: brown-pro, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

i,
em {
  font-family: brown-pro, sans-serif !important;
  font-weight: 300 !important;
  font-style: italic !important;
}

b i,
b em,
i b,
em b,
strong i,
strong em,
i strong,
em strong {
  font-family: brown-pro, sans-serif !important;
  font-weight: 500 !important;
  font-style: italic !important;
}

p.light,
span.light {
  font-family: brown-pro, sans-serif;
  font-weight: 200;
  font-style: normal;
}

blockquote {
  margin: 3rem 0 3rem !important;
  padding: 0 0 0 30px;
  border-left: none !important;
  font-family: 'GTWalsheimPro-RegularOblique', sans-serif !important;
  font-weight: normal !important;
  font-size: 1.2rem;
  font-size: var(--blockquote) !important;
  color: var(--negre) !important;
  text-align: center !important;
  line-height: 1.75 !important;
}

a {
  transition: .3s ease !important;
}



/*
################
                1. COMUNS
################
*/

.container {
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 4rem !important;
  width: 100% !important;
  max-width: 1600px !important;
}

.content-area {
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0rem !important;
  width: 100% !important;
  max-width: 1600px !important;
}

.alignfull>.kt-row-column-wrap,
.alignfull>.kt-row-layout-inner>.kt-row-column-wrap,
.kt-row-has-bg>.kt-row-column-wrap {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.slide-container {
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 4rem !important;
  width: 100% !important;
  max-width: 1600px !important;
}

.slide-container .contingut--header h1 {
  text-transform: uppercase;
  color: var(--blanc) !important;
  text-align: center;
  width: 85%;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 0rem !important;
}

.slide-container .contingut--header h1 strong {
  font-family: brown-pro, sans-serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

a.wp-block-button__link,
a.wp-block-button__link:active {
  background-color: var(--negre) !important;
  text-transform: uppercase !important;
  color: var(--blanc) !important;
}

.site-content {
  padding: 5rem 0rem 8.75rem 0rem !important;
}

.kb-row-layout-wrap > .kt-row-column-wrap {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}



/*
################
                2. HEADER
################
*/
.main-navigation a, .header-sidebar .widget_nav_menu a, .header-sidebar-left .widget_nav_menu a {
  font-family: brown-pro, sans-serif !important;
  font-weight: 200 !important;
  font-style: normal;
  color: var(--negre) !important;
  /*font-size: var(--body) !important;*/
  font-size: var(--small-1) !important;
  letter-spacing: .025rem !important;
  -webkit-font-smoothing: antialiased !important;
  text-transform: uppercase !important;
}

.main-navigation a:hover, .header-sidebar .widget_nav_menu a:hover, .header-sidebar-left .widget_nav_menu a:hover {
  color: var(--primari) !important;
}

.widget_shopping_cart .proceed-to-cart-icon span.lnr {
  font-size: 1.3rem !important;
}

.header-sidebar .widget, .header-sidebar-left .widget {
  font-family: brown-pro, sans-serif !important;
  font-weight: 200 !important;
  font-style: normal !important;
  color: var(--negre) !important;
  font-size: var(--body) !important;
}

.site-header:not(.sticky) {
  background: var(--neutre-3) !important;
}

.site-header:not(.sticky).with-header-slider {
  background: transparent !important;
}

.site-header.sticky {
  position: fixed;
  width: 100vw;
  box-shadow: -2px 2px 81px -27px rgba(0, 0, 0, 0.29);
  z-index: 200;
  background-color: var(--neutre-3) !important;
}

.site-description {
  display: none !important;
}

.lang--social {
  position: absolute;
  right: 4rem;
  top: 2rem;
}
.lang--social ul#menu-top_menu {
    display: inline-flex;
}
.lang--social ul#menu-top_menu li {
    list-style: none;
}
.lang--social ul#menu-top_menu li>a {
    text-decoration: none;
    padding: 0 5px;
}


.lang--social > div {
  display: inline-block ;
}

.container.header-contents {
  display: relative;
}

.lang--social .widget {
  margin: 0 0 0em !important;
  padding: 0rem;
}

.lang--social .widget_yith_proteo_social_icons a.yith-proteo-social-icon {
  margin: 0 0rem 0rem 0.9rem;
  color: var(--negre) !important;
  transition: .3s ease !important;
}

.lang--social .widget_yith_proteo_social_icons a.yith-proteo-social-icon:hover {
  color: var(--primari) !important;
}

    .home .lang--social .widget_yith_proteo_social_icons a.yith-proteo-social-icon {
      color: var(--blanc) !important;
    }

    .home .lang--social .widget_yith_proteo_social_icons a.yith-proteo-social-icon:hover {
      color: var(--negre) !important;
    }

    .home header.sticky .lang--social .widget_yith_proteo_social_icons a.yith-proteo-social-icon {
      color: var(--negre) !important;
    }

    .home header.sticky .lang--social .widget_yith_proteo_social_icons a.yith-proteo-social-icon:hover {
      color: var(--primari) !important;
    }

.lang--social .widget_yith_proteo_social_icons a.yith-proteo-social-icon span {
  font-size: 0.9rem !important;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.lang--social .icon-social-facebook:before {
  content: "\e00b";
}

.lang--social .icon-social-instagram:before {
  content: "\f16d";
}

.lang--social .icon-social-pinterest:before {
  content: "\f231";
}

.lang--social .wpml-ls-link > span {
  font-size: var(--small-1) !important;
  color: var(--negre);
  transition: .3s ease !important;
}

.lang--social .wpml-ls-link > span:hover {
  color: var(--primari);
}

    .home .lang--social .wpml-ls-link > span {
      color: var(--blanc);
    }

    .home .lang--social .wpml-ls-link > span:hover {
      color: var(--negre);
    }

    .home header.sticky .lang--social .wpml-ls-link > span {
      color: var(--negre);
    }

    .home header.sticky .lang--social .wpml-ls-link > span:hover {
      color: var(--primari);
    }


/*
################
                3. HOME
################
*/
.home .custom-logo {
  content: url(https://new.caoc.cat/wp-content/uploads/2018/11/caoc-logo.png);
}

.home .main-navigation a, .home .header-sidebar .widget_nav_menu a, .home .header-sidebar-left .widget_nav_menu a {
  color: var(--blanc) !important;
}

.home .main-navigation .sub-menu a {
  color: var(--negre) !important;
}

.home .widget_shopping_cart .proceed-to-cart-icon,
.home .widget_shopping_cart .proceed-to-cart-icon:hover span.lnr {
  color: var(--blanc) !important;
}

.home header.sticky .custom-logo {
  content: url(https://new.caoc.cat/wp-content/uploads/2018/11/caoc-logo.png);
}

.home header.sticky .main-navigation a {
  color: var(--negre) !important;
}

    .home header.sticky .main-navigation a:hover span {
      color: var(--primari) !important;
    }

.home header.sticky .widget_shopping_cart .proceed-to-cart-icon {
  color: var(--negre) !important;
}

    .home header.sticky .widget_shopping_cart .proceed-to-cart-icon:hover span {
      color: var(--primari) !important;
    }

.home .yith-slider {
  height: inherit !important;
}

.yith-slider.fullscreen .yith-slider-slide {
  display: grid !important;
  grid-template-rows: 100vh !important;
  grid-template-columns: 100vw !important;
}

.home .yith-slider.fullscreen .yith-slider-slide .slide-container {
  position: inherit !important;
  bottom: inherit !important;
  left: inherit !important;
  right: inherit !important;
  justify-self: center !important;
  align-self: center !important;
}

.home .entry-header {
  display: none !important;
}

.home .site-content {
  padding-top: 0rem !important;
}

.home .header--2 {
  background-color: var(--neutre-1);
  /*background-image: url(https://new.caoc.com/wp-content/uploads/2023/09/ico-carving.svg);
  background-repeat: no-repeat;
  background-position: center 5rem;*/
}

.home .header--2 h2 {
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0rem !important;
  width: 46.5rem !important;
  font-size: var(--h2-home) !important;
  color: var(--blanc) !important;
  text-align: center;
  margin: 14.65rem auto 7.5rem auto !important;
}

.home .header--2 h2::before {
  content: '';
  position: absolute;
  top: 5rem;
  left: 50%;
  margin-left: -2.8rem;
  width: 5.6rem !important;
  height: 5.45rem !important;
  background-image: url(https://new.caoc.com/wp-content/uploads/2023/09/ico-carving.svg);
  background-repeat: no-repeat;
}

h2.home {
  margin-top: 9rem !important;
  margin-bottom: 5.5rem !important;
  text-align: center;
}

a {
  outline: none !important;
}


/*
################
                4. INTERIORS
################
*/
h1.page-title {
  margin-bottom: 5.5rem !important;
  margin-top: 1.75rem !important;
}

h2.subhome {
  margin-top: 0rem !important;
  margin-bottom: 5.5rem !important;
  text-align: center;
}

h2.subhome.filtre--grid {
  margin-top: 0rem !important;
  margin-bottom: 3.5rem !important;
  text-align: center;
}

.fila--9rem {
  margin-bottom: 9rem !important;
}

.post-type-archive-product .yith-proteo-before-shop-loop, .post-type-archive-product .columns-4, .post-type-archive-product .columns-2 {
  display: none !important;
}

.page .entry-header, .page .post-thumbnail {
  display: none !important;
}

#post-7704 .entry-header, #post-7704 .post-thumbnail,
#post-8502 .entry-header, #post-8502 .post-thumbnail,
#post-8503 .entry-header, #post-8503 .post-thumbnail,
#post-3094 .entry-header, #post-3094 .post-thumbnail,
#post-8569 .entry-header, #post-8569 .post-thumbnail,
#post-8570 .entry-header, #post-8570 .post-thumbnail,
#post-7628 .entry-header, #post-7628 .post-thumbnail,
#post-8522 .entry-header, #post-8522 .post-thumbnail,
#post-8523 .entry-header, #post-8523 .post-thumbnail,
#post-7072 .entry-header, #post-7072 .post-thumbnail,
#post-8546 .entry-header, #post-8546 .post-thumbnail,
#post-8547 .entry-header, #post-8547 .post-thumbnail,
#post-9923 .entry-header, #post-9999 .entry-header,
#post-10000 .entry-header, #post-3 .entry-header,
#post-8563 .entry-header, #post-8564 .entry-header,
#post-7845 .entry-header, #post-8560 .entry-header,
#post-8561 .entry-header, #post-14 .entry-header,
#post-8516 .entry-header, #post-8517 .entry-header {
  display: inherit !important;
}

.entry-header-coleccion {
  margin-bottom: 5rem;
}

.entry-header-coleccion.pagina--final {
  margin-bottom: 4rem;
}

.entry-header-coleccion, article:not(.has-post-thumbnail).page .entry-header-coleccion {
  text-align: var(--proteo-page_title_align, center);
  display: block;
}

.entry-header-coleccion .woocommerce-breadcrumb {
  text-align: inherit;
  margin-bottom: 35px;
}

h2.subhome--productos {
  /*font-size: 1.563rem !important;*/
  font-size: clamp(1.25rem, 1.147795918367347rem + 0.5110204081632653vw, 1.563rem) !important;
  padding-left: 30%;
  padding-right: 30%;
  margin-top: 0rem !important;
  margin-bottom: 3.25rem !important;
}

h2.subhome--productos a {
  text-decoration: none;
}

h2.subhome--productos a:hover {
  color: var(--negre) !important;
}

.fila--ayuda a {
  background-color: transparent !important;
  color: var(--primari) !important;
  font-size: var(--small-2) !important;
  padding: 0rem !important;
}

.fila--ayuda a:before {
  width: 5.4rem !important;
  height: 5.4rem !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  transition: all .2s ease-in-out;
}

.fila--ayuda .email a::before {
  content: '';
  background-image: url(https://new.caoc.com/wp-content/uploads/2023/10/ico-mail.svg);
}

.fila--ayuda .telefono a::before {
  content: '';
  background-image: url(https://new.caoc.com/wp-content/uploads/2023/10/ico-phone.svg);
}

.fila--ayuda .botonera {
  gap: 1.75rem !important;
  padding-top: 1rem !important;
}

.fila--ayuda a:hover::before {
  transform: scale(1.05);
}

#post-7072 .woocommerce-breadcrumb,
#post-7704 .woocommerce-breadcrumb,
#post-8502 .woocommerce-breadcrumb,
#post-8503 .woocommerce-breadcrumb,
#post-8569 .woocommerce-breadcrumb,
#post-8570 .woocommerce-breadcrumb,
#post-3094 .woocommerce-breadcrumb,
#post-7628 .woocommerce-breadcrumb,
#post-8522 .woocommerce-breadcrumb,
#post-8523 .woocommerce-breadcrumb,
#post-8546 .woocommerce-breadcrumb,
#post-8547 .woocommerce-breadcrumb,
#post-9923 .woocommerce-breadcrumb,
#post-14 .woocommerce-breadcrumb,
#post-3 .woocommerce-breadcrumb,
#post-7845 .woocommerce-breadcrumb,
#post-9999 .woocommerce-breadcrumb,
#post-10000 .woocommerce-breadcrumb,
#post-7730 .entry-header,
#post-7732 .entry-header,
.single-post .post header.entry-header,
.woocommerce-shop .woocommerce-breadcrumb,

#post-3 .entry-header .woocommerce-breadcrumb,
#post-8563 .entry-header .woocommerce-breadcrumb,
#post-8564 .entry-header .woocommerce-breadcrumb,
#post-7845 .entry-header .woocommerce-breadcrumb,
#post-8560 .entry-header .woocommerce-breadcrumb,
#post-8561 .entry-header .woocommerce-breadcrumb,
#post-14 .entry-header .woocommerce-breadcrumb,
#post-8516 .entry-header .woocommerce-breadcrumb,
#post-8517 .entry-header .woocommerce-breadcrumb {
  display: none !important;
}

.subhomes--nosotros .wp-block-cover {
  aspect-ratio: 1 / 1 !important;
}

.subhomes--nosotros .wp-block-cover h2 {
  margin: 0rem !important;
}

.subhomes--nosotros .wp-block-cover {
  border-radius: 0.75rem !important;
}

.subhomes--nosotros h3 {
  font-size: var(--h3-grid) !important;
  margin-top: 2.5rem !important;
}

article.page .boton--texto a.wp-block-button__link {
  color: var(--primari) !important;
  background-color: transparent !important;
  font-size: var(--body) !important;
  padding: 0rem !important;
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
  border-bottom: none !important;
  outline: none !important;
}

article.page .boton--texto a.wp-block-button__link:hover {
  color: var(--negre) !important;
}

.boton--texto .wp-block-button__link::after {
  content: ' →'
}

.tricolumna--pagina--final figure {
  margin-bottom: 0rem !important;
}

.tricolumna--pagina--final .fila--foto--1 > div,
.tricolumna--pagina--final .fila--foto--2 > div {
  display: grid;
  height: 100%;
}

.tricolumna--pagina--final .fila--foto--1 > div figure {
  align-self: center;
}

.tricolumna--pagina--final .fila--foto--2 > div figure:nth-of-type(1) {
  align-self: flex-start;
  margin-bottom: 5.25rem !important;
}

.tricolumna--pagina--final .fila--foto--2 > div figure:nth-of-type(2) {
  align-self: flex-end;
}

.tricolumna--pagina--final .fila--foto--1 img {
  border-radius: 0rem 1rem 1rem 0rem !important;
}

.tricolumna--pagina--final .fila--foto--2 img {
  border-radius: 1rem 0rem 0rem 1rem !important;
}

article.page .fila--contingut a,
article.page .contacta a {
  text-decoration: none !important;
  border-bottom: dotted 0.05rem var(--primari) !important;
}

article.page h2.contacta a {
  text-decoration: none !important;
  border-bottom: none !important;
}

article.page .fila--contingut h2 a,
article.page .fila--contingut h3 a,
article.page .fila--contingut h4 a
article.page .contacta h2 a {
  text-decoration: none !important;
  border-bottom: none !important;
}

article.page .fila--contingut a:hover,
article.page .fila--contingut h2 a:hover,
article.page .contacta a:hover,
article.page .contacta h2 a:hover {
  color: var(--negre) !important;
}

article.page .fila--contingut a.wp-block-social-link-anchor,
article.page .contacta a.wp-block-social-link-anchor {
  border-bottom: none !important;
}

.fila--contingut ol,
.fila--contingut ul {
  padding-left: 2rem !important;
}

.sobre--nosotros .fila--foto--1 {
  background-image: url(https://new.caoc.com/wp-content/uploads/2023/10/ico-carving-2.svg);
  background-repeat: no-repeat;
  background-position: right top 4.25rem;
}



/*
################
                5. POST / PRODUCTE
################
*/
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  left: inherit !important;
  right: 1em !important;
}

.woocommerce-breadcrumb {
  text-align: center;
  text-transform: uppercase;
  font-size: var(--small-1);
  color: var(--negre);
}

.woocommerce-breadcrumb a {
  color: var(--primari);
}

.yith-wcwl-add-to-wishlist {
  display: none !important;
}

.single-product .woocommerce-tabs .panel {
  color: var(--negre) !important;
  font-size: var(--body) !important;
}

.single-product .woocommerce-tabs ul.tabs li a {
  font-family: 'Queens Condensed Light', sans-serif !important;
  line-height: 1 !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  font-size: var(--h2-fitxa) !important;
  color: var(--negre) !important;
}

.woocommerce-product-gallery__image.flex-active-slide,
.woocommerce-product-gallery__image.flex-active-slide > a > img,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  border-radius: .75rem !important;
}

.single-product div.product .summary.entry-summary form.cart .quantity input {
  font-size: 1.75rem;
  font-family: brown-pro, sans-serif !important;
  font-weight: 500;
  font-style: normal;
  line-height: 1 !important;
  color: var(--negre) !important;
  -webkit-font-smoothing: antialiased !important;
}

input[type=number] {
  border-width: 1px !important;
  border-color: var(--negre) !important;
  min-height: 67px !important;
  background-color: transparent !important;
}

.single-product div.product .summary.entry-summary .price {
  font-weight: 300 !important;
}

.single-product-layout-cols a {
  color: var(--primari);
  transition: .3s ease;
  text-decoration: none;
  border-bottom: dotted 0.05rem rgb(156, 84, 44) !important;
}

.woocommerce-breadcrumb a {
  text-decoration: none !important;
  color: var(--primari);
  border-bottom: dotted 0.05rem var(--primari) !important;
}

.woocommerce-breadcrumb a:hover {
  text-decoration: none !important;
  color: var(--negre);
  border-bottom: dotted 0.05rem var(--negre) !important;
}

.single-product div.product .summary.entry-summary button[type=submit] {
  font-weight: 300 !important;
  font-style: normal !important;
}

.woocommerce-product-gallery__image.flex-active-slide a {
  border-bottom: none !important;
}

.single-product div.product .summary.entry-summary .woocommerce-product-rating .star-rating, .single-product div.product .summary.entry-summary .woocommerce-product-rating .woocommerce-review-link {
  border-bottom: none !important;
}

.stock.out-of-stock {
  text-transform: uppercase;
  font-weight: 300;
  color: var(--blanc);
  background-color: var(--alert);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.2rem;
  width: fit-content;
}

ul.products.columns-3, .wc-block-grid.has-3-columns ul.wc-block-grid__products {
  column-gap: 4.5rem;
}

ul.products li.product img, ul.products li.wc-block-grid__product img, .wc-block-grid ul.wc-block-grid__products li.product img, .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product img {
  border-radius: .75rem;
}

/* Ribbons */
ul.products li.product.outofstock::after,
.yith-proteo-product-loop-image span.onsale {
  content: "Agotado";
  position: absolute;
  font-size: var(--small-2);
  font-family: brown-pro, sans-serif !important;
  font-weight: 200;
  font-style: normal;
  text-transform: uppercase;
  top: 0;
  left: 0;
  right: auto;
  color: var(--blanc);
  text-align: center;
  border: 1px solid transparent;
  border-bottom: 0;
  transform: translate(-29.29%, -100%) rotate(-45deg);
  transform-origin: bottom right;
  padding: 5px 35px calc(var(--d) + 5px);
  background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d)
    no-repeat var(--c);
  background-clip: padding-box;
  clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%);
  mask: linear-gradient(135deg,transparent calc(50% - var(--d) * 0.707),#fff 0) bottom left,
    linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)bottom right;
  -webkit-mask: linear-gradient(135deg,transparent calc(50% - var(--d) * 0.707),#fff 0) bottom left,
    linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)bottom right;
  -webkit-mask-size: 300vmax 300vmax;
  mask-size: 300vmax 300vmax;
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  z-index: 10 !important;
  line-height: 1.75 !important;
}

ul.products li.product.outofstock::after:lang(ca),
.yith-proteo-product-loop-image span.onsale:lang(ca) {
  content: "Esgotat";
}

ul.products li.product.outofstock::after:lang(en),
.yith-proteo-product-loop-image span.onsale:lang(en) {
  content: "Sold out";
}

.yith-proteo-product-loop-image span.onsale {
  content: "¡Oferta!";
  background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d) no-repeat #84b500;
}

.yith-proteo-product-loop-image span.onsale:lang(ca) {
  content: "Oferta!";
}

.yith-proteo-product-loop-image span.onsale:lang(en) {
  content: "On sale!";
}

ul.products li.product.outofstock a {
  width: 100% !important;
}

ul.products.columns-4, .wc-block-grid.has-4-columns ul.wc-block-grid__products {
  grid-template-columns: repeat(3, 1fr);
  column-gap: 4.5rem;
}

figure.wp-block-post-featured-image {
  margin-bottom: 5rem !important;
}

.product_meta {
  display: none !important;
}

ul.products li.product .price {
  font-family: brown-pro, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 1.75 !important;
  font-size: var(--body) !important;
}

ul.products li.product .price {
  color: var(--primari) !important;
}

.product-content .button {
  display: none !important;
}

ul.products {
  margin-bottom: 0rem !important;
}

.single-product .related.products h2 {
  margin-bottom: 5.4rem !important;
}

ul.products li.product .yith-proteo-product-loop-image {
  overflow: hidden !important;
  border-radius: 0.75rem;
}

ul.products li.product img {
  transition: .4s;
  transform: scale(1);
}

ul.products li.product:hover img {
  transform: scale(1.2);
}

.single-product div.product .woocommerce-breadcrumb {
  overflow: hidden;
  text-indent: -0.8rem;
}

.single-product div.product .woocommerce-breadcrumb a:first-child {
  display: none !important;
}

span.onsale, .piezas mark, .piezas ins {
  background-color: var(--negre) !important;
  color: var(--blanc) !important;
  padding: .25rem !important;
  font-weight: 300 !important;
}

.single-product div.product .summary.entry-summary form.variations_form table.variations tr > td a.reset_variations, .single-product div.product .summary.entry-summary form.variations_form table.variations tr > th a.reset_variations {
  font-size: var(--small-2);
  border-bottom: none !important;
}

.entry-content .fila--contingut p a {
  color: var(--primari) !important;
  text-decoration: none !important;
  border-bottom: dotted 0.05rem var(--primari) !important;
}

.entry-content .fila--contingut p a:hover {
  color: var(--negre) !important;
  text-decoration: none !important;
  border-bottom: dotted 0.05rem var(--negre) !important;
}


/*
################
                6. CONTACT FORM / PLUGINS
################
*/

/* @start Essential Grid */
#ultimas-piezas .esg-entry-media-wrapper-not-even,
#ultimas-entradas .esg-entry-media-wrapper-not-even,
#colecciones .esg-entry-media-wrapper-even,
#blog .esg-entry-media-wrapper-not-even {
  border-radius: 0.75rem !important;
}

#colecciones .esg-media-cover-wrapper {
  background-color: #796F63 !important;
  border-radius: 0.75rem !important;
}

#ultimas-piezas .eg-piezas-content,
#ultimas-entradas .eg-entradas-content,
#blog .eg-entradas-content {
  background: transparent !important;
}

#ultimas-piezas h3.eg-piezas-element-11-a,
#ultimas-entradas h3.eg-entradas-element-11-a,
#blog h3.eg-entradas-element-11-a,
ul.products li.product h2.woocommerce-loop-product__title {
  font-size: var(--h3-grid) !important;
  margin-top: 2rem !important;
  margin-bottom: 1rem !important;
  color: var(--negre) !important;
}

#colecciones h3.eg-colecciones-element-12-a,
#colecciones h3.eg-colecciones-element-12-a a {
  font-size: var(--h3-grid) !important;
  color: var(--blanc) !important;
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  background: transparent !important;
}

#ultimas-piezas h3 a,
#ultimas-entradas h3 a,
#blog h3 a {
  color: var(--negre) !important;
}

#colecciones h3 a {
  color: var(--blanc) !important;
}

p.eg-entradas-element-12 {
  color: var(--negre) !important;
  font-size: var(--body) !important;
  font-family: brown-pro, sans-serif !important;
  font-weight: 200 !important;
  font-style: normal !important;
  line-height: 1.75 !important;
}

.esg-overflowtrick {
  overflow: visible !important;
}

.esg-sortbutton-wrapper .eg-icon-down-open:before {
  content: '\e863' !important;
}

.esg-sortbutton-wrapper .sortby_data::after {
  content: '\e83b' !important;
  font-family: "eg-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  display: inline-block !important;
  text-decoration: inherit !important;
  width: 1em !important;
  margin-right: 0.2em !important;
  text-align: center !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1em !important;
  margin-left: 0.2em !important;
  font-size: 12px !important;
  margin-left: .5rem !important;
  position: relative;
  top: -0.05rem !important;
  color: #999 !important;
}

.piezas .esg-sortbutton.hovered .sortby_data::after {
  color: var(--negre) !important;
}

.piezas .esg-sortbutton-order, .piezas .esg-cartbutton-order {
  border: .05rem solid var(--negre) !important;
  border-left: none !important;
  width: 2rem !important;
  line-height: 1.9rem !important;
  border-radius: 0rem .25rem .25rem 0rem !important;
  font-size: .6rem !important;
  font-weight: 700 !important;
  color: var(--negre) !important;
  background: var(--neutre-3) !important;
  line-height: 1.90rem !important;
}

.piezas .esg-filter-wrapper.dropdownstyle >.esg-selected-filterbutton, .piezas .esg-sortbutton {
  color: var(--negre) !important;
  font-family: brown-pro, sans-serif !important;
  font-weight: 200 !important;
  font-style: normal !important;
  font-size: var(--small-2) !important;
  -webkit-font-smoothing: antialiased !important;
  letter-spacing: 0rem !important;
  border: 1px solid var(--negre) !important;
  background: transparent !important;
}

.piezas .esg-filterbutton {
  color: var(--negre) !important;
  font-family: brown-pro, sans-serif !important;
  font-weight: 200 !important;
  font-style: normal !important;
  font-size: var(--small-2) !important;
  -webkit-font-smoothing: antialiased !important;
  letter-spacing: 0rem !important;
  background: transparent !important;
}

.piezas .esg-filterbutton.hovered {
  font-weight: 400 !important;
}

.esg-filters {
  margin-bottom: 3.25rem !important;
}

/* Ribbons */
.filter-outofstock::after {
  content: "Agotado";
  position: absolute;
  font-size: var(--small-2);
  font-family: brown-pro, sans-serif !important;
  font-weight: 200;
  font-style: normal;
  text-transform: uppercase;
  top: 0;
  left: 0;
  right: auto;
  color: var(--blanc);
  text-align: center;
  border: 1px solid transparent;
  border-bottom: 0;
  transform: translate(-29.29%, -100%) rotate(-45deg);
  transform-origin: bottom right;
  padding: 5px 35px calc(var(--d) + 5px);
  background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d)
    no-repeat var(--c);
  background-clip: padding-box;
  clip-path: polygon(0 0,100% 0,100% 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),0 100%);
  mask: linear-gradient(135deg,transparent calc(50% - var(--d) * 0.707),#fff 0) bottom left,
    linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)bottom right;
  -webkit-mask: linear-gradient(135deg,transparent calc(50% - var(--d) * 0.707),#fff 0) bottom left,
    linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)bottom right;
  -webkit-mask-size: 300vmax 300vmax;
  mask-size: 300vmax 300vmax;
  -webkit-mask-composite: destination-in;
  mask-composite: intersect;
  z-index: 10 !important;
}

.filter-outofstock:lang(ca)::after {
  content: "Esgotat";
}

.filter-outofstock:lang(en)::after {
  content: "Sold out";
}

.esg-grid ,
.esg-grid bdi {
  font-family: brown-pro, sans-serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
  line-height: 1.75 !important;
  font-size: var(--body) !important;
}
/* @end Essential Grid */

/* @start Contact Form */
form p {
  margin: 0;
}

.wpcf7 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

#cf7md-form .mdc-text-field:not(.mdc-text-field--disabled),
#cf7md-form .mdc-text-field.cf7md-initialized.mdc-ripple-upgraded:hover,
#cf7md-form .mdc-text-field::before,
#cf7md-form .mdc-text-field::after {
  background-color: transparent !important;
}

#cf7md-form .dades-bancaries .mdc-text-field:not(.mdc-text-field--disabled),
#cf7md-form .dades-bancaries .mdc-text-field.cf7md-initialized.mdc-ripple-upgraded:hover,
#cf7md-form .dades-bancaries .mdc-text-field::before,
#cf7md-form .dades-bancaries .mdc-text-field::after {
  background-color: transparent !important;
}

#cf7md-form .mdc-text-field__input {
  padding-left: 0px !important;
}

#cf7md-form .mdc-text-field .mdc-floating-label {
  left: 0px !important;
}

#cf7md-form .dades-bancaries .mdc-floating-label {
  left: 10px !important;
}

#cf7md-form .mdc-text-field__input {
  border-bottom: 2px solid !important;
}

#cf7md-form .mdc-notched-outline__leading {
  border: none !important;
  width: 0px !important;
}

#cf7md-form .mdc-notched-outline__leading,
#cf7md-form .mdc-notched-outline__notch,
#cf7md-form .mdc-notched-outline__trailing {
  border: none !important;
}

#cf7md-form textarea {
  height: 135px !important;
}

#cf7md-form ::-webkit-resizer {
  display: none;
}

#cf7md-form .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: var(--negre) !important;
  font-family: brown-pro, sans-serif !important;
  font-weight: 200;
  font-style: normal;
}

#cf7md-form label.cf7md-accept-label {
  font-family: brown-pro, sans-serif !important;
  font-weight: 200;
  font-style: normal;
  font-size: var(--small) !important;
  line-height: 1.75 !important;
  color: var(--negre) !important;
}

#cf7md-form .mdc-form-field {
  -webkit-font-smoothing: inherit !important;
}

#cf7md-form .cf7md-item,
#cf7md-form input,
#cf7md-form label,
#cf7md-form textarea,
#cf7md-form p,
#cf7md-form h1,
#cf7md-form h2,
#cf7md-form h3,
#cf7md-form h4,
#cf7md-form h5,
#cf7md-form h6,
#cf7md-form.cf7md-form+.wpcf7-response-output {
  -webkit-font-smoothing: inherit !important;
}

#cf7md-form .mdc-button {
  border-radius: 27px;
  font-family: brown-pro, sans-serif !important;
  font-weight: 200;
  font-style: normal;
  font-size: 19px;
  text-align: center;
  padding: 9px 40px 11px 40px;
  transition: .3s ease;
  letter-spacing: 0.028rem;
  text-transform: capitalize;
  line-height: 2;
  height: 54px;
}

#cf7md-form .mdc-button:hover {
  opacity: 0.7;
}

#cf7md-form .mdc-button--raised {
  box-shadow: none !important;
}

#cf7md-form .mdc-checkbox {
  margin-top: -6px !important;
}

#cf7md-form .wpcf7-list-item label,
#cf7md-form .cf7md-radio-label {
  font-size: 18px !important;
  color: var(--negre) !important;
}

#cf7md-form p.h5 {
  font-size: 23.99px;
  color: var(--negre);
  text-align: left;
  font-weight: 700;
  margin: 1rem 0 0rem !important;
  line-height: 1.3 !important;
}

#cf7md-form .mdc-button::before,
#cf7md-form .mdc-button::after,
#cf7md-form .mdc-button--raised:not(:disabled),
#cf7md-form .mdc-button--unelevated:not(:disabled) {
  background-color: var(--primari) !important;
  width: max-content !important;
  text-transform: uppercase !important;
}

#cf7md-form .mdc-button:disabled {
  width: max-content !important;
  text-transform: uppercase !important;
}

span.checkboxbutton:before {
  width: .85rem !important;
  height: .8rem !important;
}

#cf7md-form .cf7md-item,
#cf7md-form input,
#cf7md-form label,
#cf7md-form textarea,
#cf7md-form p,
#cf7md-form .mdc-select,
#cf7md-form.cf7md-form+.wpcf7-response-output,
#cf7md-form .wpcf7-not-valid-tip,
#cf7md-form .cf7md-card-title,
#cf7md-form .cf7md-card-subtitle,
#cf7md-form .mdc-button,
#cf7md-form .mdc-floating-label,
#cf7md-form .mdc-text-field-helper-text,
#cf7md-form .mdc-text-field__input,
#cf7md-form .mdc-select__native-control,
#cf7md-form .mdc-form-field {
  font-family: brown-pro, sans-serif !important;
  font-weight: 200;
  font-style: normal;
}

#cf7md-form input.wpcf7-submit {
  color: var(--blanc) !important;
  text-transform: uppercase !important;
  font-size: var(--body) !important;
  width: max-content;
  padding: 1.1rem 2rem 1.1rem 2rem !important;
}

#cf7md-form .mdc-text-field .mdc-floating-label {
  top: 10px !important;
}

#cf7md-form .wpcf7-not-valid-tip {
  color: var(--primari) !important;
}

@media (min-width: 840px) {
  #cf7md-form .mdc-layout-grid__inner {
    grid-gap: var(--mdc-layout-grid-gutter-desktop, 45px) !important;
  }
}

@media (min-width: 768px) {
  .fila.columnes.contacte .kt-gutter-widest>.wp-block-kadence-column.inner-column-1 {
    margin-right: 215px !important;
  }
}
/* @end Contact Form */

/* @start Uber Menu */
.ubermenu-skin-clean-white {
  border: none;
  background: transparent !important;
}

.home .ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target {
  background: transparent !important;
  color: var(--negre) !important;
}

.ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target {
  background: transparent !important;
  color: var(--primari) !important;
}

.home .ubermenu-skin-clean-white .ubermenu-item-has-children.ubermenu-item-level-0:hover > .ubermenu-target {
  background: var(--blanc) !important;
  color: var(--negre) !important;
  box-shadow: 0 0 20px rgba(0,0,0,.15) !important;
}

.ubermenu-skin-clean-white .ubermenu-item-has-children.ubermenu-item-level-0:hover > .ubermenu-target {
  background: var(--blanc) !important;
  color: var(--primari) !important;
  box-shadow: 0 0 20px rgba(0,0,0,.15) !important;
}

.ubermenu .ubermenu-target-with-image>.ubermenu-target-text,
.ubermenu-submenu .ubermenu-target {
  font-weight: 400 !important;
}

.home .ubermenu .ubermenu-target-with-image>.ubermenu-target-text,
.home .ubermenu-submenu .ubermenu-target {
  color: var(--negre) !important;
}

.home .ubermenu-submenu .ubermenu-target,
.ubermenu-submenu .ubermenu-target {
  font-weight: 200 !important;
}

.home .ubermenu .ubermenu-target-with-image:hover>.ubermenu-target-text,
.home .ubermenu-submenu .ubermenu-target:hover {
  color: var(--primari) !important;
  transition: .3s ease !important;
}

.submenu--2 .ubermenu-target {
  font-size: var(--small-2) !important;
  font-weight: 300 !important;
}

.home .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target,
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
  transition: .3s ease !important;
}

.ubermenu .ubermenu-target:hover > .ubermenu-image {
  opacity: 0.7;
}

.main-navigation ul ul:before, .header-sidebar .widget_nav_menu ul ul:before, .header-sidebar-left .widget_nav_menu ul ul:before, .main-navigation ul ul li[class*=has-children] > a:after {
  display: none !important;
}

.ubermenu .ubermenu-item-layout-image_above>.ubermenu-image {
  border-radius: 0.2rem !important;
  overflow: hidden;
}

.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {
  border-radius: 0rem 0.2rem 0.2rem 0.2rem !important;
}

.ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
  border-radius: 0rem 0.2rem 0.2rem 0.2rem !important;
}

.ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-type-flyout.ubermenu-submenu-drop {
  border-radius: 0rem 0.2rem 0.2rem 0.2rem !important;
}

.ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target {
  border-radius: 0.2rem 0.2rem 0rem 0rem !important;
}

.ubermenu-skin-clean-white .ubermenu-submenu.ubermenu-submenu-drop {
  background: var(--blanc) !important;
  border: .05rem solid var(--blanc) !important;
}
/* @end Uber Menu */

/* Recaptcha */
.grecaptcha-badge {
  visibility: hidden;
}

/* Add to any */
.woocommerce-shop .a2a_kit {
  display: none !important;
}

/* Google Reviews */
.wp-gr.wpac a.wp-google-name,
.wp-gr.wpac .wp-google-name a {
  border-bottom: none !important;
}

article.page .fila--contingut .wp-gr .wp-google-wr a:hover {
  color: var(--blanc) !important;
}

/* Mailchimp */
#mc_embed_signup form {
  margin: 0px !important;
}

#mc_embed_signup .clear.foot p {
  display: none !important;
}

#mc_embed_signup .indicates-required {
  display: none !important;
}

#mc_embed_signup .foot {
  grid-template-columns: 1fr !important;
}

#mc_embed_signup p {
  font-size: var(--small-1) !important;
  color: var(--negre) !important;
}

#mc_embed_signup .content__gdpr > label {
  display: none !important;
}

#mc_embed_signup fieldset {
  padding: 1rem 0.75em 1rem !important;
}

#mc_embed_signup .asterisk {
  color: var(--negre) !important;
  font-size: 100% !important;
  top: 0px !important;
}

#mc_embed_signup .content__gdprLegal {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

#mc_embed_signup .mc-field-group label {
  font-size: var(--small-1) !important;
  font-weight: 400 !important;
}

#mc_embed_signup .button {
  color: var(--blanc) !important;
  background-color: var(--negre) !important;
  text-transform: uppercase !important;
}

#mc_embed_signup div#mce-responses {
  padding: 0em !important;
  width: 100% !important;
  margin: 0 0% !important;
}

#mc_embed_signup #mce-success-response {
  color: var(--negre) !important;
}

#mc_embed_signup div.response {
  padding: 0rem !important;
}



/*
################
                7. FOOTER
################
*/
#main-footer {
  background-color: var(--neutre-1) !important;
}

#main-footer .footer-sidebars {
  padding-top: 5rem !important;
}

.widget {
  color: var(--negre) !important;
  text-transform: uppercase !important;
  font-size: var(--body) !important;
  font-family: brown-pro, sans-serif !important;
  font-weight: 200 !important;
  font-style: normal;
}

#main-footer a {
  color: var(--negre) !important;
  text-decoration: none;
  transition: .3s ease;
}

#main-footer a:hover {
  color: var(--blanc) !important;
  text-decoration: none !important;
}

#main-footer .footer-sidebar-1 .row {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr !important;
  justify-items: center !important;
}

#main-footer section.widget {
  float: left !important;
  margin: 0rem !important;
  padding: 0rem !important;
}

#main-footer .col-lg-3 {
  max-width: fit-content !important;
}

#main-footer ul {
  margin-bottom: 0rem !important;
}

#main-footer #menu-footer-1 > li > a,
#main-footer #menu-footer-2 > li > a,
#main-footer #menu-footer-3 > li > a {
  color: var(--negre) !important;
  font-weight: 400;
  display: block;
  margin-bottom: 1.75rem !important;
  width: fit-content;
  border-bottom: dotted 0.05rem var(--negre) !important;
  line-height: 1.15 !important;
}

#main-footer #menu-footer-1 > li > a:hover,
#main-footer #menu-footer-2 > li > a:hover,
#main-footer #menu-footer-3 > li > a:hover {
  color: var(--blanc) !important;
  border-bottom: dotted 0.05rem var(--blanc) !important;
}

#main-footer #menu-footer-1 > li > ul > li > ul > li {
  margin-bottom: .25rem !important;
}

#main-footer #menu-footer-1 > li > ul > li > a,
#main-footer #menu-footer-2 > li > ul > li > a,
#main-footer #menu-footer-3 > li > ul > li > a {
  font-weight: 400;
  display: block;
  margin-bottom: 2rem !important;
  width: max-content;
  line-height: 1.15;
  border-bottom: dotted 0.05rem var(--negre) !important;
}

#main-footer #menu-footer-1 > li > ul > li > a:hover,
#main-footer #menu-footer-2 > li > ul > li > a:hover,
#main-footer #menu-footer-3 > li > ul > li > a:hover {
  border-bottom: dotted 0.05rem var(--blanc) !important;
}

#main-footer #menu-footer-1 > li > ul > li > ul > li > a,
#main-footer #menu-footer-2 > li > ul > li > ul > li > a {
  border-bottom: dotted 0.05rem var(--negre) !important;
}

#main-footer #menu-footer-1 > li > ul > li > ul > li > a:hover,
#main-footer #menu-footer-2 > li > ul > li > ul > li > a:hover {
  border-bottom: dotted 0.05rem var(--blanc) !important;
}

#main-footer #menu-footer-2 {
  margin-bottom: 5rem !important;
}

#main-footer #menu-footer-1 > li > ul > li:has(ul) > a,
#main-footer #menu-footer-2 > li > ul > li:has(ul) > a {
  margin-bottom: inherit !important;
}

#main-footer .widget_nav_menu #menu-footer-1 > li > ul > li > ul {
  margin-bottom: 2rem !important;
}

#main-footer .widget_nav_menu ul.sub-menu {
  margin-left: 0rem !important;
}

.kb-row-layout-id8e61f7-e3.footer--fila-1 {
  text-transform: none !important;
}

.kb-row-layout-id8e61f7-e3.footer--fila-1 p a {
  border-bottom: dotted 0.05rem var(--negre) !important;
}

.kb-row-layout-id8e61f7-e3.footer--fila-1 p a:hover {
  border-bottom: dotted 0.05rem var(--blanc) !important;
}

.kb-row-layout-id8e61f7-e3.footer--fila-1 > .kt-row-column-wrap {
  row-gap: var(--global-kb-gap-md, 0rem) !important;
}

#main-footer .site-info {
  background-color: var(--neutre-1) !important;
  padding-bottom: 3.25rem !important;
}

#main-footer .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.site-info .container.menu--site-info {
  margin-right: auto !important;
  margin-left: auto !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
  justify-items: start !important;
  font-size: var(--small-1) !important;
  justify-content: start !important;
  grid-template-columns: auto auto auto auto !important;
  margin-bottom: 5rem !important;
  color: var(--negre) !important;
}

#main-footer .site-info a {
  border-bottom: dotted 0.05rem var(--negre) !important;
}

#main-footer .site-info a:hover {
  border-bottom: dotted 0.05rem var(--blanc) !important;
}

.site-info .container.menu--site-info > div {
  margin-right: 1.75rem;
  text-transform: uppercase;
}

.nextgeneration img.next {
  width: auto !important;
  height: 2rem !important;
}

.footer-sidebar-2 {
  display: none !important;
}

#full-screen-search-close,
#submit-full-screen-search {
  display: none;
}



/*
################
                8. RESPONSIVE
################
*/

.elements_mobile {
  display: none;
}

.drawer-menu-explore {
  background: #000;
}


/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {

  body.home {
    background: linear-gradient(
          to bottom,
          #9A9184  0%,
          #9A9184  5%,                                                                 
          #E9E8E4 5%,
          #E9E8E4 100%
      ) !important;
  }
  
  .site-header.left_logo_navigation_inline .header-contents {
    display: table;
    padding-top: 3.15rem !important;
    padding-bottom: 1.75rem !important;
  }

  .site-branding .site-title {
    max-width: fit-content !important;
  }
  
  .site-branding .custom-logo-link {
    max-width: 15.5rem;
  }

  .site-header.left_logo_navigation_inline .header-sidebar {
    padding-top: .5rem !important;
  }

  .home .yith-slider.fullscreen .yith-slider-slide .slide-container {
    top: -5rem !important;
  }

  .kb-row-layout-id7377_c2caa8-dd > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #ultimas-piezas .eg-piezas-content,
  #ultimas-entradas .eg-entradas-content {
    display: block;
    min-height: 6.25rem !important;
  }

  #ultimas-piezas .eg-piezas-content,
  #ultimas-entradas .eg-entradas-content {
    min-height: 6.25rem !important;
  }

  .main-navigation li[class*=has-children] > a:after {
    display: none !important;
  }

  .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {
    padding-right: 28px;
  }

  .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    top: 44% !important;
    /*margin-top: -5px !important;*/
    margin-top: 4px !important;
  }

  ul.products {
    grid-row-gap: 0rem !important;
  }

  .home .ubermenu-skin-clean-white .ubermenu-item-has-children.ubermenu-item-level-0:hover > .ubermenu-target, .home .ubermenu-skin-clean-white .ubermenu-item-has-children.ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: var(--blanc) !important;
    color: var(--negre) !important;
    color: var(--primari) !important;
    box-shadow: 0 0 20px rgba(0,0,0,.15) !important;
  }

  .entry-header-coleccion {
    margin-bottom: 3rem;
  }

  figure.wp-block-post-featured-image {
    margin-bottom: 3rem !important;
  }

  .ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
    min-width: 175px !important;
  }

  /* CookieYes */
  .cky-notice-btn-wrapper .cky-btn {
    margin-right: 0px !important;
  }
}


/*
  ##Device = Laptops, Desktops Non-Retina
  ##Screen = B/w 1200px to 1440px
*/
@media screen and (min-device-width: 1200px) and (max-device-width: 1440px) {
  body.home {
    background: linear-gradient(
          to bottom,
          #9A9184  0%,
          #9A9184  5%,                                                                 
          #E9E8E4 5%,
          #E9E8E4 100%
      ) !important;
  }

  .site-header.left_logo_navigation_inline .header-contents {
    display: table;
    padding-top: 3.15rem !important;
    padding-bottom: 1.75rem !important;
  }

  .site-branding .site-title {
    max-width: fit-content !important;
  }
  
  /*.site-branding .custom-logo-link {
    max-width: 16.5rem;
  }*/

  .site-branding .custom-logo-link {
    max-width: 10.5rem;
  }

  .site-header.left_logo_navigation_inline .header-sidebar {
    padding-top: .5rem !important;
  }

  .home .yith-slider.fullscreen .yith-slider-slide .slide-container {
    top: -5rem !important;
  }

  #ultimas-piezas .eg-piezas-content,
  #ultimas-entradas .eg-entradas-content {
    display: block;
    min-height: 6.25rem !important;
  }

  .main-navigation li[class*=has-children] > a:after {
    display: none !important;
  }

  .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {
    padding-right: 28px;
  }

  .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    top: 44% !important;
    /*margin-top: -5px !important;*/
    margin-top: 4px !important;
  }

  .ubermenu .ubermenu-target {
    padding-left: 10px !important;
  }

  /*.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {
    padding-right: 35px;
  }

  .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    top: 44% !important;
    margin-top: -6px !important;
  }*/

  ul.products {
    grid-row-gap: 0rem !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: var(--blanc) !important;
    color: var(--negre) !important;
    box-shadow: 0 0 20px rgba(0,0,0,.15) !important;
  }

  .entry-header-coleccion {
    margin-bottom: 3rem;
  }

  figure.wp-block-post-featured-image {
    margin-bottom: 3rem !important;
  }

  .container {
    padding: 0 2rem !important;
  }

  .a2a_kit {
    left: -0.25rem !important;
    top: 12rem !important;
  }

  .ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
    min-width: 175px !important;
  }

  /* CookieYes */
  .cky-notice-btn-wrapper .cky-btn {
    margin-right: 0px !important;
  }
}



/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
  */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  body {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .slide-container,
  .container {
    padding: 0 1.5rem !important;
  }

  .menu-toggle,
  .yith-proteo-mobile-menu {
    display: none !important;
  }

  .home .header--2 h2 {
    width: 100% !important;
    padding: 0 1rem 0 1rem !important;
  }

  .yith-slider.fullscreen .yith-slider-slide {
    height: 100vh !important;
  }

  .ubermenu-bar-inner-center .ubermenu-nav {
    margin: 0rem;
  }

  .ubermenu .ubermenu-target {
    padding: 1rem 1rem;
  }

  .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #main-footer .footer-sidebar-1 .row,
  .site-info .container.menu--site-info {
    grid-template-columns: 1fr !important;
    justify-items: left !important;
  }

  #main-footer .footer-sidebar-1 .row {
    row-gap: 3.5rem !important;
  }

  #main-footer #menu-footer-2 {
    margin-bottom: 3.5rem !important;
  }

  .footer-sidebar-2 {
    display: none !important;
  }

  #main-footer .footer-sidebar-1 {
    padding-bottom: 0rem !important;
  }

  .nextgeneration img.next {
    width: 75% !important;
    height: auto !important;
  }

  .site-header .header-contents {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    height: 4rem !important;
  }

  .header-contents.right-toggle .site-branding {
    max-width: 100% !important;
  }

  .site-header .header-contents div.site-branding {
    order: 2;
  }

  .site-header .header-contents #site-navigation {
    order: 1;
    width: 1.95rem !important;
  }

  .site-header .header-contents div.header-sidebar {
    order: 3;
    margin: 0rem !important;
    width: fit-content !important;
  }

  .site-branding .site-title {
    margin: 0rem !important;
  }

  .ubermenu-responsive-toggle {
    padding: 0rem !important;
  }

  .fa-bars:before {
    content: "\f0c9";
  }

  .ubermenu-skin-clean-white.ubermenu-responsive-toggle,
  .home header.sticky .ubermenu-skin-clean-white.ubermenu-responsive-toggle  {
    font-size: 1.5rem;
    background: transparent !important;
    color: var(--negre) !important;
  }

  .home .ubermenu-skin-clean-white.ubermenu-responsive-toggle {
    color: var(--blanc) !important;
  }

  .site-branding .site-title a {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  .site-branding img.custom-logo {
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .header-sidebar .widget {
    margin-top: 10px !important;
  }

  .ubermenu-main.ubermenu-mobile-modal.ubermenu-mobile-view {
    background: var(--blanc) !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target,
  .home .ubermenu-submenu .ubermenu-target, .ubermenu-submenu .ubermenu-target {
    font-family: brown-pro, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    color: var(--negre) !important;
    font-size: var(--body) !important;
    letter-spacing: 0rem !important;
    -webkit-font-smoothing: antialiased !important;
    text-transform: uppercase !important;
  }

  .ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-footer .ubermenu-mobile-close-button {
    column-gap: 0.5rem;
    font-family: brown-pro, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    color: var(--primari) !important;
    font-size: var(--small-2) !important;
    -webkit-font-smoothing: antialiased !important;
    text-transform: uppercase !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: var(--neutre-3) !important;
  }

  .ubermenu .ubermenu-item .ubermenu-submenu-drop {
    box-shadow: 0 0 20px var(--neutre-2) !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-radius: 0rem !important;
  }

  .ubermenu-responsive-default.ubermenu-responsive-single-column-subs .ubermenu-submenu .ubermenu-item {
    clear: none !important;
  }

  .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close {
    right: -4px;
  }

  .ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal .ubermenu-nav {
    overflow-y: visible !important;
  }

  .home .ubermenu-submenu .ubermenu-target, .ubermenu-submenu .ubermenu-target {
    font-weight: 200 !important;
  }

  .home .header--2 h2 {
    margin: 11rem auto 3rem auto !important;
  }

  .home .header--2 h2::before {
    top: 3.5rem;
  }

  h2.home {
    margin-top: 5rem !important;
    margin-bottom: 3rem !important;
  }

  .entry-header-coleccion.pagina--final {
    margin-bottom: 1.5rem;
  }

  .subhomes--nosotros .wp-block-cover {
    aspect-ratio: inherit !important;
  }

  .wp-block-kadence-spacer .kt-block-spacer {
    height: 1.5rem !important;
  }

  .kt-row-column-wrap {
    gap: 2rem !important;
  }

  .entry-header-coleccion {
    margin-bottom: 3rem;
  }

  .tricolumna--pagina--final .fila--foto--1 img,
  .tricolumna--pagina--final .fila--foto--2 img,
  .wp-block-post-featured-image img {
    border-radius: 1rem !important;
  }

  .entry-content .wp-block-kadence-rowlayout.alignfull {
    padding: 0 1.5rem !important;
  }

  .intro--estatic h2 {
    text-align: center !important;
  }

  .tricolumna--pagina--final .fila--foto--2 > div figure:nth-of-type(1) {
    align-self: inherit;
    margin-bottom: 3rem !important;
  }

  .fila--contingut {
    margin-top: inherit !important;
  }

  .sobre--nosotros .fila--foto--1 {
    background-image: none;
  }

  .subhomes--nosotros h3 {
    margin-bottom: 0rem !important;
  }

  figure.wp-block-post-featured-image {
    margin-bottom: 3rem !important;
  }

  .fila--contingut ol, .fila--contingut ul {
    padding-left: 0.7rem !important;
  }

  .subhomes--nosotros h3 {
    margin-top: 1.5rem !important;
  }

  h1.page-title {
    margin-bottom: 3rem !important;
  }

  h2.subhome {
    margin-bottom: 3rem !important;
  }

  .fila--colecciones {
    display: none !important;
  }

  .single-product div.product .woocommerce-breadcrumb {
    margin-bottom: 1.5rem !important;
  }

  .product_meta {
    display: none !important;
  }

  .single-product .related.products h2 {
    margin-bottom: 3rem !important;
  }

  .subhomes--nosotros > .kt-row-column-wrap {
    grid-template-columns: 1fr 1fr !important;
  }

  ul.products.columns-3 {
    column-gap: 3rem !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  .footer--fila-1 p,
  .footer--fila-1 h4 {
    margin-top: 0rem !important;
  }

  #main-footer .footer-sidebar-1 > .row {
    grid-template-columns: 50% 50% !important;
    grid-template-rows: auto !important;
    grid-template-areas: 
    "header header"
    "main1 main2";
    margin-bottom: .5rem;
  }

  #main-footer .footer-sidebar-1 #block-8 {
    grid-area: header;
  }

  #main-footer .footer-sidebar-1 #nav_menu-1 {
    grid-area: main1;
  }

  #main-footer .footer-sidebar-1 #block-9 {
    grid-area: main2;
  }

  .site-info .container.menu--site-info {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    justify-items: left !important;
    font-size: var(--small-2) !important;
  }

  .home .header--2 h2 {
    margin: 11rem auto 3.5rem auto !important;
  }

  .kb-row-layout-id7377_c2caa8-dd > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tricolumna--pagina--final .kt-row-column-wrap {
    grid-template-columns: inherit !important;
    grid-template-rows: auto !important;
  }

  .intro--estatic > .kt-row-column-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .tricolumna--pagina--final .fila--foto--1 > div figure,
  .tricolumna--pagina--final .fila--foto--2 > div figure {
    align-self: center;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .site-header.left_logo_navigation_inline .header-contents {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
  }

  .slide-container .contingut--header h1 {
    /*font-size: var(--h1) !important;*/
    font-size: 4rem !important;
    margin-top: -3rem !important;
  }

  .home .yith-slider.fullscreen .yith-slider-slide .slide-container {
    margin-top: 0rem;
  }

  .ubermenu-submenu-type-mega {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    grid-template-rows: auto !important;
    grid-template-areas: 
    "col1 col2"
    "col3 col4";
    padding-bottom: 2rem !important;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(1) {
    grid-area: col1;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(2) {
    grid-area: col2;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(3) {
    grid-area: col3;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(4) {
    grid-area: col4;
  }

  .ubermenu-responsive-default.ubermenu-responsive .ubermenu-submenu.ubermenu-submenu-type-mega>.ubermenu-item.ubermenu-column {
    width: 100% !important;
    min-width: 100% !important;
  }

  .ubermenu .ubermenu-item-layout-image_above>.ubermenu-image {
    border-radius: 0.2rem !important;
    overflow: hidden;
    width: 75%;
  }

  h2.subhome--productos {
    padding-left: 0%;
    padding-right: 0%;
  }

  .lang--social {
    top: -1.5rem;
    left: 0.8rem;
  }

  .lang--social .social {
    position: absolute;
    top: 0.5rem;
    right: -2.5rem;
  }

  .site-header:not(.sticky).with-header-slider {
    padding-top: 1.5rem;
  }

  .site-header.sticky {
    padding-top: 1.5rem;
  }

  .site-header:not(.sticky) {
    padding-top: 1.5rem;
  }
}


/*
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .kb-row-layout-id7377_c2caa8-dd > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home .yith-slider.fullscreen .yith-slider-slide .slide-container {
    margin-top: -4rem;
  }

  .yith-slider.fullscreen .yith-slider-slide {
    height: 100vh !important;
  }

  .slide-container .contingut--header h1 {
    font-size: 4rem !important;
  }

  .footer--fila-1 p,
  .footer--fila-1 h4 {
    margin-top: 0rem !important;
  }

  #main-footer .footer-sidebar-1 > .row {
    grid-template-columns: 50% 50% !important;
    grid-template-rows: auto !important;
    grid-template-areas: 
    "header header"
    "main1 main2";
    margin-bottom: .5rem;
  }

  #main-footer .footer-sidebar-1 #block-8 {
    grid-area: header;
  }

  #main-footer .footer-sidebar-1 #nav_menu-1 {
    grid-area: main1;
  }

  #main-footer .footer-sidebar-1 #block-9 {
    grid-area: main2;
  }

  .site-info .container.menu--site-info {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    justify-items: left !important;
    font-size: var(--small-2) !important;
  }

  .ubermenu-submenu-type-mega {
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    grid-template-rows: auto !important;
    grid-template-areas: 
    "col1 col2"
    "col3 col4";
    padding-bottom: 2rem !important;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(1) {
    grid-area: col1;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(2) {
    grid-area: col2;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(3) {
    grid-area: col3;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(4) {
    grid-area: col4;
  }

  .ubermenu-responsive-default.ubermenu-responsive .ubermenu-submenu.ubermenu-submenu-type-mega>.ubermenu-item.ubermenu-column {
    width: 100% !important;
    min-width: 100% !important;
  }

  .ubermenu .ubermenu-item-layout-image_above>.ubermenu-image {
    width: 60% !important;
  }

  .slide-container,
  .container {
    padding: 0 2rem !important;
  }

  .ubermenu .ubermenu-target {
    padding: 1rem 2rem;
  }

  .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }

  .entry-content .wp-block-kadence-rowlayout.alignfull {
    padding: 0 0rem !important;
  }

  .main-navigation li[class*=has-children] > a:after {
    display: none !important;
  }

  .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {
    padding-right: 1.4rem;
  }

  .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    top: 44% !important;
    /*margin-top: -6px !important;*/
    margin-top: 5px !important;
  }

  .fila--colecciones {
    display: none !important;
  }

  .main-navigation a, .header-sidebar .widget_nav_menu a, .header-sidebar-left .widget_nav_menu a {
    font-size: var(--small-1) !important;
  }

  .site-header.left_logo_navigation_inline .header-contents {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
  }

  .header-sidebar .widget:last-of-type {
    margin-top: .25rem;
    margin-left: .5rem;
  }

  .site-header.left_logo_navigation_inline .site-branding {
    width: 12.75rem !important;
  }

  .site-branding .site-title {
    margin-right: 0rem !important;
    width: fit-content !important;
  }

  h2.home {
    margin-top: 5rem !important;
  }

  #main-footer .footer-sidebar-1 .row {
    justify-items: left !important;
  }

  #main-footer .footer-sidebar-1 .row {
    row-gap: 3.5rem !important;
  }

  .ubermenu .ubermenu-submenu.ubermenu-submenu-id-7602 {
    width: 33rem !important;
    min-width: 33rem !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: var(--blanc) !important;
    color: var(--negre) !important;
    box-shadow: 0 0 20px rgba(0,0,0,.15) !important;
  }

  .ubermenu.ubermenu-transition-slide .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega, .ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega {
    max-height: 35rem !important;
  }

  .a2a_kit {
    left: -0.25rem !important;
  }

  .subhomes--nosotros h3 {
    margin-bottom: 0rem !important;
  }

  .entry-header-coleccion {
    margin-bottom: 3rem;
  }

  .nextgeneration img.next {
    width: auto !important;
    height: 1.5rem !important;
  }

  .wp-block-kadence-spacer .kt-block-spacer {
    height: 1.5rem !important;
  }

  .entry-header-coleccion.pagina--final {
    margin-bottom: 1.5rem;
  }

  figure.wp-block-post-featured-image {
    margin-bottom: 3rem !important;
  }

  .lang--social {
    top: -1.5rem;
    left: inherit;
    right: 2rem;
}

  .lang--social .social {
    position: static;
    top: inherit;
    right: inherit;
  }

  .site-header:not(.sticky).with-header-slider {
    padding-top: 1.5rem;
  }

  .site-header.sticky {
    padding-top: 1.5rem;
  }

  .site-header:not(.sticky) {
    padding-top: 1.5rem;
  }
}


/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
  
  @media (min-width: 481px) and (max-width: 767px) {
*/
@media (min-width: 481px) and (max-width: 844px) and (orientation: landscape) {
  body {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .slide-container,
  .container {
    padding: 0 1rem !important;
  }

  .menu-toggle,
  .yith-proteo-mobile-menu {
    display: none !important;
  }

  .home .header--2 h2 {
    width: 100% !important;
    padding: 0 1rem 0 1rem !important;
  }

  .yith-slider.fullscreen .yith-slider-slide {
    height: 125vh !important;
  }

  .ubermenu-bar-inner-center .ubermenu-nav {
    margin: 0rem;
  }

  .ubermenu .ubermenu-target {
    padding: 1rem 1rem;
  }

  .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target, .ubermenu .ubermenu-target {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #main-footer .footer-sidebar-1 .row,
  .site-info .container.menu--site-info {
    grid-template-columns: 1fr !important;
    justify-items: left !important;
  }

  #main-footer .footer-sidebar-1 .row {
    row-gap: 3.5rem !important;
  }

  #main-footer #menu-footer-2 {
    margin-bottom: 3.5rem !important;
  }

  .footer-sidebar-2 {
    display: none !important;
  }

  #main-footer .footer-sidebar-1 {
    padding-bottom: 0rem !important;
  }

  .nextgeneration img.next {
    width: 75% !important;
    height: auto !important;
  }

  .site-header .header-contents {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    height: 4rem !important;
  }

  .header-contents.right-toggle .site-branding {
    max-width: 100% !important;
  }

  .site-header .header-contents div.site-branding {
    order: 2;
  }

  .site-header .header-contents #site-navigation {
    order: 1;
    width: 1.95rem !important;
  }

  .site-header .header-contents div.header-sidebar {
    order: 3;
    margin: 0rem !important;
    width: fit-content !important;
  }

  .site-branding .site-title {
    margin: 0rem !important;
  }

  .ubermenu-responsive-toggle {
    padding: 0rem !important;
  }

  .fa-bars:before {
    content: "\f0c9";
  }

  .ubermenu-skin-clean-white.ubermenu-responsive-toggle,
  .home header.sticky .ubermenu-skin-clean-white.ubermenu-responsive-toggle  {
    font-size: 1.5rem;
    background: transparent !important;
    color: var(--negre) !important;
  }

  .home .ubermenu-skin-clean-white.ubermenu-responsive-toggle {
    color: var(--blanc) !important;
  }

  .site-branding .site-title a {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  .site-branding img.custom-logo {
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .header-sidebar .widget {
    margin-top: 10px !important;
  }

  .ubermenu-main.ubermenu-mobile-modal.ubermenu-mobile-view {
    background: var(--blanc) !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target,
  .home .ubermenu-submenu .ubermenu-target, .ubermenu-submenu .ubermenu-target {
    font-family: brown-pro, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    color: var(--negre) !important;
    font-size: var(--body) !important;
    letter-spacing: 0rem !important;
    -webkit-font-smoothing: antialiased !important;
    text-transform: uppercase !important;
  }

  .ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-footer .ubermenu-mobile-close-button {
    column-gap: 0.5rem;
    font-family: brown-pro, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    color: var(--primari) !important;
    font-size: var(--small-2) !important;
    -webkit-font-smoothing: antialiased !important;
    text-transform: uppercase !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: var(--neutre-3) !important;
  }

  .ubermenu .ubermenu-item .ubermenu-submenu-drop {
    box-shadow: 0 0 20px var(--neutre-2) !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-radius: 0rem !important;
  }

  .ubermenu-responsive-default.ubermenu-responsive-single-column-subs .ubermenu-submenu .ubermenu-item {
    clear: none !important;
  }

  .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close {
    right: -4px;
  }

  .ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal .ubermenu-nav {
    overflow-y: visible !important;
  }

  .home .ubermenu-submenu .ubermenu-target, .ubermenu-submenu .ubermenu-target {
    font-weight: 200 !important;
  }

  .home .header--2 h2 {
    margin: 11rem auto 3rem auto !important;
  }

  .home .header--2 h2::before {
    top: 3.5rem;
  }

  h2.home {
    margin-top: 5rem !important;
    margin-bottom: 3rem !important;
  }

  .entry-header-coleccion.pagina--final {
    margin-bottom: 1.5rem;
  }

  .subhomes--nosotros .wp-block-cover {
    aspect-ratio: inherit !important;
  }

  .wp-block-kadence-spacer .kt-block-spacer {
    height: 1.5rem !important;
  }

  .kt-row-column-wrap {
    gap: 2rem !important;
  }

  .entry-header-coleccion {
    margin-bottom: 3rem;
  }

  .tricolumna--pagina--final .fila--foto--1 img,
  .tricolumna--pagina--final .fila--foto--2 img,
  .wp-block-post-featured-image img {
    border-radius: 1rem !important;
  }

  .entry-content .wp-block-kadence-rowlayout.alignfull {
    padding: 0 1rem !important;
  }

  .intro--estatic h2 {
    text-align: center !important;
  }

  .tricolumna--pagina--final .fila--foto--2 > div figure:nth-of-type(1) {
    align-self: inherit;
    margin-bottom: 3rem !important;
  }

  .fila--contingut {
    margin-top: inherit !important;
  }

  .sobre--nosotros .fila--foto--1 {
    background-image: none;
  }

  .subhomes--nosotros h3 {
    margin-bottom: 0rem !important;
  }

  figure.wp-block-post-featured-image {
    margin-bottom: 3rem !important;
  }

  .fila--contingut ol, .fila--contingut ul {
    padding-left: 0.7rem !important;
  }

  .subhomes--nosotros h3 {
    margin-top: 1.5rem !important;
  }

  h1.page-title {
    margin-bottom: 3rem !important;
  }

  h2.subhome {
    margin-bottom: 3rem !important;
  }

  .fila--colecciones {
    display: none !important;
  }

  .single-product div.product .woocommerce-breadcrumb {
    margin-bottom: 1.5rem !important;
  }

  .product_meta {
    display: none !important;
  }

  .single-product .related.products h2 {
    margin-bottom: 3rem !important;
  }

  .subhomes--nosotros > .kt-row-column-wrap {
    grid-template-columns: 1fr 1fr !important;
  }

  ul.products.columns-3 {
    column-gap: 3rem !important;
    grid-template-columns: 1fr 1fr 1fr !important;
  }

  .footer--fila-1 p
  /*.footer--fila-1 h4*/ {
    margin-top: 0rem !important;
  }

  #main-footer .footer-sidebar-1 > .row {
    grid-template-columns: 50% 50% !important;
    grid-template-rows: auto !important;
    grid-template-areas: 
    "header header"
    "main1 main2";
    margin-bottom: .5rem;
  }

  #main-footer .footer-sidebar-1 #block-8 {
    grid-area: header;
  }

  #main-footer .footer-sidebar-1 #nav_menu-1 {
    grid-area: main1;
  }

  #main-footer .footer-sidebar-1 #block-9 {
    grid-area: main2;
  }

  .site-info .container.menu--site-info {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    justify-items: left !important;
    font-size: var(--small-2) !important;
  }

  .home .header--2 h2 {
    margin: 11rem auto 3.5rem auto !important;
  }

  .kb-row-layout-id7377_c2caa8-dd > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .tricolumna--pagina--final .kt-row-column-wrap {
    grid-template-columns: inherit !important;
    grid-template-rows: auto !important;
  }

  .intro--estatic > .kt-row-column-wrap {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }

  .tricolumna--pagina--final .fila--foto--1 > div figure,
  .tricolumna--pagina--final .fila--foto--2 > div figure {
    align-self: center;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
  }

  .site-header.left_logo_navigation_inline .header-contents {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important;
  }

  .slide-container .contingut--header h1 {
    font-size: var(--h1) !important;
  }

  .home .yith-slider.fullscreen .yith-slider-slide .slide-container {
    margin-top: 0rem;
  }

  .ubermenu-submenu-type-mega {
    display: grid !important;
    grid-template-columns: 25% 25% 25% 25% !important;
    grid-template-rows: auto !important;
    grid-template-areas: 
    "col1 col2 col3 col4";
    padding-bottom: 2rem !important;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(1) {
    grid-area: col1;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(2) {
    grid-area: col2;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(3) {
    grid-area: col3;
  }

  .ubermenu-submenu-type-mega li:nth-of-type(4) {
    grid-area: col4;
  }

  .ubermenu-responsive-default.ubermenu-responsive .ubermenu-submenu.ubermenu-submenu-type-mega>.ubermenu-item.ubermenu-column {
    width: 100% !important;
    min-width: 100% !important;
  }

  .ubermenu .ubermenu-item-layout-image_above>.ubermenu-image {
    border-radius: 0.2rem !important;
    overflow: hidden;
    width: 150px;
  }

  .lang--social {
    top: -1.5rem;
    left: 0.4rem;
  }

  .lang--social .social {
    position: absolute;
    top: 0.5rem;
    right: -3rem;
  }

  .site-header:not(.sticky).with-header-slider {
    padding-top: 1.5rem;
  }

  .site-header.sticky {
    padding-top: 1.5rem;
  }

  .site-header:not(.sticky) {
    padding-top: 1.5rem;
  }
}


/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
  body {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }

  .slide-container,
  .container {
    padding: 0 1rem !important;
  }

  .menu-toggle,
  .yith-proteo-mobile-menu {
    display: none !important;
  }

  .home .header--2 h2 {
    width: 100% !important;
    padding: 0 1rem 0 1rem !important;
  }

  #main-footer .footer-sidebar-1 .row,
  .site-info .container.menu--site-info {
    grid-template-columns: 1fr !important;
    justify-items: left !important;
  }

  #main-footer .footer-sidebar-1 .row {
    row-gap: 3.5rem !important;
  }

  #main-footer #menu-footer-2 {
    margin-bottom: 3.5rem !important;
  }

  .footer-sidebar-2 {
    display: none !important;
  }

  #main-footer .footer-sidebar-1 {
    padding-bottom: 0rem !important;
  }

  .nextgeneration img.next {
    width: auto !important;
    height: auto !important;
  }

  .site-header .header-contents {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    height: 4rem !important;
  }

  .header-contents.right-toggle .site-branding {
    max-width: 100% !important;
  }

  .site-header .header-contents div.site-branding {
    order: 2;
  }

  .site-header .header-contents #site-navigation {
    order: 1;
    width: 1.95rem !important;
  }

  .site-header .header-contents div.header-sidebar {
    order: 3;
    margin: 0rem !important;
    width: fit-content !important;
  }

  .site-branding .site-title {
    margin: 0rem !important;
  }

  .ubermenu-responsive-toggle {
    padding: 0rem !important;
  }

  .fa-bars:before {
    content: "\f0c9";
  }

  .ubermenu-skin-clean-white.ubermenu-responsive-toggle,
  .home header.sticky .ubermenu-skin-clean-white.ubermenu-responsive-toggle  {
    font-size: 1.5rem;
    background: transparent !important;
    color: var(--negre) !important;
  }

  .home .ubermenu-skin-clean-white.ubermenu-responsive-toggle {
    color: var(--blanc) !important;
  }

  .site-branding .site-title a {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  .site-branding img.custom-logo {
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
  }

  .header-sidebar .widget {
    margin-top: 10px !important;
  }

  .ubermenu-main.ubermenu-mobile-modal.ubermenu-mobile-view {
    background: var(--blanc) !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target,
  .home .ubermenu-submenu .ubermenu-target, .ubermenu-submenu .ubermenu-target {
    font-family: brown-pro, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    color: var(--negre) !important;
    font-size: var(--body) !important;
    letter-spacing: 0rem !important;
    -webkit-font-smoothing: antialiased !important;
    text-transform: uppercase !important;
  }

  .ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal .ubermenu-mobile-footer .ubermenu-mobile-close-button {
    column-gap: 0.5rem;
    font-family: brown-pro, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
    color: var(--primari) !important;
    font-size: var(--small-2) !important;
    -webkit-font-smoothing: antialiased !important;
    text-transform: uppercase !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-clean-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
    background: var(--neutre-3) !important;
  }

  .ubermenu .ubermenu-item .ubermenu-submenu-drop {
    box-shadow: 0 0 20px var(--neutre-2) !important;
  }

  .ubermenu-skin-clean-white .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-skin-clean-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-radius: 0rem !important;
  }

  .ubermenu-responsive-default.ubermenu-responsive .ubermenu-submenu.ubermenu-submenu-type-mega>.ubermenu-item.ubermenu-column {
    width: 50% !important;
    min-width: 50% !important;
  }

  .ubermenu-responsive-default.ubermenu-responsive-single-column-subs .ubermenu-submenu .ubermenu-item {
    clear: none !important;
  }

  .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close {
    right: -4px;
  }

  .ubermenu-responsive-default.ubermenu.ubermenu-mobile-modal .ubermenu-nav {
    overflow-y: visible !important;
  }

  .home .ubermenu-submenu .ubermenu-target, .ubermenu-submenu .ubermenu-target {
    font-weight: 200 !important;
  }

  .home .yith-slider.fullscreen .yith-slider-slide .slide-container {
    margin-top: -4rem;
  }

  .home .header--2 h2 {
    margin: 11rem auto 3.5rem auto !important;
  }

  .home .header--2 h2::before {
    top: 3.5rem;
  }

  h2.home {
    margin-top: 5rem !important;
    margin-bottom: 3rem !important;
  }

  .entry-header-coleccion.pagina--final {
    margin-bottom: 1.5rem;
  }

  .subhomes--nosotros .wp-block-cover {
    aspect-ratio: inherit !important;
  }

  .site-content {
    padding: 3rem 0rem 8.75rem 0rem !important;
  }

  .wp-block-kadence-spacer .kt-block-spacer {
    height: 1.5rem !important;
  }

  .kt-row-column-wrap {
    gap: 2rem !important;
  }

  .entry-header-coleccion {
    margin-bottom: 3rem;
  }

  .tricolumna--pagina--final .fila--foto--1 img,
  .tricolumna--pagina--final .fila--foto--2 img,
  .wp-block-post-featured-image img {
    border-radius: 1rem !important;
  }

  .entry-content .wp-block-kadence-rowlayout.alignfull {
    padding: 0 1rem !important;
  }

  .intro--estatic h2 {
    text-align: center !important;
  }

  .tricolumna--pagina--final .fila--foto--2 > div figure:nth-of-type(1) {
    align-self: inherit;
    margin-bottom: 3rem !important;
  }

  .fila--contingut {
    margin-top: inherit !important;
  }

  .sobre--nosotros .fila--foto--1 {
    background-image: none;
  }

  .subhomes--nosotros h3 {
    margin-bottom: 0rem !important;
  }

  figure.wp-block-post-featured-image {
    margin-bottom: 3rem !important;
  }

  .fila--contingut ol, .fila--contingut ul {
    padding-left: 0.7rem !important;
  }

  .subhomes--nosotros h3 {
    margin-top: 1.5rem !important;
  }

  h1.page-title {
    margin-bottom: 3rem !important;
  }

  h2.subhome {
    margin-bottom: 3rem !important;
  }

  .fila--colecciones {
    display: none !important;
  }

  .single-product div.product .woocommerce-breadcrumb {
    margin-bottom: 1.5rem !important;
  }

  .product_meta {
    display: none !important;
  }

  .single-product .related.products h2 {
    margin-bottom: 3rem !important;
  }

  h2.subhome--productos {
    padding-left: 0rem;
    padding-right: 0rem;
  }

  .lang--social {
    top: -1.5rem;
    left: 0.4rem;
  }

  .lang--social .social {
    position: absolute;
    top: 0.5rem;
    right: -3rem;
  }

  .site-header:not(.sticky).with-header-slider {
    padding-top: 1.5rem;
  }

  .site-header.sticky {
    padding-top: 1.5rem;
  }

  .site-header:not(.sticky) {
    padding-top: 1.5rem;
  }
}

/* iPhone 5, 5S, 5C, 5SE */
@media only screen and (min-device-width: 320px) and (max-device-width: 413px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}