body {font-size: 18px;color: #1A1A1A;    font-family: "Urbanist", sans-serif;     font-optical-sizing: auto;font-weight: 400;}
a{text-decoration: none;}
.navbar-menu {	position: sticky;	top: 0px;	z-index: 9;	width: 100%;}
.navbar-principal .nav-link  {color: #ffffff;  font-size: 18px;padding: 8px 20px;font-weight: 600;white-space: nowrap;}
.navbar-principal >  li {	border-bottom: 1px solid #2e9587}
.navbar-menu .nav-link.nav-svg:hover svg{		 animation-name: animacio02;	animation-duration: 1.5s;	animation-iteration-count: infinite;	animation-timing-function: linear;}
.dropdown-idiomes button {	background: transparent;	border: none;	color: #fff;	padding: 7px;}
.dropdown-menu {border-radius: 0px;}
 .navbar-principal .dropdown-menu{	background: transparent;	border: 0px;} 
 .navbar-principal .dropdown-menu .dropdown-item{color: #ffffff;} 
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show,.navbar-nav .nav-link:hover {	color: #278286;}
#navbarSupportedContent {position: absolute;width: 300px;min-height: 100vh;z-index: 9;right: -300px;top: 91px;padding: 20px;transition: 0.1s all;}
#navbarSupportedContent.show {width: 300px;right: 0px;background-color: #278286; }
.menu-open::before {width: calc(100% - 300px);left: 0px;top: 91px;position: fixed;content: "";background-color: rgba(0,0,0,0.3);z-index: 999;height: 100vh;}
.boto-menu-mobil {width: 40px;height: 40px;cursor: pointer;transform: scaleX(-1);border: 0px;}
.boto-menu-mobil line {stroke: #ffffff;transition: transform 0.3s, stroke-dashoffset 0.4s;transform-origin: center;stroke-width: 3px;border-radius: 10px;}
.navbar-toggler {	background: transparent linear-gradient(214deg, #278286 0%, #3CB69F 100%) 0% 0% no-repeat padding-box;}
.boto-menu-mobil .top {transform: translateY(-35%);}
.boto-menu-mobil .middle {transform: scaleX(1);transition: opacity 0.3s, transform 0.3s;}
.boto-menu-mobil .bottom {transform: translateY(33%);}
.boto-menu-mobil:hover .bottom {stroke-dashoffset: 0%;}
.navbar-toggler {	border: 0px;}
body.menu-open .boto-menu-mobil .top {transform: rotate(45deg);stroke-linecap: round;}
body.menu-open .boto-menu-mobil .middle {transform: scaleX(0.1);opacity: 0;}
body.menu-open .boto-menu-mobil line.bottom {transform: rotate(-45deg);stroke-linecap: round;}
body.menu-open .boto-menu-mobil .bottom {stroke-dashoffset: 0%;}

.navbar-menu {		background: #ffffff;	}

  


.stick .logo, .logo {transition: 0.5s all;	width: 150px;  height: 56px;}
.stick .navbar-menu {
	transition: 0.5s all;
	background: #fff;
	position: fixed;
	top: 0px;
	box-shadow: 0px 0px 14px #afdcff;
}




footer{background-color: #343840;padding: 50px 0px;color: #ffffff;font-size: 16px;}

footer a{color: #ffffff;}


.topalert {
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	background: #eff5f7;
	padding: 5px 0px;
	font-size: 16px;min-height: 35px;
}
.topalert p{
margin:0px;
}

.marquesina {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 15s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }

}




.nav-seu{font-size:18px;font-weight:400;background: transparent linear-gradient(51deg, #44B383 0%, #38BAC7 100%) 0% 0% no-repeat padding-box;color:#ffffff;border-radius: 8px;padding:12px 12px;}
.nav-seu:hover{color: #ffffff;background: #44B383;}
.nav-cerca {	background-color: #EFF5F7;	border-radius: 50%;	width: 51px;	height: 51px;	display: inline-block;	color: #343840;	line-height: 51px;}
.nav-cerca:hover {	color: #ffffff;background-color: #44B383;}

.titol {	font-size: 32px;	font-weight: 700;}





.sliderhome .swiper-slide img{
	min-height: 400px;
	object-fit: cover;
}

.sliderhome .swiper-slide {
	min-height: 400px;
}

.sliderhome .text {
	font-size: 18px;
	position: absolute;
	top: 20px;
left: 15px;
  right: 15px;
	color: #222222;
	background: rgba(255,255,255,0.8);
	padding: 20px;
	max-width: 600px;
	margin:auto;
}
.sliderhome .text h2 {
	font-size: 25px;
	font-weight: 700;
}
.sliderhome .text .btn {
	border-color: #3bb8b3;
	background-color: #3bb8b3;
	color: #ffffff;
	border-radius: 6px;
	border: 0px;
	padding: 8px 20px;
	margin: 0 auto;
}


.cont-cercah {
	border-radius: 16px;
	background: #EFF5F7;

	padding: 20px 20px;
	display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -90px;
  z-index: 10;
  position: relative;
}
.cont-cercah form {
	width: 100%;
	/*max-width: 860px;*/
}

.cont-cercah  .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
	width: 100%;	max-width: 860px;
}


.cont-cercah .input-group {
	background: #fff;
	box-shadow: 0px 3px 6px #2152550D;
	border-radius: 50px;
	padding: 5px 5px;
}
.cont-cercah  .form-control {
	border: 0px;
}
.cont-cercah button {
	border: 0px;
	background: transparent linear-gradient(198deg, #278286 0%, #3CB69F 100%) 0% 0% no-repeat padding-box;
	border-radius: 50% !important;
	color: #fff;
}

.item-click {
	position: relative;
	width: 100%;
	text-align: center;
	display: inline-block;
	margin: 20px 5px;
	vertical-align: top;
}
.item-click a {
	color: #1A1A1A;
	line-height: 21px;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	margin-top: 5px;
}
.item-click .icona {
	width: 65px;
	height: 65px;
	background: transparent linear-gradient(22deg, #44B383 0%, #38BAC7 100%) 0% 0% no-repeat padding-box;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 30px;
	padding-top: 10px;
	margin:0 auto;
}
.cont-click .view-footer {
	position: relative;
	text-align: center;
}

.cont-click .view-content {
  max-height: 150px;
  overflow: hidden;

  transition: max-height 0.4s ease;
}

.cont-click .view-content.expanded {
  max-height: 1100px;
}
.btn-veure-mes {
	border-color: #3bb8b3;
	background-color: #3bb8b3;
	color: #ffffff;
	border-radius: 6px;
	border: 0px;
	padding: 3px 25px;
	margin: 0 auto;
}


.btn-veure-mes::after {
	content: ' ';
	width: 90%;
	height: 1px;
	background: #3bb8b3;
	position: absolute;
	display: block;
	left: 5%;
	bottom: 15px;
	z-index: -1;
}


.cont-bannersh {
	border-radius: 0px;
	background: #EFF5F7;
	padding: 30px 60px 30px 60px;
}
.cont-bannersh img{
	border-radius: 16px;
}

.cont-bannersh img:hover{
	filter: brightness(110%);
  transition: .5s all;
}


.block-views-blockfrontpage-block-3 h2{font-size: 32px;	font-weight: 700;text-align:center;margin-top:50px;}
.item-noticia{background: #EFF5F7; position: relative;height: 100%;	border-radius: 16px;overflow: hidden;}
.item-noticia a {	color: #000;	font-weight: 600;	font-size: 18px;}.item-noticia:hover a {	color: #278286;}
.item-noticia .etiquetes a{	font-size: 16px;	color: #278286;	display: inline-block;	background: #dfecef;	border-radius: 8px;	padding: 2px 10px;}
.item-noticia .etiquetes a:hover {	color: #fff;	background: #278286;}
.item-noticia .data {	color: #707070;	font-size: 16px;	margin-top: 10px;	margin-bottom: 10px;}
.item-noticia .text{padding: 20px;min-height: 200px;}
.item-noticia .titol {	color: #222222;	font-size: 20px;	font-weight: 700;margin: 0px 0px 20px 0px;}
.item-noticia .imgnoticia {position: relative;overflow: hidden;background: rgba(0,0,0,0.6);} 
.item-noticia:hover img{   transform: scale(1.25);transition: 0.5s all;mix-blend-mode: overlay;}
.item-noticia .imgnoticia i {	transition: 0.2s all;	position: absolute;	top: 38%;	left: -50px;	right: 0;	margin: auto;	width: 10px;	opacity: 0;	font-size: 60px;	color: #fff;}
.item-noticia:hover .imgnoticia i {	left: -50px;	opacity:1;}
.view-noticies .views-view-responsive-grid__item-inner {
  height: 100%;
}


.bg-verdos{background-color: #EFF5F7;}
.bg-degradat{background: transparent linear-gradient(56deg, #44B383 0%, #38BAC7 100%) 0% 0% no-repeat padding-box;}

.btn-custom01 {	color: #278286;	font-weight: 600;	border-bottom: 1px dotted;	font-size: 18px;border-radius: 0px;}
.btn-custom01 span {	color: #ffffff;	background-color: #278286;	border-radius: 50%;	width: 25px;	height: 25px;	display: inline-block;	font-size: 16px;	text-align: center;	padding-top: 1px;}
.btn-custom01:hover {	color:#38BAC7;}
.btn-custom01:hover span {

	animation: animaciodiagonal 1s linear infinite;
}

@keyframes animaciodiagonal {
  0%,
  to {    transform:translate(0)  }
  50% {    transform:translate(-10px,10px)  }
}
.swiper-pagination-bullet-active {	background: #10101A;}
.swiper.swiper-bannerhome {	padding-bottom: 30px;}
.swiper-pagination {	bottom: -5px !important;}





.view-display-id-block_4 .view-content {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
	max-width: 1320px;
}

.item-agenda{background: transparent linear-gradient(214deg, #278286 0%, #3CB69F 100%) 0% 0% no-repeat padding-box;position: relative;height: 100%;	border-radius: 16px;overflow: hidden;}
.item-agenda a {	color: #FFFFFF;	font-weight: 600;	font-size: 18px;}
.item-agenda .data {	color: #ffffff;	font-size: 16px;	margin-top: 10px;	opacity: 0.7;margin-top: auto;  margin-bottom: 0px;}
.item-agenda .text {	padding: 20px;	min-height: 171px;background: transparent linear-gradient(214deg, #278286 0%, #3CB69F 100%) 0% 0% no-repeat padding-box;display: flex;  flex-direction: column;}
.item-agenda .imgagenda {position: relative;overflow: hidden;background: rgba(0,0,0,0.6);} 
.item-agenda:hover img{   transform: scale(1.25);transition: 0.5s all;mix-blend-mode: overlay;}
.item-agenda .imgagenda i {	transition: 0.2s all;	position: absolute;	top: 38%;	left: -50px;	right: 0;	margin: auto;	width: 10px;	opacity: 0;	font-size: 60px;	color: #fff;}
.item-agenda:hover .imgagenda i {	left: -50px;	opacity:1;}


.bg-degradat .titol {
	font-size: 40px;
}
.item-xifres {
	background: #EFF5F7;
	border-radius: 50%;
	width: 200px;
	height: 200px;
	text-align: center;
	padding: 30px;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -0.5px;
}
.item-xifres .counter {
	font-size: 40px;

	display: inline-block;
	margin-top: 10px;
}



.cont-escoltem {
	background: #343840;
	border-radius: 12px;
	padding: 40px;
	color: #ffffff;
}

.cont-escoltem h2 span{
color: #c2c4c6;font-size: 20px;display: block;
}

.cont-escoltem small {
	font-size: 12px;
	line-height: 16px;
	display: inline-block;
	margin-top: 10px;
}
.cont-escoltem button{border-color: #278286;
background-color: #278286;padding-left: 25px;padding-right: 25px;
}

.cont-escoltem button:hover{border-color: #38BAC7;
background-color: #38BAC7;
}



.xxss a {font-size:18px;
	display: inline-block;
	background: #565a60;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	padding-top: 8px;
}.xxss a:hover {
	background: #278286;
}

.drop01 {background-color: rgba(255,255,255,0);
	width: 100%;
	padding: 10px;box-shadow: none;
border-radius: 8px;
font-weight: 600;
}

.drop01 ul{
list-style: none;padding: 0px;font-weight: 600;
}
.drop01 p {
	color: #9bcdd0;
	padding-left: 15px;
	margin-bottom: 0px;
}
.btn-horaris {
	margin-top: 15px;
	background: #EFF5F7;
	border-radius: 14px;
	padding: 5px;
	display: flex;
	color: #000000;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 15px;
}


.btn-horaris {margin-top: 15px;margin-bottom: 15px;
	background: #EFF5F7;
	border-radius: 16px;
	padding: 7px;
	display: flex;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
}
.btn-horaris i {
	font-size: 25px;
	padding: 4px 10px 0px 0px;
}


.barra-lateral {
	width: 40px;
	position: fixed;
	right: 0px;
	top: 30%;
	background: #343840;
	text-align: center;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	padding: 20px 0px;  z-index: 9;
}
.barra-lateral a{color: #FFFFFF;}
.barra-lateral a:hover{color: #278286;}

.barra-lateral ul li:not(:last-child){margin-bottom: 15px;}
.navbar-cerca{order:inherit}

  
.barra-lateral img{filter: brightness(0) invert(1);} 
.barra-lateral img:hover{filter:none;} 



.mapes {
  width: 100%;
  height: 700px;
  border: 0;border-radius: 16px;
}
.nav-tabsmapa {
	border: 0px !important;
	margin: 0 auto;
	text-align: center;
	display: block ruby;
}
.nav-tabsmapa .nav-link {
	font-size: 21px;color: #444;
}
.nav-tabsmapa .nav-link i{

	color: #38BAC7;
}
.nav-tabsmapa .nav-link.active {
	background: #eff5f7;
	border: 0px;
	color: #419194;
}
.tab-content {
	background: #eff5f7;
	padding: 25px;
	border-radius: 0px;
	margin-top: -1px;overflow: hidden;
}
.modal-buscador .js-form-item.form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label{
	width: 100%;
	max-width: 870px;
}
.modal-buscador  .btn-close {
	opacity: 1;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
}
.modal-buscador .modal-header {
	border: 0px;
}
.modal-buscador .modal-content {
	background: transparent;
}

.modal-buscador #block-comualv-search-form {
	max-width: 900px;
	margin: 0 auto;
}
.modal-buscador .form-control {
	border-radius: 50px;
	height: 53px;
	font-size: 22px;
}
.modal-buscador .btn.btn-search {
	font-size: 24px;
	width: 53px;
	height: 53px;
	background: transparent linear-gradient(22deg, #44B383 0%, #38BAC7 100%) 0% 0% no-repeat padding-box;
	display: block;
	position: relative;
	border-radius: 50%;
	border: 0px;
	color: #ffffff;
}
.swiper-container {
	margin: 0px;
}
.swiper-pagination{padding-bottom: 10px;}

.barramapatop {
	position: absolute;
	width: 100%;
	height: 55px;
	background: #eff5f7;left: 0px;
}

/*menu drupal*/
.region.region-capsalera-menu {
	margin: auto;
}
.mega-menu-item a {
	font-size: 18px;
	font-weight: 600;
	padding: 8px 10px;
	color: #1A1A1A;
}

#block-comualv-institucioelcomu ul,#block-comualv-transparenciaelcomu ul{display:block;}

#block-comualv-institucioelcomu span.nav-link,#block-comualv-transparenciaelcomu span.nav-link {
	color: #707070;
	padding-left: 0px;
	margin-bottom: 10px;
	text-transform:uppercase;	
	font-weight: 600;
}
.custom-block-wrapper .nav-link {
	padding: 4px;
}
#block-comualv-institucioelcomu ul li:last-child .nav-link {
	margin-top: 15px;
	margin-bottom: 15px;
	background: #EFF5F7;
	border-radius: 16px;
	padding: 15px;
	display: flex;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	padding-left: 55px;position:relative;
}
#block-comualv-institucioelcomu ul li:last-child .nav-link::before {
	content: "\f293";
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: absolute;
	left: 16px;
	font-size: 28px;
	top: 17px;
}


.search-block-form  .form-control {
	border-radius: 50px !important;
}

.search-block-form button {
	border: 0px;
	background: transparent linear-gradient(198deg, #278286 0%, #3CB69F 100%) 0% 0% no-repeat padding-box;
	border-radius: 50% !important;
	color: #fff;
	width: 48px;
	height: 48px;
}
.region-contingut-home  .search-block-form button {
	left: -49px;
	top: 2px;z-index: 9;
}
.cont-breadcrumb {
	background-color: #F5FBFD;
	padding: 5px 0px;
	font-size: 16px;
	margin-bottom: 30px;
}
.cont-breadcrumb ol{
margin:0px;
}
.cont-breadcrumb a{
color:#111111;
}
.contingut-general{margin-bottom:50px;}

#block-comualv-page-title h1 {
	position: relative;  font-weight: 600;margin-bottom: 40px;
}

#block-comualv-page-title h1::after {
	content: ' ';
	width: 70px;
	height: 3px;
	background: #40b598;
	display: block;margin-top: 10px;
}


.node--type-article .layout__region--first  {
	padding-right: 50px;
}
.node--type-article .img-fluid.image-style-wide {
	width: 100%;border-radius:16px;
}










aside .region-columna-dreta{
	background: #eff5f7;
	padding: 15px;
	border-radius: 16px;position: sticky;
  top: 10px;margin-top: 100px;
}
aside .region-columna-dreta h2 {
	font-size: 22px;
	font-weight: 800;margin-bottom: 13px;
}
aside .region-columna-dreta .item-list ul {
	list-style: none;
	font-size: 10px;
}

aside .field__item {
	font-size: 17px;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;color: #4a4a4a;position:relative;
}
aside .field__item:hover {
color: #278286;
}

aside .field__item::before {
	content: "\f285";color: #278286;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
}

.node--type-article  .field--name-field-galeria {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.node--type-article .block-field-blocknodearticlefield-galeria {
	margin-top: 40px;
}
.node--type-article time::before {
	content: "\F209";
	color: #278286;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-size: 20px;
	vertical-align: middle;
	margin-right: 12px;
}
.node--type-article time {
	margin-top: 10px;
	display: block;
	margin-bottom: 20px;
	color: #344344;
}
.node--type-article  .field--name-field-categories  a{	font-size: 16px;	color: #278286;	display: inline-block;	background: #dfecef;	border-radius: 8px;	padding: 2px 10px;}
.node--type-article  .field--name-field-categories a:hover {	color: #fff;	background: #278286;}