/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme SAO
 Author:       AMBDUES
 Author URI:   https://ambdues.com
 Template:     generatepress
 Version:      2.1.2
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 10 version
*/


/*
    Created on : 27/06/2023
*/

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   0 - Importing styles  */
/*   01 - Global Settings  */
/*    1.1 Tipografia */
/*    1.2 Seccions globals */
/*    1.3 Colors */
/*    1.4 Padding/margin/border */
/*    1.5 Icones */
/*    1.6 columnes / width / height */
/*    1.7 Breadcrumbs */
/*    1.8 Botons */
/*   02 - Header */
/*   03 - Footer */
/*   04 - Home /
/*   05 -  */
/*   06 -  */
/*   07 -  */
/*   08 -  */
/*   09 -  */
/*   10 -  */
/*   11 -  */
/*   12 - */
/*   13 - */
/*   14 - */

/***

====================================================================
  00 - Importing styles
====================================================================

***/

/* Parent stylesheet is enqueued by functions.php; avoid a duplicate CSS import. */


/***

====================================================================
  01 - Global Settings
====================================================================

***/

/*    1.1 Tipografia */

@font-face {
  font-display: swap;
  font-family: 'icones';
  src: url('inc/font/icon/icon.eot');
  src: url('inc/font/icon/icon.eot#iefix') format('embedded-opentype'),
       url('inc/font/icon/icon.woff2') format('woff2'),
       url('inc/font/icon/icon.woff') format('woff'),
       url('inc/font/icon/icon.ttf') format('truetype'),
       url('inc/font/icon/icon.svg#icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-display: swap;
    font-family:effra;
    src:url("inc/font/effra/Effra_Std_Lt.ttf");
    font-weight:300;
    font-style:normal;
}


@font-face {
  font-display: swap;
    font-family:effra;
    src:url("inc/font/effra/effra_std_Rg.ttf");
    font-weight:400;
    font-style:normal;
}

@font-face {
  font-display: swap;
    font-family:effra;
    src:url("inc/font/effra/Effra_Std_Md.ttf");
    font-weight:500;
    font-style:normal;
}

@font-face {
  font-display: swap;
    font-family:effra;
    src:url("inc/font/effra/Effra_Std_Bd.ttf");
    font-weight:800;
    font-style:normal;
}

/*    1.2 Seccions globals */

html, body{
  font-family: 'effra', Raleway, sans-serif;
  font-weight: 300;
  line-height:22px;
  font-size:17px;
}

h1, .h1{
  font-size: 65px;
  font-weight: 300;
  margin-bottom: 0px;
}

.h1-no-visible{
  font-size: 0px;
  opacity: 0;
  margin: 0;
}

h2, .h2{
  font-size: 50px;
  font-weight: 300;
  margin-bottom: 0px;
  line-height: 52px;
}

h3, .h3{
  font-size: 32px;
  margin-bottom: 0px;
  line-height: 33px;
  font-weight: 300;
  text-transform: none;
}

p{
line-height:22px;
  font-size:17px;
  margin-bottom: 16px;
}

main p{
line-height:34px;
  font-size:28px;
  margin-bottom: 25px;
}

span{
  line-height:22px;
  font-size:17px;
}

.site-main > * {
    margin-bottom: 0px;
}

.full-width-content .container.container-content.grid-container {
    max-width: 1200px;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
  padding-left: 0;
  padding-right: 0;
}

.container-banner .container{
  background-color: transparent;
}


.grid-container-padding{
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-single-product{
    padding-bottom: 50px;
  }


@media (max-width: 1199.98px) {

  .grid-container-padding{
    padding-left: 40px;
    padding-right: 40px;
  }

}

@media (max-width: 575.98px) {

  h1, .h1{
  font-size: 45px;
  line-height: 50px;
  font-weight: 300;
  margin-bottom: 0px;
}
  h2, .h2{
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 0px;
  line-height: 32px;
}

  h3, .h3{
    font-size: 22px;
    margin-bottom: 0px;
    line-height: 23px;
    font-weight: 300;
    text-transform: none;
  }

  main p {
    line-height: 26px;
    font-size: 20px;
    margin-bottom: 25px;
  }
}


/*    1.3 Colors */


.bg-grey{
  background-color: #6c6863;
}

.bg-grey-2{
  background-color: #aaaaaa;
}


/*    1.4 Padding/margin/border */

/*    1.5 Icones */
.icon {
  font-family: "icones";
    font-style: normal;
    font-weight: normal;
    font-size: 1.5rem;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1rem;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1.3rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer-widget-2 .icon{
  width: auto;
}

.spiner-boto-mes{
  margin-bottom: 25px;
    width: 25px;
    height: 25px;
    border-width: 3px;
}

/*    1.6 columnes / width / height */

.row-fluid{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.d-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
} 
.align-items-center{
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
} 

.flex-row{
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
} 

.justify-center{
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.col-6-md{
  width: 50%;
}

.col-12-xs{
  width: 100%;
}

.link-block{
  display: block;
  height: 100%;
  width: 100%;
}

.full-portal{
  height: 100vh;
}

.h-100{
  height: 100%;
}

@media (max-width: 767.98px) {
  .col-6-md{
  width: 100%;
}

.full-portal{
  height: auto;
}
}

/*    1.7 Breadcrumbs */
/*    1.8 Botons */

.baner-button{
    font-size: 20px;
    text-transform: uppercase;
    position: relative;
    line-height: 30px;
    cursor: pointer;
    display: inline-block;
    padding: 8px 20px;
    margin: 5px 10px 5px 10px;
    border: 1px solid white;
    color: white;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.baner-button:hover{
    background-color: white;
    color: #6C6863;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


.quadrat-button{
  font-size: 18px;
    text-transform: uppercase;
    position: relative;
    line-height: 28px;
    cursor: pointer;
    display: inline-block;
    padding: 8px 20px;
    margin: 10px 0px 10px 0px;
    border: 1px solid #6C6863;
    color: #6C6863;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: block;
    text-align: center;
}

.quadrat-button:hover{
    background-color: #6C6863;
    color: white;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    line-height: 28px;
    cursor: pointer;
    padding: 8px 20px;
    font-weight: 400;
    border: 1px solid #6C6863;
    color: #6C6863;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: block;
    text-align: center;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
    border-radius: 0px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
    background-color: #6C6863;
    color: white;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
    font-size: 14px;
    margin: 0;
    line-height: 20px;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    overflow: visible;
    padding: 0.618em 1em;
    font-weight: 500;
    border-radius: 0px;
    left: auto;
    color: #6C6863;
    background-color: rgba(108, 104, 99, 0.4);
    border: 0;
    display: inline-block;
    background-image: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
}

/*    1.9 Formularis */

.formulari-wrap .formulari-item label, .formulari-wrap .formulari-item .wpcf7-form-control-wrap input.form-input-t{
  display: block;
}

.formulari-wrap .formulari-item .wpcf7-form-control-wrap input.form-input-t{
  width: 100%;
}

.formulari-wrap .formulari-item p{
  margin-bottom: 15px;
}

.formulari-wrap .formulari-item label{
  font-size: 22px;
  line-height: 1.3;
  padding-bottom: 5px;
}

.formulari-wrap .formulari-item-acceptacio p{
  margin-bottom: 0px;
}

.formulari-wrap .formulari-item-acceptacio .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0em;
}

.formulari-wrap .formulari-item-acceptacio .wpcf7-list-item label{
    line-height: 1.1;
}

.formulari-wrap .formulari-boto{
  margin-top: 35px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
    color: #ffffff;
    background-color: #6c6863;
    text-transform: uppercase;
}

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover, button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, a.button:focus, a.wp-block-button__link:not(.has-background):active, a.wp-block-button__link:not(.has-background):focus, a.wp-block-button__link:not(.has-background):hover {
    color: #ffffff;
    background-color: rgba(108, 104, 99, 0.8);
}


/***

====================================================================
  02 - Header
====================================================================

***/

.header-sticky{
  position: fixed;
  top:0;
  left:0;
  right: 0;
  z-index: 100;
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
}

.inside-header {
    padding: 30px 40px 20px;
}

.header-transparent{
  background-color: transparent;
}

.mobile-menu-open .header-transparent{
  background-color: white;
}

.header-transparent .main-navigation .main-nav ul li a{
  color:white;
}

.mobile-menu-open .header-transparent .main-navigation .main-nav ul li a{
  color: #6C6863;
}

.header-transparent .main-navigation .main-nav ul li a:hover{
  color:white;
  opacity: 0.8;
}

.mobile-menu-open .header-transparent .main-navigation .main-nav ul li a:hover{
  color:#6C6863;
  opacity: 0.8;
}

.header-transparent .menu-boto{
  border-color: white;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-transparent .menu-boto:hover {
    background-color: white;
    color: #6c6863;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-transparent .menu-boto a:hover{
    color: #6c6863 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-navigation, .main-navigation ul ul {
    background-color: transparent;
}

.main-navigation .main-nav ul li a {
    padding-left: 13px;
    padding-right: 13px;
    line-height: 36px;
    text-transform: uppercase;
    font-size: 14px;
}

.menu-boto{
  border: 1px solid #6c6863;
  margin-left: auto;
}

.menu-boto ~ .menu-boto {
  margin-left: 10px;
 }

.menu-boto:hover {
    background-color: #6c6863;
    color: white;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.menu-boto a:hover{
    color: white !important;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.nav-float-right #site-navigation {
    margin-left: 30px;
    width: 100%;

}

#site-navigation .main-nav{
  width: 100%;
}


/* Selector de WPML */

.wpml-ls-legacy-dropdown {
    width: 59px;
    max-width: 100%;
}

.main-navigation .main-nav ul li a .wpml-ls-display{
    font-size: 14px;
}

.header-bottom:not(.header-transparent) .main-navigation .main-nav ul.sub-menu{
  background-color: white !important;
}

/* boto responsive */

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
    background-color: rgba(0, 0, 0, 0);
}

.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
    color: #6C6863;
}

.header-transparent .main-navigation .main-nav ul li a, .header-transparent .main-navigation .menu-toggle, .header-transparent .main-navigation .menu-bar-items {
    color: white;
}

.mobile-menu-open .header-transparent .main-navigation .main-nav ul li a, .mobile-menu-open .header-transparent .main-navigation .menu-toggle, .mobile-menu-open .header-transparent .main-navigation .menu-bar-items {
    color: #6C6863;
}

.icon-menu-bars{
  font-size: 23px;
}

/* MENÚ HOME */

.home .site-logo, .home .menu-item:not(.wpml-ls-item){
  display: none;
}
.home .menu-item.wpml-ls-item{
  margin-left: auto;
}

@media (max-width: 1049.98px) {

  .has-inline-mobile-toggle .mobile-menu-control-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

.has-inline-mobile-toggle .inside-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    text-align: left;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

  .main-navigation .menu-toggle, .sidebar-nav-mobile:not(#sticky-placeholder) {
    display: block;
}

.main-navigation ul, .gen-sidebar-nav, .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul, .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
    display: none;
}


  .inside-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 30px 40px 30px;
}

.nav-float-right #site-navigation {
    margin-left: 0px;
    width: 100%;
}

.main-navigation.toggled .main-nav li.menu-boto {
    border: 1px solid #6c6863;
    margin-top: 20px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: right;
    margin-left: 11px;
    display: inline-block;
}

.menu-item.wpml-ls-item{
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 13px;
}
}

/***

====================================================================
  03 - Footer
====================================================================

***/

.site-footer{
  position: relative;
  z-index: 5;
}

/*  Footer home */

.home .site-info {
    background-color: #6c6863;
}

.home .site-info p, .home .site-info span, .home .site-info a{
    color: #ffffff;
}

.home .site-footer footer.site-info .footer-top-portals .col-catering-footer{
  border-right: 1px solid rgba(255,255,255,0.6);
}

/*  Footer top */
.site-footer:not(.footer-bar-active) .copyright-bar {
    margin: 0 auto;
    width: 100%;
}

.site-footer footer.site-info .footer-top-portals{
  padding-top:30px;
  padding-bottom:30px;
}

.site-footer footer.site-info .footer-top-portals .col-catering-footer, .site-footer footer.site-info .footer-top-portals .col-restaurant-footer{
  padding-left: 50px;
    padding-right: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.site-footer footer.site-info .footer-top-portals .col-catering-footer{
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
  border-right: 1px solid #6c6863;
}

.site-footer footer.site-info .footer-top-portals .col-restaurant-footer{

}

.footer-top-portals .imatge-logo-footer{
  display: inline-block;
  width:110px;
}

.footer-top-portals .imatge-logo-footer img{
  max-width:110px;
}

.footer-top-portals .dades-logo-footer{
  display:inline-block;
  margin-left:20px;
  padding-top:22px;
}

.footer-top-portals .dades-logo-footer span{
  display:block;
  text-align:left;
  line-height:22px;
  font-size:17px;
}

/*  Footer bottom */

.site-info .footer-bottom-legal p{
  margin-bottom: 0px;
}

.site-info a{
    color: #6c6863;
}

.footer-bottom-legal{
  padding-top:20px;
}

.footer-bottom-legal .footer-widget-1{
  padding-bottom: 10px;
}

.footer-bottom-legal .footer-widget-1 .restaurant-horari{
padding-top:10px ;
font-size: 14px;
}

.footer-bottom-legal .footer-widget-2{
  padding-top: 6px;
}

.footer-bottom-legal .footer-widget-2 .menu li{
  display:inline-block;
  padding-left: 10px;
  padding-right: 10px;
}

.footer-bottom-legal .footer-widget-3{
  padding-top: 10px;
}

.footer-bottom-legal .footer-widget-3 .menu li{
  display:inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0px;
}


/*kit digital*/ 

.content-kit-digital{
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: white;
}

img.logo-kit-digital{
    max-width: 750px;
    width: 100%;
    text-align: center;
}

.row-kit{
  margin:0px;
  padding: 0px;
}

@media (max-width: 767.98px) {
  .site-footer footer.site-info .footer-top-portals .col-catering-footer{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-right-width: 0px !important;
    margin-bottom: 35px;
  }
  .site-footer footer.site-info .footer-top-portals .col-restaurant-footer{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.site-footer footer.site-info .footer-top-portals .col-catering-footer, .site-footer footer.site-info .footer-top-portals .col-restaurant-footer {
    padding-left: 10px;
    padding-right: 10px;
  }
.imatge-logo-kit{
  margin-left: 20px;
  margin-right: 20px;
  display: block;
}
}
/***

====================================================================
  04 - Home
====================================================================

***/

.h-portada{
  height: 82%;
}

.frase-presentacio-home p{
  margin-bottom: 0px;
}

.link-block{
  position:relative;
}

.imatge-portada-gran{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow:hidden;
  z-index:1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.imatge-portada-gran img{
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:100%;
  -o-object-position:center;
     object-position:center;
}

.logo-portada{
  z-index:3;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.logo-portada img{
  width:165px;
  height:auto;
  margin:auto;
  display:block;
}

.link-block:hover .imatge-portada-gran{
  opacity:0.8;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.frase-presentacio-home a{
  color: #6C6863;
}

.frase-presentacio-home a:hover{
  color: rgb(34, 34, 34);
}

@media (max-width: 1049.98px) {

  .frase-presentacio-home{
    padding-left: 30px;
    padding-right: 30px;
  }

  .frase-presentacio-home br{
    display: none;
  }
}

@media (max-width: 767.98px) {
  .h-portada{
    height: 50vh;
  }

  .frase-presentacio-home{
    padding-top: 30px;
    padding-bottom: 30px;
  }
}


/***

====================================================================
  05 - Parallax slider
====================================================================

***/


.parallax-slider{
  height: 100vh;
  min-height: 100%;
  position: fixed;
  width: 100%;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
 /* background-attachment: fixed;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.text-parallax-wrap{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}

.text-parallax-wrap .text-parallax{
  padding-bottom:8.5%;
}

.text-parallax-wrap p{
  color: white;
  font-size: 50px;
  line-height: 53px;
  margin-bottom: 0px;
  text-align: center;
}


.text-parallax-wrap-buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.text-parallax-wrap-buttons .text-parallax-buttons{
  padding-top: 5%;
  padding-bottom: 0%;
}

.text-parallax-wrap-buttons .buttons-parallax{
  margin-top: 35px;
  text-align: center;
}

.logo-central-slider{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.logo-central-slider img{
  position: relative;
  max-width: 180px;
  display: block;
  margin: auto;
}

/***

====================================================================
  06 - Content after parallax
====================================================================

***/


.content-after-parallax{
  padding-top: 80px;
  padding-bottom: 0px;
  position: relative;
  margin-top: 100vh;
  background-color: white;
   z-index: 2;
}

.titol-h1-row{
  padding-bottom: 40px;
}

.titol-h2-row{
  padding-bottom: 40px;
}

.content-text-gran-row{
  padding-bottom: 20px;
}

.content-text-gran-row ~ .titol-h2-row{
  padding-top: 40px;
}

.content-text-mig-row {
    padding-bottom: 20px;
}

.content-text-petit-20-row{
  padding-bottom: 20px;
}

.button-row{
  padding-bottom: 80px;
}

.columnes-row{
  padding-bottom: 100px;
}

.foto-text-row{
  padding-bottom: 100px;
}

.slider-row{
  padding-bottom: 100px;
  position: relative;
  left: calc(-50vw + 50%);
  width: 100vw;
  padding-left: 5%;
    padding-right: 5%;
}

.galeria-row{
  padding-top: 10px;
  padding-bottom: 80px;
}

.bodas-row{
  padding-top: 10px;
  padding-bottom: 100px;
  margin-left: -7px;
  margin-right: -7px;
}

.row-menu-nadal{
  padding-top: 5px;
  padding-bottom: 100px;
}

.row-complements-nadal{
  padding-top: 5px;
  padding-bottom: 100px;
}
/* text gran */

.content-text-gran a{
  color: #6C6863;
  text-decoration: underline;
}

.content-text-gran a:hover{
  color: rgb(34, 34, 34);
}


/*text mig*/

.content-text-mig a{
  font-weight: 500;
  position: relative;
  color: #6C6863;
  text-decoration: underline;
}

/*.content-text-mig a:after{
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #6C6863;
      left: 0;
    bottom: 1px;
}*/


/*text petit*/

.content-text-petit-20, .content-text-petit-20 p{
  font-size: 20px;
  line-height: 24px;
}

.content-button{
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
  line-height: 30px;
  color: #6C6863;
  cursor: pointer;
}

.content-button:after{
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -2px;
  left: 0px;
  background-color: #6C6863;
}


.container-imatge{
  position: relative;
  background-color: #6C6863;
}

.container-imatge .titol-imatge{
  position: absolute;
  top: 0;
  left: 0;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}

.container-imatge .titol-imatge span{
  font-size: 28px;
    text-transform: uppercase;
    line-height: 35px;
    color: white;
    font-weight: 500;
    text-align: center;
}

.columnes-container p{
  margin-top: 20px;
  font-size: 19px;
  line-height: 1.25em;
  margin-bottom: 0px;
}

.columnes-container img{
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-filter: brightness(0.65);
          filter: brightness(0.65);
}

.columnes-container:hover img{
  -webkit-filter: brightness(1);
          filter: brightness(1);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767.98px) {
  .columnes-row .col-md-6:first-of-type .columnes-container p{
    padding-bottom: 40px;
  }
}


/* text imatge container */

.container-text-imatge-text{
  padding: 30px 20px 0px;
}

/*slider*/

.slider-row [class^="swiper-button-"]{
   color: white;

   width: 100px;
}

.slider-row [class^="swiper-button-"]::after{
  font-size: 30px;
}

.slider-row .swiper-pagination-bullet, .slider-row .swiper-pagination-bullet-active{
  background-color: white;
}

/* grid */

.photo-grid {
  height: 100%;
  display: -ms-grid;
  display: grid;
  gap: 0.8rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-auto-rows: 350px;
  padding-bottom: 40px;
}

.photogrid-quatre{
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 350px;
}

.photogrid-tres{
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 250px;
}

.cardt {
  height: 100%;
  width: 100%;
}

.cardt .imatge-grid{
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.imatge-grid{
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.imatge-grid:hover{
  opacity: 0.8;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 600px) {
  .card-tall {
    -ms-grid-row-span: 2;
    grid-row: span 2 / auto;
  }

  .card-wide {
    -ms-grid-column-span: 2;
    grid-column: span 2 / auto;
  }
}

@media (max-width: 1150.98px) and (min-width: 600px) {
  .photo-grid {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}

}

@media (max-width: 1150.98px) and (min-width: 768px) {

.photogrid-quatre{
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 350px;
}

.photogrid-tres{
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 250px;
}
}

@media (max-width: 767.98px) and (min-width: 600px) {

.photogrid-quatre{
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 350px;
}

.photogrid-tres{
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 250px;
}
}

@media (max-width: 599.98px) {
  .photo-grid {
  -ms-grid-columns: (1fr)[1];
  grid-template-columns: repeat(1, 1fr);
}

}


/* 2 columnes galeria */
.photo-grid-col{
  margin-bottom: -10px;
}

.photo-grid-col .row{
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}

.cardt-2{
  margin-top: 0.8rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

/* Llistat de casaments */

.col-bodas-bloc{
  padding: 7px;
}

.col-bodas-bloc .container-imatge .titol-imatge span {
    font-size: 19px;
    line-height: 1.2;
}

.col-bodas-bloc .container-imatge img{
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-filter: brightness(0.65);
          filter: brightness(0.65);
}

.col-bodas-bloc .container-imatge:hover img{
  -webkit-filter: brightness(1);
          filter: brightness(1);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.bodas-row .button-container{
  padding-top: 20px;
}


/* MENUS DE NADAL */

.col-menu-item{
  padding-top: 15px;
  padding-bottom: 15px;
}

.row-menu-nadal [class^="swiper-button-"]{
   color: #6C6863;
   width: 35px;
}

.row-menu-nadal [class^="swiper-button-"]::after{
  font-size: 30px;
}

.row-menu-nadal .swiper-pagination-bullet, .row-menu-nadal .swiper-pagination-bullet-active{
  background-color: #6C6863;
}

.row-menu-nadal .title-menu-item{
  margin-bottom: 20px;
}

.row-menu-nadal .subtitle-menu{
  text-transform: uppercase;
  font-weight: 700;
}

.row-menu-nadal .imatge-slider-menu{
  padding-bottom: 15px;
}

.row-menu-nadal .descripcio-menu{
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    padding-top: 20px;
}

.row-menu-nadal .descripcio-menu p{
    font-size: 22px;
    line-height: 26px;
}

.row-menu-nadal .preus-menu-item{
  padding-top: 12px;
  padding-bottom: 15px;
  margin-top: 10px;
  margin-bottom: 15px;
  text-align: center;
  position: relative;
}

.row-menu-nadal .preus-menu-item:before, .row-menu-nadal .preus-menu-item:after{
    content: '';
    height: 1px;
    width: 100px;
    background-color: #6C6863;
    position: absolute;
    top: 0px;
    left: calc(50% - 50px);
}

.row-menu-nadal .preus-menu-item:after{
    bottom: 0px;
    top: unset;
}

.row-menu-nadal .preu-menu, .row-menu-nadal .nota-menu{
  display: block;
}

.row-menu-nadal .preu-menu{
  font-weight: 700;
}

.row-menu-nadal .botons-menu-item{
  text-align: center;
}

/* COMPLEMENTS MENUS DE NADAL */

.row-complement-item{
  padding-top: 15px;
  padding-bottom: 15px;
}

.row-complement-item .title-complements-item{
  margin-top: 20px;
  margin-bottom: 20px;
}

.row-complement-item .subtitle-complements{
  text-transform: uppercase;
  font-weight: 700;
}

.row-complement-item [class^="swiper-button-"]{
   color: #6C6863;
   width: 35px;
}

.row-complement-item [class^="swiper-button-"]::after{
  font-size: 30px;
}

.row-complement-item .swiper-pagination-bullet, .row-complement-item .swiper-pagination-bullet-active{
  background-color: #6C6863;
}

.row-complement-item .col-complement-item-descr{
  padding-left: 25px;
  padding-right: 25px;
}

.row-complement-item .descripcio-menu p{
    font-size: 22px;
    line-height: 26px;
}

/***

====================================================================
  07 - PÀGINES SENSE SLIDER
====================================================================

***/

.container-no-slider{
  padding-top:200px;
}


/***

====================================================================
  08 - BANNERS
====================================================================

***/

.container-banner{
  color: white;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.titol-baner{
  padding-bottom: 25px;
}

.botons-baner{
  padding-top: 25px;
}
/***

====================================================================
  09 - PRODUCTES REGALA SAÓ
====================================================================

***/

.row-products{
  padding-bottom: 100px;
  margin-left: -25px;
  margin-right: -25px;
}

.col-producte{
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
}

.row-products .categoria-producte{
  text-transform: uppercase;
}

.row-products .link-producte{
  color: #6C6863;
  display: block;
  margin-bottom: 20px;
}

.row-products .link-producte:hover{
  color: #6C6863;
}

.row-products .imatge-producte{
  margin-bottom: 20px;
}

.row-products .descripcio-producte, .row-products .descripcio-producte p{
  font-size: 22px;
  line-height: 26px;
}

.row-products .preu-producte, .row-products .preu-producte span{
  font-size: 28px;
  line-height: 32px;
  margin-bottom: 2px;
    display: inline-block;
}


.link-producte-img:hover ~ .button-producte, .link-producte:hover ~ .button-producte{
    background-color: #6C6863;
    color: white;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


/***

====================================================================
  10 - SINGLE PRODUCT
====================================================================

***/


.single-product h1.product_title{
  font-size: 50px;
  font-weight: 300;
  margin-bottom: 0px;
  line-height: 48px;
}

.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product p.price span {
    color: #6C6863;
    font-size: 20px;
    margin-top: 15px;
    font-weight: 400;
}

.summary .woocommerce-product-details__short-description{
  margin-top: 30px;
}


/* PRODUCTOS RELACIONADOS */

.related.products{
  padding-top: 50px;
}

.related.products h2{
  margin-bottom: 20px;
  font-size: 2rem;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  line-height: 1.2;
  padding-bottom: 5px;
  padding-top: 5px;
}

.woocommerce ul.products li.product .price {
    color: #6C6863;
    display: block;
    font-weight: 400;
    margin-bottom: 0.5em;
    font-size: 1rem;
    margin-top: 0px;
}

.woocommerce ul.products li.product .button{
  border: 1px solid #6c6863;
  color:#6c6863;
  font-weight: 400;
  background-color: transparent;
}


.woocommerce ul.products li.product .button:hover{
  background-color: #6c6863;
    text-decoration: none;
    background-image: none;
    color: white;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/***

====================================================================
  11 - CART
====================================================================

***/

.woocommerce table.shop_table {
    border: 0px;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0px;
}

.woocommerce td, .woocommerce th {
    border: 0px solid rgba(0,0,0,.1);
}


.cart_totals h2{
  font-size: 34px;
  line-height: 36px;
  margin-bottom: 20px;
}


/***

====================================================================
  12 - FINALITZAR COMANDA
====================================================================

***/

.woocommerce-checkout{

}



/*missatges*/

.woocommerce-message {
    border-top-color: transparent;
}

.woocommerce-info {
    border-top-color: transparent;
}

.woocommerce-info::before {
    color: #6C6863;
}

/* icones */

.woocommerce a.remove {
    display: block;
    font-size: 1.5em;
    height: 1em;
    width: 1em;
    text-align: center;
    line-height: 1;
    border-radius: 100%;
    color: #6C6863!important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}

/***

====================================================================
  13 - NEWSLETTER POPUP
====================================================================

***/

.spu-content h2{
  line-height: 1;
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.spu-content p{
  line-height: 1.2;
  font-size: 20px;
}


/* SOL REPSOL */

.home .container-sol-repsol{
  display: none;
}

.container-sol-repsol{
  position: fixed;
  right: 0px;
  bottom:30px;
}

.imatge-logo-sol{
  display: block;
  background-color: #fff;
  padding: 12px 30px 12px 15px;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.imatge-logo-sol:hover{
  -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
          transform: translateX(0px);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.container-sol-repsol .logo-sol-repsol{
  width: 110px;
}


/* MICHELINE HOME PAGE */

.logos-premis{
  max-width: 800px;
  display: flex;
  position: absolute;
  gap: 20px;
  height: 100%;
  align-items: flex-end;
  justify-self: center;
  padding: 30px 30px 60px 30px;
  flex-wrap: wrap;
}

.logos-premis-footer{
  height: auto;
  position: relative;
  padding: 15px 30px 15px 30px;
}

.logos-premis .logos-premis-link{
  display: block;

}

.logos-premis .logo-michelin{
  width: 160px;
}

.logos-premis .logo-sol-repsol{
  max-width: 185px;
    background-color: white;
    padding: 18px 16px;
    border-radius: 4px;
    
}
.logos-premis-footer .logo-sol-repsol{
  border: 1px solid #6C6863;
}

.logos-premis .logo-sol-repsol img{
  width: 125px;
}

@media (max-width: 575.98px) {

  .logos-premis{
  justify-content: center;
  align-content: flex-end;
}
}

/* RESPONSIVE */

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
}