.not-front div#contingut-subheader img, .not-front div#contingut-subheader{
  background-color:black;
}
.pagina-llum #interior-info-destacada h3, .pagina-llum #contingut .info-destacada-superior h3{
  font-size: 1.8rem!important;
  letter-spacing: 0!important;
  font-family: 'PT Serif', serif, sans-serif!important;
  line-height: 2.6rem!important;
  color: black!important;
  padding-bottom: 0!important;
}


.pagina-llum #contingut #info-destacada ul li {
  margin-bottom: 1rem!important;
  display: inline-block;
  margin-top: 0.5rem;
}
.pagina-llum #interior-info-destacada, .pagina-llum #contingut .info-destacada-superior{
  padding-bottom: 21rem;
}
.full-background.llums-nadal-mobile {
  display: none;
}

#vista-llums{
  background-color: #f2f2f2;
  padding: 5rem 0 8rem;
  margin-top: 5rem;
  position: relative;
  margin-bottom: -5rem;
  
}

#vista-llums .form-type-bef-link[id*="-all"] {
  display: none!important;
}

#vista-llums .view-header {
  margin-bottom: 3rem;
}

#vista-llums .view-header h4{
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 0!important;
  font-family: 'PT Serif', serif;
  line-height: 3rem!important;
  color: black!important;
  margin-bottom: 1rem;
}
#vista-llums .view-header span{
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.2rem;
  display: block;
}





#vista-llums .view-filters{
  margin-bottom: 1.6rem;
}

#vista-llums .views-exposed-form .views-exposed-widget{
  padding: inherit;
  float: inherit;
}

#vista-llums .form-item.form-type-bef-link{
  display: inline-block;
  width: 19.8%;
}



#vista-llums .form-item.form-type-bef-link a{
  width: 100%;
  background: #D8D4D1;
  display: inline-block;
  height: 3.2rem;
  text-align: center;
  font: normal normal 600 15px/20px Open Sans;
  letter-spacing: -0.15px;
  color: #000000;
  text-transform: uppercase;
  padding-top: 5px;
  margin-bottom: 1rem;
}


#vista-llums .form-item.form-type-bef-link a.active{
  background: #06BC8E;
}


#vista-llums .item-list ul {
  margin: 0 -12px;
}


#vista-llums .item-list ul li {
  margin: 0;
  padding: 0 12px;
  width: 33%;
  display: inline-table;
  margin-bottom: 24px;
}


#vista-llums .item-list ul li img {
  width: 100%;
  height: auto;
  height: 22.6rem;
  object-fit: cover;
}


#vista-llums li .cboxElement {
  position: relative;
  display: block;
}

#vista-llums li .cboxElement span{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.5);
  display: none;
}

#vista-llums li .cboxElement:hover span, #vista-llums li .cboxElement:focus span{
  display: block;
} 

#vista-llums li.pager-next.first.last {
  display: inherit!important;
  margin: 0 auto!important;
}


#vista-llums .pager-load-more a{
  border: 0;
  height: 4.4rem;
  background: #FFD700;
  color: black;
  font-size: 1.4rem;
  border-radius: 0.8rem;
  font-weight: 600;
  margin-top: 4rem;
  display: inline-block;
  line-height: 4.4rem;
  padding: 0 2rem;
}


#vista-llums .pager-load-more a:hover, #vista-llums .pager-load-more a:focus {
  text-decoration: none!important;
  background: #FFE765;
}



#vista-llums li .cboxElement span .bcn-icon-mes-cercle-o{
  position:absolute;
  font-size: 4rem;
  left:calc(50% - 20px);
  top:calc(50% - 20px);
  z-index: 100;
}


#colorbox,#cboxOverlay,#cboxWrapper{
	position:absolute;
	top:0;
	left:0;
	z-index:10001;
	overflow:hidden;
	-webkit-transform:translate3d(0, 0, 0)
}
#cboxOverlay{
	position:fixed;
	width:100%;
	height:100%
}
#cboxOverlay{
	background:#000
}
#cboxLoadingOverlay,#cboxLoadingGraphic{
	position:absolute;
	top:0;
	left:0;
	width:100%
}
.cboxIframe{
	width:100%;
	height:100%;
	display:block;
	border:0
}
#colorbox{
	z-index:10002;
	outline:0
}
#cboxLoadedContent{
	overflow:auto;
	padding:0!important
}
#cboxContent #cboxCurrent{
  left: 60px;
  position: absolute;
  bottom: 0px;
  width: calc(100% - 120px);
  height: 30px;
  color: white;
  line-height: 1.2em;
  background: rgba(0,0,0,0.7);
  font-family: 'Source Sans Pro',sans-serif;
  font-size: 1.4rem;
  padding: 6px 12px;
}
#cboxContent #cboxPrevious,#cboxContent #cboxNext,#cboxContent #cboxSlideshow,#cboxContent #cboxClose{
	background:none;
	border:0;
	padding:0;
	margin:0;
	overflow:visible;
	width:50px;
	position:absolute;
	top:-20px
}
#cboxContent .cboxPhoto{
	box-sizing:content-box;
	float:left;
	margin:auto;
	display:block;
  width:calc(100% - 120px)!important;
}
#cboxContent .bcn-icon{
	font-size:4rem;
	color:white
}
#cboxContent div#cboxTitle{
  position: absolute;
  right: 70px;
  bottom: 4px;
  color: #fff;
  z-index: 2;
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: 'Source Sans Pro';
}
#cboxContent button#cboxPrevious{
	top:50%;
	left:0;
}

#cboxContent button#cboxNext{
	top:50%;
	right:0%
}

#cboxContent button i {
  font-size: 4rem;
  color:#FFD700;
}


#cboxContent button#cboxClose{
	top:0%;
	right:0%;
	font-size:.6em
}
#cboxContent button#cboxCurrent{
	position:absolute;
	bottom:34px;
	left:21px
}

@media (max-width: 1023px) and (min-width: 768px){
  #vista-llums .form-item.form-type-bef-link a {
    font: normal normal 600 13px/20px Open Sans;
  }
  #vista-llums .item-list ul li{
    width: 49%;
  }
}

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

  .pagina-llum #interior-info-destacada h3, .pagina-llum #contingut .info-destacada-superior h3{
    font-size: 1.8rem!important;
    letter-spacing: 0px!important;
    line-height: 2.2rem!important;
    color: black;
    font-weight: 400!important;
    font-family: 'PT Serif', serif, sans-serif!important;
    margin-bottom: 0.5rem;
  }

  
  .full-background.llums-nadal {
    display: none;
  }

  .full-background.llums-nadal-mobile {
    display: block;
  }

  .not-front div#contingut-subheader .grid{
    width: 100%;
  }

  #vista-llums {
    margin-top: 10rem;
  }


#vista-llums .view-header {
  margin-bottom: 3rem;
}

#vista-llums .view-header h4{
  text-align: center;
  font-size: 2.6rem;
  letter-spacing: 0!important;
  font-family: 'PT Serif', serif, sans-serif!important;
  line-height: 3rem!important;
  color: black!important;
  margin-bottom: 1rem;
}



  div#vista-llums:before {
    left: 0;
    top: -21rem;
    width: 17.4rem;
  }
  #vista-llums .views-exposed-form .bef-select-as-links .form-item {
    display: none!important;
  }
  #vista-llums select {
    display: block !important;
    width: 100%;
    height: 45px;
    font-size: 1.6rem;
    padding-left: 17px;
    color: black;
    border: none;
    background: white;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-overflow: '';
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #06BC8E;
    background-image: url('../../../images/nadal2021/tirador.png')!important;
    background-repeat: no-repeat!important;
    background-position-x: 97%!important;
    background-position-y: 17px!important;
    z-index: 12222;
    background-size: 17px 11px!important;
  }
  #vista-llums .item-list ul.pager-load-more {
    display: block;
    margin: 0 auto;
  }
  #vista-llums .item-list ul.pager-load-more.pager-load-more-empty {
    display: none;
  }
  #vista-llums .item-list ul.pager-load-more li {
    margin: 0;
    padding: 0;
    position: relative;
  }
  #vista-llums .item-list ul.pager-load-more li::before {
    content: '';
    width: 100vw;
    height: 1px;
    background: #E5E5E5;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
  }
  #vista-llums .item-list ul.pager-load-more a {
    font-size: 14px;
    line-height: 19px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background: #267A60;
    border-radius: 4px;
    padding: 10px 23px;
    display: inline-block;
    margin: 0 auto;
    z-index: 1;
    position: relative;
  }
  #vista-llums .item-list ul li{
    width: 100%;
    margin-bottom: 2rem;
  }
  #vista-llums .item-list ul li img {
    max-height: inherit;
  }
  #vista-llums li .cboxElement:hover span, #vista-llums li .cboxElement:focus span{
    display: none!important;
  } 

}





/*Fi LLum*/




@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');








.sons-nadal #contingut #fitxa > ul , .doscolumnes #contingut #fitxa > ul {
    font-size: 1.4rem;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin-left: 2rem;
    margin-top: 4rem;
}
.sons-nadal #contingut #fitxa > ul li , .doscolumnes #contingut #fitxa > ul li{
    margin-bottom: 10px;
}
@media screen and (max-width: 767px){
  .sons-nadal #contingut #fitxa > ul li , .doscolumnes #contingut #fitxa > ul li{
      width: 100%;
      padding-right: 14px;
  }
}



#menu-receptes {
  padding-top: 20px;
}

.destacat .sostenible, #fitxa .sostenible{
  position: relative;
}

.destacat .sostenible img, #fitxa .sostenible img{
  position: absolute;
  top: 0;
  left: 0;
  width: 44px;
  height: 20px;

}
.destacat .sostenible span , #fitxa .sostenible span{
  font-size: 1.2rem;
  line-height: 1.8rem;
  display: inline-block;
  padding-left: 5rem;
  font-weight: 500;
}









#fitxa .sostenible{
  margin-top:-2rem;
  height: 6rem;
}

#fitxa .sostenible img{
  width: 64px;
  height: 30px;
}


#fitxa .sostenible span{
  font-size: 1.5rem;
  line-height: 3rem;
  padding-left: 7rem;
}

@media screen and (max-width: 767px){
  #fitxa .sostenible{
    height: 5rem;
  }
  #fitxa .sostenible img{
    width: 44px;
    height: 2rem;
  }
  #fitxa .sostenible span{
    font-size: 1.2rem;
    line-height: 2rem;
    padding-left: 5rem;
  }

}




#footer-sostenible{
  margin-top: 4rem;
  border-top: 1px solid #D2D2D2;
  padding: 4.2rem 0 0;
}
#footer-sostenible img{
    width: 22rem;
    height: 5.3rem;
    margin-bottom: 2rem;
}
#footer-sostenible p{
  font-size: 1.4rem;
  line-height: 1.8rem;
  width: 80%;
  color:#000000;
  display: inline-block;
}
@media screen and (max-width: 767px){
  #footer-sostenible p{
    width: 100%;
  }
}


#node-4463.node-grup-de-destacats .destacat:nth-of-type(5),
#node-4462.node-grup-de-destacats .destacat:nth-of-type(5),
#node-4466.node-grup-de-destacats .destacat:nth-of-type(5){
  margin: 0 auto;
float: inherit;
}







@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');






#material-campanya {
  text-align: center;
  margin-bottom: 4rem;
}


#material-campanya h2{
  color: black;
  font-size: 3.2rem;
  font-family: 'PT Serif', serif, sans-serif;
  font-weight: 600;
  text-align: center;
  margin: 6rem auto 4rem;
  letter-spacing: 0;
  line-height: 3.6rem;
}

#material-campanya .imatge-mobile{
  display: none;
}

#material-campanya img{
  width: 100%;
  height: auto;
  margin: 0rem auto 4rem;
}



#material-campanya a{
border: 0;
height: 4rem;
background: #326DE7;
color: #fff;
text-transform: uppercase;
font-size: 1.5rem;
padding: 0 4rem;
border-radius: 0.4rem;
font-weight: 600;
line-height: 4rem;
display: table;
margin: 0 auto;
}

#material-campanya a:focus {
    background: #2B5FC5;
}



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

  #material-campanya img.imatge-pc{
    display: none;
  }
  #material-campanya img.imatge-mobile{
    display: block;
  }


}











div#block-views-nadal_campanyes-block {
  background: #51C99F;
  padding: 5rem 0 4rem;
    position: relative;
}

div#block-views-nadal_campanyes-block .view-header{
  text-align: center;
}

#block-views-nadal_campanyes-block h3{
  font-size: 2.2rem;
  line-height: 2.6rem;
  color: black;
  letter-spacing: 0;
  font-family: 'PT Serif', serif, sans-serif;
  margin-bottom: 1.5rem;
  position: relative;
      padding: 0;
}


#block-views-nadal_campanyes-block span{
  font-size: 1.4rem;
  line-height: 2.2rem;
  color:black;
  margin-bottom: 4rem;
}

#block-views-nadal_campanyes-block .item-list{
  position: relative;
}


#block-views-nadal_campanyes-block .pager-load-more a{
  border: 0;
  height: 4.4rem;
  background: #FFD700;
  color: black;
  font-size: 1.4rem;
  border-radius: 0.8rem;
  font-weight: 600;
  margin-top: 4rem;
  display: inline-block;
  line-height: 4.4rem;
  padding: 0 2rem;
}


#block-views-nadal_campanyes-block .pager-load-more a:hover, #block-views-nadal_campanyes-block .pager-load-more a:focus {
  text-decoration: none!important;
  background: #FFE765;
}



/*
.item-list::after {

  background: url(../../../images/nadal2021/tinta.png) no-repeat center bottom transparent;
  top: 8px;
  left: inherit;
  right: -30px;
  height: 73px;
  width: 78px;
  content: ' ';
  position: absolute;
  background-size: contain;
  pointer-events: none;
}

.item-list::before {

  background: url(../../../images/nadal2021/detall_esquerra.png) no-repeat center bottom transparent;
  bottom: 8px;
  left: inherit;
  left: -30px;
  height: 56px;
  width: 141px;
  content: ' ';
  position: absolute;
  background-size: contain;
  pointer-events: none;
  z-index: 222;
}*/

#block-views-nadal_campanyes-block ul {
  margin-top:4rem;

}


#block-views-nadal_campanyes-block li img{
  width: 100%;
  height: auto
}

#block-views-nadal_campanyes-block .owl-controls .owl-nav .owl-next,
#block-views-nadal_campanyes-block .owl-controls .owl-nav .owl-prev{
  text-indent: 0;
background: none!important;
z-index: 122222;
}

#block-views-nadal_campanyes-block #block-views-nadal_campanyes-block .owl-next {
  left: inherit;
  right: -55px;
}


#block-views-nadal_campanyes-block .owl-next:before, #block-views-nadal_campanyes-block .owl-prev:before {
  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;
  -moz-osx-font-smoothing: grayscale;
  content: "\e998";
  font-size: 2rem;
  color: black;
  background: #ffd700;
  border-radius: 40rem;
  width: 3.4rem;
  height: 3.4rem;
  display: inline-block;
  text-align: center;
  line-height: 3.4rem;
}

#block-views-nadal_campanyes-block .owl-carousel .owl-controls .owl-dot {
  margin: 0px 3px;
}


#block-views-nadal_campanyes-block .owl-prev {
  left: -70px;
}


#block-views-nadal_campanyes-block .owl-prev:before {
  content: "\e99b";
}




#block-views-nadal_campanyes-block li{
  position: relative;
  list-style: none;
  display: inline-table;
  margin: 0;
  margin-bottom: 2.3rem;

}

#block-views-nadal_campanyes-block li:hover .views-field-field-fitxer-campanya{
    transform: scaleY(1);
    -ms-transform: scaleY (1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
}

#block-views-nadal_campanyes-block li .views-field-field-fitxer-campanya {
  display:none;
    position: absolute;
    bottom: 0;
    width: calc(100% - 1rem);
    transform: scaleY(0);
    -ms-transform: scaleY (0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    transition: all .25s ease;
    transform-origin: bottom;
}
#block-views-nadal_campanyes-block li .views-field-field-fitxer-campanya a {
    color: #326DE7;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
    text-align: left;
    height: auto;
    display: inline-block;
    background: #FBFBFA;
    border-radius: .4rem;
    padding: 1rem 2rem 1rem 2.5rem;
    position: relative;
    width: calc(100% - 14px);
}
#block-views-nadal_campanyes-block li .views-field-field-fitxer-campanya a:after {
  content: "\e9ad";
  font-size: 2rem;
  line-height: 2.88rem;
  text-align: right;
  font-family: 'icoajuntament' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  position: absolute;
}


@media screen and (max-width: 1024px){
  #block-views-nadal_campanyes-block:before{
    width: 6rem;
    height: 6.5rem;
  }

  #block-views-nadal_campanyes-block h3:before {
    left: -8px;
    top: -13.5rem;
    height: 117px;
    width: 61px;
  }
}

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

}

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


  #block-views-nadal_campanyes-block {
    padding: 6rem 0 4rem!important;
  }
  #block-views-nadal_campanyes-block h3 {
      margin-bottom: 1.5rem;
  }
  #block-views-nadal_campanyes-block ul{
    margin-top:3rem;
}
  #block-views-nadal_campanyes-block li{
    padding: 0 5px;
    margin-bottom: 20px;
  }

  .item-list::before , .item-list::after {
    display: none;
  }


  
  #block-views-nadal_campanyes-block li .views-field-field-fitxer-campanya a {
      font-size: 1.3rem;
      width: calc(100% - 0px);
  }
  #block-views-nadal_campanyes-block h3:before {
    left: 0px;
    top: -14.5rem;
    width: 50px;
}

}

.page-node-4742  #destacat_descarrega{
display: none;
}


#destacat_descarrega{
  background-color: #f2f2f2;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: -0.1px;
  line-height: 1.9rem;
  color: #64646E;
  padding-top: 10rem;
  padding-bottom: 6rem;
  position: relative;
}

#destacat_descarrega:before{
  position: absolute;
  left: 50%;
  top: 6rem;
  height: 33px;
  content: '';
  background: url(../../../images/nadal2021/rosa_vermella.png) no-repeat center bottom transparent;
  width: 83px;
  background-size: contain;
  transform: translate(-50%,-50%);
}


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

#destacat_descarrega h3{
  font-family: 'PT Serif', serif, sans-serif;

  font-size: 2.6rem;
  line-height: 2.6rem;

  color:black;
  letter-spacing: 0;
}

#destacat_descarrega ul{
  padding: 0;
  width: 900px;
  margin: 0 auto;
  margin-top: 4rem;
}

#destacat_descarrega li{
  width: 32.5%;
  display: inline-grid;
  padding: 0 12px;
  margin-bottom: 24px;
      position: relative;
}

#destacat_descarrega li .item-descarrega {
    background: white;
    padding: 3rem 2.5rem;
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    color: #64646E;
    height: 31.5rem;
}

#destacat_descarrega img{
  margin-bottom: 1.5rem;
}



#destacat_descarrega .bcn-icon-instagram {
  color:#e13567;
}
#destacat_descarrega .bcn-icon-telegram {
  color:#0088cc;
}
#destacat_descarrega .bcn-icon-whatsapp {
  color:#075e54;
}

#destacat_descarrega li i:before {
    background: #f1f1f1;
    width: 5rem;
    height: 5rem;
    display: inline-table;
    border-radius: 5rem;
    line-height: 5rem;
}

#destacat_descarrega li h4{
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  color: black;
  margin-bottom: 1rem;
}
#destacat_descarrega li p{
  font-size: 1.4rem;
  line-height: 1.8rem;
      margin-bottom: 2rem;
}

#destacat_descarrega li a{
  height: 4rem;
  background: #267A60;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5rem;
  padding: 1rem 1.5rem;
  border-radius: 0.4rem;
  font-weight: 600;
  line-height: 1.8rem;
  margin: 0 auto;
  width: 16.6rem;
  display: inline-table;
  vertical-align: bottom;
  position: absolute;
  left: 50%;
  bottom: 4rem;
  transform: translate(-50%, 0%);
}

#destacat_descarrega li a:focus {
    background: #2B5FC5;
}



@media screen and (max-width: 767px){
  #destacat_descarrega {
    padding-top: 7rem;
}
#destacat_descarrega:before {
    top: 4rem;
  }
  #destacat_descarrega li{
    width: 100%!important;
    margin-bottom: 2rem!important;

    display: inline-block;

  }
  #destacat_descarrega ul {
    width: 86%;
    margin: 4rem auto 0;
  }

}

.page-node-19630 #fitxa p, .page-node-19714 #fitxa p, .page-node-19713 #fitxa p,
.page-node-19817 #fitxa p, .page-node-19818 #fitxa p, .page-node-19819 #fitxa p{
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #64646E;
}


.page-node-19630 #zone-row-9-wrapper, .page-node-19714 #zone-row-9-wrapper, .page-node-19713 #zone-row-9-wrapper,
.page-node-19817 #zone-row-9-wrapper, .page-node-19818 #zone-row-9-wrapper, .page-node-19819 #zone-row-9-wrapper{
  margin-top: 0;

}





@media screen and (max-width: 767px){
  .page-node-19630 #zone-row-8-wrapper .grid, .page-node-19714 #zone-row-8-wrapper .grid, .page-node-19713 #zone-row-8-wrapper .grid,
  .page-node-19817 #zone-row-8-wrapper .grid, .page-node-19818 #zone-row-8-wrapper .grid, .page-node-19819 #zone-row-8-wrapper .grid{
    width: 100%;
  }
}

.page-node-19630 #region-r8-full, .page-node-19714 #region-r8-full, .page-node-19713 #region-r8-full,
.page-node-19817 #region-r8-full, .page-node-19818 #region-r8-full, .page-node-19819 #region-r8-full{
    padding:  0;
}






#mapa-campanya .columna-esquerra {
    width: 33%;
    display: inline-block;
    text-align: center;
    float: left;
    margin-top: 8rem;
}


#mapa-campanya .columna-dreta {
    width: 66%;
    display: inline-block;
}


#mapa-campanya .columna-esquerra h3{
  font-size: 2.1rem;
  line-height: 2.5rem;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 1rem;
  font-family: 'PT Serif', serif, sans-serif;
}
#mapa-campanya .columna-esquerra img {
    display: inherit;
    text-align: center;
    margin: 0 auto 1rem;
}
#mapa-campanya .columna-esquerra span {
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 3rem;
    display: inline-block;
    padding: 0 5rem;
        color: black;
}

#mapa-campanya .columna-esquerra a{
  height: 4rem;
  background: #326DE7;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.5rem;
  padding: 1rem 1.5rem;
  border-radius: 0.4rem;
  font-weight: 600;
  line-height: 1.8rem;
  display: table;
  margin: 0 auto;
}
#mapa-campanya .columna-esquerra a:focus{
  background: #2B5FC5;

}

#mapa-campanya .columna-dreta img{
  float: right;
}


#mapa-campanya .columna-dreta img.imatge-mobile{
  display: none;
}

@media screen and (max-width: 1024px){
  #mapa-campanya .columna-dreta img{
  width: 100%;
  }

}
@media screen and (max-width: 767px){
  #mapa-campanya .columna-esquerra{
    margin-bottom: -1rem;
margin-top: 4rem;
  }

  #mapa-campanya .columna-esquerra span {
    margin-bottom: 4rem;
  }
  #mapa-campanya .grid{
  display: flex;
flex-wrap: wrap-reverse;
width: 100%;
}
  #mapa-campanya .columna-esquerra, #mapa-campanya .columna-dreta{
    width: 100%;
  }
  .columna-esquerra > img {
    display: none!important;
}

  #mapa-campanya .columna-dreta img.imatge-pc{
    display: none;
  }
  #mapa-campanya .columna-dreta img.imatge-mobile{
    display: block;
  }
  .page-node-19630 #zone-row-8-wrapper .grid, .page-node-19714 #zone-row-8-wrapper .grid, #zone-row-8-wrapper .page-node-19713 .grid{
    width: 100%
  }

}






.page-node-17756 .full-background, .page-node-17756  #zone-row-content-wrapper,
.page-node-17798 .full-background, .page-node-17798  #zone-row-content-wrapper,
.page-node-17799 .full-background, .page-node-17799  #zone-row-content-wrapper{
    padding: 0;
    margin-top: 0!important;
}

.page-node-17756 h2.title,
.page-node-17798 h2.title,
.page-node-17799 h2.title{
  display: none;
}



.page-node-17756  #breadcrumb,
.page-node-17798  #breadcrumb,
.page-node-17799  #breadcrumb{
  padding-top: 27px;
}

@media screen and (max-width: 767px){
  .page-node-17756  #breadcrumb,
  .page-node-17798  #breadcrumb,
  .page-node-17799  #breadcrumb{
    display: none;
  }

}





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

  #cabecera-landing .border-landing{
    display: none;
  }

    #cabecera-landing .mobile{
      display: block;
    }

}




#benvinguda-magia .right{
  width: calc(100% - 750px);
  display: inline-block;
  padding-left: 2rem;
}
#benvinguda-magia .right img{
  width:100%;
}

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

  #benvinguda-magia .left {
      width: 70%;
  }
  #benvinguda-magia .right {
      width: calc(100% - 70%);
  }
}

@media screen and (max-width: 767px){
  #benvinguda-magia .left,  #benvinguda-magia .right {
    width: 100%;
    margin-bottom: 2rem;
  }
}


#personatge-left, .gif{
  width: 390px;
  float: left;
}
#personatge-right,  #personatge-extra .comparteix{
  width: 690px;
  display: inline-block;
  padding-left: 2.4rem;
}
 #personatge-extra .comparteix #comparteix {
    text-align: right;
}
#personatge-extra .comparteix #comparteix h2 {
    display: inline;
}
#personatge-extra .addthis_sharing_toolbox {
    display: inline-block;
    margin-left: 1rem;
}

@media (max-width: 1024px) and (min-width: 768px){
  #personatge-left, .gif{
    width: 40%;
  }
  #personatge-right, #personatge-extra .comparteix{
    width: 60%;
  }
}
@media screen and (max-width: 767px){
  .node-type-personatge-nadal h2.title {
    letter-spacing: 0;
    line-height: 2.5rem;
    margin-bottom: 1.8rem;
    font-size: 2.1rem;
      width: 90%;
  }
  .benvinguda-magia .entradeta{
    width: 100%;
  }
  #personatge-left, #personatge-right, .gif, #personatge-extra .comparteix{
    width: 100%;
    padding: 0;
  }
  #personatge-left img {
      height: auto;
  }
  #personatge-left{
    margin-bottom: 2rem;
  }
  .gif,   #personatge-extra .comparteix #comparteix {
    text-align: left;
    margin-bottom: 0rem;
  }
    #personatge-extra .comparteix #comparteix h2{
      margin-bottom: 1rem;
      margin-right: 1rem;
      display: inline-block;
    }
    #personatge-extra .addthis_sharing_toolbox {
      margin-left: 0;
  }

    #personatge-extra {
      margin-bottom: 0rem;
  }
  .view-nadal-personatges ul li{
      width: 49%;
  }
  .gif {
      margin-bottom: 2rem;
    margin-top: -6rem;
  }
  .gif a {
      white-space: inherit;
      line-height: 2.3rem;
          padding-right: 150px;
  }

}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .univers-personatge:not(.llarg) dd span,
  #personatge-right .intro-personatge {
    display: table-cell !important;
  }
}



.front .view-nadal-personatges h3 , .front #block-views-nadal_personatges-block h3{
  font-size: 3.2rem;
  line-height: 3.6rem;


}
.view-nadal-personatges h3 , #block-views-nadal_personatges-block h3{
  color: black;
  font-size: 2.6rem;
  font-family: 'PT Serif', serif, sans-serif;
  letter-spacing: 0;
  line-height: 2.8rem;
  margin-bottom: 1.6rem;
  text-align: center;
  padding-bottom: 0;
}

.view-nadal-personatges .view-header span{
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0;
  color: #64646E;
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: 0 0 4rem;
}

.view-nadal-personatges img, #block-views-nadal_personatges-block img{
  width: 100%;
  height: auto;
}

.view-nadal-personatges ul li, #block-views-nadal_personatges-block ul li {
  list-style: none;
  display: inline-table;
  margin: 0;
  position: relative;
}
#block-views-nadal_personatges-block ul {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 0;
  }

 #block-views-nadal_personatges-block ul li {
   width: 33%;
   margin-bottom: 2.5rem;
   padding: 0 11px;
 }


.view-nadal-personatges ul{
  margin-left: -5px;
  margin-right: -5px;
}

.view-nadal-personatges ul li{
  width: 24.8%;
  padding: 0 5px;
  margin-bottom: 2.3rem;
}

.view-nadal-personatges .views-field-title{
  position: absolute;
  top: 0;
}
.front .view-nadal-personatges{
  margin-bottom: 5rem;
}





@media (max-width: 1024px) and (min-width: 768px){
  .view-nadal-personatges ul li{
    width: 24.8%!important;
  }
  .view-nadal-personatges ul {
    margin-left: -10px;
    margin-right: -10px;
}

  .view-nadal-personatges .views-field-title a {
    padding: 14% 24% 86% 15%;
    width: calc(100% - 40%);
    cursor: pointer;
  }
}
@media (max-width: 950px) and (min-width: 768px){
  .view-nadal-personatges ul li{
    width: 33%!important;
  }
}
@media screen and (max-width: 767px){
  .new-personatges {
      margin-bottom: -2.5rem;
  }

   #block-views-nadal_personatges-block ul li {
    width: 49%!important;
    margin-bottom: 1rem;
  }
  .view-nadal-personatges ul li {
    margin-bottom: 2.5rem;
    width: 49%;
  }
  .front .view-nadal-personatges .new-personatges li:nth-child(n+3) {
    display: none;
}
  .view-nadal-personatges img {
        width: 100%!important;
  }
  .view-nadal-personatges .views-field-title a {
    padding: 20% 18% 76% 14%;
        font-size: 1.8rem;
            line-height: 2.4rem;
        width: calc(100% - 36%);
    }
.view-nadal-personatges, #block-views-nadal_personatges-block {
    padding:  0;
}


}


.node-type-personatge-nadal #footer{
  border: 1px solid #E6E6E6;
}

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

  .view-nadal-personatges ul li {
    margin-bottom: 2.5rem;
    width: 100%;
}

  .view-nadal-personatges .views-field-title a {
    padding: 5rem 39% 68% 12%;
    font-size: 2.2rem;
    line-height: 3rem;
  }
  #block-views-nadal_personatges-block ul li{
    width: 100%!important;
  }



}

#block-views-nadal_personatges-block a:hover{
  background: #000;
}


 #block-views-nadal_personatges-block a:hover img{
   transform: scale(1.02);
   /*transition: all .5s ease-in;*/
   z-index: 1222;
   opacity: .8;
}



 #block-views-nadal_personatges-block img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}


 #block-views-nadal_personatges-block a {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 100%;
}









.view-nadal-personatges .view-footer a{

border: 0;
    height: 4rem;
    background: #326DE7;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: 0 4rem;
    border-radius: 0.4rem;
    font-weight: 600;
    line-height: 4rem;
    display: table;
    margin: 0 auto;
}

.view-nadal-personatges .view-footer a:focus{
    background: #2B5FC5;
}


.view-nadal-personatges span a {
  border: 0;
    height: 4rem;
    background: #326DE7;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5rem;
    padding: 0 2rem;
    width: 100%;
    border-radius: 0.4rem;
    font-weight: 600;
    line-height: 4rem;
    display: table;
    margin: 0 auto;
    text-align: left;
    position: relative;
    bottom: 0;
}

.view-nadal-personatges span a:after {
    font-family: 'icoajuntament' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\e9ad";
    position: absolute;
    right: 16px;
    top: 9px;
    font-size: 2rem;
}

.view-nadal-personatges img.file-icon ,.view-nadal-personatges span.file-size {
    display: none;
}
.gif {
    display: inline-block;
    width: 100%;
    margin-bottom: 3rem;
    margin-top: -5rem;
}
.gif a {
  padding-top: 1.4rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: black;
  box-shadow: inset 0px -0.6rem #ffd700;

}
@media screen and (max-width: 400px){
  .gif a {
    background-image: none;

  }
}

.view-nadal-personatges .new-personatges li {
  position: relative;
}

.view-nadal-personatges .new-personatges li:hover .views-field-field-arxiu-personatge,
.view-nadal-personatges .new-personatges li:focus .views-field-field-arxiu-personatge {
  transform: scaleY(1);
  -ms-transform: scaleY (1);
  -webkit-transform:scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  background-color: #ffd700;

  color:white;

}

.view-nadal-personatges .new-personatges li:hover .views-field-field-arxiu-personatge a,
.view-nadal-personatges .new-personatges li:focus .views-field-field-arxiu-personatge a {

  background-color: #FFD700;
  color: black;
  border-radius: .8rem;

}




.view-nadal-personatges .new-personatges li .views-field-field-arxiu-personatge a {
  color: black;
  background:#FFD700;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  text-align: left;
  height: auto;
  display: inline-block;
  border-radius: 0rem;
  padding: 1rem 2rem 1rem 2.5rem;
  position: relative;
  width: 100%;
}

.view-nadal-personatges .new-personatges li .views-field-field-arxiu-personatge a:after {
  content: "\e9ad";
  font-size: 2rem;
  line-height: 2.88rem;
  text-align: right;
  font-family: 'icoajuntament' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  position: absolute;
  color: black;
}

.view-nadal-personatges .new-personatges li .views-field-field-arxiu-personatge a:hover {
  background-color: #FFE765;
}


.view-nadal-personatges .new-personatges li .views-field-field-arxiu-personatge img,
.view-nadal-personatges .new-personatges li .views-field-field-arxiu-personatge .file-size {
  display: none;
}








/* BAN *//* BAN *//* BAN *//* BAN *//* BAN *//* BAN *//* BAN *//* BAN */
/* BAN *//* BAN *//* BAN *//* BAN *//* BAN *//* BAN *//* BAN *//* BAN */
/* BAN *//* BAN *//* BAN *//* BAN *//* BAN *//* BAN *//* BAN *//* BAN */


body.page-node-19826 #breadcrumb,body.page-node-19827 #breadcrumb,body.page-node-19828 #breadcrumb,
body.page-node-19826 h2.title, body.page-node-19827 h2.title, body.page-node-19828 h2.title{
  display: none;
}

body.page-node-19826 #zone-row-9-wrapper, body.page-node-19827 #zone-row-9-wrapper, body.page-node-19828 #zone-row-9-wrapper{
  margin-top:0;
}

body.page-node-19826 #zone-row-content-wrapper, body.page-node-19827 #zone-row-content-wrapper, body.page-node-19828 #zone-row-content-wrapper{
  padding: 0;
}



#ban{
  background-image: url('/nadal/sites/all/themes/bcn/images/nadal2020/ban/mapa_fons.jpg');
  width: 100%;
  height: 100%;
  padding: 6rem 0;
  background-size: cover;
  background-position: bottom;
}

#ban .mobile,   #ban .img-mobile{
  display: none
}

#ban .interior{
  background: #FBFBFA;
  padding: 6rem 0 10rem;
  text-align: center;
}

#ban .header h2{
  margin-bottom: 2rem;
}

#ban .header img{
  width: 100%;
  height: 8rem;
}

#ban .header span{
  font-size: 2.4rem;
  color: black;
  line-height: 2.9rem;
  font-family: 'PT Serif', serif, sans-serif;
  letter-spacing: 0;
  font-weight: 600;
  width: 400px;
  display: block;
  margin: 0 auto;
}

#ban .paragraf{
  width: 800px;
  margin: 6rem auto 0;
}
#ban .paragraf img{
  margin-bottom: 2rem;
  width: 402px;
}
#ban .paragraf h3{
  font-size: 2.8rem;
  color: #06BC8E;
  line-height: 3.4rem;
  font-family: 'PT Serif', serif, sans-serif;
  letter-spacing: 0;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 0;
}

#ban #segon.paragraf h3{
  color: #AD3137;
}
#ban .paragraf ul, #ban .paragraf p{
  font-size: 1.6rem;
  line-height: 2.2rem;
}

#ban ul{
  padding: 0;
  list-style: inside;
}


#ban li {
    list-style-image: url('/nadal/sites/all/themes/bcn/images/nadal2020/ban/puntet_vermell.svg');
    margin-bottom: 2rem;
}

.firma{
  margin-top: 6rem;
}
.firma p{
  color: black;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0;
  font-family: 'PT Serif', serif,sans-serif;
}


@media (max-width: 1023px) and (min-width: 768px){
  #ban .paragraf {
      width: 100%;
      padding: 0 3rem;
  }
  #ban .grid{
    width: 90%!important;
  }
  #ban .header img{
    height: 6rem;
  }

}




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

  #ban {
    background: none;
    padding: 0;
  }

  #ban .mobile{
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    max-height: 20rem;
  }
  #ban .mar.mobile{
    object-position: bottom;
  }
  #ban .img-mobile{
    display: block;
  }
  #ban .grid{
    width: 100%!important;
  }

  #ban .header h2 img:first-child{
    display: none;
  }

  #ban .header span{
    width: 100%;
    padding: 0 1.5rem;
  }
  #ban .paragraf{
    margin: 4rem auto 0;
    width: 100%;
    padding: 0 1.5rem;
  }

  #ban .paragraf img {
    margin-bottom: 2rem;
    max-width: 32rem;
  }

  .firma p{
    font-size: 1.8rem;
    line-height: 2.3rem;

  }
}







/*modal puvblicar
body.modal {
  overflow: hidden;
}
body.active{
  overflow: inherit;
}
*/

#popup-nadal.hidden, #overlay.hidden
{
  display: none;
}
#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7);
  z-index: 10000000;
  cursor: pointer;
}

#popup-nadal{
  position: fixed;
  top: 50%;
  left: 50%;
  background: white;
  width: 1020px;
  transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  z-index: 10000001;
  font-size: 2rem;
  line-height: 1.8;
  text-align: center;
  box-shadow: 0px 0px 18px #00000099;
  font-family: 'Source Sans Pro',sans-serif!important;

}
#popup-nadal > img{
  width: 100%;
  margin-bottom: 0;
  display: inherit;
}
#popup-nadal span{
  text-align: center;
  font-size: 2.4rem;
  line-height: 2.6rem;
  margin-bottom: 2rem;
  letter-spacing: 0;
  display: block;
  color:#696973;
}
/*
#popup-nadal .pre-content{
  background: white;
  height: 15.7rem;
  padding: 0 3rem;
  display: table-cell;
  vertical-align: middle;
  width: inherit;
  font-weight: 400;
  font-size: 2.8rem;
  line-height: 3.2rem;
  color:#696973;
  letter-spacing: 0;
  margin-bottom: 3rem;
}
*/

#popup-nadal .pre-content {
  vertical-align: middle;
  width: inherit;
  font-size: 2rem;
  margin: 0 auto;
  width: 100%;
  letter-spacing: 0;
  display: block;
  padding: 3rem 0;
  color: #696973;
}

#popup-nadal .pre-content strong{
  color: black;
}


#popup-nadal .pre-content.segon{
  background-color: #F2F2F2;
}

#popup-nadal .pre-content p{
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 400;
  max-width: 70rem;
  margin: 0 auto 2rem;
}


#popup-nadal div.destacat {
  padding-top: 2.5rem;
      background: white!important;
      line-height: 2.6rem;
}



#popup-nadal .pre-content strong{
  font-weight: 600;
}
/*
#popup-nadal a.destacat {
    min-width: 376px;
    height: 76px;
    background: #00844D!important;
    border-radius: 6px;
    color: white;
    display: inline-block;
    font-size: 1.8rem;
    line-height: 7.6rem;
    padding: 0 3rem;
    position: relative;
    padding-left: 10.7rem;
    margin: 2rem 0 4rem;

}*/

#popup-nadal a.destacat {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-size: 1.4rem;
    padding: 0 3rem;
    text-decoration: none!important;
    background: #FFD700!important;
    color: black;
    letter-spacing: 0;
    border-radius: 8px;
    align-items: center;
    font-weight: 600;
    position: relative;
}


#popup-nadal a.destacat:hover, #popup-nadal a.destacat:focus {
  text-decoration: underline!important;
}
#popup-nadal a.destacat span{
  height: 100%;
  position: absolute;
  left: 2.2rem;
  top: 0;
  padding-top: 2rem;
  padding-right: 2.15rem;
  border-right: 1px solid white;
  margin: 0;
}


#popup-nadal a.destacat span img {
    width: 4.3rem;
}

#popup-nadal .pre-footer{
  background: #f2f2f2;
  color: #CA381A;
  height: 7.1rem;
  padding: 0 1rem;
  line-height: 1.2em;
  margin-top: 2rem;
  display: table-cell;
  vertical-align: middle;
  width: inherit;

}
#popup-nadal .footer{
  background: #333333;
  color: white;
  font-weight: 500;
  text-transform: uppercase;
  height: 4rem;
  line-height: 4rem;
}
#popup-nadal .footer a{
  color: white;
  width: 100%;
  font-size: 1.6rem;
  line-height: 4rem;
  display: block;
  font-weight: 600;
}
#popup-nadal .footer a:hover{
  text-decoration: underline;
}




#popup-nadal .tancar{
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: white;
  box-shadow: 0px 0px 12px #00000099;
  border-radius: 3rem;
  width: 3rem;
  height: 3rem;
  cursor:pointer;
}
#popup-nadal .tancar i{
  font-size: 1.8rem;
  color: #696973;
  text-align: center;
  padding-left: 0.15rem;
  line-height: 28px;
  display: inherit;

}
@media screen and (max-width: 1025px) {
  #popup-nadal {
    width: 90%;
  }
  #popup-nadal .pre-content{
    padding: 3rem 0;
  }
#popup-nadal a.destacat{
  padding: 1rem 2rem;
    height: inherit;
    line-height: inherit;
    display: inline-block;
    font-size: 1.4rem;
}

}

@media screen and (max-width: 767px) {
  #overlay {
    background-color: rgba(0,0,0,0.8);
  }
  #popup-nadal {
    width: 90%;
    font-size: 1.6rem;
  }

  #popup-nadal .pre-content p,   #popup-nadal .pre-content{
    font-size: 1.6rem;
    line-height: 2rem;
  }

  #popup-nadal .pre-content{
    padding: 2rem;
  }


  #popup-nadal span {
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin-bottom: 2rem;
    margin: 0!important;
  }
  #popup-nadal > span, #popup-nadal a.destacat {
    padding: 0 1.5rem;
  }
  #popup-nadal .tancar {
    position: absolute;
    top: -3rem;
    right: 0rem;
    background: transparent;
    box-shadow: none;
  }
  #popup-nadal .tancar i {
    color: white;
  }
  #popup-nadal a.destacat{
    padding: 0.8rem 2rem;
    height: inherit;
    line-height: inherit;
    display: inline-block;
    font-size: 1.4rem;
  }
  #popup-nadal a.destacat span{
    display: none;
  }
  #popup-nadal .pre-footer {
    height: inherit;
    padding: 1.5rem;
    line-height: 1.2em;
    font-size: 1.5rem;
    margin-top: 0rem;
    display: table;
    width: 100%;
  }
  #popup-nadal .footer a {
    font-size: 1.4rem;
  }
  #popup-nadal .tancar i{
    font-size: 2.2rem;
  }
}
/* FI NADAL 2019-2020- MODAL */





.page-node-4492  #zone-row-9-wrapper,
.page-node-4495  #zone-row-9-wrapper,
.page-node-4493  #zone-row-9-wrapper{
  margin-top: 0!important;
}
.page-node-4492  #zone-row-3-wrapper,
.page-node-4495  #zone-row-3-wrapper,
.page-node-4493  #zone-row-3-wrapper{
  padding: 0!important;
}

.page-node-4492  #region-r3-full,
.page-node-4495  #region-r3-full,
.page-node-4493  #region-r3-full{
  padding: 0!important;
}


.page-node-4492  #zone-row-3-wrapper > .grid,
.page-node-4495  #zone-row-3-wrapper > .grid,
.page-node-4493  #zone-row-3-wrapper > .grid{ 
  width: 100%!important;
}













#bloc-sons{
  padding: 6rem 0;
  background: white;
  z-index: 100;
  position: relative;
  
}


#bloc-sons:after{
  background: white;
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100vw;
  left: calc(50% - 8px);
  transform: translateX(-50%);
}


#bloc-sons img{
  width: 100%;
}

@media screen and (max-width: 767px) {
  #bloc-sons{
    padding: 2rem 0;    
  }

}





#new_comparteix h3 {
  font-size: 1.6rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.9rem;
  margin-bottom: 1.2rem;
  padding-bottom: 0;
  letter-spacing: 0;
  color: #000;
}


.ajuntament-share-social-page ul {
  list-style: none;
  display: flex!important;
  justify-content: center;
  gap: 1.2rem;
  padding: 0;
  margin: 0;
}



.ajuntament-share-social-page ul li {
  position: relative;
  width: 4.2rem;
  height: 4.2rem;
  background: pink;
  border-radius: 5rem;
}

.ajuntament-share-social-page ul li a{
  line-height: 4.5rem;
  font-size: 2.2rem;
  background-color: #64646E;
  width: 100%;
  height: 100%;
  display: inherit;
  border-radius: 5rem;
  color: white;
}
/*
.ajuntament-share-social-page ul li a:hover, .ajuntament-share-social-page ul li a:focus {
  background-color: #1A3464;
}

*/

.ajuntament-share-social-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}






/*Noves imatges home */

.front .grup-destacats{
  position: relative;
}

.front .grup-destacats .node-grup-de-destacats:before , .front .grup-destacats .node-grup-de-destacats:after{
  pointer-events: none;
  content: ' ';
  position: absolute;
  width: 386px;
  height: 931px;
  background: url(../../../images/nadal2022/home_esquerra.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.front .grup-destacats .node-grup-de-destacats:before {
  top: 0;
  left: -35%;
}
@media screen and (min-width: 1800px) {
  .front .grup-destacats .node-grup-de-destacats:before {
    left: -50%;
  }
}
@media screen and (min-width: 2200px) {
  .front .grup-destacats .node-grup-de-destacats:before {
    left: -70%;
  }
}
@media screen and (min-width: 2600px) {
  .front .grup-destacats .node-grup-de-destacats:before {
    left: -90%;
  }
}

.front .grup-destacats .node-grup-de-destacats:after {
  width: 376px;
  height: 638px;
  background: url(../../../images/nadal2022/home_dreta.png);
  right: -35%;
  bottom: 0;
  background-size: cover;
}
@media screen and (min-width: 1880px) {
  .front .grup-destacats .node-grup-de-destacats:after {
    right: -50%;
  }
}
@media screen and (min-width: 2280px) {
  .front .grup-destacats .node-grup-de-destacats:after {
    right: -70%;
  }
}
@media screen and (min-width: 2680px) {
  .front .grup-destacats .node-grup-de-destacats:after {
    right: -90%;
  }
}