@charset "utf-8";
#admin-menu .dropdown {
   position: static;
   font-size: 12px;
}


ul.primary li a {
    color: black;
    font-weight: 600;
}


/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');*/





@font-face {
    font-family: "PT Serif";
    src: url("../../../fonts/PTSerif-Regular.ttf") format('ttf');
}




@media screen and (min-width: 768px) {
    #contingut .info-destacada-mobile {
        display: none;
    }
}



body {
    background: #FFFFFF;
    font-family: 'Open Sans','Source Sans Pro', sans-serif;
    overflow-x: hidden;

}
.body-centrat #fitxa{
  text-align: center;
}
body.not-front .full-background {
    background-color: transparent!important;
}

/*Fotos panoramiques mòbile*/

.box-img .visible-xs{
    display: none;
}
@media screen and (max-width: 767px) {
    .box-img .hidden-xs{
        display: none;
    }
    .box-img .visible-xs{
        display: block;
    }
    .node-grup-de-destacats .destacat.img_petita .box-img{
        width: 100%;
    }
    .node-grup-de-destacats .destacat.img_petita .box-destacat{
        width: 100%;
    }
}

#recorregut-avis-html{
  background:  #FFDD44;
  border-radius: 4px;
  width: 100%;
  display: inline-block;
  height: 70px;
  padding: 15px;
  padding-left: 73px;
  position: relative;
  color: black;
  font-size: 1.6rem;
  line-height: 1.9rem;
}

#recorregut-avis-html h2, #recorregut-avis-html span{
  color: black;
  font-size: 1.6rem;
  line-height: 1.9rem;
}


#recorregut-avis-html:before{
  position: absolute;
  left: 16px;
  top: 18px;
  height: 33px;
  content: '';
  background: url(../../../images/nadal2019/alerta.png) no-repeat center bottom transparent;
  width: 36px;
  background-size: contain;
}

#recorregut-avis-html h2{
  font-weight: 600;
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
  #recorregut-avis-html{
    min-height: 80px;
    margin-bottom: 2rem;
  }


}

@media screen and (max-width: 767px) {
  #recorregut-avis-html{
    min-height: 80px;
    padding: 10px;
    padding-left: 46px;
    margin-bottom: 2rem;
  }

  #recorregut-avis-html h2, #recorregut-avis-html span{
    color: black;
    font-size: 1.4rem;
    line-height: 2rem;
  }
  #recorregut-avis-html:before{
    left: 15px;
    top: 10px;
    height: 20px;
    width: 21px;
  }


}




.no-touch .hidden{
  opacity:0;
}
.no-touch .visible{
  opacity:1;
}

#kingsFrame.fullscreenios {
    position:fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100% !important;
    z-index: 10000000;
}

/** General **/
html {
    font-size: 10px;
}
p {
    font-size: 1.4rem;
        line-height: 1.8rem;
}
a {
    color: #FFD700;
}



.front {
    overflow-x: hidden;
}

.front .full-background {
    background: white!important;
}



h2.title {
    font-size: 3rem;
    font-family: 'PT Serif', serif;
    line-height: 3.6rem;
    letter-spacing: 0;
    margin-top: 0;
}

@media screen and (max-width: 767px) {
  h2.title {
    width: 88%;
    font-size: 2.8rem;
    line-height: 3.3rem;
  }


}



/** Fi General **/

/** Menu **/
.front #zone-menu-wrapper , .front #zone-menu-wrapper ul.menu li{
    background: #51C99F;
    background: #51C99F linear-gradient(
180deg, #00000000 77%, #0000000F 100%) 0% 0% no-repeat padding-box;
}
#zone-menu-wrapper, #zone-menu-wrapper.fixed-menu , #zone-menu-wrapper.fixed-menu ul.menu li{
    background: #FD524E;
}



#zone-menu-wrapper .grid {
    width: 1080px;
}
#zone-menu-wrapper ul.menu {

    margin: 0;
    padding: 0px;
    height: 7.7rem;
    font-size: 1.3rem;
    letter-spacing: 0;
        display: flex;
    align-items: center;
    justify-content: center;

}
#zone-menu-wrapper ul.menu li {
    margin: 0;
    float: left;
    background-color: #FD524E;
    display: table;
    width: inherit!Important;
    padding: 0 2rem;
}

.i18n-es #zone-menu-wrapper ul.menu li, .i18n-en #zone-menu-wrapper ul.menu li{
    padding: 0 1.5rem;
}





.i18n-en #zone-menu-wrapper ul.menu li {
    padding: 0 1rem;
}
#zone-menu-wrapper ul.menu li a,#zone-menu-wrapper ul.menu li span.nolink {
    height: 7.7rem;
    display: table-cell;
    vertical-align: middle;
    color: black;
    text-decoration: none;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: 0;
    font-family: 'Source Sans Pro',sans-serif;
}

#zone-menu-wrapper ul.menu li:not(.only-mobile) {
    padding: 0 1.6rem;
}

#zone-menu-wrapper ul.menu li.first {
    width: 92px;
    height: 45px;
    padding: 0;
    /* margin-left: -50px; */
    /* padding-left: 0!Important; */
    /* margin: 0 1.6rem;*/
    margin: 0 0;

}

.not-front #zone-menu-wrapper ul.menu li.first  {
    width: 92px!important;
}


#zone-menu-wrapper ul.menu li.first a {
    background: url(../../../images/nadal2022/bon_nadal_menu.svg) no-repeat center;
    text-indent: -180000px;
    background-size: contain;
    width: 100%;
    display: inline-block;
}

 .front #zone-menu-wrapper:not(.fixed-menu) ul.menu li.first a {
    background:none;
 }

 .front #zone-menu-wrapper.fixed-menu  ul.menu li.first {
    width: 92px!important;
 }

.front #zone-menu-wrapper:not(.fixed-menu) ul.menu li.first {
    width: 0;

 }


#zone-menu-wrapper ul.menu li.active-trail a {
    text-decoration: underline;
}


#zone-menu-wrapper ul.menu li.menu-extra {
    display: none;
}
#zone-menu-wrapper ul.menu li.last {
    border: none;
}
/** menu mobile**/
#show-menu , span#tancar , span.image-menu{
    display: none;
}

.overflow-menu {
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    #zone-menu-wrapper .grid {
        width: 906px;

    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    #zone-menu-wrapper {
    padding: 0!important;
    width: 100%;
}
    #zone-menu-wrapper .grid {
        width: 100%;
    }
    #zone-menu-wrapper ul.menu {
        font-size: 1rem;
    }
    #zone-menu-wrapper ul.menu li {
      font-size: 1rem;
      padding: 0 1rem;
    }
    #zone-menu-wrapper ul.menu li.first {
        width: 45px!important;
            margin: 0;
    }

    .front #zone-menu-wrapper.fixed-menu ul.menu li:not(.only-mobile), .not-front #zone-menu-wrapper ul.menu li:not(.only-mobile) {
        max-width: 17rem!important;
        padding-left: 2.2rem!important;
    }

}


@media (max-width: 900px) and (min-width: 768px) {
    .front #zone-menu-wrapper.fixed-menu ul.menu li:not(.only-mobile), .not-front #zone-menu-wrapper ul.menu li:not(.only-mobile) {
        padding-left: 1.6rem!important;
        max-width: 12rem!important;

    }

}

@media screen and (min-width: 767px){
    .front #zone-menu-wrapper.fixed-menu ul.menu li.first , .not-front #zone-menu-wrapper ul.menu li.first{
        width: 92px!important;
        padding-left: 0!important;
        margin-left: 0!important;
        position: absolute;
        left: 0;
    }
    .front #zone-menu-wrapper.fixed-menu ul.menu , .not-front  #zone-menu-wrapper ul.menu{
        justify-content: right;
    }


    .front #zone-menu-wrapper.fixed-menu ul.menu li:not(.only-mobile), .not-front  #zone-menu-wrapper ul.menu li:not(.only-mobile)  {
        padding-left: 3.2rem;
        text-align: right;
        padding-right: 0;
    }
    #zone-menu-wrapper ul.menu li a, #zone-menu-wrapper ul.menu li span.nolink {
        max-width: 18rem;
    }

    .i18n-en #zone-menu-wrapper ul.menu li a, .i18n-en #zone-menu-wrapper ul.menu li span.nolink{
        max-width: 12rem!important;
    }

}



@media screen and (max-width: 767px) {
    #zone-menu-wrapper .grid {
        width: 100%;
    }
    #zone-menu-wrapper ul.menu {
        font-size: 1.6rem;
        display: none;
    }
    #zone-menu-wrapper ul.menu li , .not-front #zone-menu-wrapper ul.menu li.first{
        width: 100%!important;
        border-bottom: 1px solid #EC5E5B;
        border-right: 0!important;
            padding-top: 2px;
            background: #FD6561!important;
            }
    #zone-menu-wrapper ul.menu li.first , .front #zone-menu-wrapper.fixed-menu ul.menu li.first{
              width: 100%!important;

        margin: 0;
        padding: 0;
        border: 0;
        border-bottom: 1px solid #EC5E5B;
        border-top: 7rem solid #FF3934;
    }
    #zone-menu-wrapper ul.menu li.first a {
        text-indent: inherit;
        height: 50px;
        width: 100%;
        padding-top: .3rem;
        background: #FD6561!important;
        background-color: #FD6561!important;
    }
    #zone-menu-wrapper ul.menu li.active-trail.first a {
        background: url(../../../images/nadal2019/menu-inicio.png) no-repeat #AD3137;
    }


    #zone-menu-wrapper ul.menu li a,#zone-menu-wrapper ul.menu li span.nolink {
        line-height: 4.5rem;
        font-size: 1.6rem;
        padding-top: .3rem;
        letter-spacing: 0;
        height: 5rem;
        font-family: 'Open Sans','Source Sans Pro', sans-serif;
    }
    #zone-menu-wrapper ul.show {
        display: block;
        position: fixed;
        z-index: 100000000;
        top: 0;
        height: 100%;
        overflow: auto;
        background: rgba(0, 0, 0, 0.7);
    }
    #zone-menu-wrapper ul.menu li.menu-extra {
        display: table;
    }
    #show-menu , span#tancar {
        line-height: 5rem;
        z-index: 10000000;
        display: block;
        position: absolute;
        right: 1.1rem;
        top: 7px;
        cursor: pointer;
        background: #FD6561 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 25px;
        width: 50px;
        height: 50px;
        color: black;
        font-size: 2.3rem;
        text-align: center;
    }
    span#tancar , span.image-menu{
            display: block;
            position: absolute;
            top: 9px;
            right: 1.1rem;
    }

    span.image-menu{
        left: 0;
        top: 22px;
    }

    span.image-menu img{
        width: 18rem;
        text-align: center;
        margin: 0 auto;
        display: inherit;
    }
}
@media screen and (min-width: 768px) {
    #zone-menu-wrapper ul.menu li.only-mobile {
        display: none;
    }
}

/** Fi Menu **/









/**********/
/** HOME **/
/**********/








/* Cabecera */
#region-promotional {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .zone-wrapper{
        padding: 0;
    }
}
/*Fi Cabecera */



/* banner nadal */
ul#banner-home-nadal {
    text-align: center;
    padding-top: 10.7rem;
    padding-bottom: 2rem;
}
ul#banner-home-nadal li {
    display: inline-block;
    position: relative;
}


ul#banner-home-nadal li:first-child{
    margin-right: 2.5rem;
}
ul#banner-home-nadal li:first-child img{
    top: -7.8rem;
    left: 8rem;
    width: 176px;
    position: absolute;
}
ul#banner-home-nadal li img {

    top: -11.8rem;
    left: 5.5rem;
    width: 176px;

    position: absolute;
}

ul#banner-home-nadal li a {
    color: black;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0;
    position: relative;
    padding: 19px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    width: 31rem;
    background: #FFD700;
    height: 5.4rem;
    box-sizing: inherit;
    border-radius: 8px;
    text-align: center;
}
ul#banner-home-nadal li a:hover, ul#banner-home-nadal li a:focus  {
    text-decoration: none!important;
    background-color: #FFE765;
}



#banner-home-nadal li a:after {
    z-index: 0;
    height: 15px;
    background-size: contain;
    font-size: 1.2rem;
    font-family: 'icoajuntament' !important;
    content: "\e998";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    padding-left: 0.4rem;
    text-transform: none;
    line-height: 1.5rem;
    -webkit-font-smoothing: antialiased;
}

ul#banner-home-nadal li a img {
    position: absolute;
    top: -2rem;
    left: 1rem;
    width: 52px;
}


@media screen and (max-width: 767px) {
    #banner-home-nadal {
        display: none;
    }
}

/* fi banners home*/

/* cercador */

#formulari-nadal{
    background: #51C99F;
    position: relative;
}



#formulari-nadal {
    padding: 5.9rem 0 6.1rem;
    position: relative;
}


#formulari-nadal br {
    display: none;
}
#formulari-nadal p {
    position: relative;
}
#formulari-nadal h2 {
    font-size: 3.6rem;
    line-height: 3.2rem;
    font-family: 'PT Serif', serif;
    text-align: center;
    letter-spacing: 0;
    padding-bottom: 3rem;
}





#formulari-nadal .grid {
    padding: 0;
    position: relative;
}

#formulari-nadal .grid > * {
    width: 800px;
    margin: 0 auto;
}






#formulari-nadal .grid > p:first-of-type {
  position: relative;
  margin: 0;
  width: 100%!important;
}


#formulari-nadal h2:before , #formulari-nadal h2:after{
    pointer-events: none;
    content: ' ';
    position: absolute;
    top: -58px;
    width: 668px;
    height: 367px;
    background: url(../../../images/nadal2022/cercador_esquerra.png);
    background-size: contain;
    background-repeat: no-repeat;
}

#formulari-nadal h2:before {
    top: -50px;
    left: -300px;
}

#formulari-nadal .grid h2:after {
    width: 643px;
    height: 366px;
    background: url(../../../images/nadal2022/cercador_dreta.png);
    right: -300px;
    background-size: contain;
}

#formulari-nadal label, #formulari-nadal input#cerca {
    width: 800px!Important;
    min-width: 800px!Important;
    max-width: 800px!Important;
    margin-left: 140px!important;
    margin-bottom: 2rem;
}

#formulari-nadal #cerca,#formulari-nadal select,#formulari-nadal button {
height: 50px;
    font-size: 1.6rem;
    padding-left: 17px;
    color: black;
    border: none;
    border-radius: 8px;
}
#formulari-nadal .grid div p {
    float: left;
}
#formulari-nadal .grid div label {
    display: none;
}
#formulari-nadal button {
    min-width: 100%;
    background: #fff;
    font-size: 1.6rem;
    border-radius: 8px;
    line-height: 4.5rem;
}

#formulari-nadal  button#drp_autogen0:after {
    font-size: 2.6rem;
    font-family: 'icoajuntament' !important;
    content: "\e924";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    float: right;
    -webkit-font-smoothing: antialiased;
    margin-right: 2rem;
  color: black;
  line-height: 4.5rem;
    
}


#formulari-nadal .custom-select select {
    background: white;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    cursor: pointer;
}

#formulari-nadal .custom-select  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../../../images/icona_select.png) white!important;
    background-repeat: no-repeat!important;
    background-position-x: 94%!important;
    background-position-y: 17px!important;
    z-index: 12222;
    background-size: 17px 11px!important;
}




#formulari-nadal .grid div p.disctr,#formulari-nadal .grid div p.rang-dates {
    margin-right: 1.5%;
}

#formulari-nadal .grid div p.disctr {
    width: 27.74%;
}
#formulari-nadal .grid div p.rang-dates {
    width: 33.74%;
}
#formulari-nadal .grid div p.tipus-act {
    width: 35.5%;
}
#formulari-nadal .bt-envia{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 1.1rem 0 0;
}
#formulari-nadal #enviar {
    border: 0;
    height: 4.4rem;
    background: #FFD700;
    color: black;
    font-size: 1.6rem;
    padding: 1rem 2rem;
    border-radius: 0.8rem;
    font-weight: 600;
}


#formulari-nadal #enviar:hover, #formulari-nadal #enviar:focus{
    text-decoration: none!important;
    background: #FFE765;

}


#formulari-nadal label {
    position: absolute;
    top: 14px;
    left: 17px;
    color: #000;
    font-size: 1.6rem;
    font-weight: 400;
        width: 100%;

}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #formulari-nadal label, #formulari-nadal input#cerca {
      width: 90%!important;
      min-width: 90%!important;
      max-width: 90%!important;
      margin-left: 5%!important;
      margin-bottom: 1.5rem;
  }
  #formulari-nadal .grid > * {
      width: 90%;
      margin: 0 5%;
  }
  #formulari-nadal .bt-envia {
      margin: 1.8rem 5% 3.8rem!important;
  }
  #formulari-nadal .grid div p.rang-dates {
      width: 33.74%;
  }
  #formulari-nadal .grid div p.tipus-act {
      width: 35.5%;
  }
  #formulari-nadal .grid p.barra:before, #formulari-nadal .grid p.barra::after{
    display: none;
  }
  #formulari-nadal .grid h2:after,   #formulari-nadal h2:before  {
    display: none;
}


}

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

    #formulari-nadal{
        padding: 3rem 0 3rem;
        margin-bottom: 4rem;
    }
    #formulari-nadal .grid > * {
            width: 60%;
    line-height: 1.2em;
      }
    #formulari-nadal .grid h2:before, #formulari-nadal .grid h2:after {
        display: none;
      }

      #formulari-nadal h2{
          padding-top:0rem;
     font-size: 2.2rem;
     padding-bottom: 2rem;
      }


#formulari-nadal .grid p.barra:before, #formulari-nadal .grid p.barra:after {
    pointer-events: none;
    top: -131px!Important;
  }
#formulari-nadal .grid p.barra:before {
    width: 77px;
    height: 100px;
}
#formulari-nadal .grid p.barra:after {
    display: none;
}

      #formulari-nadal h2 img:not(.hidden){
        display: none;
      }
    #formulari-nadal h2 img.hidden{
      display: inline-block;
      margin: auto;
      padding-top: 2.5rem;
          width: 100%;
          max-width: 175px;
    }

    #formulari-nadal label, #formulari-nadal input#cerca {
        width: 90%!Important;
        min-width: inherit!Important;
        max-width: inherit!Important;
        margin-left: 5%!important;
        margin-bottom: 2rem;
    }
    #formulari-nadal .bt-envia {
        margin-top: 3rem;
        margin-bottom: 0;
        width: 100%;
    }
      #formulari-nadal #enviar{
            font-size: 1.5rem;
      }
      #formulari-nadal label:after {
        margin-right: 3rem!important;
      }
    #formulari-nadal .advanced-search {
        display: block!important;
        text-align: center;
        font-size: 1.6rem;
        color: black;
        margin-top: 2rem;
    }
    #formulari-nadal .advanced-search span {
        font-weight: 400;
        position: relative;
    }


    #formulari-nadal .advanced-search span:after {
        z-index: 0;
        height: 15px;
        background-size: contain;
        font-size: 1.4rem;
        font-family: 'icoajuntament' !important;
        content: "\e9ba";
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        padding-left: 0.4rem;
        text-transform: none;
        line-height: 1.5rem;
        -webkit-font-smoothing: antialiased;
        left: 50%;
        color: black;
    }

    #formulari-nadal .grup-select {
        display: none;
        margin-top: 2rem;
        width: 90%!important;
    }
}




/* fi cercador */

/* Mapa Exterior*/
.page-node-4195 #zone-row-content-wrapper,.page-node-4694 #zone-row-content-wrapper,.page-node-4695 #zone-row-content-wrapper, .page-node-4195 .full-background.contingut-html,.page-node-4694 .full-background.contingut-html,.page-node-4695 .full-background.contingut-html {
    padding: 0;
    margin:0;
}
/*fi mapa Exterior*/

/* MAPA DRAG & DROP HOME */



/* IFRAME HOME MAPA */
#frame_home {
    height: 57rem;
}
/* FI IFRAME HOME MAPA*/

/* XARXES SOCIALS */


iframe#widgetXXSS {
    margin-top: 2.7rem;
    margin-bottom: 3rem;
}

iframe#widgetXXSS .first-box h2{
    font-size: 31px;
}

/* FI XARXES SOCIALS*/


/** Fi HOME **/






/**************/
/** Internes **/
/**************/
#contingut #fitxa .entradeta{
    margin-bottom: 2rem;
}

#contingut #fitxa .entradeta p {
    color: black;
    line-height: 2.2rem;
    font-size: 1.6rem;
    max-width: 88rem;
    font-weight: 400;
    display: inline;

}
/* s'ha de revisar

#contingut #fitxa >div:not(#mapa-nadal-drag-drop-lupa) p{
    font-size: 1.4rem;
    color: #64646E;
    line-height: 1.8rem;
}*/

#contingut #fitxa ul, #contingut #fitxa ol {
    font-size: 1.4rem;
}

#contingut #fitxa p > a{
    color:black;
    text-decoration: underline  ;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px -0.6rem #ffd700;
}
/*
#contingut #fitxa p > a:before {
  content: '';
  background-color: #FFD700;
  position: absolute;
  left: -3px ;
  bottom: -1px;
  width: calc(100% + 4px  );
  height: 6px;
  z-index: -1;
  transition: all .3s ease-in-out;
}*/

header#header {
    display: none;
}
#breadcrumb {
    margin-bottom: 2.8rem;
    font-size: 1.2rem;
}
#breadcrumb ul li{
  line-height: 1.4rem;
  line-height: 2rem;
  font-family: 'Open Sans','Source Sans Pro', sans-serif;
}


#breadcrumb a{
    color:black;
    text-decoration: underline  ;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px -0.6rem #ffd700;
}


/*
#breadcrumb a:before {
  content: '';
  background-color: #FFD700;
  position: absolute;
  left: -3px ;
  bottom: -1px;
  width: calc(100% + 4px  );
  height: 6px;
  z-index: -1;
  transition: all .3s ease-in-out;
}*/

#breadcrumb a:hover:before {
  bottom: 0;
  height: 100%;
}


.node-pagina-nadal .boto-nadal a,.fitxa.boto-nadal a {
    text-decoration: none!important;
    background: #FFD700;
    color: black!Important;
    letter-spacing: 0;
    border-radius: 8px;
    font-size: 1.4rem;
    padding: 11px 2rem;
    font-weight: 600;
    position: relative;
    text-align: center;
    margin: 0 auto 1rem;
    display: inherit;
}



.sons.node-pagina-nadal .boto-nadal a, .sons .fitxa.boto-nadal a {
    text-align: left;
    padding-left: 6rem;
    max-width: 24rem;
    height: 6rem;
    margin: 0 0 2rem;
}


.sons.node-pagina-nadal .boto-nadal a:before,
.sons .fitxa.boto-nadal a:before {
   background: url(../../../images/ico-spotify.svg) no-repeat center bottom transparent;
   left: 12px;
   bottom: 0;
   height: 33px;
   width: 33px;
   background-size: contain;
   content: '';
   position: absolute;
   top: 12px;
}


.node-pagina-nadal .boto-nadal a:hover,.fitxa.boto-nadal a:hover,
.node-pagina-nadal .boto-nadal a:focus,.fitxa.boto-nadal a:focus {
  text-decoration: none!important;
  background: #FFE765;

}




@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .node-pagina-nadal .boto-nadal a,.fitxa.boto-nadal a {
        display: inline-block;
        width: 100%;
        vertical-align: middle;
    }
}

.galeria-media .slider ul li {
    margin-bottom: 0!important;
}



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

    .page-node #contingut #fitxa .carousel li.video a img{
        max-height: inherit!important;
    }
    #contingut #fitxa ol.flex-control-nav.flex-control-paging {
        width: 100%;
        margin: 0;
    }
    .page-node #contingut #fitxa .carousel li.video a img.play {
        width: 20%;
    }
    .carousel li.video a {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
        padding: 53.37% 0 0 0;
    }

    .carousel li.video a img:not(.play){
        display: block;
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;

    }

}



#contingut #fitxa strong {
    font-weight: 400;
}




#contingut #fitxa h2 strong{
    color:#06BCA1;
}

#contingut #fitxa h3 {
    line-height: 2.6rem;
    font-family: 'PT Serif', serif;

    letter-spacing: 0;
    font-size: 2.6rem;
    padding-top: 1rem;
}
#contingut #fitxa h3 strong , #contingut #fitxa strong em {
    color: inherit;
    font-weight: 400;
}







#contingut #fitxa h4 strong , #contingut #fitxa h4  {
    font-size: 1.8rem;
    letter-spacing: 0px!important;
    line-height: 2.2rem!important;
    color: black;
    font-weight: 400;
    font-family: 'PT Serif', serif;
    margin-bottom: 0.5rem;
}








/* Columna Dreta */
#contingut .column-right {
    float: right;
    width: 29.3%;
}
#contingut #info-destacada, #contingut .info-destacada-superior {
  background: #f2f2f2;
  margin-bottom: 3rem;
  position: relative;
  padding: 10px;
      color: #64646E;
}

/*urgencia 2022*/

#contingut #info-destacada:after{
    display: none!important;
}

#interior-info-destacada, #contingut .info-destacada-superior {
    padding-bottom: 2rem!important;
    min-height: inherit!important;
}


#contingut #info-destacada:before, #contingut .info-destacada-superior:before ,
#contingut #info-destacada:after, #contingut .info-destacada-superior:after {
    content: ' ';
    position: absolute;
    background-size: contain;
    z-index: 10;
    pointer-events: none;
}
#contingut #info-destacada:before,
.info-destacada-superior:before {
   background: url(../../../images/nadal2022/boleta.png) no-repeat center bottom transparent;
   top: -20px;
   left: inherit;
   right: -15px;
   bottom: 0;
   height: 36px;
   width: 41px;
   background-size: contain;
}

#contingut #info-destacada:after, .info-destacada-superior:after {
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
  background:url(../../../images/nadal2022/generica.png) no-repeat center bottom transparent;
    background-size: contain;
}


.plaça-cat #contingut #info-destacada:after,
.plaça-cat .info-destacada-superior:after {
    background:url(../../../images/nadal2022/plcatalunya.png) no-repeat center bottom transparent;
  }

  

.cavalcada #contingut #info-destacada:after,
.cavalcada .info-destacada-superior:after {
  background: url(../../../images/nadal2022/reis.png) no-repeat center bottom transparent;
}


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

  .cavalcada #contingut #info-destacada:after,.cavalcada .info-destacada-superior:after {
    transform: inherit!important;
    right: 0px!important;
  }
  .cavalcada #contingut #info-destacada:before,.cavalcada .info-destacada-superior:before {
    top: -6rem!important;
    left: -20px!important;
  }
  #contingut #info-destacada:before,
  .info-destacada-superior:before {
    display: none;;
  }

}

.campanades #contingut #info-destacada:after,
.campanades .info-destacada-superior:after {
  background: url(../../../images/nadal2022/capdany.png) no-repeat center bottom transparent;
}


body[class*="receptes"] #contingut #info-destacada:after,
body[class*="recetas"] #contingut #info-destacada:after,
body[class*="recipes"] #contingut #info-destacada:after,

body[class*="receptes"] #contingut .info-destacada-superior:after,
body[class*="recetas"] #contingut .info-destacada-superior:after,
body[class*="recipes"] #contingut .info-destacada-superior:after{
  background: url(../../../images/nadal2022/receptes.png) no-repeat center bottom transparent;
}



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

    #contingut #info-destacada, #contingut .info-destacada-superior {
        padding: 1rem!important ;
        min-height: inherit;
    }
    #interior-info-destacada, #contingut .info-destacada-superior {
      padding-bottom: 23rem!important;
    }
    #contingut #info-destacada:after {
        width: 100%;
        background-size: contain;
    }
    #contingut #info-destacada:before {
        background-size: 75%!important;
        top: -28px;
        right: -27px;

    }
}

#info-destacada h3, #contingut .info-destacada-superior h3 {
    font-size: 2.6rem!important;
    letter-spacing: 0!important;
    font-family: 'PT Serif', serif!important;
    line-height: 3rem!important;
    width: 90%;
    color: black!important;
}

#contingut #info-destacada h4 {
    font-size: 1.8rem;
    letter-spacing: 0!important;
    font-family: 'PT Serif', serif!important;
    line-height: 2.6rem;
    color: black;
    font-weight: inherit;
}
#contingut #info-destacada h4 strong{
    font-weight: 400;
}

#interior-info-destacada , #contingut .info-destacada-superior {
  color: #64646E!important;
  padding: 1.7rem 1.7rem;
  padding-bottom: 24rem;
  position: relative;
  min-height: 38rem;
}
#interior-info-destacada p{
  color: #64646E!important;
}

#contingut-addicional:before, #contingut-addicional:after{
  height: initial;
  width: auto;
  box-sizing: inherit;
  pointer-events: none;
}





#contingut #info-destacada em, #contingut .info-destacada-superior em {
    font-style: italic;
}
#contingut #info-destacada p > strong, #contingut .info-destacada-superior p > strong{
    font-size: 2.2rem;
    letter-spacing: 0!important;
    font-family: 'PT Serif', serif!important;
    line-height: 3rem;
    color: #FFD700;
    width: 100%;
    display: block;
    font-weight: 400;
}
#contingut #info-destacada ul, #contingut .info-destacada-superior ul {
    font-size: 1.4rem!important;
    margin-bottom: 1em;
    position:relative;
    z-index: 10;
}
#contingut #info-destacada ul li, #contingut .info-destacada-superior ul li{
    list-style-type: inherit;
    list-style-position: inherit;
        margin-bottom: 0.3rem!important;
        color: #64646E;
}


#contingut #info-destacada p, #contingut .info-destacada-superior p {
    font-size: 1.4rem;
    color: white;
}

.node-pagina-nadal .column-right .boto-nadal a:hover, .node-pagina-nadal .column-right .boto-nadal a:focus {
    text-decoration: underline;
}


@media screen and (max-width: 767px) {
    #contingut .column-right {
        display: none;
    }
    #contingut .info-destacada-mobile {
        display: block;
        margin-bottom: 1rem;
    }
    #contingut #fitxa .info-destacada-mobile p {
        font-size: 1.4rem;
    }

    div#interior-info-destacada:before {
        content: '';
        background: #f2f2f2;
        width: calc( 100% + 30px);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        height: 100%;
        left: -15px;
    }

    #interior-info-destacada, #contingut .info-destacada-superior{
      padding-bottom: 0!important;
      min-height: inherit;
      background: #f2f2f2;
      margin-bottom: 3rem;
      margin-top: 0 !important;
      padding: 0;
    }
    #contingut .info-destacada-superior {
            padding: 2rem 0!important;
    }

    #contingut #info-destacada:after, .info-destacada-superior:after{
        display: none;
    }


    #contingut #info-destacada ul, #contingut .info-destacada-superior ul {
        margin-left: 2rem!important;
    }
    #contingut #info-destacada ul li, #contingut .info-destacada-superior ul li {
        margin-bottom: 0.5rem!important;
    }
}
/*Fi columna dreta*/

/** Fi Internes **/

/*Text destacats superior*/

.page-node-4492 .full-background , .page-node-4493 .full-background , .page-node-4495 .full-background ,
.page-node-4480 .full-background , .page-node-4481 .full-background , .page-node-4482 .full-background ,
.page-node-4600 .full-background , .page-node-4601 .full-background , .page-node-4602 .full-background,
.page-node-4498 .full-background , .page-node-4512 .full-background , .page-node-4515 .full-background ,
.page-node-4485 .full-background , .page-node-4486 .full-background , .page-node-4487 .full-background ,
.page-node-4550 .full-background , .page-node-4551 .full-background , .page-node-4552 .full-background ,
.page-node-12087 .full-background , .page-node-12113 .full-background , .page-node-12111 .full-background,
.page-node-12115 .full-background, .page-node-12117 .full-background, .page-node-12116 .full-background {
    padding: 0;
    margin-top: 1.7rem!important;
}


.page-node-4492 .full-background .entradeta p, .page-node-4493 .full-background .entradeta p, .page-node-4495 .full-background .entradeta p,
.page-node-4480 .full-background .entradeta p, .page-node-4481 .full-background .entradeta p, .page-node-4482 .full-background .entradeta p,
.page-node-4498 .full-background .entradeta p, .page-node-4512 .full-background .entradeta p, .page-node-4515 .full-background .entradeta p,
.page-node-4600 .full-background  .entradeta p, .page-node-4601 .full-background .entradeta p, .page-node-4602 .full-background .entradeta p,
.page-node-4485 .full-background  .entradeta p, .page-node-4486 .full-background .entradeta p, .page-node-4487 .full-background .entradeta p,
.page-node-4550 .full-background  .entradeta p, .page-node-4551 .full-background .entradeta p, .page-node-4552 .full-background .entradeta p,
.page-node-12087 .full-background .entradeta p, .page-node-12113 .full-background .entradeta p, .page-node-12111 .full-background .entradeta p,
.novetats-llibres p, .page-node-12115 .full-background .entradeta p, .page-node-12117 .full-background .entradeta p, .page-node-12116 .full-background .entradeta p {
    font-weight: 400!important;
}

.page-node-4498 .full-background .entradeta p, .page-node-4512 .full-background .entradeta p, .page-node-4515 .full-background .entradeta p{
    display: inline-block!important;
    margin-bottom: 1rem;
    max-width: inherit!important;

}





.page-node-4485 .node-grup-de-destacats .destacat.with-color strong,
.page-node-4486 .node-grup-de-destacats .destacat.with-color  strong,
.page-node-4487 .node-grup-de-destacats .destacat.with-color  strong,
.page-node-4550 .node-grup-de-destacats .destacat.with-color strong,
.page-node-4551 .node-grup-de-destacats .destacat.with-color  strong,
.page-node-4552 .node-grup-de-destacats .destacat.with-color  strong,
.page-node-12087 .node-grup-de-destacats .destacat.with-color  strong,
.page-node-12113 .node-grup-de-destacats .destacat.with-color  strong,
.page-node-12111 .node-grup-de-destacats .destacat.with-color strong{
  color: black!important;

}


/** Nadal als Districtes **/

.districtes .carta-col-1{
    width: 74% ;
}



.districtes #download-letter{
    padding: 0;
    padding-bottom: 0!important ;

}

.districtes #fitxa .entradeta {
    margin-bottom:0!important;
}


.districtes .letter-text{
    width: 25rem!important;
    margin-top:0!important;
    border-radius: 4px;
}
.districtes a#dowload-link::after{
    display: none;
}

.districtes  a#dowload-link:before {
    width: 58px;
    height: 44px;
    position: absolute;
    top: -29px;
    right: -25px;
    z-index: 100;
    content: "";
    background: url(../../../images/nadal2021/llums.svg) no-repeat;
}




@media screen and (max-width: 767px){
    .districtes .carta-col-1{
        width: 100% ;
    }
    .districtes .letter-text{
        float:left;
        padding-right:0!important;
    }
    #download-letter {
        margin-top:2rem;
    }


    .districtes a#dowload-link{
        margin-top: 2rem!important;

    }


}


.page-node-4492 .full-background.grup-destacats,
.page-node-4495 .full-background.grup-destacats,
.page-node-4493 .full-background.grup-destacats{
    margin-top: 0!Important;
    padding-top: 0;
}



     .page-node-4493 .full-background .entradeta p, .page-node-4495 .full-background .entradeta p{
    color: #64646E!important;
    line-height: 1.8rem;
    font-size: 1.4rem;
    max-width: 90rem;
}



.page-node-4492 .full-background .entradeta p, .page-node-4493 .full-background .entradeta p, .page-node-4495 .full-background .entradeta p{
    color: #64646E;
    line-height: 1.8rem;
    font-size: 1.4rem;
    max-width: 90rem;
}


.page-node-4492 .node-grup-de-destacats  .destacat .box-destacat, .page-node-4493 .node-grup-de-destacats .destacat .box-destacat , .page-node-4495 .node-grup-de-destacats .destacat .box-destacat,
.page-node-12115 .node-grup-de-destacats .destacat .box-destacat, .page-node-12117 .node-grup-de-destacats .destacat .box-destacat, .page-node-12116 .node-grup-de-destacats .destacat .box-destacat {
    height: 63px;
}


.page-node-4492 .node-grup-de-destacats .destacat, .page-node-4493 .node-grup-de-destacats .destacat , .page-node-4495 .node-grup-de-destacats .destacat,
.page-node-12115 .node-grup-de-destacats .destacat, .page-node-12117 .node-grup-de-destacats .destacat, .page-node-12116 .node-grup-de-destacats .destacat {
    height: auto;
    padding-bottom: 0;
    background: white;
}


    .page-node-4492 #zone-content, .page-node-4493 #zone-content , .page-node-4495 #zone-content, .doscolumnes #contingut{
        position:relative;      
      }
      


      .page-node-4492  #zone-content .node-grup-de-destacats:before , .page-node-4492  #zone-content .node-grup-de-destacats:after,
      .page-node-4493  #zone-content .node-grup-de-destacats:before , .page-node-4493  #zone-content .node-grup-de-destacats:after,
      .page-node-4495  #zone-content .node-grup-de-destacats:before , .page-node-4495  #zone-content .node-grup-de-destacats:after,

      .page-node-4485  #zone-content .node-grup-de-destacats:before , .page-node-4485  #zone-content .node-grup-de-destacats:after,
      .page-node-4486  #zone-content .node-grup-de-destacats:before , .page-node-4486  #zone-content .node-grup-de-destacats:after,
      .page-node-4487  #zone-content .node-grup-de-destacats:before , .page-node-4487  #zone-content .node-grup-de-destacats:after,     
      
        .page-node-4550  #zone-content .node-grup-de-destacats:before , .page-node-4550  #zone-content .node-grup-de-destacats:after,
      .page-node-4551  #zone-content .node-grup-de-destacats:before , .page-node-4551  #zone-content .node-grup-de-destacats:after,
      .page-node-4552  #zone-content .node-grup-de-destacats:before , .page-node-4552  #zone-content .node-grup-de-destacats:after,

      .page-node-12087  #zone-content .node-grup-de-destacats:before , .page-node-12087  #zone-content .node-grup-de-destacats:after,
      .page-node-12113  #zone-content .node-grup-de-destacats:before , .page-node-12113  #zone-content .node-grup-de-destacats:after,
      .page-node-12111  #zone-content .node-grup-de-destacats:before , .page-node-12111  #zone-content .node-grup-de-destacats:after{
        pointer-events: none;
        content: ' ';
        position: absolute;
        top: inherit;
        bottom: 0;
        left: -35%;
        width: 400px;
        height: 698px;
        background: url(../../../images/nadal2022/districtes_esquerra.png);
        background-size: contain;
        background-repeat: no-repeat;
      }


      .doscolumnes #contingut:before,       .doscolumnes #contingut:after{
        pointer-events: none;
        content: ' ';
        position: absolute;
        top: inherit;
        bottom: 0;
        left: -35%;
        width: 400px;
        height: 698px;
        background: url(../../../images/nadal2022/contingut_esquerra.png);
        background-size: contain;
        background-repeat: no-repeat;
      }

      


      @media screen and (min-width: 1800px) {
        .doscolumnes #contingut:before, .doscolumnes #contingut:after,

          .page-node-4492  #zone-content .node-grup-de-destacats:before , .page-node-4492  #zone-content .node-grup-de-destacats:after,
          .page-node-4493  #zone-content .node-grup-de-destacats:before , .page-node-4493  #zone-content .node-grup-de-destacats:after,
          .page-node-4495  #zone-content .node-grup-de-destacats:before , .page-node-4495  #zone-content .node-grup-de-destacats:after,

          .page-node-4485  #zone-content .node-grup-de-destacats:before , .page-node-4485  #zone-content .node-grup-de-destacats:after,
          .page-node-4486  #zone-content .node-grup-de-destacats:before , .page-node-4486  #zone-content .node-grup-de-destacats:after,
          .page-node-4487  #zone-content .node-grup-de-destacats:before , .page-node-4487  #zone-content .node-grup-de-destacats:after,     
          
            .page-node-4550  #zone-content .node-grup-de-destacats:before , .page-node-4550  #zone-content .node-grup-de-destacats:after,
          .page-node-4551  #zone-content .node-grup-de-destacats:before , .page-node-4551  #zone-content .node-grup-de-destacats:after,
          .page-node-4552  #zone-content .node-grup-de-destacats:before , .page-node-4552  #zone-content .node-grup-de-destacats:after,
    
          .page-node-12087  #zone-content .node-grup-de-destacats:before , .page-node-12087  #zone-content .node-grup-de-destacats:after,
          .page-node-12113  #zone-content .node-grup-de-destacats:before , .page-node-12113  #zone-content .node-grup-de-destacats:after,
          .page-node-12111  #zone-content .node-grup-de-destacats:before , .page-node-12111  #zone-content .node-grup-de-destacats:after{
            left: -50%;
          }
        }
        @media screen and (min-width: 2200px) {
            .doscolumnes #contingut:before, .doscolumnes #contingut:after,

          .page-node-4492  #zone-content .node-grup-de-destacats:before , .page-node-4492  #zone-content .node-grup-de-destacats:after,
          .page-node-4493  #zone-content .node-grup-de-destacats:before , .page-node-4493  #zone-content .node-grup-de-destacats:after,
          .page-node-4495  #zone-content .node-grup-de-destacats:before , .page-node-4495  #zone-content .node-grup-de-destacats:after,

          .page-node-4485  #zone-content .node-grup-de-destacats:before , .page-node-4485  #zone-content .node-grup-de-destacats:after,
          .page-node-4486  #zone-content .node-grup-de-destacats:before , .page-node-4486  #zone-content .node-grup-de-destacats:after,
          .page-node-4487  #zone-content .node-grup-de-destacats:before , .page-node-4487  #zone-content .node-grup-de-destacats:after,     
          
            .page-node-4550  #zone-content .node-grup-de-destacats:before , .page-node-4550  #zone-content .node-grup-de-destacats:after,
          .page-node-4551  #zone-content .node-grup-de-destacats:before , .page-node-4551  #zone-content .node-grup-de-destacats:after,
          .page-node-4552  #zone-content .node-grup-de-destacats:before , .page-node-4552  #zone-content .node-grup-de-destacats:after,
    
          .page-node-12087  #zone-content .node-grup-de-destacats:before , .page-node-12087  #zone-content .node-grup-de-destacats:after,
          .page-node-12113  #zone-content .node-grup-de-destacats:before , .page-node-12113  #zone-content .node-grup-de-destacats:after,
          .page-node-12111  #zone-content .node-grup-de-destacats:before , .page-node-12111  #zone-content .node-grup-de-destacats:after{
            left: -70%;
          }
        }
        @media screen and (min-width: 2600px) {

            .doscolumnes #contingut:before, .doscolumnes #contingut:after,
          .page-node-4492  #zone-content .node-grup-de-destacats:before , .page-node-4492  #zone-content .node-grup-de-destacats:after,
          .page-node-4493  #zone-content .node-grup-de-destacats:before , .page-node-4493  #zone-content .node-grup-de-destacats:after,
          .page-node-4495  #zone-content .node-grup-de-destacats:before , .page-node-4495  #zone-content .node-grup-de-destacats:after,

          .page-node-4485  #zone-content .node-grup-de-destacats:before , .page-node-4485  #zone-content .node-grup-de-destacats:after,
          .page-node-4486  #zone-content .node-grup-de-destacats:before , .page-node-4486  #zone-content .node-grup-de-destacats:after,
          .page-node-4487  #zone-content .node-grup-de-destacats:before , .page-node-4487  #zone-content .node-grup-de-destacats:after,     
          
            .page-node-4550  #zone-content .node-grup-de-destacats:before , .page-node-4550  #zone-content .node-grup-de-destacats:after,
          .page-node-4551  #zone-content .node-grup-de-destacats:before , .page-node-4551  #zone-content .node-grup-de-destacats:after,
          .page-node-4552  #zone-content .node-grup-de-destacats:before , .page-node-4552  #zone-content .node-grup-de-destacats:after,
    
          .page-node-12087  #zone-content .node-grup-de-destacats:before , .page-node-12087  #zone-content .node-grup-de-destacats:after,
          .page-node-12113  #zone-content .node-grup-de-destacats:before , .page-node-12113  #zone-content .node-grup-de-destacats:after,
          .page-node-12111  #zone-content .node-grup-de-destacats:before , .page-node-12111  #zone-content .node-grup-de-destacats:after{
            left: -90%;
          }
        }

      
      .page-node-4492 #zone-content .node-grup-de-destacats:after,
       .page-node-4493 #zone-content .node-grup-de-destacats:after,
      .page-node-4495 #zone-content .node-grup-de-destacats:after,

      .page-node-4485  #zone-content .node-grup-de-destacats:after,
  .page-node-4486  #zone-content .node-grup-de-destacats:after,
.page-node-4487  #zone-content .node-grup-de-destacats:after,     
      
 .page-node-4550  #zone-content .node-grup-de-destacats:after,
.page-node-4551  #zone-content .node-grup-de-destacats:after,
 .page-node-4552  #zone-content .node-grup-de-destacats:after,

 .page-node-12087  #zone-content .node-grup-de-destacats:after,
.page-node-12113  #zone-content .node-grup-de-destacats:after,
 .page-node-12111  #zone-content .node-grup-de-destacats:after{

        top: 0;
        width: 402px;
        height: 764px;
        background: url(../../../images/nadal2022/districtes_dreta.png);
        right: -35%;
        background-size: cover;
        left: inherit;
        }

        .doscolumnes #contingut:after{
            top: 0;
            width: 402px;
            height: 764px;
            background: url(../../../images/nadal2022/contingut_dreta.png);
            right: -30%;
            background-size: cover;
            left: inherit;
        }
 

        

        @media screen and (min-width: 1800px) {
            .doscolumnes #contingut:after,
            .page-node-4492 #zone-content .node-grup-de-destacats:after,
            .page-node-4493 #zone-content .node-grup-de-destacats:after,
           .page-node-4495 #zone-content .node-grup-de-destacats:after,
     
           .page-node-4485  #zone-content .node-grup-de-destacats:after,
       .page-node-4486  #zone-content .node-grup-de-destacats:after,
     .page-node-4487  #zone-content .node-grup-de-destacats:after,     
           
      .page-node-4550  #zone-content .node-grup-de-destacats:after,
     .page-node-4551  #zone-content .node-grup-de-destacats:after,
      .page-node-4552  #zone-content .node-grup-de-destacats:after,
     
      .page-node-12087  #zone-content .node-grup-de-destacats:after,
     .page-node-12113  #zone-content .node-grup-de-destacats:after,
      .page-node-12111  #zone-content .node-grup-de-destacats:after{
            right: -50%;
          }
        }
        @media screen and (min-width: 2200px) {
            .doscolumnes #contingut:after,

            .page-node-4492 #zone-content .node-grup-de-destacats:after,
            .page-node-4493 #zone-content .node-grup-de-destacats:after,
           .page-node-4495 #zone-content .node-grup-de-destacats:after,
     
           .page-node-4485  #zone-content .node-grup-de-destacats:after,
       .page-node-4486  #zone-content .node-grup-de-destacats:after,
     .page-node-4487  #zone-content .node-grup-de-destacats:after,     
           
      .page-node-4550  #zone-content .node-grup-de-destacats:after,
     .page-node-4551  #zone-content .node-grup-de-destacats:after,
      .page-node-4552  #zone-content .node-grup-de-destacats:after,
     
      .page-node-12087  #zone-content .node-grup-de-destacats:after,
     .page-node-12113  #zone-content .node-grup-de-destacats:after,
      .page-node-12111  #zone-content .node-grup-de-destacats:after{
            right: -70%;
          }
        }
        @media screen and (min-width: 2600px) {
            .doscolumnes #contingut:after,

            .page-node-4492 #zone-content .node-grup-de-destacats:after,
            .page-node-4493 #zone-content .node-grup-de-destacats:after,
           .page-node-4495 #zone-content .node-grup-de-destacats:after,
     
           .page-node-4485  #zone-content .node-grup-de-destacats:after,
       .page-node-4486  #zone-content .node-grup-de-destacats:after,
     .page-node-4487  #zone-content .node-grup-de-destacats:after,     
           
      .page-node-4550  #zone-content .node-grup-de-destacats:after,
     .page-node-4551  #zone-content .node-grup-de-destacats:after,
      .page-node-4552  #zone-content .node-grup-de-destacats:after,
     
      .page-node-12087  #zone-content .node-grup-de-destacats:after,
     .page-node-12113  #zone-content .node-grup-de-destacats:after,
      .page-node-12111  #zone-content .node-grup-de-destacats:after{
            right: -90%;
          }
        }


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

            .doscolumnes #contingut:before,            .doscolumnes #contingut:after,

            .page-node-4492  #zone-content .node-grup-de-destacats:before , .page-node-4492  #zone-content .node-grup-de-destacats:after,
            .page-node-4493  #zone-content .node-grup-de-destacats:before , .page-node-4493  #zone-content .node-grup-de-destacats:after,
            .page-node-4495  #zone-content .node-grup-de-destacats:before , .page-node-4495  #zone-content .node-grup-de-destacats:after,
      
            .page-node-4485  #zone-content .node-grup-de-destacats:before , .page-node-4485  #zone-content .node-grup-de-destacats:after,
            .page-node-4486  #zone-content .node-grup-de-destacats:before , .page-node-4486  #zone-content .node-grup-de-destacats:after,
            .page-node-4487  #zone-content .node-grup-de-destacats:before , .page-node-4487  #zone-content .node-grup-de-destacats:after,     
            
              .page-node-4550  #zone-content .node-grup-de-destacats:before , .page-node-4550  #zone-content .node-grup-de-destacats:after,
            .page-node-4551  #zone-content .node-grup-de-destacats:before , .page-node-4551  #zone-content .node-grup-de-destacats:after,
            .page-node-4552  #zone-content .node-grup-de-destacats:before , .page-node-4552  #zone-content .node-grup-de-destacats:after,
      
            .page-node-12087  #zone-content .node-grup-de-destacats:before , .page-node-12087  #zone-content .node-grup-de-destacats:after,
            .page-node-12113  #zone-content .node-grup-de-destacats:before , .page-node-12113  #zone-content .node-grup-de-destacats:after,
            .page-node-12111  #zone-content .node-grup-de-destacats:before , .page-node-12111  #zone-content .node-grup-de-destacats:after{
                display: none;
            }

        }
        

.page-node-4492 .node-grup-de-destacats .destacat h3 , .page-node-4493 .node-grup-de-destacats .destacat h3 , .page-node-4495 .node-grup-de-destacats .destacat h3 {
  margin: 0;

}

@media screen and (max-width: 767px){
  .page-node-4492 .node-grup-de-destacats .destacat h3 , .page-node-4493 .node-grup-de-destacats .destacat h3 , .page-node-4495 .node-grup-de-destacats .destacat h3 {
    margin-bottom: 1.6rem!important;
  }
}

/** FI Nadal als Districtes **/

/** Pagina recollida avets **/

#node-17854{
  clear: both;
}

.bcn-map-reset, .bcn-map-reset *{
    font-size: 1.4rem;
}

.bcn-map-detall-content {
    padding-top: 2rem;
}


div#accordion {
    margin-top: .4rem;
}

#accordion h4 {
    cursor: pointer;
    padding: 16px 10px 12px;
    position: relative;
    margin-bottom: 2px;
    border-top: 2px solid #51C99F;
}

#accordion h4:last-of-type {
    border-bottom: 2px solid #51C99F;
}
#accordion h4.pregunta-hover:last-of-type {
  border-bottom: none;
}
#accordion h4 a {
    text-decoration: none;
    color: black;
}
#accordion h4:after {
    font-family: 'icoajuntament' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9ba";
    float: right;
    line-height: 3rem;
    color:black;
    position: absolute;
    top: 26%;
    right: 13px;
}
#accordion h4.pregunta-hover:after {
    content: "\e9bd";
}
.ui-accordion-content {
    height: 100%!important;
    border: 1px solid #dbdbdb;
    padding: 20px 0px;
}

#accordion ul {
  padding-top: 1rem!important;
  list-style-type: none!important;
  margin-left: 17px!important;
}
#accordion ul li {
    font-size: 1.4rem;
    margin-bottom: 10px!important;
}
#accordion ul li:last-child{
    margin:0;
}

/** FI Pagina recollida avets **/

/*** Distribuidora de tradicions **/


.slider-multi-element-2 {
    margin-bottom: 3rem;
    border: none;
    background: #f2f2f2;
}

.slider-multi-element-2 .slider-wrapper h3 {
    color: black;
    letter-spacing: 0;
    font-size: 2.6rem!important;
    font-family: 'PT Serif', serif;
    line-height: 2.6rem;
    margin-bottom: 0.9rem;
    text-transform: inherit;
}
.slider-multi-element-2 ul{
font-size: 1.4rem;
}
.slider-multi-element-2 .slider-multi-element-links a{
    color:#AD3137;
}
.slider-multi-element-2 .slider-multi-element-links a:hover{
    text-decoration: underline;
}
.slider-multi-element-2 .owl-controls {
    display: none;
}

@media screen and (max-width: 767px){
    .slider-multi-element-2 .item-literal {
        margin-bottom: 2em;
        width: 100%;
    }

}

/*** FI Distribuidora de tradicions **/



/** Receptes **/
#menu-receptes {
    padding: 0;
}
#menu-receptes li {
    font-weight: 600;
    color: black;
    float: left;
    width: 16.2%;
    height: 3.4rem;
    line-height: 1.6rem;
    text-align: center;
    background: #F2F2F2;
    border-left: 1px solid #fff;
    cursor: pointer;
    font-size: 1.5rem;
    display: flex;
    letter-spacing: 0;
    align-items: center;
    justify-content: center;
    border-radius: 8px 8px 0px 0px;
    margin: 0 2px;
}
#menu-receptes li:hover , #menu-receptes li.active {
    background: #D9D9D9 ;
}

.page-node-4203 .node-grup-de-destacats .destacat ul li a,
.page-node-4242 .node-grup-de-destacats .destacat ul li a,
.page-node-4278 .node-grup-de-destacats .destacat ul li a{
    color:black;
}


.page-node-4203 .node-grup-de-destacats .destacat ul li a:before,
.page-node-4242 .node-grup-de-destacats .destacat ul li a:before,
.page-node-4278 .node-grup-de-destacats .destacat ul li a:before{
    font-family: 'icoajuntament' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e998";
    background-color: #FFD700;
    border-radius: 30px;
    line-height: 11px;
    font-size: 0.7rem;
    margin-right: 0.6rem;
    width: 1.1rem;
    height: 1.2rem;
    display: inline-table;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0.2rem;
    padding-left: 0.1rem;
}





.page-node-4203 .grup-destacats, 
.page-node-4242 .grup-destacats, 
.page-node-4278 .grup-destacats{

    position: relative;
}

.page-node-4203 .node-grup-de-destacats:before , .page-node-4203 .node-grup-de-destacats:after,
.page-node-4242 .node-grup-de-destacats:before , .page-node-4242 .node-grup-de-destacats:after,
.page-node-4278 .node-grup-de-destacats:before , .page-node-4278 .node-grup-de-destacats:after{
    pointer-events: none;
    content: ' ';
    position: absolute;
    width: 395px;
    height: 1008px;
    top: 0;
    left: -35%;
    background: url(../../../images/nadal2022/receptes_esquerra.png);
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1800px) {
  .page-node-4203 .node-grup-de-destacats:before , .page-node-4203 .node-grup-de-destacats:after,
  .page-node-4242 .node-grup-de-destacats:before , .page-node-4242 .node-grup-de-destacats:after,
  .page-node-4278 .node-grup-de-destacats:before , .page-node-4278 .node-grup-de-destacats:after{
    left: -50%;
  }
}
@media screen and (min-width: 2200px) {
  .page-node-4203 .node-grup-de-destacats:before , .page-node-4203 .node-grup-de-destacats:after,
  .page-node-4242 .node-grup-de-destacats:before , .page-node-4242 .node-grup-de-destacats:after,
  .page-node-4278 .node-grup-de-destacats:before , .page-node-4278 .node-grup-de-destacats:after{
    left: -70%;
  }
}
@media screen and (min-width: 2600px) {
  .page-node-4203 .node-grup-de-destacats:before , .page-node-4203 .node-grup-de-destacats:after,
  .page-node-4242 .node-grup-de-destacats:before , .page-node-4242 .node-grup-de-destacats:after,
  .page-node-4278 .node-grup-de-destacats:before , .page-node-4278 .node-grup-de-destacats:after{
    left: -90%;
  }
}
  

  
.page-node-4203 .node-grup-de-destacats:after,
.page-node-4242 .node-grup-de-destacats:after,
.page-node-4278 .node-grup-de-destacats:after{    
    width: 423px;
    height: 1010px;
    top: inherit;
    left: inherit;
    background: url(../../../images/nadal2022/receptes_dreta.png);
    right: -35%;
    bottom: 0;
    background-size: cover;
}

@media screen and (min-width: 1800px) {
  .page-node-4203 .node-grup-de-destacats:after,
  .page-node-4242 .node-grup-de-destacats:after,
  .page-node-4278 .node-grup-de-destacats:after{  
    right: -50%;
  }
}
@media screen and (min-width: 2200px) {
  .page-node-4203 .node-grup-de-destacats:after,
  .page-node-4242 .node-grup-de-destacats:after,
  .page-node-4278 .node-grup-de-destacats:after{  
    right: -70%;
  }
}
@media screen and (min-width: 2600px) {
  .page-node-4203 .node-grup-de-destacats:after,
  .page-node-4242 .node-grup-de-destacats:after,
  .page-node-4278 .node-grup-de-destacats:after{  
    right: -90%;
  }
}


/* Fi Receptes */


/* Barcelona Cultura */

.gaudim-cultura #fitxa{
    padding: 3rem 7rem;
    border-top: 1px solid #a5a5ab;
    border-bottom: 1px solid #a5a5ab;
    background: white;
    z-index: 2;
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
}
.gaudim-cultura #fitxa p{
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 2.8rem;

}
.imatge-promocional-node, .banner-cultura{
    position: relative;
    z-index: 2;
}



.banner-cultura{
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.banner-cultura span{
    height: 4rem;
    background: #06BCA1;
    color: #fff;
    font-size: 1.6rem;
    padding: 0 3rem;
    line-height: 4rem;
    border-radius: 0.4rem;
    font-weight: 600;
    background-position: center;
    text-align: center;
    letter-spacing: -0.03em;
    position: absolute;
    bottom: -1.8rem!important;

    left: 50%;
    transform: translate(-50%, 0rem);
}


.banner-cultura:hover span, .banner-cultura:focus span{
    background: #00452d;
}




.banner-cultura.mobile {
    display: none;
}


@media screen and (max-width: 767px) {
    .banner-cultura.desktop {
        display: none;
    }
    .banner-cultura.mobile {
        display: block;
    }
    .banner-cultura.mobile img {
        width: 100%;
    }
    .gaudim-cultura #fitxa p{
        font-size: 2rem;
        line-height: 2.2rem;
    }
    .gaudim-cultura #fitxa{
        padding: 0 1rem;
        border: 0;
    }
}
/* Fi Barcelona Cultura */








/** Grup destacats **/
.bcn-share-button a.icon-bcn-share-button {
    background-image: url(/nadal/sites/all/themes/bcn/images/nadal/share-button-asia.gif);
}

.page-node-4195 .full-background.grup-destacats,.page-node-4694 .full-background.grup-destacats,.page-node-4695 .full-background.grup-destacats {
    padding: 0!important;
}
body.not-front .full-background.grup-destacats {
    padding: 2rem 0 0;
}
.titol-grup-destacats {
    display: none;
}
.node-grup-de-destacats .destacat{
    border: none!important;
    background: white!important;
    height: inherit;
}

div#interior-destacat {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}



.node-grup-de-destacats .destacat h3 a:hover , .node-grup-de-destacats .destacat h3 a:focus{
    text-decoration: underline;
}

.node-grup-de-destacats .destacat .box-destacat{
  padding: 1.8rem 0 0;
  height: auto;
}

/*Colors destacats*/
.node-grup-de-destacats .destacat .box-destacat.with-color {
  position: relative;
}




.destacat.vermell{
  background-color: #F94749;
}
.destacat.verd{
  background-color: #FD524E;
}




@media screen and (max-width: 767px){
  .node-grup-de-destacats .destacat.img_petita  .box-destacat:after{
    display: none;
  }
}

/*Fi colors destacats*/




.node-grup-de-destacats .destacat h3 {
    font-size: 2.2rem!important;
    font-family: 'PT Serif', serif;
    line-height: 2.6rem;
    letter-spacing: 0!important;
    margin-bottom: 0.7rem;
    text-transform: inherit;

  }

  .node-grup-de-destacats .destacat p em {
    color: black!important;
}


.node-grup-de-destacats .destacat:not(.with-color) .destacat p{
    color: #64646E!important;
}

.node-grup-de-destacats .destacat.with-color * , .node-grup-de-destacats .destacat h3 a{
  color: black!important;
}


.node-grup-de-destacats .destacat p{
    font-size: 1.4rem!important;
    color: black!important;
}


.node-grup-de-destacats .destacat ul li {
    color: black;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

.node-grup-de-destacats .destacat ul li a{
	color:#FFD700;
	font-weight: 600;
}


.node-grup-de-destacats .destacat ul li strong{
    font-weight: 600;
    color: black;
}

.node-grup-de-destacats .destacat ul li p em{
	color: inherit;
}





.grup-destacats {
    clear: both;
}
@media screen and (max-width: 767px){
    .node-grup-de-destacats .destacat .box-destacat{
        padding: 1rem 0.7em 0rem 1rem;
    }
    .node-grup-de-destacats .destacat .box-destacat h2, .node-grup-de-destacats .destacat .box-destacat h3 {
        font-size:2.2rem!important;
            margin: 0.8rem 0;
    }


}

/** FI  Grup destacats **/






/** Comparteix generic **/
#zone-row-9-wrapper {
    padding: 38px 0;
    margin-top: 40px;
    background: #f6f6f4;
}
#comparteix h2 {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0.5em;
}
/** Fi Comparteix generic **/













/** FOOTER **/

#footer {
    background: #fff;
    font-size: 1.2rem;
    border-top: 1px solid #DEDEDE;

}

#footer .zone-wrapper {
    padding: 0;
    height: 52px;
    margin: 8px 0 0;
}

#footer .content ul {
    margin-bottom: 0!important;
}

#footer .content ul li {
    font-size: 1.2rem;
}

@media screen and (max-width: 767px){
    #footer .zone-wrapper {
        padding: 0;
        height: 45px;
        margin: 0;
    }
    #footer .content a img.logo-ajuntament {
        width: 90px;
        top: 7px;
    }

#footer .content ul {
    display: inline-block;
    margin-bottom: 0!important;
    position: absolute;
    z-index: 122222;
    top: 7px;
    right: 0;
    padding: 0;
    text-align: revert;
    margin: 0;
}

}


/** Fi FOOTER **/




/** Agenda destacada **/
body.not-front .full-background.agenda-destacada {
    padding-top: 0;
}

#agenda-destacada .item {
    background-color: white;
    box-shadow: none!important;
    height: 400px;
  }

  #agenda-destacada .item .media img{
    max-height: 200px;
  }

#agenda-destacada h3 {
    font-family: 'PT Serif', serif;
    font-size: 2.2rem;
    letter-spacing: 0;
    line-height: 2.6rem;
}

#agenda-destacada h3 a {
    color: black;
}
#agenda-destacada .dades a {
    font-weight: 400!important;
    color: black;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px -0.6rem #ffd700;
}




#agenda-destacada p {
    color: #64646E;
}
#agenda-destacada .content-ag {
    padding: 2.3rem 0;
}

@media screen and (max-width: 767px){
    #agenda-destacada .content-ag {
        padding: 1.4rem 0 0;
    }
    #page #agenda-destacada .item p{
        display: block;
    }

}

#agenda-destacada dl {
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

#agenda-destacada dt {
    color: black;
}
.veure-mes a {
    border: 0;
    height: 4rem;
    background: #FFD700;
    color: black;
    font-size: 1.4rem;
    padding: 0rem 2rem;
    border-radius: 0.8rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    line-height: 4rem;

}
.veure-mes {
    margin-bottom: 6rem;
    background: none;
}

.veure-mes a:hover,.veure-mes a:focus {
    text-decoration: none!important;
    box-shadow: none;
    background: #FFE765;
    padding: 0rem 2rem;
}
.veure-mes a:focus {
    background: #FFE765;
}

/** Fi Agenda destacada **/



/** Llistats **/

#wrapper-results {
    margin-top: 2rem;
}
#wrapper-results .filtres ul li {
    padding-right: 0;
}
#wrapper-results .filtres ul li a {
    display: none;
}
#contenidor-detall {
    margin-top: 21px;
}
#wrapper-results a {
    color: black;
}

span.nameday {
    font-size: 1.2rem!important;
    font-weight: 600;
}
#wrapper-results h2 {
    font-family: 'PT Serif', serif;
    font-size: 2.4rem;
    line-height: 2.6rem;
    margin-bottom: 0.75em;
    letter-spacing: 0;
}

.filtres h3{
    font-size: 1.4rem;
    letter-spacing: inherit;
    font-weight: 400;
    line-height: 3.8rem;
}
.filtres ul li {
    height: 4rem;
    line-height: 3.7rem;
    font-size: 1.4rem;
}


#filtres-generics {
    background: none;
    border: none;
    width: 23.611111%;
    position: relative;
}
#filtres-generics h2 {

    font-size: 1.4rem;
    border: none;
    padding: 0;
    font-weight: 600;
    margin-bottom: 0;
    color: #64646E;
    font-family: 'Open Sans', sans-serif;
}
#llistat-filtres {
    padding: 1rem 0;
}

ul.l_tinynav13 {
    display: none;
}

#llistat-filtres .l_tinynav1{
    display: none;
}

#llistat-filtres h3 {
    color: #000;
    font-size: 2rem;
    line-height: 2.6rem;
    margin: 24px 0 12px;
    padding: 0;
    font-family: 'PT Serif', serif;
    font-weight: 400;

}
#llistat-filtres ul li{
  font-size: 1.4rem;
  line-height: 1.9rem;
  margin-bottom: 7px;

}
#llistat-filtres ul li a {
    font-size: 14px;
    font-weight: 400;
}

#llistat-filtres ul li:not(.selected) a:before, #llistat-filtres ul li.selected span:before    {
    font-family: 'icoajuntament' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e998";
    background-color: #FFD700;
    border-radius: 30px;
    line-height: 1rem;
    font-size: 0.7rem;
    margin-right: 0.6rem;
    width: 1rem;
    height: 1rem;
    display: inline-table;
    text-align: center;
    vertical-align: middle;
}

#llistat-filtres ul li span + a {
    color: #C60C30!important;
    text-decoration: none!important;
}

.filtres ul li a {
    position: absolute;
    top: 0;
    right: 14px;
    color: #000;
    padding-top: 6px
}
.detall .cos img.alignnone.size-medium {
    display: none;
}

#contingut-asia {
    font-size: 1rem;
}
#contingut-asia #accions dt{
  font-weight: 600;
}
#contingut-asia #accions{
  background-color: transparent!important;
}

#contingut-asia.llistat-cerca #accions a {
    text-transform: capitalize;
    color: black;
    text-decoration: underline;
    position: relative;
    z-index: 1;
    box-shadow: inset 0px -0.6rem #ffd700;
}

/*
#contingut-asia.llistat-cerca #accions a:before{
    content: '';
    background-color: #FFD700;
    position: absolute;
    left: -3px;
    bottom: -1px;
    width: calc(100% + 4px );
    height: 6px;
    z-index: -1;
    transition: all .3s ease-in-out;
}*/



#contingut-asia #llistat-resultats div.item {
    min-height: 180px;
    position: relative;
    padding-left: 20px;
}
#contingut-asia #llistat-resultats div div.media {
    float: right;
    width: auto;
    margin-right: 0;
    margin-left: 25px;
}
#contingut-asia #llistat-resultats div div.media img {
    float: none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
    max-width: 268px;
}
#contingut-asia #llistat-resultats div.item {
    background-color: #f2f2f2;
}

#contingut-asia #llistat-resultats h3 {
  font-size: 2.2rem;
  line-height: 2.6rem;
  font-family: 'PT Serif', serif;
  letter-spacing: 0;
  text-transform: inherit!important;
}
#contingut-asia #llistat-resultats h3 b,#contingut-asia #llistat-resultats h3 b {
    font-weight: 400;
}
#contingut-asia #llistat-resultats div div.dades {
    padding: 18px 0;
}

#contingut-asia #llistat-resultats div div.dades dl dt {
    font-weight: 600;
}

#contingut-asia #llistat-resultats div.item div.dades > a {
    font-size: 1.4em
}
#contingut-asia.llistat-cerca #accions span.selected {
    background: none!important;
}

#contingut-asia.llistat-cerca #accions span.selected {
    color: #000!important;
}
/*Calendari quan*/
#llistat-filtres .caixa .selected {
    color: #000!important;
}
.date td, .date th {
    padding: 0;
    font-size: 1rem;
}

#llistat-filtres #calendari-quan #date-filter .datepicker tbody.datepickerDays td {
    height: 32px;

    background-color: transparent;
    font-size: 1.2rem;
  }

#llistat-filtres #calendari-quan tbody.datepickerDays td a {
    color: #64646E;
}


#llistat-filtres #calendari-quan tbody.datepickerDays td.datepickerSelected {
    background: #F94749;
}
#llistat-filtres #calendari-quan #dt-capsalera {
    padding-top: 0!important
}
#llistat-filtres #dt-capsalera ul {
    margin-top: 1.1rem;
}

#llistat-filtres #calendari-quan #date-filter .datepicker ul li.datepickerMonth {
  font-size: 1.5rem;
      letter-spacing: 0;
      text-transform: inherit;
      line-height: 2rem;
      font-weight: 600;
      color: black;
}
#llistat-filtres #calendari-quan #dt-capsalera ul li.datepickerGoPrev , #llistat-filtres #calendari-quan #dt-capsalera ul li.datepickerGoNext {
    padding-top: 2px;
}

#llistat-filtres #calendari-quan input#submit-quan {
    font-size: 1.6rem;
    border-radius: 8px;
    display: block;
    font-weight: 600;
    letter-spacing: 0;
    background: #FFD700!important;
    padding: 0.8rem 2.5rem;
    text-transform: none;
    color: black!important;
}
#llistat-filtres #calendari-quan input#submit-quan:hover {
    text-decoration: none;
    background: #FFE765!important;
}


#llistat-filtres #calendari-quan tbody.datepickerDays td.datepickerCurrent {
  border: none!important;
      background: #FFD700!important;
      border-radius: 1000px;
  }
  #llistat-filtres #calendari-quan #date-filter .datepicker tbody.datepickerDays td.datepickerCurrent a {
    color: black;
    font-weight: 600;
  }

#llistat-filtres #dt-capsalera {
  margin-top: 0;
  background: #FFD700;
  padding: 8px 7px 0;
  margin-bottom: 0;
  height: 40px;
}

#llistat-filtres #dt-capsalera ul li button {
    outline: none;
    margin-top: 1px;
}
#llistat-filtres #dt-capsalera ul li.datepickerGoPrev button {
    background: url(../../../images/nadal2022/dreta.png) no-repeat center;
    transform: rotate(180deg);
    border: 0;
}
#llistat-filtres #dt-capsalera ul li.datepickerGoNext button {
    background: url(../../../images/nadal2022/dreta.png) no-repeat center;
    border: 0;
}
#llistat-filtres #dt-capsalera ul li.datepickerMonth {
    display: inline;

}
#contingut-asia #mes-activitats {
    height: auto;
    background: none;
}
#contingut-asia #mes-activitats a {
    text-transform: none!important;
    color:black;
      line-height: 2rem;
      width: initial;
      display: inline-block;
      margin-top: 2rem;
      border-radius: 8px;
      font-weight: 600;
      letter-spacing: 0;
      background: #FFD700;
      padding: 1rem 3rem;
      font-size: 1.5rem;
      height: 4rem;
}

#contingut-asia #mes-activitats a:hover {
    box-shadow: none;
    background: #FFE765;

}



#contingut-asia .mostra-mapa {
    color: #AD3137;
}

#llistat-filtres .custom-select label {
    color: #666;
    font-size: 1.4em;
    font-weight: 400;
    left: 0;
    position: absolute;
    top: 0;
}

td.datepickerSelected {
    border: none!important;
    background: #FD524E!important;
    border-radius: 1000px;
}

#llistat-filtres .custom-select select option {
    border-right: 1px solid #ccc;
    width: 100%;
}
#llistat-filtres .tb-container {
  background: white;
  border: 1px solid #E5E5E5;
  margin-bottom: 3rem;
}
#llistat-filtres table {
    border-collapse: separate;
    border-spacing: 3px;
}



/*Fi Activitats llistat*/
/* DETALL */
#contenidor-detall .detall p, #contenidor-detall .detall li {
    font-size: 1.4rem!important;
    line-height: 1.8rem;
}
#contenidor-detall .detall p.warning{
    font-weight: 600;
}
#contingut-addicional a,#contingut-addicional dl dd,#contingut-addicional p,#contingut-addicional .box-info dl dd {
    font-weight: 400;
    word-wrap: break-word;

}
#contenidor-detall .detall p.status {

    display: initial;
}

#contingut-addicional dl.on dt,#contingut-addicional .box-info.web h3,#contingut-addicional .box-info.phones h3,#contingut-addicional .box-info.web h3,#contingut-addicional .box-info.email h3,#contingut-addicional .box-info.xarxes h3,#contingut-addicional .box-info.interes-info h3 {
    background: #EDF4F1;
    letter-spacing: 0;
    cursor: pointer;
    position: relative;
    color: #000;
    margin: 0;
    line-height: 2.6rem;
    font-family: 'Open Sans','Source Sans Pro', sans-serif;
    font-size: 1.5rem!important;
    padding: 1.6rem!important;
    font-weight: 400;
    padding-right: 2.2rem!important;
}
#contingut-addicional .box-info.phones h3 {
    padding-bottom: 1.4rem!important;
}

#contingut-addicional dl,#contingut-addicional .box-info {
	font-size: 1.4rem;
    position: relative;
    background: #EDF4F1;
    margin-bottom: 2px;
    width: 100%;
    display: inline-table;
}




#contingut-addicional dl dd {
    font-size: 1.4rem!important;
    font-weight: 400!important;
    color: black!important;
    padding: 1.5rem!important;
    }


#contingut-addicional dl.on dd {
    background: #FFFFFF;
    padding: 2rem 5.5rem 3rem;
}

#contingut-addicional dl.on dt:before {
    font-size: 2.6rem;
    font-family: 'icoajuntament' !important;
    content: "\e940";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 2.5rem;
    float: left;
    -webkit-font-smoothing: antialiased;
    margin-right: 1.5rem;
    color: #33B084;
}

#contingut-addicional dl.quan dd {
    background-image: none;
    line-height: 1.6rem;
    padding: 2rem 1.5rem!important;
    background: #EDF4F1;
    color: black!important;
    font-size: 1.6rem!important;
    font-weight: 400;
    letter-spacing: 0;
    font-family: 'Source Sans Pro',sans-serif;
}

#contingut-addicional .quan dd:before {
    font-size: 2.6rem;
    font-family: 'icoajuntament' !important;
    content: "\e924";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 2rem;
    float: left;
    -webkit-font-smoothing: antialiased;
    margin-right: 1.5rem;
    color: #33B084;
}


#contingut-addicional .phones h3:before {
    font-size: 2.6rem;
    font-family: 'icoajuntament' !important;
    content: "\e9b6";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.8rem;
    float: left;
    -webkit-font-smoothing: antialiased;
    margin-right: 1.5rem;
}



#contenidor-detall a {
    color: black;
    text-decoration: underline;
}

#contenidor-pestanes .tabdetall #horari .content-horari{
    overflow: inherit;
}
#contingut-addicional dl.on dt.active,#contingut-addicional .box-info.web h3.active,#contingut-addicional .box-info.phones h3.active,#contingut-addicional .box-info.web h3.active,#contingut-addicional .box-info.email h3.active,#contingut-addicional .box-info.xarxes h3.active,#contingut-addicional .box-info.interes-info h3.active {
    background-color: transparent;
    background-image: none;

}
#contingut-addicional dl.on dt.active {
    background: #EDF4F1;
    color: black!important;
    font-weight: 400;
    font-size: 2.2rem;
}
#contingut-addicional .box-info dl, #fitxa #contingut-addicional dl.on dd {
    padding: 1.6rem 3.3em;
}



#contingut-addicional .box-info dl {
    background: #FFFFFF;
    margin-bottom: 0;
}

#contenidor-pestanes .tabdetall {
    background: #F2F2F2;
    
  }
#contenidor-pestanes .tabdetall dd{
    line-height: 1.8rem;
    padding: 2rem;
}

#contenidor-pestanes .tabdetall ul {
    font-size: 1.4rem!important;
    margin-top: 1rem;
    color: black;
}


#div-ageq{
    font-size: 1rem;
}




#contenidor-pestanes .tabdetall #horari h3 {
    background-color: white;
    border: none;
    border-right: 1px solid #f2f2f2!important;
    font-size: 1.5rem;
    font-weight: 600;
}

#contenidor-pestanes .tabdetall #horari table th {
  background: #f2f2f2;
  color: black;
  text-transform: capitalize;
  border: none;
  font-size: 1.5rem;
}
#contenidor-pestanes .tabdetall #horari table th.content-info {
    padding: 0.6rem 0.7rem!important;
}
#contenidor-pestanes .tabdetall #horari table td {
    font-size: 1.5rem;
        line-height: 1em;
}

#contenidor-pestanes .tabdetall #horari table td strong{
    font-weight: 600;
}

#contenidor-pestanes .tabdetall h3, #contenidor-pestanes .tabdetall dl {
    font-size: 1.4rem;
}

#contenidor-pestanes #menu-pestanes li a {
        color: black;
    background: #D9D9D9;
    font-size: 1.6rem;
        padding: 0;
    line-height: 5rem;
    border:0!important;
    outline: inherit;
}

#contenidor-pestanes #menu-pestanes li > a:hover, #contenidor-pestanes #menu-pestanes li > a:focus {
    background: #64646E;
    color: white;
}
#contenidor-pestanes #menu-pestanes li a.active {
    background: #F2F2F2!important;
    color: black!important;
    }
#contenidor-pestanes .tabdetall #banners-com a {
    padding: 1rem 2rem!Important;
    box-shadow: inherit!important;
    color: black;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: 0;
    position: relative;
    text-decoration: none;
    background: #FFD700;
    box-sizing: inherit;
    border-radius: 8px;
    text-transform: inherit;
}

#contenidor-pestanes .tabdetall p{
   font-size: 1.4rem;
       color: #64646E;
}
#contenidor-detall .detall dl {
    font-size: 1.4rem;
}

#contenidor-detall p.torna {
    font-size: 1.3rem;
}
#contenidor-detall p.torna a {
    font-size: 1.4rem;
    color: #FFF;
    background: url("../../../images/nadal/bt-tornar.png") no-repeat center;
    font-family: 'PT Serif', serif;
    font-weight: 400;
    height: 20px;
    width: 194px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 3px 0 0;
        letter-spacing: -0.01em;

}


#contenidor-pestanes .tabdetall #horari table td p, #contenidor-pestanes .tabdetall #horari table td ul, #contenidor-pestanes .tabdetall #horari table td ol, #contenidor-pestanes .tabdetall #horari table td dl {

    font-size: inherit;
}

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

#contingut-asia #llistat-resultats h3 {
    font-size: 1.8rem;
  }
}


@media screen and (max-width: 767px) {
    #contenidor-pestanes .tabdetall #horari .content-horari{
        overflow-x: auto;
    }



#contenidor-detall #contingut-addicional  dl:before, #contingut-addicional > .box-info:before {
      left: 7px;
      right: 7px;
}
#contenidor-detall #contingut-addicional  dl:after, #contingut-addicional > .box-info:after {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
  }

#contingut-addicional > dl:last-child:before, #contingut-addicional > dl:last-child:after{
  display: none;
}
#contingut-addicional dl.on dt, #contingut-addicional .box-info.web h3, #contingut-addicional .box-info.phones h3, #contingut-addicional .box-info.web h3, #contingut-addicional .box-info.email h3, #contingut-addicional .box-info.xarxes h3, #contingut-addicional .box-info.interes-info h3 {
    line-height: 2.8rem;
}
#contenidor-detall #contingut-addicional .box-info h3:after, #contingut-addicional dl dt:after {
    font-size: 2rem;
  }
  #contingut-addicional .box-info dl dd, #contingut-addicional dl dd {
    font-size: 2.2rem;
  }

  #contingut-addicional .box-info dl *, #contingut-addicional dl * , #contenidor-detall #contingut-addicional .box-info dl dd {
    font-size: 1.5rem;
}

}



/*Fi Detall */


/*Cavalcada*/

#afectacions-mobilitat {
    color: white !important;
    background-color: #AD3137;
    padding: 14px;
    display: block;
    font-size: 18px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 12px;
}
#afectacions-mobilitat:hover {
    text-decoration: none;
}
#afectacions-mobilitat i {
    font-size: 15px;
    margin-right: 8px;
}

.cavalcada div#interior-info-destacada {
      margin-top: 2rem;
          padding-bottom: 20rem;
}

.cavalcada .mobile , .cavalcada .mobile img{
    display: none;
}
.cavalcada .desktop{
    width: 100%;
}

@media screen and (max-width: 767px) {
    .cavalcada .desktop {
        display: none;
    }
    .cavalcada .mobile , .cavalcada .mobile img{
        display: block;
    }
    .cavalcada .mobile img {
        width: 100%;
    }
    .cavalcada {
        margin-top: -30px;
    }
}

.alerta-asia .warning{
    background:#ffdd44 url(/nadal/sites/all/themes/bcn/images/nadal/suspes.png) no-repeat 20px 50%;
        padding-left: 7.4rem;
    font-family: 'PT Serif', serif;
}

.alerta-asia .warning p{
    font-size: 1.6rem;
    padding-top: 4px;
    color:black;
    text-transform: inherit;
}
.alerta-asia .warning p span{
    text-transform: inherit!important;
}


.destaca-info-cavalcada {
  position: relative;
  background: #51C99F!important;
  padding: 5.1rem 8rem;
  margin: 4rem 0 5rem;
    border-radius: 8px;
  font-family: 'Source Sans Pro',sans-serif;
}
 .destaca-info-cavalcada:after {
  /* content: ' ';*/
   position: absolute;
   left: 34px;
   height: calc(100% - 68px);
   border: 1px solid black;
   background-size: contain;
   width: calc(100% - 68px);
   top: 34px;
}

.destaca-info-cavalcada p, 
.destaca-info-cavalcada ul, 
.destaca-info-cavalcada p strong{
  color: black!important;
  font-size: 1.8rem!important;
  line-height: 2.2rem;
}


#contingut #fitxa .destaca-info-cavalcada ul li{
    margin-bottom: 3px;
}


#contingut #fitxa .destaca-info-cavalcada  p strong:first-of-type {

    display: inline-block;
    width: 100%;
    margin-bottom: .5rem;
    font-weight: 600;
}

.destaca-info-cavalcada  br {
    display: none;
}

#contingut #fitxa div#accordion h4 {
    font-size: 1.6rem;
    font-family: 'Open Sans','Source Sans Pro', sans-serif;
    font-weight: 600;
}


#accordion.cavalcada-accordion h4 a, #accordion.cavalcada-accordion h3 a{
  font-size: 1.6rem;
  color: black;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  letter-spacing: -0.11px;
}

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

  .destaca-info-cavalcada {
      margin: 4rem 0 5rem;
  }
}
@media screen and (max-width: 767px) {
     .destaca-info-cavalcada {
        padding: 30px 30px 20px;
    }
    .destaca-info-cavalcada:after {
        display: none;
    }
}


.boto-nadal{
    display: table;
    width: 100%;
}


.cavalcada .boto-nadal:first-child  a:before {
    font-family: 'icoajuntament' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "\e957";
    font-size: 2rem;
    padding-right: 1rem;
    vertical-align: sub;
}

@media screen and (max-width: 767px) {
    #carousel-3975,
    #carousel-3975,
    #carousel-3975 {
        display: none;
    }
}

/*Fi Cavalcada */



/**********************************
***********************************
**********   LA MUGRE  ************
***********************************
**********************************/

/* NOTA ALBERT: La clau es tenir tot ordenat adalt amb les coses que fan falta, tot lo altre es borra */





/** HOMES PRINCIPALS **/
.page-node-4195 #breadcrumb,.page-node-4195 h2.title,.page-node-4694 #breadcrumb,.page-node-4694 h2.title,.page-node-4695 #breadcrumb,.page-node-4695 h2.title {
    display: none!important;
}




/** XARXES SOCIALS FORA PADDING TOP **/
.page-node-4195 #zone-row-9-wrapper,.page-node-4694 #zone-row-9-wrapper,.page-node-4695 #zone-row-9-wrapper {
    margin-top: 0!important;
}
#grid .first-box {
    background: #AD3137!important;
}
/** Mapa gran per mobile **/
.page-node-4746 #brand.v2015,.page-node-4751 #brand.v2015,.page-node-4752 #brand.v2015 {
    z-index: 2;
    position: fixed;
    width: 100%;
}
#mapa-gran {
    position: fixed;
    top: 0;
    z-index: 1;
}











/** Imatge header per Nadal **/
.front #zone-promotional-wrapper {
    padding: 0;
}



.header-imatge-link {
   background: #FF3934;
   height: 40rem;
   background: #FF3934 linear-gradient(
180deg, #00000000 82%, #0000000F 100%) 0% 0% no-repeat padding-box;
}



.header-imatge-link .esquerra, .header-imatge-link .dreta{
    width: 49%;

    display: inline-table;
    vertical-align: middle;
}

.header-imatge-link img{
    width: 100%;
}
.header-imatge-link h1{
    margin: 0;
}
.header-imatge-link a{
    border: 0;
    background: #FFD700;
    color: black;
    font-size: 1.6rem;
    padding: 1rem 2rem;
    border-radius: 0.8rem;
    font-weight: 600;
    text-transform: inherit;
    max-width: 19rem;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.header-imatge-link a:hover, .header-imatge-link a:focus{
    background: #FFE765;
}
@media screen and (max-width: 1024px) {

    .header-imatge-link {
        height: inherit;
        position: relative;

     }
    
}

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

  .header-imatge-link .esquerra img{
  max-width: 30rem;
  margin: 0 auto;
  display: block;
}

  .header-imatge-link .esquerra, .header-imatge-link .dreta{
    width: 100%;
    }
    .header-imatge-link h1 {
        margin: 0 auto 2rem;
    }

    .header-imatge-link a {
        position: absolute;
        bottom: 4rem;
        left: 50%;
        transform: translate(-50%, 0);
        width: inherit;
    }

    

}




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

.header-imatge-link  h1 {
    font-size: 4rem;
    padding-top: 3rem;
    max-width: 24rem;
  }

}



#ui-datepicker-div {
    border-right: 0!important;
    border-bottom: 0!important;
}
.ui-datepicker {
    padding: 0!important;
}












@media screen and (max-width: 1024px) {
    .node-grup-de-destacats:before, .node-grup-de-destacats:after{
        display: none!important
}
}










/** Formulari Cercador **/
.ui-datepicker-multi .ui-datepicker-group table {
    width: 240px;
    margin: 0 auto .4rem;
    font-family: "Open Sans";
    font-size: 1.4rem;
}
.ui-datepicker-calendar td a,.ui-datepicker-calendar td span {
    border: 0!important;
}
.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2rem;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-title {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    padding-top: 0.4rem;
    color: black;
}
.ui-state-disabled {
    cursor: default!important;
}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    font-weight: 400;
    color: black;
    text-align: center;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.comiseo-daterangepicker .ui-widget-content {
    width: 377px!important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.comiseo-daterangepicker .ui-widget-content {
    z-index: 100;
}
.comiseo-daterangepicker{
    z-index: 100;
}

.comiseo-daterangepicker  tbody{
    border-top: none;
}

.advanced-search{
    display: none;
}

.full-background.contingut-html {
    overflow: inherit;
    margin-top: 0;
}



















/**datepicker del formulari*/
.comiseo-daterangepicker-presets {
    display: none;
}
.comiseo-daterangepicker {
    box-shadow: 0px 3px 6px #00000014;
}

.ui-widget-content {
    background: #f2f2f2;
    border: 0;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-calendar {
    padding: 0;
    border: 0;
    height: auto;
}
.ui-datepicker-calendar td a,.ui-datepicker-calendar td span {
    border: 0!important;
}
.ui-datepicker-today {
    background: #AD3137;
    color: #fff;
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 0;
    background: none;
    color: black;
}
.comiseo-daterangepicker-calendar .ui-state-highlight a.ui-state-default {
    background-color: #64646E!important;
    color: white!important;
    border: 0;
    font-weight: 600;
}
.ui-datepicker-calendar .ui-state-default {
    background: #fff;
}

.comiseo-daterangepicker .ui-datepicker .ui-datepicker-today a {
    color: black!important;
    border: 0;
    background: #FFD700;
}
.ui-priority-secondary {
    display: none;
}
.comiseo-daterangepicker-right .comiseo-daterangepicker-buttonpanel {
    float: right;
}
.comiseo-daterangepicker > .comiseo-daterangepicker-main.ui-widget-content {
    border-color: #fff;
}
.ui-widget-header {
    background: #FFD700;
    color: #fff;
    border: 0;
}
.ui-datepicker th {
    color: black;
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    font-style: normal;
}

.ui-datepicker .ui-datepicker-next {
    right: 8px!important;
}
.ui-datepicker .ui-datepicker-prev {
    left: 20px!important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 9px;
    border: 0!important
}


.ui-datepicker .ui-datepicker-next span , .ui-datepicker .ui-datepicker-prev span{
    background: none!important;
    cursor: pointer;
    text-indent: -99999999999999px;
}

.ui-datepicker .ui-datepicker-next:before , .ui-datepicker .ui-datepicker-prev:before{
    background: none;
    cursor: pointer;
    font-family: 'icoajuntament' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9b7";
    color: black;
    font-size: 2rem;

}
.ui-datepicker .ui-datepicker-next:before {
    content: "\e999";
}


.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    background: none!important;


}

#formulari-nadal .selbarris {
    display: none!important;
}

@media screen and (max-width: 767px) {
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-datepicker th, .ui-datepicker .ui-datepicker-title select {
        font-size: 1.4rem;
    }

}
/*** XARXES socials **/
#comparteix .at-share-tbx-element.addthis_32x32_style .at-share-btn.at-svc-facebook,#comparteix .at-share-tbx-element.addthis_32x32_style .at-share-btn.at-svc-twitter,#comparteix .at-share-tbx-element.addthis_32x32_style .at-share-btn.at-svc-email,#comparteix .at-share-tbx-element.addthis_32x32_style .at-share-btn.at-svc-compact {
    margin: 0 1px!important;
    margin-top: 7px!important;
}








.full-background.grup-destacats .grid,.full-background .agenda-destacada .grid {
    z-index: 1;
    height: auto;
    display: table;
    overflow-x: initial;
    outline: none;
    position: relative;
}
/*asia*/
#results-asia {
    height: auto!important;
}






@media screen and (max-width: 1024px) {
    .full-background.grup-destacats .grid,.full-background .agenda-destacada .grid {
        width: 906px;
    }

    #llistat-resultats div div.dades p {
        width: auto;
    }
}
@media (max-width: 1023px) and (min-width: 768px) {
    .grid {
        width: 97%!important;
    }
    .full-background.grup-destacats .grid,.full-background .agenda-destacada .grid {
        width: 100%;
    }

}
@media screen and (max-width: 767px) {
    .grid {
      width: calc( 100% - 30px);
    }
    #contingut .column-right {
        width: 100%;
    }

    .page-node-4195 #zone-row-content-wrapper,.page-node-4195 .full-background.contingut-html,.page-node-4694 #zone-row-content-wrapper,.page-node-4694 .full-background.contingut-html,.page-node-4695 #zone-row-content-wrapper,.page-node-4695 .full-background.contingut-html {
        padding-top: 0;
    }
    /** Menu ******/



    /******************************/
    .slider {
        display: block;
    }

    #contenidor-pestanes .tabdetall dd {
        padding: 2rem 0 0.5rem;
    }
    #menu-pestanes .tabdetall li a, #contenidor-pestanes #menu-pestanes .tabdetall h3 a, #contenidor-pestanes #menu-pestanes .tabdetall h4 a, #contenidor-pestanes #menu-pestanes .tabdetall dd a {

        text-decoration: underline;
        display: inline;
        height: 20px;
        width: 100%;
        line-height: 2rem;
        letter-spacing: 0;
    }

    

    /******** formular cercador **********/
    #formulari-nadal .grid div p.disctr,#formulari-nadal .grid div p.rang-dates {
        width: 100%
}
    #formulari-nadal .grid div p.tipus-act {
        width: 100%;
    }


    input#date {
        display: none;
    }
    #formulari-nadal .rang-dates label.active {
        display: none!important;
    }
    /*Receptes*/
    #menu-receptes li {
        width: 48.8%;
        font-size: 1.3rem;
        margin: 0 1px 3px;
        border-radius: 8px;
    }
    /******** MAPA HOME - MOBILE **********/
    #frame_home {
        height: 40rem;
        max-height: 40rem;
    }
    .comiseo-daterangepicker .ui-widget-content {
        width: auto!important;
    }
    /** grup destacats **/
    .full-background.grup-destacats .grid,.full-background .agenda-destacada .grid {
        width: 96%;
    }
}




















@media screen and (min-width: 768px) {
    #contingut .info-destacada-mobile {
        display: none;
    }
    .grup-destacats .node-grup-de-destacats .destacat.img_petita .box-img {
        max-width: 252px;
        width: 101%;
    }
    .grup-destacats .node-grup-de-destacats .destacat.img_gran .box-img {
        max-width: 528px;
        width: 101%;
    }
}






.grup-destacats .node-grup-de-destacats .destacat .box-img img {
    height: 100%;
}

.grup-destacats .node-grup-de-destacats .destacat.img_petita {
    width: calc(23% - 2px);
}
.grup-destacats .node-grup-de-destacats .destacat {
    margin: 0px calc(1% + 1px) 24px;
}
.container-tornar {
    margin-bottom: 1.1em;
}
.container-tornar a.tornar {
    font-size: 14px;
    padding-left: 14px;
}
.container-tornar a.tornar:hover {
    text-decoration: underline;
}
.container-tornar a.tornar i {
    position: absolute;
    top: 2px;
}
.container-tornar a.tornar i:before {
    position: absolute;
    left: -14px;
}
#zone-row-content-wrapper {
    padding-top: 23px;
}
@media screen and (max-width: 767px) {
  #zone-row-content-wrapper {
      padding-top: 0px!important;
  }

}


/**************/
/* Cercador */
/**************/
#formulari-nadal select,#formulari-nadal button {
    height: 45px;
}


#formulari-nadal  label:after {
    font-family: 'icoajuntament' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    content: "\e939";
    float: right;
    margin-right: 4rem;
    font-size: 2.8rem;
    line-height: 2.2rem;
    display: inline-block!important;
    color: black;

}


#formulari-nadal #cerca:after {
    font-size:2.8rem;
    font-family: 'icoajuntament' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e939";
}
#formulari-nadal .custom-select {
    background: #fff url("../../../images/arrow-select.png") no-repeat scroll 93% 19px;
    height: 45px;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}
#formulari-nadal .custom-select.disctr {
    background-position: 92% 19px
}
#formulari-nadal .custom-select select {
    border-radius: 0;
    line-height: 40px;
}

.comiseo-daterangepicker-buttonpanel button.ui-priority-primary {
    margin-top: 0.5rem;
    font: 1.2rem "Open Sans";
    color:black;

    border-radius: 4px;
    padding: 7px 17px;
    text-align: center;
    background: #FFD700!important;
    border: none;
    font-weight: 600;
}


.ui-state-default .ui-icon {
    display: none;
}
#formulari-nadal .advanced-search {
    display: none;
    cursor: pointer;
}
/***/
/**************/
/* compartir */
/**************/

/** Compartir **/
#wrapper-results .compartir {
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 37px;
    background: #fff;
    height: 37px;
    z-index: 2;
}
#wrapper-results .facebook,#wrapper-results .tweet-button .twitter,#wrapper-results .share {
    width: 30px!important;
    height: 30px!important;
    float: left;
}
#wrapper-results .share-button span {
    float: left;
    font-size: 1.36em;
    color: #5d55f0;
    padding: 8px 0 8px 10px;
}
#wrapper-results .share-button img {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    width: auto;
}
#wrapper-results .compartir {
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 30px;
    background: #fff;
    height: 30px;
}


















.warning #box-translate * {

    color: black!important;

}



#box-translate {
    margin: 0;
}


@media screen and (max-width: 1024px) {
    #contenidor-detall p.torna a {
        font-size: 0.9rem;
    }
    #contenidor-detall .detall p {
        font-size: 1.4rem;
    }
}






/*asia*/
/* Viu la cultura */


.node-grup-de-destacats.destacats-home:before , .node-grup-de-destacats.destacats-home:after {
    display: none;
}




@media (max-width: 1023px) and (min-width: 768px) {
    #filtres-generics {
        width: 27%;
    }
    #contingut-asia {
        width: 71%;
    }
    #contingut-asia .mostra-mapa span {
        display: none;
    }
    .mostra-mapa {
        padding-right: 17px;
    }
    .mostra-mapa img {
        height: 22px;
        margin-top: 0px;
    }
    #contenidor-detall #contingut-addicional dl.on dt.active {
        background-position: 12px 9px, right -55px!important;
    }
    #contingut-addicional dl.on dt.active {
        background-position: 13px 5px, right -56px!important
}
    #contenidor-detall #contingut-addicional .box-info.phones h3 {
        background-position: 13px -666px, right -5px!important;
    }
    #contenidor-detall #contingut-addicional .box-info.phones h3.active {
        background-position: 13px -177px, right -56px!important;
    }
    #contenidor-detall #contingut-addicional .box-info.web h3 {
        background-position: 13px -721px, right -5px!important
}
    #contenidor-detall #contingut-addicional .box-info.web h3.active {
        background-position: 13px -233px, right -56px!important
}
    #contenidor-detall #contingut-addicional .box-info.email h3 {
        background-position: 13px -778px, right -5px!important
}
    #contenidor-detall #contingut-addicional .box-info.email h3.active {
        background-position: 13px -290px, right -56px!important
}
    #contenidor-detall #contingut-addicional .box-info.xarxes h3 {
        background-position: 13px -839px, right -5px!important
}
    #contenidor-detall #contingut-addicional .box-info.xarxes h3.active {
        background-position: 13px -350px, right -56px!important
}
    #contenidor-detall #contingut-addicional .box-info.interes-info h3 {
        background-position: 13px -901px, right -5px!important
}
    #contenidor-detall #contingut-addicional .box-info.interes-info h3.active {
        background-position: 13px -412px, right -56px!important
}
    #agenda-destacada .item {
        width: 48%;
    }
    #agenda-destacada .item .media {
        height: auto;
    }
    #contingut .column-right {
        width: 33%;
    }
}
@media screen and (max-width: 767px) {

    #formulari-nadal .grid div p.disctr,#formulari-nadal .grid div p.rang-dates {
        margin-bottom: 15px;
    }
    #formulari-nadal .custom-select,#formulari-nadal .custom-select.disctr {
        background-position: 95% 19px;
    }
    #formulari-nadal button {
        background-position: 95% 11px;
    }
    #formulari-nadal #cerca {
      width: 90%!important;
      min-width: inherit!Important;
      max-width: inherit!Important;
      margin: 0px 5%!important;
    }
    /*llistat*/
    #wrapper-results {
        margin-top: 11px;
    }
    #wrapper-results h2 {
        line-height: 3rem;
            margin-bottom: 1rem;
    }

    #llistat-filtres h3 {
        margin-top: 10px;
    }




    #results-asia #accions {
        display: none
}
    #results-asia #filtres-generics {
        float: none;
        margin: 0;
        width: 100%
}
    #results-asia #filtres-generics h2 {
      background: none;
      font-size: 1.8rem;
      color: black;
      background-color: #FFD700;
      font-family: 'Open Sans',sans-serif;
      font-weight: 600;
      padding: 1.7rem;
      height: inherit;
      line-height: 1;
    }
    #results-asia #filtres-generics h2.active {
      background: none!important;
      background-color: #FFD700!important;
    }

    #results-asia #filtres-generics h2:after {
        font-family: 'icoajuntament' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        content: "\e9c2";
        float: right;
        font-size: 2.2rem;
        line-height: 1.8rem;
        display: inline-block!important;
    }

    #filtres-generics h2.active:after {
        content: "\e9c5";
        color: white;
    }

    #results-asia #filtres-generics #llistat-filtres {
        padding: 15px 21px
}
    #results-asia #filtres-generics #calendari-quan input#submit-quan {
        display: none
}
    #results-asia #filtres-generics p.custom-select {
        width: 101.7%;
        border: none;
        background-color: #f4f4f4
}
    #results-asia #filtres-generics p.custom-select.inactive {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }
    #results-asia #filtres-generics p.custom-select select {
        width: 107%;
        font-size: 1.2em;
        color: #666
}
    #results-asia #filtres-generics #date-mobile input {
        width: 96%;
        border: none;
        border-radius: 25px;
        font-size: 1.1em;
        font-weight: 300;
        height: 37px;
        padding-left: 11px;
        background: url("../../../images/ico-calendari.png") no-repeat scroll 98% 6px / 20% auto #f2f2f2
}
    #results-asia #filtres-generics #date-mobile label {
        color: #000;
        font-size: 1.3em;
        font-weight: 300;
        letter-spacing: 0;
        line-height: 1em;
        margin: 24px 0 12px;
        padding: 0;
    }
    #results-asia #filtres-generics #calendari-quan {
        margin-top: 0;
        display: none
}
    #results-asia #filtres-generics #date-mobile #from {
        float: left
}
    #results-asia #filtres-generics #date-mobile #to {
        float: right
}
    #results-asia #contingut-asia #llistat-resultats div div.media {
        display: none
}
    #results-asia #llistat-resultats .cat-cursos-agenda {
        width: 69%
}
    #results-asia #contingut-asia #llistat-resultats h3 {
        font-size: 2.3em
}
    #results-asia #contingut-asia {
        float: none;
            padding-top: 0.5rem;
}
    #contingut-asia {
        width: 100%;
        padding: 2em 0
}
    #contingut-asia #llistat-resultats div.item {
        border-top: 0;
        padding-right: 33px;
        display: block;
        height: auto !important;
        max-height: none;
        min-height: auto!important;
    }
    #contingut-asia #llistat-resultats div div.dades {
        padding: 10px 0;
    }
    #contingut-asia #llistat-resultats div.item .dades dl,#contingut-asia #llistat-resultats div.item .dades p {
        display: initial
}
    #contingut-asia #llistat-resultats div.item div.dades h3 a {
        font-size: .9em
}
    #contingut-asia #llistat-resultats div div.dades dl {
        font-size: 1.3em
}
    #contingut-asia #llistat-resultats h3 {
        margin-right: 0;
    }
    #contenidor-pestanes ul#menu-pestanes li {
    width: 100%!important;
    margin-bottom: 5px;
    border: none;
    background: #FFD700;
}

    #contenidor-pestanes #menu-pestanes li > a,#contenidor-pestanes #menu-pestanes li > a.active {
        font-size: 1.8rem;
        line-height: 1.8rem;
        padding: 1.7rem!important;
        background-position: top+5px right+10px!important;
        font-weight: 400!important;
    font-size: 1.7rem;
    letter-spacing: 0;
    color: black!important;

    }
    #contenidor-pestanes ul#menu-pestanes li a.desplega.active{
                background-position: bottom+5px right+10px!important;

    }
    #contenidor-pestanes .tabdetall {
        padding: 2rem 1.5rem;
        font-size: 1rem;
    }

    /** banners extra home **/
    ul#banner-home-nadal li.bn-mercats {
        margin-right: 0;
    }
    ul#banner-home-nadal li img {
        display: none;
    }
    ul#banner-home-nadal li {
        list-style: none;
        display: block;
        width: 100%;
        text-align: center;
        height: auto;
        margin-bottom: 10px;
        overflow: hidden;
    }
    ul#banner-home-nadal li a {
        background: #fbf8f1;
        width: 96%;
        display: block;
        padding: 9px 0;
        height: 35px;
        margin: 0 auto;
        font-size: 1.1em;
        font-family: 'PT Serif', serif;
        font-weight: 600;
        letter-spacing: -0.01em;

    }
    .galeria-media .slider {
        display: none;
    }
    #contingut #fitxa ul li {
        width: 100%;
    }
    .node-distribuidora .slider-multi-element-2 .swiper-container .owl-stage {
        width: 100%!important;
    }
    .slider-multi-element-2 .device {
        border: 0;
    }
    .slider-multi-element-2 .swiper-container {
        height: auto;
        width: 100%;
    }
    .slider-multi-element-2 .swiper-container .img-cover {
        width: 100%;
    }

    #accordion h4 {
        font-size: 25px;
      padding: 19px 10px 12px;
    }
    #accordion {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}














#contenidor-detall #contingut-addicional .box-info h3:after , #contingut-addicional dl.on dt:after{
  content: '\e9ba';
  font-family: 'icoajuntament';
  font-size: 1.8rem;
  float: right;
  font-weight: 400;
  color:black;
}
#contenidor-detall #contingut-addicional .box-info h3:before {
  font-family: 'icoajuntament';
  font-size: 2.2rem;
  float: left;
  color: #33B084;
  vertical-align: text-bottom;
  margin-right: 1.8rem;
  font-weight: 400;
}
#contenidor-detall #contingut-addicional .box-info.where h3:before {
  content: '\e940';
}
#contenidor-detall #contingut-addicional .box-info.where dt {
  display: none;
}
#contenidor-detall #contingut-addicional .box-info.when > dt {
  display: none;
}
#contenidor-detall #contingut-addicional .box-info.phones h3:before {
  content: '\e9b6';
}
#contenidor-detall #contingut-addicional .box-info.web h3:before {
  content: '\e953';
}
#contenidor-detall #contingut-addicional .box-info.email h3:before {
  content: '\e951';
}
#contenidor-detall #contingut-addicional .box-info.xarxes h3:before {
  content: '\e952';
}
#contenidor-detall #contingut-addicional .box-info.interes-info h3:before {
  content: '\e99d';
}
#contenidor-detall #contingut-addicional .box-info .acordion {
  height: 0;
  display: block;
  overflow: hidden;
  -webkit-transition: height 1s ease-in-out;
  -moz-transition: height 1s ease-in-out;
  -ms-transition: height 1s ease-in-out;
  -o-transition: height 1s ease-in-out;
  transition: height 1s ease-in-out;
}


#contenidor-detall #contingut-addicional .box-info dl dt span.icon {
  left: 0.9rem;
  top: 1.3rem;
  color: #F94749;
}
#contenidor-detall #contingut-addicional .box-info dl dd {
  font-weight: normal;
  color: #666;
  padding: 0!important;
}
#contenidor-detall #contingut-addicional .box-info dl.when {
  background-color: #f2f2f2;
  padding: 1.6rem 1.2rem 1.6rem 1.6rem;
}
#contenidor-detall #contingut-addicional .box-info dl.when:before {
  content: '\e924';
  font-family: 'icoajuntament';
  font-size: 2.6rem;
  float: left;
  color: #F94749;
  vertical-align: text-bottom;
  margin-right: 1.8rem;
  font-weight: 400;
  text-indent: initial;
  line-height: 2.2rem;
}
#contenidor-detall #contingut-addicional .box-info dl.when dt {
  text-indent: -20000px;
  font-size: 0;
}
#contenidor-detall #contingut-addicional .box-info dl.when dd {
  font-size: 1.8rem;
  font-weight: 600;
  color: #000;
  line-height: 2.2rem;
}
#contenidor-detall #contingut-addicional .box-info dl.web a {
  word-break: break-all;
}
#contenidor-detall #contingut-addicional .box-info.box-open h3,
#contenidor-detall #contingut-addicional .box-info.box-open > dt {
  background: #F94749;
  color: #fff;
}
#contenidor-detall #contingut-addicional .box-info.box-open h3.bcn-focus-accessible,
#contenidor-detall #contingut-addicional .box-info.box-open > dt.bcn-focus-accessible {
  background: #000;
  border: 0;
}
#contenidor-detall #contingut-addicional .box-info.box-open dt span.icon {
  color: #FFF;
}
#contenidor-detall #contingut-addicional .box-info.box-open h3 span.icon {
  color: #FFF;
}
#contenidor-detall #contingut-addicional .box-info.box-open h3 span.fletxa {
  transform: rotate(180deg);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#contenidor-detall #contingut-addicional .box-info.box-open h3:after {
  content: '\e9bd';
}
#contenidor-detall #contingut-addicional .box-info.box-open h3:before {
  color: #fff;
}
#contenidor-detall #contingut-addicional .box-info.box-open .acordion {
  height: auto;
  -webkit-transition: height 1s ease-in-out;
  -moz-transition: height 1s ease-in-out;
  -ms-transition: height 1s ease-in-out;
  -o-transition: height 1s ease-in-out;
  transition: height 1s ease-in-out;
}

#contenidor-detall #contingut-addicional h3.active:after , #contingut-addicional dl.on dt.active:after{
  content: '\e9bd';
}

/* cAVALVADA */

.header-imatge-img , .cavalcada  img{
    width: 100%;
}


/*Llibres*/
.page-node-17812,
.page-node-17967,
.page-node-17954{
  background: white;
}

.llibre h3 a {
    text-transform: initial;
    font-size: 2rem;
    margin-top: 1rem;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    color: black;
    font-family: 'PT Serif', serif;
    display: inline-block;
    margin-bottom: 1rem;
}
.llibre h3 a:hover {
    text-decoration: underline;
}
.llibre {
    display: inline-block;
    margin: 30px 1% 0 1%;
    text-align: center;
    width: 22%;
    vertical-align: text-top;
}
.llibre>img {
    margin-bottom: 30px;
}
.llibre>h3 {

    font-size: 1.6rem;
    line-height: 1em;
    padding: 0;
    margin-bottom: 0;
    min-height: 64px;
}
.llibre a, .llibre a:hover, .llibre a:focus {
    text-decoration: none;
}
.llibre>p {
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #64646E;
}

.llibre em{
    font-style: italic;
}


.llibre>.llibre-autor {
    font-size: 1.6rem;
    color: black;
    font-weight: 600;
        line-height: 2rem;
}
.media-llibre {
    height: 220px;
    margin-bottom: 15px;
}
.media-llibre h3:hover {
    text-decoration: underline;
}
@media screen and (max-width: 1024px) {
    div.entradeta>p.center {
        width: 500px;
    }

    #node-10052 .destacat.img_gran .box-destacat, #node-10092 .destacat.img_gran .box-destacat, #node-10091 .destacat.img_gran .box-destacat {
        height: auto!important;
    }
    .home-stjordi p.entradeta {

        line-height: 20px!Important;
        font-size: 16px !important;
    }
}
@media screen and (max-width: 767px) {
    div.entradeta>p.center {
        margin: 0 0 5% 0;
        width: 100%;
        padding: 0 20px 0 20px;
        font-weight: normal;
    }
    .llibre {
        width: 100%;
        margin: 30px 0 0 0;
        padding: 0em 2em;
    }
    .llibre>img {
        width: initial;
    }
    .llibre h3 {
        padding: 0;
        min-height: inherit;
    }

.llibre h3 a {
    margin-bottom: 0px;
}

    .llibre>.llibre-autor {
        color: #000;
        margin: 10px 0;
    }
    .home-stjordi .llibre>.llibre-descripcio {
        display: none;
    }
    #contingut #fitxa ol.flex-control-nav.flex-control-paging {
        margin: 0;
    }
}
/*FI llibres*/





  .video a .fluid-width-video-wrapper {
    padding-top: 56.25%!important;
}



#audio{
  position: relative;
  margin-top: 46px;
}


#audio .field-collection-view {
  margin:0;
}


#audio h3, #audio h4{
  font-family: 'PT Serif', serif;
  letter-spacing: 0;
  color: black;
}
#audio h3{
  font-size: 3rem;
  font-family: 'PT Serif', serif;
  line-height: 3.4rem;
  letter-spacing: 0;
}

#audio ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
#audio ul{
  margin: 30px -15px;
  display: block;
}


#audio li {
    width: 33%;
    padding: 0 15px;
    display: inline-grid;
    height: 21.6rem;
    position: relative;
}


#audio .audio{
  width: 100%;
  background: #f2f2f2;
  padding: 2.4rem 2rem;
  color: #64646E;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

#audio .audio h4{
  font-size: 2.2rem;
  margin-bottom: 1rem;
  line-height: 2.6rem;
}
#audio .audio p{
    color: black;
    margin:0;
}

#audio .audio audio{
  width: 100%;
  border-radius: 1000px;
  margin-top:2rem;
}
@media screen and (max-width: 1024px) {
div#audio ul li:first-child:after {
  display: none;
}


}
@media screen and (max-width: 787px) {
#audio li {
    width: 100%;
    margin-bottom: 3rem;
}
#audio{
    margin-top: 0;
}

}


/*Directes*/
div#zone-promotional-wrapper {
    padding: 0;
}

#bcn-retransmissio{
    font-family: 'Source Sans Pro',sans-serif;
}
#bcn-retransmissio .bcn-retransmissio-toolbar{
  background: black;
}


#bcn-retransmissio .bcn-retransmissio-toolbar h2 ,
#bcn-retransmissio .bcn-retransmissio-toolbar .bcn-retransmissio-slide {
  color: white;
}



/*Font Source*/

#comparteix, #bcn-retransmissio, footer{
    font-family: 'Source Sans Pro',sans-serif;
}

/*Galeria*/

.carousel a.flex-next {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
  }

/* avis home */
.avis-nadal {
  background: #F5B246;
  border-radius: .9rem;
  padding: 1rem .9rem 1rem 2rem;
  display: flex;
  margin: 1.2rem auto 2rem;
  align-items: center;
  min-height: 5.2rem;
}

.avis-nadal img {
  position: absolute;
  top: 1rem;
}

.avis-nadal .avis-nadal-content {
  margin-left: 4.3rem;
}

.avis-nadal .avis-nadal-content p,
.avis-nadal .avis-nadal-content a {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 1.8rem;
  color: #000;
  font-family: 'Source Sans Pro',sans-serif;
}

.avis-nadal .avis-nadal-content a {
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .avis-nadal {
    margin: .55rem auto 1rem;
  }
}


a.view_more_nadal ,.close_nadal{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    text-decoration: none!important;
    display: inline-block;
    width: 100%;
    margin: 2rem 0;
    cursor: pointer;
    color: black;
}





a.view_more_nadal i,.close_nadal i{
    background: #FFD700;
    border-radius: 10rem;
    margin-left: 5px;
    font-size: 1rem;
    padding: 2px;
}


a.view_more_nadal.hidden{
  display: none;
}

a.view_more_nadal:hover, a.view_more_nadal:focus {
  text-decoration: underline;
}

.view_more_div{
  display: none;
}

.view_more_div.active{
  display: block;
}



/*2020-2021*/

#subheader-home{
    background: #fcf6f1;
}

div#contingut-subheader {
    margin: 0 auto;
    text-align: center;
    position: relative;
}
div#contingut-subheader img{
    padding: 0;
    max-width: inherit;
    width: 100%;
    height: calc( 100% / 4.632);
    background-color: #f2f2f2;
}

#subheader-home h2{
    font-size: 4.5rem;
    font-family: 'PT Serif', serif;
    line-height: 4.8rem;
    letter-spacing: 0;
    margin-bottom: 3rem;
    padding-top: 8.2rem;

}


#subheader-home a {
    color: white;
    font-size: 1.4rem;
    line-height: 1.8rem;
    padding: 14px 6px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;

    background: #FFD700;
    height: 6.5rem;
    box-sizing: inherit;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    bottom: 90px;
    left: 50%;
    width: 21rem;
    transform: translate(-50%, -50%);
}


@media screen and (max-width: 1700px) {
    #subheader-home a {
        bottom: 5%;
    }

}


@media screen and (max-width: 1024px) {
    #subheader-home a {
        bottom: 10%;
        height: inherit;
    }

}





@media (max-width: 1023px) and (min-width: 768px){
    div#contingut-subheader img {
        object-fit: cover;
        height: 310px;
    }

    #subheader-home a{
        bottom: 5%;
        position: absolute;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 780px) {
    #subheader-home a {
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding: 10px 22px;
        position: relative;
        bottom: 0;
        transform: translate(-50%, 0);
        width: 23rem;
    }
    #subheader-home .button {
        display: inline-block;
        padding: 13px 0;
    }
}









body[class*="99400550959html"] .phones dd:nth-of-type(2),
body[class*="99400550959html"] .phones dt:nth-of-type(2)
{
    display: none!important;

}


/*Pagina Urgent 21*/

#pagina21 {
    text-align: center;
}

#pagina21 p {
    font-size: 2.2rem;
    line-height: 3.2rem; 
    font-family: 'Source Sans Pro',sans-serif;
    max-width: 78rem;
    margin: 0 auto;
}
#pagina21 a{
    text-decoration: underline;
    font-weight: 600;
    color: black;
}

#pagina21 #header21{
    background: #FD524E;
    padding-top: 7rem;
    padding-bottom: 8.7rem;
}


#pagina21 .caixa21{
    position: relative;
}

#pagina21 .caixa21:before{
    width: 241px;
    height: 331px;
    background: url(../../..//images/nadal2021/encesa21.png);
    pointer-events: none;
    content: ' ';
    position: absolute;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1000000;
    left:-100px;
}


#pagina21 #header21 h1{
    font-family: "PT Serif";
    font-size: 9rem;
    line-height: 7rem;
    margin-bottom: 3rem;
}
#pagina21 #header21 h2{
    max-width: 78rem;
    margin: 0 auto;
    font-size: 3.4rem;
    line-height: 4.2rem; 
    padding-bottom: 14rem;
    margin-bottom: 0;
    font-family: "PT Serif";
    font-weight: 400;
    letter-spacing: 0;
    position: relative;
    letter-spacing: 0;
}
#pagina21 #header21 h2:after{
    width: 86px;
    height: 8px;
    background: url(../../..//images/nadal2021/hover21.svg);
    pointer-events: none;
    content: ' ';
    position: absolute;
    bottom: 67px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1000000;
    left: calc( 50% - 43px);
}






#pagina21 #footer21 {
    padding: 6rem 0;
    background: #f2f2f2;

}

#pagina21 #footer21 .button21{
    margin-top: 3rem;
}


#pagina21 #footer21 a{
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-size: 1.5rem;
    padding: 0 3rem;
    text-decoration: none!important;
    background: #FFD700;
    color: #fff!important;
    letter-spacing: 0;
    border-radius: 4px;
    align-items: center;

    font-weight: 600;
    position: relative;
    margin: 0;
    font-family: 'Open Sans','Source Sans Pro', sans-serif;
}

#pagina21 #footer21 a:hover, #pagina21 #footer21 a:focus{
    text-decoration: underline;
}

#pagina21 #footer21 .especial21{
    font-family: "PT Serif";
    font-size: 3.2rem;
    line-height: 3.6rem;
    letter-spacing: 0;
    position: relative;
    display: inline-block;
}

#pagina21 #footer21 .especial21:before{
    width: 67px;
    height: 71.5px;
    background: url(../../..//images/nadal2021/detalldreta21.png);
    pointer-events: none;
    content: ' ';
    position: absolute;
    top: -14px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1000000;
    right: -84px;
}

#pagina21 footer img{
    float: left;
}

@media (max-width: 1023px) and (min-width: 768px){
    #pagina21 .caixa21:before{
        display: none;
    }

}

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

    #pagina21 #header21{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    #pagina21 p {
        font-size: 1.6rem;
        line-height: 2.2rem; 
    }
    #pagina21 .caixa21:before, #pagina21 #footer21 .especial21:before{
        display: none;
    }

    #pagina21 #header21 h1 {
        font-size: 5rem;
        line-height: 5rem;
        margin-bottom: 2rem;
        margin-top:0;
    }
    #pagina21 #header21 h2{
        padding-bottom: 5rem;
    }
    #pagina21 #header21 h2:after{
        bottom: 22px;

    }

    #pagina21 #header21 h2, #pagina21 #footer21 .especial21{
        font-size: 2.2rem;
        line-height: 2.4rem;
    }

    #pagina21 #footer21 {
        padding: 3.5rem 0;
    
    }



    #pagina21 #footer21 .button21{
        margin-top: 2rem;
    }


}