/* PREFERENCIES I CONFIGURACIO GENERIQUES */



@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap);
@font-face {
	font-family: 'GarageGothic';
	font-style: normal;
	font-weight: bold;
	src: url('garagegothic/garagegothic-bold.ttf') format('truetype');
}
html {scroll-behavior: smooth;}

body {font-family: "Open Sans", Arial, Sans-serif; font-size:.9rem; padding-top:0}
p {margin-bottom: .5rem;}
.container { max-width:1400px;}
.w-40 { width:40%}
section {padding:1rem 0;}
.nav-item { color:#0490A5}
.card-columns {
    column-count: 1;
}
address.localitzacio {margin-bottom: .5rem;}
abbr { text-decoration:none !important;}
.tab-content ul li a {     
	position: relative;
    display: inline-block;
	line-height:normal;
	z-index:9
	}
.nav-pills .nav-link {background-color:#F4F4F4; margin-right:.5em; margin-bottom:.5rem}
.nav-pills .nav-link.active { background-color:#ef5462}	
.nav-pills .nav-link:hover { background-color:#000000; color:#fff}	
.nav-pills .nav-link { color:#000}
	
.tb-gallery { position:relative}
.tb-gallery .galeria { z-index:8; position:absolute; bottom:1em; right:1em;}
.tb-gallery .galeria img { width:42px; height:42px;}
.tb-gallery a {display:none}
.tb-gallery a:first-child { display:block}




.carousel-inner .carousel-item { position:relative}
.carousel-inner .carousel-item .peuImatge { color:#ffffff; position:absolute; bottom:1rem; right:1rem; padding:.3em .5em; font-size:.75em; background-color:rgba(0, 0, 0, 0.3); transition: all 1s;}


small.text-rosat {font-family: "Open Sans", Arial, Sans-serif; color:#ef5462; font-size:.5em;}
.text-rosat {font-family: "Open Sans", Arial, Sans-serif; color:#ef5462;}
.text-blau {color:#0291A6}
.garageGothic {font-family: "GarageGothic", Arial, Sans-serif;}

.fab, .fa, .fas { color:rgba(189,189,189,1); }
.fab.fa-blau, .fa.fa-blau, .fas.fa-blau{ color:#0291A6;}
a .fab.fa-blau, a .fa.fa-blau, a .fas.fa-blau { color:#0291A6;}

.fab.fa-rosat, .fa.fa-rosat, .fas.fa-rosat{ color:#ef5462;}
a .fab.fa-rosat, a .fa.fa-rosat, a .fas.fa-rosat { color:#0291A6;}


.fab:hover, .fa:hover, fas:hover { color:#ef5462; transition:color 0.5s; }
a:hover .fab, a:hover .fa a:hover .fas { color:#ef5462; transition:color 0.5s; }

.valid-feedback { color:#6BF6FD}
a.anchor { 
  display: block; 
  content: " "; 
  margin-top: -110px; 
  height: 110px; 
  visibility: hidden; 
  pointer-events: none;
}


.mapa {margin-bottom:1rem;}
.mapa iframe { min-height:500px;}
.list-group-item.active {
    background-color: #0490A5;
    border-color: #0490A5;
}


.popover 
{
	position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 300px;
	min-width:200px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: .875rem;
    word-wrap: break-word;
    background-color: rgba(232,73,91,1);
    background-clip: padding-box;
    border: 1px solid rgba(255,255,255,.8);
    border-radius: .3rem;	  
}
.popover .popover-body { color:#fff;}


.form-control {border-radius:0; border:0}
.btn-blau { background-color:#0490A5; color:#ffffff !important;}
.btn-blau:hover { background-color:#000000; color: #ffffff}
.btn-blanc { background-color:#ffffff; color:#0490A5}
.btn-blanc:hover { background-color:#000000; color: #ffffff}
.botons .btn { margin-right:0.5rem; margin-bottom:0.5rem; }
.botons .btn:last-child { margin-right:0;}
.btn-rosat { background-color:#ef5462; color: #ffffff; padding:.25rem .5rem;}
.btn-rosat:hover { background-color:#000000;  color: #ffffff}
hr { margin-top:0; background-color:#000000}

.missatge-gracies  {background-color:#ef5462; color: #ffffff; text-align:center; padding-top:5em; padding-bottom:5em;}
.missatge-gracies h2 { font-size:8em; font-weight:600}

.fons-rosat {background-color:#ef5462; color: #ffffff}
.fons-blau { background-color:#0490A5; color:#ffffff}
.fons-blau.fons-blau.mapa-ciutat .cercador { background-color:#057786;}
.fons-blau.mapa-ciutat .titol-blau { color:#ffffff;}

.fons-blau a, .fons-blau-fosc a, .fons-imatge a {color:#ffffff; text-decoration:underline;}
.fons-blau a:hover, .fons-blau-fosc a:hover, .fons-imatge a:hover { color:#ffffff; text-decoration:underline;}
.fons-blau #mbxWebMap a {color:#000000; text-decoration:inherit}
.fons-blau .leaflet-popup-content a { text-decoration:underline}


.fons-blau hr, .fons-blau-fosc hr, .fons-imatge hr{ margin-top:0; background-color:#ffffff}
.fons-blau .btn-blanc {background-color: #ffffff; color: #0490A5; text-decoration:none;}
.fons-blau .btn-blanc:hover  { background-color:#000000; color: #ffffff; text-decoration:none;}

.fons-blau-fosc { background-color:#026170; color:#ffffff}
.fons-blau-fosc h2 {color:#ffffff; }
.fons-blau-fosc h2 span {color:#EF5461;}
.fons-blau-fosc .btn-blanc {background-color: #ffffff; color: #0490A5; text-decoration:none;}
.fons-blau-fosc .btn-blanc:hover  { background-color:#000000; color: #ffffff; text-decoration:none;}

.fons-imatge {background-image:url(../img/fons_claim.jpg); background-size:cover; background-repeat:no-repeat; color:#ffffff}
.fons-imatge h2 {color:#ffffff; }
.fons-imatge h2 span {color:#EF5461;}
.fons-imatge .btn-blanc {background-color: #ffffff; color: #0490A5; text-decoration:none;}
.fons-imatge .btn-blanc:hover  { background-color:#000000; color: #ffffff; text-decoration:none;}





.titol-blau {color:#0291A6; font-family: "GarageGothic", Arial, Sans-serif; font-size:2.5em; margin-bottom:1rem; line-height:1; margin-top:1rem;}
.titol-blau span {color:#EF5461;}
a.text-decoration-line .titol-blau-p { text-decoration: underline;}

.titol-blau-open {color:#0291A6; font-family: "Open Sans", Arial, Sans-serif; font-size:2.5em; margin-bottom:1rem; line-height:1.3}

.titol-blau-open-p {color:#0291A6; font-family: "Open Sans", Arial, Sans-serif; font-size:2em; margin-bottom:1rem}
.titol-blau-open-upper-p {color:#0291A6; font-family: "Open Sans", Arial, Sans-serif; font-size:1em; margin-bottom:1rem; text-transform:uppercase; line-height: 1.5}


.titol-blau-p {color:#0291A6; font-family: "GarageGothic", Arial, Sans-serif; font-size:2em; margin-bottom:1rem}
.titol-blau-p span {color:#EF5461;}

.titol-blau-upper {color:#0291A6; font-family: "GarageGothic", Arial, Sans-serif; font-size:2.5em; margin-bottom:1rem; text-transform:uppercase}
.titol-blau-upper span {color:#EF5461;}


.titol-negre {color: #000000; font-family: "GarageGothic", Arial, Sans-serif; font-size: 2em;  margin-bottom: 1rem;}
.titol-negre span {color:#EF5461; font-family: "Open Sans", Arial, Sans-serif; font-weight:800; font-size:.8em;}

.titol-negre small { font-family: "Open Sans", Arial, Sans-serif; color:#ef5462; font-size:.4em;}

.titol-negre-upper {font-weight:700; font-family: "Open Sans", Arial, Sans-serif; font-size:1.5em; text-transform:uppercase; line-height:normal; color:#000; text-align:left}

.titol-negre-upper-p {font-weight:700; font-family: "Open Sans", Arial, Sans-serif; font-size:1em; text-transform:uppercase; line-height:normal; color:#000; text-align:left}

.titol-negre-g {font-weight:700; font-family: "Open Sans", Arial, Sans-serif; font-size:2.5em; line-height:normal; color:#000;}

.titol-blanc-g {font-family: "GarageGothic", Arial, Sans-serif; color: #ffffff; font-size: 3em;}

h4 {color:#0291A6; font-family: "Open Sans", Arial, Sans-serif; font-size:1em; margin-bottom:.5rem; font-weight:bold}


/* CONTROLS VIDEOS */
	.link-play {
		z-index: 3;
		position: absolute;
		top: 20px;
		left:auto;
		bottom:auto;
		outline:none !important;
		right: 50px;
		margin:0;
		padding:0;	
		display:block;
		width:20px;
		height:20px;
		cursor:pointer;
		}
	.link-play .fas { color:#fff; text-align:left}
/* FI CONTROLS VIDEOS */



#search-input {padding: .375rem 1.6rem .375rem .75rem;}
.imatge { background-size:cover; background-repeat:no-repeat; background-position:center center; min-height:12em}
.logo { background-size:contain; background-repeat:no-repeat; background-position:center center; min-height:10em}
.over { background:none}
.over:hover {background-color: rgba(3, 145, 166, 0.3); transition: all 0.5s;}	 
.over:hover.vermell {background-color: rgba(253, 0, 0, 0.3); transition: all 0.5s;}
.over:hover.groc {background-color: rgba(215, 156, 1, 0.3); transition: all 0.5s;}
.scroll-to-top {
  position: fixed;
  right: 0;
  bottom: 10%;
  background-color: rgba(232,73,91,1);
  padding: 1rem;
  opacity: 0;
  transition: all 0.5s ease-in-out 0s;
  z-index:999;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
  border:1px solid #fff;
   -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(232,73,91,0.6);}


.moviment-imatge .imatge { transition:all 1s; background-size: cover; background-position: 50%; background-repeat:no-repeat; position:absolute; top:0; left:0; bottom:0; right:0;}
.moviment-imatge:hover .imatge {-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.moviment-imatge .overlay {transition:all 1s; position:absolute; top:0; left:0; bottom:0; right:0; z-index:2;  }
.moviment-imatge .peuImatge { color:#ffffff; position:absolute; bottom:0; right:0; z-index:3; padding:.3em .5em; font-size:.75em; background-color:rgba(0, 0, 0, 0.2); transition: all 1s;}




.wrapper {min-height:15em; margin-bottom:1em; overflow:hidden; position:relative; z-index:1; transition:all 1s;}
.wrapper .imatge {background-size: cover; background-repeat:no-repeat; position:absolute; top:0; left:0; bottom:0; right:0;}
.wrapper.minh-20 { min-height:20em}
.wrapper.minh-25 { min-height:25em}




.input-imatge { position:relative;}
.input-imatge img { position:absolute; top:.5rem; right:.5rem; z-index:1}
.cap-imatge { background-repeat:no-repeat; background-size:cover; min-height:15rem; background-position:center center; position:relative; margin-top:3.5rem}


.cap-imatge .peuImatge { color:#ffffff; position:absolute; bottom:1rem; right:1rem; z-index:3; padding:.3em .5em; font-size:.75em; background-color:rgba(0, 0, 0, 0.3); transition: all 1s;}
.cap-imatge.margeTop { margin-top:3.5rem}
.cap-titol { 
	background-color:#ef5462;    
	font-size: 3em;
    font-weight: 700;
    font-family: "GarageGothic", Arial, Sans-serif;
    text-transform: uppercase;
    line-height: 0.9em;
    color: #fff;
	text-shadow: 3px 5px 4px rgba(0, 0, 0, 0.7);
	-webkit-text-shadow: 3px 5px 4px rgba(0, 0, 0, 0.7));  
	padding-top:.05em;
	padding-bottom:.05em;
	position:relative;

	}

.mollesPa { margin-top:1em; margin-bottom:1em; padding:0; list-style:none; font-size:1em;}
.mollesPa li {display:inline;}
.mollesPa li:after { content:"/"; padding-left:5px; color:#BDBDBD;}
.mollesPa li:after { }
.mollesPa li a { text-decoration:none; color:#BDBDBD;}
.mollesPa li:last-child { color:#ef5462; text-transform:uppercase; font-weight:700; }
.mollesPa li:last-child:after {content:"";}

	/*/ PAGINADOR /*/
	.pagination a.page-link {
		position: relative;
		display: inline-block;
		padding: .5rem .95rem;
		background-color: #fff;
		color:#000000;
		border:0;
		margin:0;
		}
	.pagination a.page-link:hover {color:#0490A5;}
	.pagination a.page-link.fa {margin:0; font-size:1.4rem; color:#0490A5; display:block;}	
	.pagination a.page-link.fa:hover { color:#ef5462;}
	.pagination span.page-item.active {background-color: #0490A5; border-color: #0490A5; padding: .4rem .9rem; color:#ffffff; display: inline-block; margin:0;}
	.pagination a.page-link.fa.aspNetDisabled  { color:#cccccc;}
	/*/ FI PAGINADOR /*/
	
	
.subratllatRosat { border-bottom:2px solid #EE5461; color:#000; font-weight:600}	
a {color:#EE5461; text-decoration:none}
a:hover {color:#EE5461; text-decoration:underline}
a p { color:#000}
.cercador-llistat p { color:#fff}

/* FI PREFERENCIES  I CONFIGURACIO GENERIQUES */

/* FORMS */
.form-cercador .cercador-llistat { padding-left:2rem; padding-right:2rem; margin:2rem auto; width:100%; }
.form-cercador .cercador-llistat hr {background-color:#ffffff}


.form-contacta .fons-blau { padding:1rem 0; margin:0 auto; width:100%; margin-bottom:5rem}

/* FI FORMS */

/* DETALL DIRECTORI I AGENDA */
.detall-directori, .detall-agenda, .detall-noticia { margin-bottom:2em;}
.detall-directori .infoDetall, .detall-agenda .infoDetall, .detall-noticia .infoDetall {list-style:none; padding:0; margin:0}
.detall-directori .infoDetall li, .detall-agenda .infoDetall li, .detall-noticia .infoDetall li {background-repeat:no-repeat; background-size:40px; background-position:left center; padding:1rem 0 1rem 3.5rem; margin:0; display:block; word-wrap: break-word;}
.detall-directori .infoDetall li h2, .detall-agenda .infoDetall li h2, .detall-noticia .infoDetall li h2 { display:inline-block; line-height: normal; margin-bottom:1em}
.detall-directori #mbxWebMap { height: 500px; z-index: 0;}
.detall-agenda #mbxWebMap { height: 300px; z-index: 0; margin-top:1rem}

.infoDetall li.hora { background-image:url(../img/ico_clock.png); background-position:left 1rem;}
.infoDetall li.hora h2 { margin-bottom:0; margin-top:.2rem}
.infoDetall li.hora p { margin-bottom:0;}
.infoDetall li.telefon { background-image:url(../img/ico_telefon.png)}
.infoDetall li.email { background-image:url(../img/ico_email.png); background-position:left .2rem;}
.infoDetall li.web { background-image:url(../img/ico_web.png);background-position:left 1rem;}
.infoDetall li.lloc { background-image:url(../img/ico_localitzacio.png); background-position:left 0.4rem; }
.infoDetall li.transport { background-image:url(../img/ico_transport.png); background-position:left 1rem;}
.infoDetall li.data { background-image:url(../img/ico_calendari.png);}
.infoDetall li.facebook { background-image:url(../img/ico_facebook2.png)}
.infoDetall li.instagram { background-image:url(../img/ico_instagram.png)}
.infoDetall li.comarribar { background-image:url(../img/ico_comarribar.png); }
.infoDetall li.entrada { background-image:url(../img/ico_tipusentrada.png)}




#carouselDetall.carousel .carousel-item { height:30em; background-repeat:no-repeat; background-size:cover; width:100%}
/* FI DETALL DIRECTORI I AGENDA */



/* NAV LHTURISME */
#navbar-LHTurisme { background-color:#ffffff; padding:.3rem 1rem; z-index:999; position:relative; top:3.5rem;}
#navbar-LHTurisme .navbar-brand img { width:70%}
#navbar-LHTurisme .navbar-toggler { background-color:#0291A6; color:#fff; font-size:1.6rem; padding:.3rem .5rem; cursor:pointer}
#navbar-LHTurisme .navbar-toggler:hover {color:#fff}
#navbar-LHTurisme .navbar-toggler:before {
	font-family: 'Icons';
	content:'\e088';
    transition: all 1s;
	}
#navbar-LHTurisme.sticky {
  position: fixed !important;
  top: 0px;
  width: 100%;
}
#navbar-LHTurisme .form-control { border:1px solid #cccccc; border-radius:5px}

.contingut-anchors.sticky {top:59px;}

#navbar-LHTurisme .fletxa:before {
   font-family: 'Icons';
   content:'\e034';
   float: right;
   transition: all 0.5s;
   font-size:1rem;
}
#navbar-LHTurisme .fletxa.active:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

#menuLHTurisme {background-color:#0291A6; width:18rem; font-family:"Open Sans Condensed", Arial, Sans-serif; font-weight:700; font-size:1.1rem; position:absolute; top:2.2rem; z-index:999999;}
#menuLHTurisme .nav-link {padding: .3rem .5rem; color:#FFF; text-decoration:none; font-size:1.2rem;}
#menuLHTurisme {list-style:none; margin:0; padding:0}
#menuLHTurisme li {margin:0; padding:0; border-bottom:1px solid #fff}
#menuLHTurisme li:last-child {border-bottom:0}
#menuLHTurisme li .nav-link:hover { background-color:#EF5461}
#menuLHTurisme li ul {list-style:none; margin:0; padding:0; background-color:#0291A6;}
#menuLHTurisme li ul li {display:block; width:100%;}
#menuLHTurisme li ul li:hover {background-color:#EF5461}
#menuLHTurisme ul li .nav-link { padding-left:2rem}
#menuLHTurisme li ul li:last-child { border-bottom:0;}

	/*/ CERCADOR /*/
	#lupa {display:none}
	#collapseCercador { padding:1rem 0;}
	/*/ FI CERCADOR /*/
	
/* FI NAV LHTURISME */


.accordion .rotate {
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;  
    float:right;
	cursor:pointer
}

.accordion a[aria-expanded="false"] .rotate {
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}


.accordion a[aria-expanded="true"] .rotate {
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
	
	
	
/* CAP INICI */
.capsalera {position:relative; background-color:#0397a8;}
.cap-video {display: block; z-index: 0; overflow:hidden; margin-top:3.5rem; }
.cap-video .carousel {     
	position: relative;
    width: 100%;
    height: 100%;
	}
.cap-video .carousel-item .link { 
	width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;	
	}
.cap-video .carousel-item .link span { position:relative; min-height:33vh; width:100%; display:block; 	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;}
.cap-video video {z-index: 0; width:100%;}
.cap-video .contingut {
	position: absolute;
	bottom: 0;
	left:0;
	right:0;
	z-index: 1; 
	width:100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	
}
.cap-video .contingut a { display:none}
/* FI CAP INICI */




/* ACCESSOS DIRECTES */
.capsesAccessos .card-img-overlay, .capsesAccessos2 .card-img-overlay {top:auto; right:auto; font-size:5em; font-weight:700; font-family: "GarageGothic", Arial, Sans-serif; text-transform:uppercase; line-height: 0.9em; text-decoration:underline; color:#fff}
.capsesAccessos .card, .capsesAccessos2 .card {border:0; border-radius:0; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.capsesAccessos .card-columns {column-count: 1;}
.capsesAccessos2 .card-columns {column-count: 1;}
.capsesAccessos2 .card-columns .card, .capsesAccessos .card-columns .card {min-height:20em}
.capsesAccessos .card-columns .card a, .capsesAccessos2 .card-columns .card a { 
	background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(1, 1, 1, 0.6)); 
	z-index:0; 
	top:0;
	bottom:0;
	left:0;
	right:0; 
	position:absolute; 	
    overflow:hidden;	
	}
	
.capsesAccessos .card-columns .card:nth-child(1) a:hover {background-color: rgba(3, 145, 166, 0.3); transition: all 0.5s;}
.capsesAccessos .card-columns .card:nth-child(2) a:hover {background-color: rgba(3, 145, 166, 0.3); transition: all 0.5s;}
.capsesAccessos .card-columns .card:nth-child(3) a:hover {background-color: rgba(253, 0, 0, 0.3); transition: all 0.5s;}
.capsesAccessos .card-columns .card:nth-child(4) a:hover {background-color: rgba(215, 156, 1, 0.3); transition: all 0.5s;}

.capsesAccessos2 .card-columns .card:nth-child(1) a:hover {background-color: rgba(3, 145, 166, 0.3); transition: all 0.5s;}
.capsesAccessos2 .card-columns .card:nth-child(2) a:hover {background-color: rgba(253, 0, 0, 0.3); transition: all 0.5s;}


/* FI ACCESSOS DIRECTES */

.capsesImatges .tab-content { padding-top:4em}
.capsesImatges {border:0}
.capsesImatges .card .nav-link { 
	z-index:0; 
	top:0;
	bottom:0;
	left:0;
	right:0; 
	position:absolute; 	
    overflow:hidden;
	border:0; 
	border-radius:0;
	padding:0
	}
.capsesImatges .card  { min-height:10em; border:0; border-radius:0;}	
.capsesImatges .card-img-overlay {font-size:1.5em; line-height: 1em; font-weight:700; font-family: "GarageGothic", Arial, Sans-serif; text-transform:uppercase; text-decoration:underline; color:#fff; top:auto; right:auto; z-index:1; text-align:left}
.capsesImatges .wrapper {height:100%; margin:0;}
.capsesImatges .overlay {background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(1, 1, 1, 0.8));}
.capsesImatges .nav-link.active .overlay { background-image: linear-gradient(rgba(1, 1, 1, 0.5),rgba(233, 75, 98, 0.9));}






/* CAROUSEL AGENDA MULTIITEM */
#carousel-agenda .card-title {text-decoration:none}
#carousel-agenda .datailloc { font-size:0.9em; text-align:left}
#carousel-agenda .datailloc .lloc { font-weight:500; color:#000000; border-bottom:2px solid #EE5461}
#carousel-agenda .card {border:0; background-color:#ffffff; margin:0; padding:.5em; height:100%}
#carousel-agenda a { color:#000000; font-size:0.9rem; font-weight:700;}
#carousel-agenda .carousel-control-next { right:0; width:31px;}
#carousel-agenda .carousel-control-prev { left:-1px; width:29px}
#carousel-agenda .carousel-control-next, #carousel-agenda .carousel-control-prev {background-color:#ffffff; opacity:1; }
#carousel-agenda .fa {margin:0; font-size:1.8rem; color:#0490A5;}
#carousel-agenda .fa:hover { color:#ef5462;}
#carousel-agenda .carousel-inner {padding-left:29px; padding-right:29px;}
#carousel-agenda .carousel-item {background-color:#fff}
#carousel-agenda .card-body {padding:0; margin-top:1em; }

	/*/ CALENDARI /*/
	.cercador-llistat {padding-bottom:1rem}
	.cercador-llistat aside {padding:1rem; background-color:#0590A5;}
	.cercador-llistat h3 {color:#ffffff; font-size:2.1em; font-weight:700; margin-bottom:0; line-height:1}
	.cercador-llistat h3 span {color:#EF5461; font-family: "Open Sans", Arial, Sans-serif; font-size:4.8rem; letter-spacing:-5px; font-weight:900}
	.cercador-llistat h4 {color:#ffffff; font-size:1.3em; font-weight:600; margin-bottom:.5rem; font-family: "Open Sans", Arial, Sans-serif;}
	.cercador-llistat hr { background-color:#fff; margin-top:0} 
	.cercador-llistat .resultats { color:#ffffff;  font-size:1.3rem; font-weight:700;}
	.cercador-llistat .resultats span {color:#EF5461; font-family: "Open Sans", Arial, Sans-serif; font-weight:900; font-size:2rem}

	
	.scroll {
   width: 100%;
   max-height: 350px;
   background-color:#016271; 
   overflow-y: scroll;
	}
	.scroll .llistat {padding:1rem; color:#ffffff;}	
	.scroll .llistat ul { list-style:none; font-size:.8rem; padding:0; margin:0}
	.scroll .llistat ul li {padding:0; margin-bottom:.5rem; border-bottom: 1px solid #ffffff}
	.scroll .llistat ul li p {margin-bottom:.5rem;}
	.scroll .llistat ul li:last-child {border:0; margin-bottom:0}
	.scroll .llistat a {color:#ffffff; text-decoration:none}
	.scroll .llistat .datailloc {color: #ffffff;}
	.scroll .llistat .datailloc .lloc { font-weight:600}
	.scroll::-webkit-scrollbar {
		width: 20px;
		background: url(../img/punt_blanc.png) center top repeat-y;
	}
	
	.scroll::-webkit-scrollbar-track {
		-webkit-box-shadow: none; 
	}

	.scroll::-webkit-scrollbar-thumb {
		background-color: #EE5461;
	}


	/*/ FI CALENDARI /*/
	
	
	
	
	/*/ TOP10 CULTURA /*/
	.topCultura .wrapper { min-height:37em; height:auto;}
	.topCultura .card-img-overlay { 
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6);
	-webkit-text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.6); }
	.topCultura .card-img-overlay .card-title {font-size:1.5em;}
	.topCultura .card-img-overlay .card-text {font-family: "Open Sans", Arial, Sans-serif; font-weight:400; font-size:1.1rem; text-transform: none; line-height: normal; margin-bottom:0.5rem}
	
/* FI CAROUSEL AGENDA MULTIITEM */

.container.agendaGeneral { max-width:900px}

/* MAPA CERCADOR */
.mapa-ciutat { padding:2rem 0 5rem;}
.mapa-ciutat .cercador { background-color: rgba(3, 145, 166, 1); padding:1em;}
.mapa-ciutat h3 {color:#ffffff; font-family: "GarageGothic", Sans-serif; font-size:3.3em; font-weight:700;}
.mapa-ciutat h3 span {color:#EF5461;}
.mapa-ciutat hr { background-color:#fff} 
.mapa-ciutat .llegenda { padding:0; margin:0;}
.mapa-ciutat .llegenda span { display:inline-block; margin-right:.5rem;}
.mapa-ciutat .llegenda .allotjament {background-color:#9C303A; width:15px; height:15px; border-radius:50%; vertical-align:middle;  }
.mapa-ciutat .llegenda .recinteEsportiu { background-color:#EA8F21; width:15px; height:15px; border-radius:50%; vertical-align:middle;}
.mapa-ciutat .llegenda .fires { background-color:#8A1F8F; width:15px; height:15px; border-radius:50%; vertical-align:middle;}
.mapa-ciutat .llegenda .restaurants { background-color:#44AAE1; width:15px; height:15px; border-radius:50%; vertical-align:middle;}
.mapa-ciutat .llegenda .turisme { background-color:#01A8B0; width:15px; height:15px; border-radius:50%; vertical-align:middle;}
.mapa-ciutat .llegenda .compres { background-color:#F3BC32; width:15px; height:15px; border-radius:50%; vertical-align:middle;}
.mapa-ciutat .llegenda .equipCulturals { background-color:#C36AAF; width:15px; height:15px; border-radius:50%; vertical-align:middle;}
.mapa-ciutat .llegenda .visitesCulturals { background-color:#77B23C; width:15px; height:15px; border-radius:50%; vertical-align:middle;}
.mapa-ciutat .llegenda .llocsOci { background-color:#000000; width:15px; height:15px; border-radius:50%; vertical-align:middle;}
.mapa-ciutat .llegenda li {display:inline-block; font-size:0.9em; padding:0; margin:0; background:none;}
/* FI MAPA CERCADOR */



/* NOTICIES */
.paginadorNoticies .imatge { min-height:15em; margin-bottom:1em}
.paginadorNoticies h2 a { color:#EE5461;}
.paginadorNoticies a { color:#000000; text-decoration:none;}
/* FI NOTICIES */

/* interes i destacats */
.detall-noticia .llistat-interes {list-style:none; padding:0; margin:0}
.detall-noticia .llistat-interes li {padding:0 0 0.5rem 0; margin:0 0 0.5rem 0; border-bottom: 1px solid rgba(0,0,0,.1);}
.detall-noticia .llistat-interes li h3 { margin-bottom:0;}
.detall-noticia .llistat-interes li:last-child {border:0;}
/* FI interes i destacats */






/* CLAIMS */
.capsaClaim {background-size:cover; color:#ffffff; padding-top:5.5rem; padding-bottom:5.5rem; background-position: center;}
.capsaClaim p {font-weight:500}
.capsaClaim .btn { text-decoration:none}
.capsaClaim a { color:#ffffff; text-decoration:underline}
	/* CLAIM CARROUSEL */	
	.capsaClaim .carousel .carousel-item { padding:0 2rem;}
	/* FI CLAIM CARROUSEL */
/* FI CLAIMS */

/* SAPS QUE? */
.capsaSapsque { color:#ffffff; font-size:1.2rem; font-weight:300; padding-top:3rem; padding-bottom:3rem;}
/* FI SAPS QUE? */


/* COL.LABORADORS */
.capsaColaboradors img { max-width:250px}
/* FI COL.LABORADORS */


/* AGENDA */
.paginadorTopanual .active {color:#000000; border-bottom:6px solid #EE5461; color:#000; font-weight:700; font-size:2.5em;}
/* FI AGENDA */

#turismeesportiu {
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* SM */
@media (min-width: 576px) {
	#collapseCercador { display:block; padding:0; margin-left:.5rem}
	#lupa {
		position: relative;
		z-index: 1;
		color: #BDBDBD;
		width: 0;
		left: -25px;
		top: 1px;
		font-size:1rem;
		display:block
	}
	.card-columns {
    column-count: 2;
	}
	#transports .card-columns {
    column-count: 1;
	}
	
	#navbar-LHTurisme .fa.fa-search { color:#999CA1; transition:color 0.5s}
	
	/* CLAIMS */
	.capsaClaim {font-size:1em;}	
		/* CLAIM CARROUSEL */
		.capsaClaim .carousel .carousel-item { padding:0 4rem;}
		/* FI CLAIM CARROUSEL */
	/* FI CLAIMS */
	.cap-imatge {min-height:25rem;}
	.cap-video .carousel-item .link span { min-height:43vh;}
}


/* MD */
@media (min-width: 768px) {
	#turismeesportiu {
	-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
	.cap-titol { font-size:4.5em}
	#menuLHTurisme .nav-link {padding: .5rem 1rem;}
	.capsaClaim {padding:5.5rem 5rem;}
	.form-contacta .fons-blau { width:70%; padding:1rem 5rem}
	.card-columns {
    column-count: 3;
	}
	#transports .card-columns {
    column-count: 2;
	}
	#menuLHTurisme {width:21rem;}
.capsesImatges .card  { min-height:10em;}	
.capsesImatges .card-img-overlay {font-size:3em;  line-height: 1.1em;}
.cap-video .carousel-item .link span { min-height:70vh;}
	 }

/* LG */
@media (min-width: 992px) {		
.capsesImatges .card  { min-height:18em;}
.capsesImatges .card-img-overlay {line-height: 1.1em;}	
.mollesPa { margin-top:2em; margin-bottom:2em;}
.capsesAccessos .card-img-overlay, .capsesAccessos2 .card-img-overlay {font-size:5.2em;}
.capsesAccessos .card-columns, .capsesAccessos2 .card-columns {column-count: 2;}
.form-cercador .cercador-llistat { width:70%}
.llistat-restaurants { padding-bottom:3rem}



.detall-directori .row > div:first-child, .detall-agenda .row > div:first-child, .detall-noticia .row > div:first-child { border-right:2px solid #ef5462; padding-right:3rem}
.detall-directori .row > div:last-child, .detall-agenda .row > div:last-child, .detall-noticia .row > div:last-child {padding-left:3rem}


#transports .card-columns {
    column-count: 3;
	}

	
}

/* XL */
@media (min-width: 1200px) {
.form-contacta .fons-blau { width:50%;}

/* CLAIMS */
	.capsaClaim {font-size:1.3em; padding:5.5rem 5rem;}	
		/* CLAIM CARROUSEL */
		.capsaClaim .carousel .carousel-item { padding:0 9rem;}
		/* FI CLAIM CARROUSEL */
/* FI CLAIMS */
.capsaSapsque {padding:5rem 5rem;}

.paginadorNoticies .imatge { min-height:20em;}
.capsesAccessos .card-columns {column-count: 4;}
.capsesAccessos2 .card-columns .card, .capsesAccessos .card-columns .card {min-height:25em}
.campanya { position:relative; height:100vh; width:100%}	

/* CAP INICI */
.capsalera {height:100vh;}
.cap-video { 	
	position:absolute;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: flex-end;
	-ms-flex-align: flex-end;
	align-items: flex-end;
	height:100vh;     
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin-top:0;
	padding-top:106px
	}
.cap-video .carousel-item .link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
	}
.cap-video .carousel-item .link span {
    position: relative;
    width: 100%;
	height:100vh;
	}
	
.cap-video .contingut a {
	display:block;
	text-transform: uppercase;
	font-weight: 600;
	text-align:center;
	z-index: 1;
	}
	
.cap-video .contingut a .fa {color:#ffffff; text-align:center; font-size:4em;}
/* FI CAP INICI */
.form-cercador .cercador-llistat { width:60%}

.cap-imatge {min-height:30rem;}

}