/*responsive*/

/* Screens narrower than 360px */
@media only screen and (max-width:359px) {

}

/* Screens between 360px and 575px */
@media only screen and (max-width:575px) and (min-width:360px) {
.colors .layout-container > header .header-area__header {
    background-color: #fff;
	display: block !important;
}
 .burger__icon, .colors .burger__icon::before, .colors .burger__icon::after{
	
    background-color: #ab8a59 !important;
	
}

.slick--view--slider-portada{
        height: 12vh !important;
    min-height: 140px !important;
	
}

/*view-serveis-destacats*/



.view-serveis-destacats .views-view-responsive-grid--horizontal{
	
	--views-responsive-grid--column-count: 2 !important;
}

.view-serveis-destacats .views-view-responsive-grid__item {
    /* padding: 20px; */
    background-color: #3B4E5C;
    position: relative;
    height: 95px;
    width: 150px !important;
	text-align: center !important;
	
	

}

.view-serveis-destacats .views-view-responsive-grid__item .views-field-title {
    position: absolute;
    top: 30%;
    left: 10% !important;
    z-index: 3;
}

/*serveis municipals*/
.view-areas-ajuntament .views-row{

    width: 100% !important;
}


/*.colors .layout-container > header .header-area__top-bar {
    background-color: #6B6152 !important;
}*/


.block-home3-escutislogan{
	display:none !important;
}
/*noticies*/
.block-views-block-news-block-3 .view-content, .block-views-block-news-block-3-2 .view-content, .view-relationship-news-for-block .view-content{

    grid-template-columns: 1fr !important;
}

/*agenda*/
.block-views-block-diaries-block-2 .view-content, .block-views-block-diaries-block-2-2 .view-content.block-views-block-news-block-3 .view-content, .block-views-block-news-block-3-2 .view-content, .view-relationship-news-for-block .view-content{

    grid-template-columns: 1fr !important;
}

}

/* Screens between 576px and 899px */
@media only screen and (max-width:899px) and (min-width:576px){
.slick--view--slider-portada{
        height: 23vh !important;
    min-height: 140px !important;
	
}

/*noticies*/
.block-views-block-news-block-3 .view-content, .block-views-block-news-block-3-2 .view-content, .view-relationship-news-for-block .view-content{

    grid-template-columns: 1fr 1fr !important;
}


}

/* Screens between 900px and 1249px */
@media only screen and (max-width:1249px) and (min-width:900px) {
	
	.header-area__header{
	display:none !important;
}
	.slick--view--slider-portada{
        height: 23vh !important;
    min-height: 140px !important;
	
}

/*noticies*/
.block-views-block-news-block-3 .view-content, .block-views-block-news-block-3-2 .view-content, .view-relationship-news-for-block .view-content{

    grid-template-columns: 1fr 1fr !important;
}


/*view-serveis-destacats*/



.view-serveis-destacats .views-view-responsive-grid--horizontal{
	
	
}

.view-serveis-destacats .views-view-responsive-grid__item {
    /* padding: 20px; */
    background-color: #3B4E5C;
    position: relative;
    height: 95px;
    width: 200px !important;
	text-align: center !important;
}

.view-serveis-destacats .views-view-responsive-grid__item .views-field-title {
    position: absolute;
    top: 30%;
    left: 10% !important;
    z-index: 3;
}

}

/* Screens between 1250px and 1649px */
@media only screen and (max-width:1649px) and (min-width:1250px) {

.header-area__header{
	display:none !important;
}
.sf-main-menu---home-2 {
	    display: flex !important;
    justify-content: center !important;
}
/*noticies*/
.block-views-block-news-block-3 .view-content, .block-views-block-news-block-3-2 .view-content, .view-relationship-news-for-block .view-content{

    grid-template-columns: 1fr 1fr 1fr !important;
}


}

/* Screens wider than 1650px */
@media only screen and (min-width:1650px) {
.sf-main-menu---home-2 {
	    display: flex !important;
    justify-content: center !important;
}
/*noticies*/


.block-views-block-news-block-3 .view-content, .block-views-block-news-block-3-2 .view-content, .view-relationship-news-for-block .view-content{
	grid-gap: 1.5rem;
        grid-template-columns: 1fr 1fr 1fr !important;
}

}

/*globals*/

.contextual-links a{
	color: #000 !important;
	
}

.block-home3-escutislogan img{
	width: 200px;
}

.field--name-field-attached-files a{}

.field--name-field-attached-files a:hover{color:#66041E !important;}


#search-block-form .form-actions .js-form-submit{}

#search-block-form .form-actions{
	/*    background-color: #9e082f !important;*/
	
	
}

 .block-search #search-block-form .js-form-item .form-search {
	color: #fff !important;
}
/*.colors .layout-container > header .header-area__top-bar {
    background-color: #6B6152 !important;
	
}*/
.toolbar-tray-horizontal a {
    color: #565656;
}

.toolbar-menu-administration a {
    color: #565656;
}

/*
.colors nav.tabs .primary a:hover, .colors nav.tabs .primary a.is-active{
	background-color: #666;
}
*/

.node--type-basic-page a{

/*color:#9E082F !important;*/
}




/*menu superior*/
ul.sf-menu.sf-style-default {
    float: none !important;
    margin-bottom: 1em;
    padding: 0;
}


/*.sf-main-menu---home-3{background-color:#9e082f}*/




.sf-main-menu---home-3 ul.sf-menu .menuparent  {
    display: block !important;
    padding: 1em 1.5em !important;
    position: relative !important;
}


ul.sf-menu a, ul.sf-menu span.nolink{
	
	   display: block !important;
    padding: 1em 1.5em !important;
    position: relative !important;
}

/*ul.sf-menu a:hover{
 background: #66041e !important;
 color:#fff !important;
}*/

.header-area__header{background-color: #fff !important;}
.header-area__header{display:none !important;}

/*.sf-main-menu---home-3{background-color:#9e082f}*/



#superfish-main-menu-home-3-toggle span {display:none !important;}
#superfish-main-menu-home-2-toggle span {display:none !important;}

div.sf-accordion-toggle.sf-style-default a {
    background: #ab8a59 !important;
    color: #fff !important;
 
}

ul.sf-menu.sf-style-default a, ul.sf-menu.sf-style-default a:visited, ul.sf-menu.sf-style-default span.nolink {
       color: #fff !important;
  }

ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
    background: #3B4E5C !important;
}


ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover, ul.sf-menu.sf-style-default a.is-active,
 ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover {
    background: #373C40 !important;

}


/*idiomes*/

.block-language-blocklanguage-interface .en, .block-language-blocklanguage-interface .de{
	
	display:none;
	
}

.block-language-blocklanguage-interface .links{
	    margin-left: 5em;
}
	
		

/*slider*/

.slick-slide{
    height: 40em !important;
}

.view-slider-portada img
 {
    width: 89em !important;
}

.view-slider-portada .slide__caption{
  padding:0px !important;
}

.view-slider-portada .media--slick {
min-height: 0px !important;
}

.view-slider-portada .slick-list{
  height:400px !important;
  
}


/*breadcrumb*/

.colors .breadcrumb a {
    color: #000;
}



/*serveis destacats*/


.view-serveis-destacats .views-view-responsive-grid__item{
	 /*   padding: 20px;*/
	 background-color: #3B4E5C;
	 position: relative;
	 height: 95px;
    width: 300px;

}



.view-serveis-destacats .views-view-responsive-grid__item .views-field-field-icona-servei img{
	 display:none;
}


.view-serveis-destacats .views-view-responsive-grid__item .views-field-field-icona-servei,
 .view-serveis-destacats .views-view-responsive-grid__item .views-field-title{

	/* margin-top:10px;*/
	display: flex;
  justify-content: center;

	
}

.views-view-responsive-grid__item-inner {
  display: flex;
  flex-direction: column;
  
  /* Centra el contenido en el eje VERTICAL (porque la dirección es 'column') */
  justify-content: center; 
  
  /* Centra el contenido en el eje HORIZONTAL (porque la dirección es 'column') */
  align-items: center;     
  
  height: 100%;
  text-align: center; /* Asegura el centrado del texto en sí mismo */
}

 .view-serveis-destacats .views-view-responsive-grid__item .views-field-title{
	 position: absolute;

	z-index: 3;
	
 }

.view-serveis-destacats  .views-field-title a{
	font-size: 0.9em;
	color: #fff !important;
	font-weight:bolder;
	padding:10px;
	
}


.view-serveis-destacats  .views-field-title a:hover{
	color: #ccc !important;
	
}

.view-serveis-destacats  .views-field-field-enllac-a-servei-1{
	 position: absolute;

	z-index: 3;
	
}

.view-serveis-destacats  .views-field-field-enllac-a-servei-1 a{
		font-size: 0.9em;
	color: #fff !important;
	font-weight:bolder;
	padding:10px;
	
}
.view-serveis-destacats  .views-field-field-enllac-a-servei-1 a:hover{
	color: #ccc !important;
	
}
	
	
	
	
.view-serveis-destacats .views-field-field-imatge::before
 {
	   content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 1;
    background-color: rgba(22, 25, 33, 0.7);
}
.view-serveis-destacats .views-field-field-imatge img{
 height: 95px;
    width: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;



}


/*slider*/
.slick--view--slider-portada{
   position: relative;
    display: block;
    width: 100%;
    /*height: 31vh;*/
    min-height: 200px;
	
}





.block-menu-topbar-home3 .menu-item a:hover, .block-menu-topbar-home3 .menu-item a{
   color: #292C44 !important;
}

/*selectior idiomes*/
.block-language-blocklanguage-interface .links a{
 color: #292C44 !important;
}

.block-language-blocklanguage-interface .links li{
 color: #292C44;
}



/* block noticies*/

/*.block-views-block-news-block-3 .more-link a{
    color: #9E082F !important;
}*/
.block-views-block-news-block-3 .more-link a:hover{
    color: #fff !important;
}


/*.block-views-block-news-block-3 .field--name-title a {
	
	color:#9E082F !important;
}*/


.homepage__row-two .homepage__row-wrapper .region-home-row-two-left {
        grid-column: 1 / 4 !important;
    }

/*.block-views-block-news-block-3 .view-content, .block-views-block-news-block-3-2 .view-content, .view-relationship-news-for-block .view-content{
	grid-gap: 1.5rem;
        grid-template-columns: 1fr 1fr 1fr !important;
}
*/
/*links destacats*/


.view-links-destacats a{
color:#143441;
}

.view-links-destacats .views-field-field-icona-arees,
.views-field-field-title {
  display: inline-block;
  vertical-align: middle;
}


.view-links-destacats li{
	
	padding:6px;
}
.view-links-destacats i{
padding-right: 5px;
}

/*footer*/
.footer-area__footer{
	background-color: #143441 !important;
}

.footer-area .sf-main-menu---home-3{
	background-color:transparent !important;
}


 .layout-container > footer .footer-area__info .menu a, .layout-container > footer .footer-area__info p {
    color: #000 !important;
}


/*noticies*/
.path-news .views-row .card .field--name-title a{

	
}
/*menu esquerra*/
#main-menu---home-3-left-menu{
	
	padding-top:10px !important;
	
	
	
}
.block-addmenuinsubsection-4 li:not(.active-trail) ol {
/*display: inline !important;*/
}


.block-addmenuinsubsection-4 .menu-left-content > li > a, .block-addmenuinsubsection-4 .menu-left-content > li > span {
    /*color: #fff !important;*/
	padding:10px;

}

#main-menu---home-3-left-menu ol li a{
		font-size: 0.9rem !important;
}

#main-menu---home-3-left-menu ol li {
    list-style: circle !important;
}


.sf-main-menu---home-3 .is-active{
	/*color: #fff !important;*/
	padding-left: 10px;

}

#main-menu---home-3-left-menu ol li a:hover{
	color: #373C40 !important;

}


/*serveis municipals*/

.view-areas-ajuntament .view-content {
  display: flex;
  flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente línea */
  gap: 5px; /* Espacio entre las columnas y filas, ¡más moderno que margin! */
}


.view-areas-ajuntament .views-row{
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    width: 33%;
    text-align: center;
    padding: 20px;
    height: 430px !important;
	}
	
.view-areas-ajuntament .views-field-title{   

 font-size: 1.5em;
 
 }
 
.view-areas-ajuntament .views-field-title h2{     font-size: 1.5em;}

.view-areas-ajuntament i{font-size: 40px;}


.view-areas-ajuntament .views-field-field-resum{
  height:12em;
}
      
.view-areas-ajuntament .views-field-field-enllac {
 
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	  margin-top: auto;
	margin-bottom: 10px;
	
	width: 200px; /* Ancho deseado */
  max-width: 100%; /* Para que sea responsive */
  margin-left: auto; /* Centra el elemento horizontalmente */
  margin-right: auto; /* Centra el elemento horizontalmente */
  text-align: center; /* Opcional: Centra el texto del enlace dentro del botón */
}

.view-areas-ajuntament .views-field-field-enllac a{
	
	color: #000 !important;
}
	
.view-areas-ajuntament .views-field-field-enllac:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
}
.view-areas-ajuntament .views-field-field-enllac:active {
	position:relative;
	top:1px;
}


/* menu 3*/

.block-addmenuinsubsection-4 .menu-left-content 
.sf-multicolumn .sf-multicolumn-wrapper li.active-trail div > span,
 .block-addmenuinsubsection-4 .menu-left-content .sf-multicolumn .sf-multicolumn-wrapper li.active-trail div > a{

 
 }
 
 
 /*pàgina avançada*/
 
 .node--type-pagina-basica-avancada .wp-block-columns li{
 list-style-type: disc !important;
 
 }
 
 
 
 /*membres*/
 
 
  .view-membres .views-row{
	     height: 320px; 
	  
  }
 
 .view-membres .views-field-title a{
	     color: #9e082f;
	 
 }
 
  .view-membres .views-field-field-foto{
    margin-right: 20px;
    float: left;
}
 
 
 .page-node-type-membres  .layout__region--second-above{
	 padding-left: 10px !important;
	 }
 
  .page-node-type-membres  .layout__region--second-above .field{
	      margin-top: 20px;
	  
  }
  
  
    .page-node-type-membres  .field--name-field-links{
		
		margin-top:20px;
	}
  
  
  
      .page-node-type-membres  .field--name-field-links a{
		 
	  }
  
  
     .page-node-type-membres  .field--name-field-attached-files{
		       margin-top: 20px;
	 }
  
  /*formulari*/

.webform-submission-form .button {

}

/*agenda*/
 .block-views-block-diaries-block-2,
 .block-views-block-diaries-block-2-2 {
        grid-column: 1 / 5 !important;
    }

.block-views-block-diaries-block-2 .view-content, .block-views-block-diaries-block-2-2 .view-content{
grid-template-columns: 1fr 1fr 1fr;
}


.block-views-block-diaries-block-2 .views-row .card .field--name-title a,
.block-views-block-diaries-block-2-2 .views-row .card .field--name-title a{

}

.block-views-block-diaries-block-2 .views-row .card .field--name-field-end-date,
.block-views-block-diaries-block-2-2 .views-row .card .field--name-field-end-date{

}

.mini-day-on a {
 
}


/*peu*/
.block-content-type-footer_block_home_3{
margin-bottom: 10px;
}

.block-content-type-footer_block_home_3 .field__label{
display:none !important;
}

/*cabecera*/
.block-superfishmain-menu---home-3{
}


.header-area__top-bar{
	padding-top: 29px !important;
}


.language-switcher-language-url, .block-languageswitcher-2{
	    z-index: 2 !important;
}

.block-language-blocklanguage-interface .links a{
		color:#fff !important;
}

.block-home3-fonsskyline{
	    opacity: 75%;
	    position: absolute;
    top: -26px;
	z-index:2;
	
}

.sf-main-menu---home-3{
	z-index: 10;
}
.contextual-region { /* Selector de los menús contextuales de Drupal */
  z-index: 1; /* Un valor menor que el de Superfish */
}

.block-views-blockslider-portada-block-1{z-index:0;}


/*anuncis*/


.view-advertisements .item-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* dos columnas */
  gap: 20px; /* separación entre columnas y filas */
  list-style: none; /* quita los puntos de lista */
  padding: 0;
  margin: 0;
}

.view-advertisements  .item-list ul li {
  background-color: #fff; /* contraste con el fondo */
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  
  display: flex;
  flex-direction: column;
  align-items: center;   /* centra horizontalmente */
  text-align: center;    /* centra texto */
}

.view-advertisements  .item-listul li img {
  border: 2px solid #BE8E56;
  border-radius: 6px;
  margin-bottom: 10px;
}

.view-advertisements  .item-listul li a {
  color: #333;
  text-decoration: none;
}

.view-advertisements  .item-listul li a:hover {
  text-decoration: underline;
}


/* */
.view-advertisements .views-view-responsive-grid .views-view-responsive-grid--vertical{
}

.view-advertisements .views-view-responsive-grid__item-inner
 {
  
	    min-height: 300px;
 
}
.view-advertisements .views-view-responsive-grid__item-inner {
margin-bottom: 20px;
}

.view-advertisements .views-field-field-cover-image {

}

.view-advertisements .views-field-field-cover-image img {

}

.view-advertisements .item-text {

}



/*calendari*/
.view-calendar-block .view-header h3, .view-calendar-block .view-header .pager__item--current, .view-events-calendar .view-header h3, .view-events-calendar .view-header .pager__item--current{
	    margin-top: 9px;
}
	
/*icones compartir*/

.social-media-sharing .google-plus{display:none !important;}
