@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic');
body { font-family:'Raleway', Arial, sans-serif; font-size:1.2rem}
a { color:#1F8399}

.list-style-none { list-style:none; padding-left:0}
.btn {font-family:'Raleway', Arial, sans-serif}
.nav {font-family:'Roboto', Arial, sans-serif;}
.container { padding-top:3rem; padding-bottom:3rem;}
.molles-pa { padding-top:3rem; padding-bottom:0;}
.molles-pa .breadcrumb a { color:#22293b;}
.molles-pa .breadcrumb-item { color:#22293b;}
.nav-item .btn.active { background-color:#000000; color:#ffffff;}


.overlay {background-color:rgba(0,0,0,0.4); width:100%; height:100%; margin:0; padding:0; position:absolute; top:0; left:0; z-index:0}
h3 {font-family:'Raleway', Arial, sans-serif; font-size:2.5rem; font-weight:500; margin-bottom:2rem}
.mh-40 { min-height:40em}
.card {border-radius:1em; overflow:hidden}
.card .card-footer {background-color:#ffffff; border:0}


#noticies .card, #agenda .card { background-size:cover; background-repeat:no-repeat; --bs-aspect-ratio: calc(3 / 2 * 100%); border-radius:1em; overflow:hidden; background-position:top center;}
#noticies .card .card-body, #agenda .card .card-body {
	height: auto;
    position: absolute;
    bottom: 0;
    top: auto;
    left: auto;
    width: 100%;
	z-index:1;
	}
	
.scroll-to-top {
  position: fixed;
  right: 0;
  bottom: 10%;
  background-color: rgba(0,0,0,0.6);
  padding: 1rem;  
  opacity:0;
  transition: all 0.7s ease-in-out 0s;
  z-index:999;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
   -webkit-box-shadow: 0px 0px 10px 0 rgba(1, 1, 1, 0.5);    
	box-shadow: 0px 0px 10px 0 rgba(1, 1, 1, 0.5);
}
.scroll-to-top:hover {background-color: rgba(221,52,54,1);}
.scroll-to-contingut {position:absolute; z-index:1; bottom:0; font-size:3rem;}



/*/ PAGINADOR /*/
.pagination { padding-top:3em; padding-bottom:3em;}
.pagination a.page-link {
	position: relative;
	display: inline-block;
	padding: .5rem .95rem;
	color:#008298;
	border:0;
	margin:0;
	background-color: transparent;
	}
.pagination a.page-link.fa {
    margin: 0;
    font-size: 1.5rem;
    color: #E4F1F3;
    display: block;
    font-family:'Raleway', Arial, sans-serif;
    font-weight: bold;
    line-height: 1;
}
.pagination a.page-link.fa:hover { color:#008298; background-color:transparent}
.pagination a.page-link:hover {color:#0490A5; background-color:#E4F1F3;}
.pagination span.page-item.active {background-color: #008298; border:0; padding: .5rem .95rem; color:#ffffff; display: inline-block; margin:0; }
.pagination a.page-link.fa.aspNetDisabled  { color:#39434e;}
/*/ FI PAGINADOR /*/


/* fons body */
.bg-blau {background-color: #004988;}
.bg-blau-fluix { background-color: #8ac5d0;}
.bg-ocre { background-color:#feeade;}


/* FONS capses */
.fons-imatge {background-size:cover; background-repeat:no-repeat; background-position:center;}

.fons-ocre { background-color:#feeade;}
.fons-ocre h2, .fons-ocre p, .fons-ocre a { color:#3A434E;}
.fons-ocre .text-blau-turquesa {color:#008298}
.fons-ocre a.btn-blau-turquesa {color:#ffffff;}

.fons-blau-fluix-border { background-color: #8ac5d0; border-top-right-radius:3em; color:#ffffff;}
.fons-blau-fluix-border h2, .fons-blau-fluix-border p, .fons-blau-fluix-border a { color:#ffffff;}

.fons-blau-fluix { background-color: #8ac5d0; color:#fff}
.fons-blau-fluix h2, .fons-blau-fluix p, .fons-blau-fluix a { color:#ffffff;}
.fons-blau-fluix .modal { color:#212529;}

.fons-blau {background-color: #004988; color:#fff;}
.fons-blau a {color:#fff;}
.fons-blau .modal { color:#212529;}
.fons-blau .modal h3{ color:#212529;}
.fons-blau .btn {background-color:#ffffff; color:#000;}

.bg-blau .nav-pills a {color: #08488A;}
.bg-blau .nav-pills a:hover {color: #ffffff;}
.bg-blau .nav-pills .dropdown-menu a:hover {color: #ffffff; background-color:#08488A}
.bg-blau .breadcrumb .breadcrumb-item { color:#ffffff}
.bg-blau .breadcrumb .breadcrumb-item a {color:#ffffff}
.bg-blau .breadcrumb .breadcrumb-item+.breadcrumb-item::before { color:#fff}

.fons-blanc {background-color: #ffffff; color:#39434e;}
.fons-blanc h2 { color:#008298;}
.fons-blanc h3 { color:#8FC6D0;}
.fons-blanc a {color:#39434e;}
.fons-blanc .modal { color:#212529;}
.fons-blanc .modal h3{ color:#212529;}

/* BOTONS */
.btn-blau, a.btn-blau { background-color:#004988; color:#ffffff;}
.btn-blau-turquesa, a.btn-blau-turquesa  { background-color:#008298; color:#ffffff;}
.btn-blaufluix-turquesa, a.btn-blaufluix-turquesa { background-color:#8ac5d0; color:#ffffff;}
.btn-vermell, a.btn-vermell { background-color:#e34037; color:#fff;}
.btn-blanc, a.btn-blanc {background-color:#ffffff; color:#000;}
.btn-blanc-border, a.btn-blanc-border {background-color:#ffffff; color:#000; border:1px solid #000;}
.btn-blau:hover, .btn-blau-turquesa:hover, .btn-vermell:hover, .btn-blanc:hover, .btn-blanc-border:hover { background-color:#000000; color:#ffffff;}

/* COLORS */
.text-blau-turquesa, .text-blau-turquesa a {color:#008298}
.text-blaufluix-turquesa, .text-blaufluix-turquesa a {color:#8ac5d0}
.text-gris, .text-gris a {color:#212121;}
.text-gris-fluix, .text-gris-fluix a{ color:#9c9d9d;}
.text-blau, .text-blau a { color:#08488A}
.text-light a { color:#fff;}


#carouselCampanyes .carousel-item { min-height:75vh}
.carousel .carousel-content { border-radius:1em; overflow:hidden}
.carousel .carousel-botons { text-align:center}
.carousel-indicators { position:relative; padding-top:1em; display:inline-block; margin-left:1%; margin-right:1%}
.carousel .anterior, .carousel .seguent { display:inline-block; font-family:'Roboto Condensed', Arial, sans-serif; text-transform:uppercase; color: #999; text-decoration:none; curosr:pointer; border:0; background-color:transparent}
.carousel-indicators [data-bs-target] { background-color:#08488A;}
.carousel h3 {font-family:'Raleway', Arial, sans-serif; font-size:2rem; font-weight:800;}


/* CAP */

.cap-emmca { background-repeat:no-repeat; background-size:cover; background-position:center center; min-height:100vh; position:relative;}
.entrada-emmca { 
	width: 90%;	
    color: #ffffff;
    min-height: 90vh;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 10vh;
	}
.entrada-emmca h2 { color:#ffffff; font-family:'Raleway', Arial, sans-serif; font-size:2rem; font-weight:800}
.entrada-emmca p { font-size:1.5rem; font-family:'Roboto', Arial, sans-serif;}
.entrada-emmca .titol-interior {font-size:2.5rem; text-transform:uppercase; margin-top:2vh; margin-bottom:2vh;  overflow:inherit;  word-wrap: break-word; word-break: break-word;}

#navbarEmmca {padding-top:2em; padding-bottom:2em; font-family:'Roboto', Arial, sans-serif; font-weight:300; letter-spacing:.05em; z-index:999}
#navbarEmmca a { color:#ffffff}
#navbarEmmca .navbar-brand-emmca { padding-left:2rem; z-index:2}
#navbarEmmca .navbar-toggler { z-index:2}
#navbarEmmca #menuEmmca .nav-item a { padding-right:.8em; padding-left:.8em; font-weight:400; }
#navbarEmmca #menuEmmca .btn-blau {padding-top:.8em; padding-bottom:.8em; border-bottom-right-radius:.5rem; border-top-right-radius:.5rem; border-top-left-radius:.5rem; border-bottom-left-radius:.5rem; max-width:120px; margin-left:1em}
#navbarEmmca .navbar-collapse { background-color: rgba(0,0,0,1); position:absolute; top: 0; left:0; padding:8em 1em 3em 1em; z-index:1; width:100%; border-bottom-right-radius: 8em;}
#navbarEmmca #menuEmmca .dropdown-menu .dropdown-item { font-weight:300}
#navbarEmmca #menuEmmca .dropdown-menu { background-color:transparent; font-size:1.2rem}
#navbarEmmca #menuEmmca .dropdown-menu .dropdown-item:hover { background-color:#08488A;}

/* INTROS */
.cuadrat-imatge { background-repeat:no-repeat; background-size:cover; background-position:center center;}
.intro h4 { font-family:'Roboto', Arial, sans-serif; font-weight:700; font-size:1.3rem; line-height:1.5}
.intro .capsa-imatge { position:relative; padding-top:2.5em;}
.intro .capsa-imatge .cuadrat-flotant { position:absolute; z-index:0; width:55%; border-radius:1em; }
.intro .capsa-imatge .cuadrat-imatge {position:relative; z-index:1; width:90%; border-radius:1em;}

.intro .capsa-imatge.capsa-dreta .cuadrat-flotant {right:0; top:0;}
.intro .capsa-imatge.capsa-esquerra .cuadrat-flotant {left:0; top:0;}
.intro .capsa-imatge.capsa-dreta .cuadrat-imatge { margin-right:10%}
.intro .capsa-imatge.capsa-esquerra .cuadrat-imatge { margin-left:10%}

.capsa-ocre .cuadrat-flotant { background-color:#feeade;}
.capsa-vermella .cuadrat-flotant { background-color:#e34037;}
.capsa-blava .cuadrat-flotant { background-color:#004988;}
.capsa-blau-fluix-turquesa .cuadrat-flotant { background-color:#8ac5d0;}
.capsa-blau-turquesa .cuadrat-flotant { background-color:#008298;}
.capsa-blanca .cuadrat-flotant { background-color:#ffffff;}

.peu { background-color:#22293b}
.peu hr { background-color:#fff;}
.peu .list-group .list-group-item { background-color: transparent; padding:.3em;}


.flotant-esquerra-blaufluix .flotant {background-color:#8ac5d0; position:absolute; top:0; bottom:0; z-index:0; width:100%; height:100%; right:0; }
.flotant-esquerra-blaufluix h2 { color:#ffffff;}

.flotant-dreta-ocre .flotant {background-color:#feeade; position:absolute; z-index:0; width:100%; height:100%; bottom:0; right:0; top:0;}
.flotant-dreta-ocre h2 { color:#3A434E;}

.flotant-dreta-ocre-agenda .flotant {background-color:#feeade; position:absolute; z-index:0; width:100%; height:100%; bottom:0; left:0; top:0;}
.flotant-dreta-ocre-agenda h2 { color:#1F8399;}

.tb-gallery:hover { background-size:100em}

/* SM (landscape phones, 576px para arriba)*/
@media (min-width: 576px) {
.cap-emmca {min-height:auto;}
.entrada-emmca { 
width: 80%;	
color: #ffffff;
min-height: auto;
position: relative;
margin-top: 0;
padding-bottom: 4em;
}
.entrada-emmca .titol-interior {font-size:2.5em; text-align:center;}
	
#navbarEmmca .navbar-collapse { height:auto}
.scroll-to-contingut { display:none;}
}

/* MD (tablets, 768px para arriba)*/
@media (min-width: 768px) {
.container { padding-top:2rem; padding-bottom:2rem;}
.entrada-emmca { 
	width: 60%;
	}
#navbarEmmca #menuEmmca .nav-item a { padding-right:1em; padding-left:1em}	
#navbarEmmca .navbar-collapse { width:50%;}

.card { --bs-aspect-ratio: calc(4 / 3 * 100%);}


}


/* LG (desktops, 992px para arriba)*/
@media (min-width: 992px){
body {font-size:1rem}
.molles-pa { padding-top:3rem; padding-bottom:3rem;}
.container { padding-top:2.5rem; padding-bottom:2.5rem;}

#navbarEmmca { padding-bottom:0}
#navbarEmmca #menuEmmca .btn-blau {border-bottom-right-radius:0; border-top-right-radius:0; max-width:100px; margin-left:0}
#navbarEmmca #menuEmmca .nav-item:last-child {padding-right:0;}	
#navbarEmmca .navbar-collapse { background-color: transparent; position:relative; top:auto; left:auto; padding:0; width:auto}
#navbarEmmca #menuEmmca .dropdown-menu { background-color:#000; font-size:1rem}


.cap-emmca {border-bottom-left-radius: 12em; min-height:auto; overflow:hidden}

.entrada-emmca { 
	min-height:auto; 
	width:70%;
    height: auto;
    position: relative;
    padding-top: 4em;
    padding-bottom: 4em;
    margin-top: 0;
	margin-bottom: 0;}
.entrada-emmca h2 { font-size:4.4rem;}
.entrada-emmca .titol-interior {font-size:3rem; text-transform:uppercase; margin-top:15vh; margin-bottom:15vh; text-align:center; overflow-wrap: normal;}




}

/* XL (large desktops, 1200px para arriba)*/
@media (min-width: 1200px) { 
.entrada-emmca { width:50%; }
#navbarEmmca #menuEmmca .btn-blau { max-width:150px;}  

.intro .capsa-imatge { padding-top:3.5em;}
.intro .capsa-imatge .cuadrat-imatge { width:85%; }
.intro .capsa-imatge.capsa-dreta .cuadrat-imatge { margin-right:15%}
.intro .capsa-imatge.capsa-esquerra .cuadrat-imatge { margin-left:15%}

.flotant-dreta-ocre-agenda .flotant {position:absolute; z-index:0; width:100%; height:85%; bottom:15%; left:12%; border-top-left-radius:3em;}

		
 }
 
@media (min-width: 1600px) {	
 
.flotant-esquerra-blaufluix .flotant { position:absolute; top:200px; bottom:-20%; z-index:0; width:100%; height:100%; right:5%; border-top-right-radius: 3em;}
.flotant-esquerra-blaufluix h2 { color:#8ac5d0;}

.flotant-dreta-ocre .flotant {position:absolute; top:200px; bottom:-20%; z-index:0; width:100%; height:100%; left:5%; border-top-left-radius: 3em;}

.flotant-dreta-ocre-agenda .flotant { left:20%;} 
}


.carouselMultiItems .carousel-item {
    max-width: 100%;
    height: 20em;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;

  }
 

@media (min-width: 577px) {
  .carouselMultiItems .carousel-item {
    margin-right:0;
    flex: 0 0 calc(100%/2);
    display: flex;
	height:30em;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
  }
  .carouselMultiItems .carousel-inner {
    display: flex;
  }
  	
}
/* carousel multi items */
@media (min-width: 768px) {
  .carouselMultiItems .carousel-item {
    margin-right:0;
    flex: 0 0 calc(100%/3);
    display: flex;
	height:30em;
	background-repeat:no-repeat;
	background-position: center center;
	background-size:cover;
	
  }
  .carouselMultiItems .carousel-inner {
    display: flex;
  }
  
}