/* ================================================================================
   TURISMONOVARA 2021
	 (c)ePublic Srl - www.epublic.it
   ================================================================================ */

/* XS - Extra small devices (< 544px) */
/* SM - Small devices (544px - 767px) */
/* MD - Medium devices (768px - 991px) */
/* LG - Large devices (992px - 1199px) */
/* XL - Extra Large devices (> 1200px) */

/* -------------------------------------------------------------------------
		STILI GENERICI
   ------------------------------------------------------------------------- */
	 
html, body {
	font-family: 'Open Sans', sans-serif;
	color: #036;
	-webkit-font-smoothing: antialiased;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
	background: #fff;
	margin: 0;
	/*word-break: break-all;*/
	border:0px solid red;
}
/*@media (min-width: 544px){
	html, body { font-size: 13px; }
}*/
@media (min-width: 768px){
	html, body { font-size: 15px; }
}
@media (min-width: 992px){
	html, body { font-size: 16px; }
	body { padding-top: 5rem; }
}
@media (min-width: 100px){
	html, body { font-size: 17px; }
}
.fafont { font-family: FontAwesome; }
a { color: #00698F; cursor: pointer !important; }
a:focus, a:hover { color: #036; cursor: pointer !important; }

footer { background-color: #003366; color:#ffffff; font-size: 0.8rem; text-align: left;}
footer a { color: #66ccff;}
footer a:hover { color: #ffffff;}

.logobottom {display: inline-block; margin-right: 20px; border:0px solid red; height: 9.6rem; float:left;}

.datibottom {display: inline-block; padding-left: 10px; border-left:0px solid white; height: 11.5rem;}
@media (max-width: 768px) {
	.logobottom {display: block; height: 5rem;}
	.datibottom {clear:both; border-left:0px solid white; padding-top:0.5rem;padding-bottom:0.5rem;padding-left:0px;height: 5rem;display: block;}
}
.datibottom p {paddin:0px; display: inline-block; vertical-align: top;}

.socialbottom {float:left;padding:0px;padding-top:0.5rem;text-align:left;border:0px solid red;margin-bottom:10px;}


.jumbotron {border-radius: 0; padding: 1.5rem 1rem;}
h1, h2, h3, h4, h5, h6 {font-weight:300}
.container0pad {padding-left:0px; padding-right:0px;}



.container {
	border: 0px solid orange;
	width:100%;
  margin-left: auto;
  margin-right: auto;
	padding-top: 1rem;
}

@media (min-width: 992px){
	.container {
	  padding-left: 100px;
	  padding-right: 100px;
	}
}

/* --- DOCUMENTI --- */
span.ext {
  font-size: 0.8rem;
  color: #555;
  font-weight: 300;
}
.fa {font-size: 1.5rem;}
/* Tipi documenti */
.fa-file-pdf-o { color: #da251c; }
.fa-file-pdf-o-white { color: white; }
.fa-file-word-o { color: #2A5699; }
.fa-file-excel-o { color: #207245; }
.fa-file-archive-o { color: #FF9408; }
.fa-file-text-o { color: #4CA1B5; }
.fa-file-image-o { color: #669933; }
.fa-file-video-o { color: #E62117; }
.fa-file-powerpoint-o { color: #d04423; }
.fa-file-o { color: #666; }
.fa-external-link { color: #808080; }


/* --- NAVBAR --- */

.navbar-brand, .navbar-toggler {color: #003366; border:0px solid orange;}
.navbar-brand:focus, .navbar-brand:hover, .navbar-toggler:focus, .navbar-toggler:hover {color: #003366;}
.navbar-nav .nav-link {color: #003366; border-top: 3px solid transparent; font-weight: bold;}
.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {color: #003366; border-top: 3px solid #036; transition: all 0.15s ease 0s;}
.navbar-nav .open > .nav-link, .navbar-nav .open > .nav-link:focus, .navbar-nav .open > .nav-link:hover, .navbar-nav .active > .nav-link, .navbar-nav .active > .nav-link:focus, .navbar-nav .active > .nav-link:hover, .navbar-nav .nav-link.open, .navbar-nav .nav-link.open:focus, .navbar-nav .nav-link.open:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.active:focus, .navbar-nav .nav-link.active:hover {
  color: #66ccff;
	border-top:3px solid #0099ff;
	transition: all 0.5s ease 0s;
}
.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.8);
}
/*icona hamburger*/
.navbar-toggler:before {
	content:"\2630"; 
	background-color: #ffffff;
	color: #003366;
}
.navbar-divider {background-color: rgba(0, 51, 102.075);}
.navbar {
	border-top: 0px solid transparent;
  padding: 0;
	z-index: 19;
	border-radius:0;
	background: rgba(255, 255, 255, 1);
	color: #003366;
	width: 100%;
	background-color: #003366;
	background-color: white;
}
.navbarpadding {
	border: 0px solid orange;
	width:100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (min-width: 768px){
	.navbarpadding {
	  padding-left: 1rem;
	  padding-right: 1rem;
		border: 0px solid red;
	}
}

.nav-item {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1rem;
	letter-spacing: -0.025rem;
	cursor: pointer;
	border:0px solid red;
}
@media (min-width:992px) and (max-width:1199px) {
	.navbar .nav-item { font-size: 0.8rem; } /* riduce il font a dimensione tablet per non andare a capo col menu */
}

.nav-link {color: #003366;}
.navbar ul {
	margin: 0;
	padding: 0;
	float: left;
}
@media (min-width: 992px) {
	.navbar ul { line-height: calc(80px - 0.85rem);	}
}
.navbar ul li { color: #ffffff; }
.dropdown-menu { z-index: 29; background-color: #003366; color: #ffffff; margin-top:0px;}
.dropdown-item { text-transform: none; color: #ffffff; font-size: 1rem; z-index:20; border-bottom:1px solid #f8f8f8; padding-top:.4rem; padding-bottom:.4rem; line-height: 1.8rem; font-weight:500;}
.dropdown-item:focus, .dropdown-item:hover { color: #ffffff; background-color:#0099ff; }
.navbar-brand { margin-right: 1rem; padding:0; }
.navbar-brand img { float:left; display: inline-block; height:75px; padding-top: 5px; }
.navbar-brand h1 { font-size: 1rem !important; }


@media (min-width:992px) { 
	#lingue, #ricerca, #bloccouser, #bloccocondivisione { line-height: 80px; margin-bottom: 0; }
}
#cercanelsito { width: 8rem; }
@media (min-width:992px) and (max-width:1199px) {
	#cercanelsito { width: 6rem; } /* riduce largezza campo ricerca a dimensione tablet per non andare a capo col menu */ 	
	.nav-item {
		font-weight: 400;
		text-transform: uppercase;
		font-size: 0.8rem;
		letter-spacing: -0.015rem;
	}
}
#lingue .dropdown-backdrop, #bloccouser .dropdown-backdrop, #bloccocondivisione .dropdown-backdrop { z-index: 0;}
#lingue .dropdown-item, #bloccouser .dropdown-item, #bloccocondivisione .dropdown-item { line-height: 1.5; font-weight: normal; }
#lingue span::after, #bloccouser span::after, #bloccocondivisione span::after { content: " - "; }
#lingue span:last-child::after, #bloccouser span:last-child::after, #bloccocondivisione span:last-child::after {
	content: "";
	margin-right: .5rem;
}
.tastotopnavbar {width: auto; max-height: 36px; padding: 0.3rem; border:1px solid #ffffff !important; background-color: #003366 !important; color: #ffffff !important;}

.noborder {border:0px;}

.listaricerca {
	list-style: none; /* Remove list bullets */
	padding: 0;
	margin: 0;
}
.listaricerca li {padding-left: 0px;}
.listaricerca li:before {
	content: ">"; /* Insert content that looks like bullets */
	padding-right: 8px;
	color: orange; /* Or a color you prefer */
	font-weight:bold;
}



#contatti input, #contatti textarea { background-color: #efefef; color: #003366 }



/* --- Navbar shrink --- */   
@media (min-width: 992px){
	.navbar.shrink .navbar-brand img { height:35px; }	
	.navbar.shrink ul { line-height: calc(50px - 0.85rem) }
	.navbar.shrink #lingue #bloccouser #ricerca #bloccocondivisione { line-height: 50px; }
	.navbar.shrink .nav-link, .navbar.shrink .dropdown-item  { font-size: 90%; }
}


/* --- CAROUSEL --- */
#myCarousel { position: relative; }
.carousel { margin-bottom: 0px;}
.carousel-indicators-testata { top: 2rem;}
.carousel-indicators { width: 1rem; }
.carousel-indicators li { margin-bottom: 0.25rem; width: 15px; height: 15px; border:1px solid #003366; border-radius: 100%; }
.carousel-indicators .active { margin-bottom: 0.25rem; width: 1rem; height: 1rem; }

@media (max-width: 768px) {
	.carousel-indicators { top:.5rem; right:.5rem; width: auto; }	
	.carousel-indicators li { margin-bottom: 0; width: 9px; height: 9px; }
	.carousel-indicators .active { margin-bottom: 0; width: 12px; height: 12px; }
}
.carousel-control.left, .carousel-control.right {
	background-image:none;
	color: #036;
}
#myCarousel .carousel-control.left, #myCarousel .carousel-control.right {
	color: #fff;
}
#myCarousel > .carousel-inner > .carousel-item-home {
	height: calc(40vh - 5rem);
	width: 100vw;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-position: center bottom !important;
	overflow: hidden;
}
@media (min-width:992px) { /* Immagine al 100% della schermata */
	#myCarousel > .carousel-inner > .carousel-item-home {
		height: calc(100vh - 5rem);
	}
}

#myCarousel > .carousel-inner > .carousel-item-video {
	display: block; width:100%;
	width: 100vw;
	height: calc(100vh - 5rem);
	object-fit: cover;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important;
  overflow: hidden;
} 
@media only screen and (max-width: 768px) {
	video#bgvid {display:none;}	
	video#bgvid {background: url("video/testata/loop.jpg") no-repeat center top;background-size: cover; }
}

#myCarousel > .carousel-inner > .carousel-item-pages {
	height: 100%;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	background-position: center bottom !important;
	overflow: hidden;
}
@media (min-width:992px) { /* Immagine al 100% della schermata */
	#myCarousel > .carousel-inner > .carousel-item-pages {
		height: calc(39vh - 5rem);
	}
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: auto;
  height: auto;
	top: 45%;
	margin: 0;
}

.carousel-controls { margin-left: 0; margin-right: 0; padding-top: .5rem; padding-bottom: .5rem; background-color: #ECEEEF; }


/* CAROUSEL */
/* IN EVIDENZA */
#CarouselEvidenza .carousel-control.left, #CarouselEvidenza .carousel-control.right { top: -4.25rem; }
#CarouselEvidenza .carousel-control .icon-prev { top: 0; left: .5rem; }
#CarouselEvidenza .carousel-control .icon-next { top: 0; right: .5rem; }

/* SUGGERITI PER TE */
#CarouselSuggeriti .carousel-control.left, #CarouselSuggeriti .carousel-control.right { top: -4.25rem; }
#CarouselSuggeriti .carousel-control .icon-prev { top: 0; left: .5rem; }
#CarouselSuggeriti .carousel-control .icon-next { top: 0; right: .5rem; }

.carousel-control .icon-prev::before {font-size:3rem;}
.carousel-control .icon-next::before {font-size:3rem;}
.carousel-controlmodified {background-color: none; height:50px;}
p.goto { font-size: 1.25rem; }
/* CAROUSEL */



/* .dropdown > .dropdown-menu { /* nascondo il dropdown per consentire la transizione  
	display: block;
	opacity: 0;
	height: 0;
	visibility: hidden;
	margin-top: 0;
}*/
.dropdown:hover > .dropdown-menu, .dropdown:focus > .dropdown-menu, .open > .dropdown-menu {
	/*display: block;
	height: auto;
	visibility: visible;*/
	opacity: 0.95;
	border-radius: 0;
	border: 0;
}
@media (min-width: 992px) {
.dropdown:hover > .dropdown-menu, .dropdown:focus > .dropdown-menu, .open > .dropdown-menu {
	border-top: 3px solid #036;
	border-bottom: 3px solid #036;		
	}
}

/* --- BREADCRUMB --- */

.briciole { 
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: 1rem;
	border-bottom: 2px solid #00698F;
}

/* --- FILTRO DI RICERCA --- */

.formricerca { background-color: #fff; color: #003366; padding:10px; margin-bottom: 1.5rem; border:1px solid #003366;}
.formricerca select, .formricerca input { margin:0;}
.btn-search { padding:0.19rem; cursor: pointer; }
.btn-search:hover { background-color:#0099ff !important; }
.formricerca .input-group-addon {
	padding: .25rem .5rem;
	color: #003366;
	border:1px solid #003366;
}

.form-control {
  display: block;
  width: 100%;
  padding: .4rem;
  font-size: 1rem;
  line-height: 1.25;
  color: #003366;
  background-color: #003366;
  border: 1px solid #ffffff;
  border-radius: 2;
	border:1px solid #003366; background-color: #eeeeee;
}
.form-control:hover { border-color: #0099ff; box-shadow: 0 0 2px #40668C; transition: all 0.25s; }
.form-control:focus, .form-control:active { color: #003366; border:1px solid #0099ff; transition: all 0.25s; }
.form-control-bginverse:hover { border-color: #ffffff; box-shadow: 0 0 2px #ffffff; }
.form-control-bginverse:focus, .form-control-bginverse:active { border-color: #ffffff; }
select option { padding: .25rem .5rem; }

.form-group {display:inline-block;width:100%;}



/* --- MENU DI SINISTRA --- */

.menuinterno { width:100%; background-color:#036; background-color:#eceeef; color:#036; display: block; margin:0px; padding:10px;}
.menuinterno ol { margin:0px; padding:0px;}
.menuinterno li { list-style-type:none; margin:0px; padding:0px; display:inline-block; border-bottom:1px solid silver; width:100%; padding:8px 5px; cursor:pointer;}
.menuinterno li a { color:#036; width:100%; height:100%; display:inline-block; padding:5px; font-size: 1.1rem;}
.menuinterno li:hover, .menuinterno li:focus { background-color:#0099ff; border-bottom:1px solid #036;}
.menuinterno li:hover a, .menuinterno li:focus a { color:#036; text-decoration:none;}
.menuinterno li a.active { background-color:#33ccff; text-decoration:none;}
.menuinterno li a i { opacity: 0.5; }
.menuinterno li:hover a i { opacity: 1; }

@media (min-width: 992px){
.ombreggiaturamenu {box-shadow: 0px 4px 10px rgba(0,0,0,1);position:absolute;margin-top:0px;height:4px;background-color: #0099ff; width:100%;z-index: 14;border:0px solid red;}
}

@media (max-width: 767px){
	#myCarousel {display:none;}
  .briciole { padding-left: 10px; }	
}


/* --- NAVIGAZIONE MOBILE --- */

@media (max-width: 991px) {
	.navbar {
    position: relative;
    border-top: 0;
		padding-top: 0.5rem;
		line-height: inherit;
		overflow-y: hidden; 		
	}
	.navbar-toggler {
		position: absolute;
		right: 15px;
		top: 1.25rem;
	}
	/*.navbar-toggler::after {
		content: "MENU";
    position: relative;
    left: 40px;
    color: #036;
	}*/
	.navbar-brand { margin-left: -0.5rem; display: block; width: 100%; z-index: 99;}
	.navbar-brand img { height:55px; margin-left: 0; }
  h1 { font-size: 1.75rem; padding-left: .5rem; line-height: 60px; }
	.navbar-nav { clear: both; }
	.navbar-nav .nav-link { font-size: 120%; display: block; border-top: 0; padding: .5rem 0 .5rem .25rem; }
	.navbar-nav .nav-link:focus, .navbar-nav .nav-link:hover {border-top:0; }
	.navbar-nav .open > .nav-link, .navbar-nav .open > .nav-link:focus, .navbar-nav .open > .nav-link:hover, .navbar-nav .active > .nav-link, .navbar-nav .active > .nav-link:focus, .navbar-nav .active > .nav-link:hover, .navbar-nav .nav-link.open, .navbar-nav .nav-link.open:focus, .navbar-nav .nav-link.open:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.active:focus, .navbar-nav .nav-link.active:hover {
		border-top: 0;
	}
	#lingue, #ricerca, #bloccouser, #bloccocondivisione { margin-bottom: 1rem; }	
	#ricerca { position: relative; }
	#cercanelsito { width: 100%; }
	#ricerca .btn { /* sovrappongo il pulsante al campo di input */
		position: absolute;
		top: 0;
		right: 0;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	#lingue .dropdown-menu, #bloccouser .dropdown-menu, #bloccocondivisione .dropdown-menu {
			top: auto;
			bottom: 100%;
			margin-bottom: 0.125rem;
			opacity: 1;
		}
	.navbar ul { float: none; }
	.dropdown-item { padding-left: 1rem; }
  .briciole { margin-top: 2rem; }
  .menuinterno { margin-top: 2rem; }	
}

h2.page-title { font-weight: 700; text-align: left; margin-bottom: 1rem; }

/* --- HOME PAGE --- */
/* CAROUSEL FOTOGRAFIE */

.carousel-logo {
	display: block;
	position: absolute;
	bottom: 2rem;
	left: 40%;
	z-index: 2;
	width: 65%;
	padding-left: 0;
	margin-left: -20%;
	text-align: center;
	list-style: none;
}
.carousel-logo h1 {font-size: 4.6rem; font-weight: 300; color:white; text-shadow: 5px 2px 4px rgba(0,0,0,0.7); letter-spacing: 0.3rem;}
.carousel-logo p {font-size: 1.7rem; color:white; text-shadow: 5px 2px 4px rgba(0,0,0,0.7);}
.carousel-logo hr {background-color:#fff; width:80%; height:1px; shadow: 5px 2px 4px rgba(0,0,0,0.7);	}


/* RIGHE HOME PAGE */

.rigawhite { background-color: white;}
.rigabeige { background-image: url("img/SfondoBeige1.jpg"); background-repeat:no-repeat; background-color: #f9eddb; min-height: 300px;}
.rigablu1 {color: white; background-image: url("img/SfondoBlu1.jpg"); background-repeat:no-repeat; background-position: bottom; background-color: #1f4f6e; min-height: 330px;}
.rigablu2 {color: white; background-image: url("img/SfondoBlu2.jpg"); background-repeat:no-repeat; background-position: bottom; background-color: #1f4f6e; min-height: 330px;}
.rigablu3 {color: white; background-image: url("img/SfondoBlu3.jpg"); background-repeat:no-repeat; background-position: bottom; background-color: #1f4f6e; min-height: 330px;}

.riganewsletter {color: white; background-image: url("img/NewsletterBg.jpg"); background-repeat:no-repeat; background-color: #1f4f6e; min-height: 330px;}
.rigagallery {color: white; background-repeat:no-repeat; background-color: #333333; min-height: 330px;}
.rigagallery a {color: white; text-decoration: none;}

.bloccoareatem { padding:0; margin-bottom: 1.5rem; }
.bloccoareatem a { color:white;text-decoration:none; }
.areatemcircle {
	display: block;
  width: 6.7rem;
  height: 6.7rem;
	border: 5px solid white;
  border-radius: 50%;
	transition: all 0.3s ease 0s;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
}
.areatemcircle:hover {cursor: pointer;}
.bloccoareatem span {
	display: block;
	font-weight: 700;
	margin: 0.6rem 0 0 0;
	padding: 0px;
	width: 100%;
  font-size: 1.1rem;
	text-align: center;
}

.areatemspor {background-color: #028ed3; background-image: url("img/AreeTem-Spo.png"); }
.areatemnatu {background-color: #a8c200; background-image: url("img/AreeTem-Nat.png"); }
.areatemarte {background-color: #db5b06; background-image: url("img/AreeTem-Art.png"); }
.areatemcult {background-color: #c51c18; background-image: url("img/AreeTem-Cul.png"); }
.areatemsapo {background-color: #a62e7a; background-image: url("img/AreeTem-Sap.png"); }
.areatemitin {background-color: #fdc63f; background-image: url("img/AreeTem-Iti.png"); }
.areatemeven {background-color: #3C9173; background-image: url("img/AreeTem-Eve.png"); }
.areatemospt {background-color: #40668C; background-image: url("img/AreeTem-Osp.png"); }

.areatemspor:hover {background-color: #01476A;}
.areatemnatu:hover {background-color: #546100;}
.areatemarte:hover {background-color: #6E2E03;}
.areatemcult:hover {background-color: #620E0C;}
.areatemsapo:hover {background-color: #53173D;}
.areatemitin:hover {background-color: #7E6320;}
.areatemeven:hover {background-color: #1E483A;}
.areatemospt:hover {background-color: #203346;}

.home-wcam, .home-gmap { width:100%;}
.home-gmap {
	height: 240px;
	border:0;
}
h5.bloccoutil {
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 1px solid #036;
	padding-bottom: .25rem;
}
.bloccoutil {
	display:block;
	border:0px solid red;
}
.webcamblock {height: 240px; 	background-color: #eceeef;}
.bloccoutil figcaption {
	text-align: center;
	font-size: .9rem;
	line-height: 2.5rem;
	display: inline-block;
  vertical-align: middle;
	border: 0px solid blue;
	width: 100%;
}

.rigatratteggiata {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 2px dashed #036;
}


/* WIDGET METEO */

#meteo {
	overflow: auto;
}
#meteooggi {
	overflow: auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#meteooggi figure {
	float: left;
	width: 67px;
	margin-right: 10px;
	cursor: help;
}
#meteoprev {
	overflow: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#meteoprev div {
	width: 33%;
	float: left;
	text-align: center;
}
#meteoprev img {
	width: 50px;
	cursor: help;
}


.thumbnail {
	border: 0 none;
	box-shadow: none;
	/*margin: 0;
	padding: 0;*/
}
.thumbnail img { width: 100%; }
.thumbnail h4 { font-size: 1.25rem; font-weight: 400; }

.captionoverlay {
	width:calc(100% - 30px);
	bottom: 1rem;
	position: absolute;
	background: #000;
	padding-top: 20px;
	background: -webkit-linear-gradient(bottom, #000 10%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(bottom, #000 10%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-linear-gradient(bottom, #000 10%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: linear-gradient(to top, #000 10%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	transition: all 0.3s ease 0s;
}
.carousel-inner .captionoverlay {
	width: 100%;
	bottom: 0;
}
.home-img .captionoverlay {
	bottom: 0;
}
.thumbnail:hover .captionoverlay {
	padding-bottom: 2rem;
	background: -webkit-linear-gradient(bottom, #000 10%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(bottom, #000 10%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -o-linear-gradient(bottom, #000 10%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: linear-gradient(to top, #000 10%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	transition: all 0.3s ease 0s;
}
.captionoverlay h4, .captionoverlay h5 {
	color: #fff;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
.captionoverlay h5 {
	color: white;
	font-size: 1rem;
}

.socialbtn { color: white; display: inline-block; width:2rem; height:2rem; font-size: 2rem; line-height:1rem; border:1px solid white; text-align:center; margin: 0px 0px; 5px 5px; transition: all 0.3s ease 0s;}
.socialbtn:hover, .socialbtn:focus { background-color: #66ccff; cursor: pointer; transition: all 0.3s ease 0s;}
.socialbtn i {font-size: 1rem;line-height:1.6rem;}
.socialbtn:hover i; .socialbtn:focus i { color:#0099ff; transition: all 0.3s ease 0s;}

.socialbtnbgfb {background-color: #384a98}
.socialbtnbgyt {background-color: #b81d39}
.socialbtnbgtw {background-color: #5a96dd}
.socialbtnbgig {background-color: #7a6a64}
.socialbtnbgrs {background-color: #FA9B39}
.socialbtnbgis {background-color: #ff6666}

.menubottom {list-style: none;	padding: 0;	margin: 0; line-height: 1.4rem;}
.menubottom ul {display:block; min-height: 200px;}
.menubottom li {list-style: none;	padding: 0;	margin: 0; color: #036; font-weight: 400; font-size: 1rem; text-transform:uppercase;}
.menubottom li a {color: #00698F; font-weight: 300; font-size: 1rem; text-transform:none; letter-spacing: 0}

.borderright1px {border-right: 1px solid #cecece;}



.transition03sec {transition: all 0.3s ease 0s;}
.transition02sec {transition: all 0.2s ease 0s;}


/* Paginazione */
.page-number {
	margin-left: .25rem;
	margin-right: .25rem;	
}
.page-current {
	font-weight: 700;
	background-color: #0099ff;
	color: white;
	width: 1.6rem;
	height: 1.6rem;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
}


/* Link Utili */

.linkdiv {
  border: 1px solid #ccd3d9;
  margin-bottom: 10px;
}
.linkdivtxt {
	padding-bottom: 7px;
	margin: 0 0 2px 2px;
	text-align: left;
	width: 100%;
}
.linkcat {
	text-align: right;
	display: block;
	color: #800202;
	font-weight: 700;	
	margin-right: 1rem;
}
.linktitolo {
	margin-top: 5px;
	font-size: 1rem;
	font-weight: 700;
	display: block;
}
.linkurl {
	font-size: 1rem;
	display: block;
}


/* CHI SIAMO
	----------------------------------------------------------- */

.list-group { margin-bottom: 2rem; }
.list-group-item { padding: .5rem .75rem; border-radius: 0 !important; }


/* AREE TEMATICHE - APPUNTAMENTI - OSPITALITA - PUBBLICAZIONI - INTRANET - LINK UTILI
	------------------------------------------------------------------------------------ */

.areetemtitolocat, .areetemtitoloserv, .apptitoloscheda, .newslettertitolo, .intranettitolo, .linkutilititolocat {
  text-align: right;
  font-size: 130%;
  font-weight: 700;
  padding-right: .5rem;
  line-height: 160%;
  margin-bottom: .5rem;
  clear: both;
	color: #fff;
	background-color: #036;
	/*text-transform: uppercase;*/
}
.intranetformtitolo {
  text-align: left;
  font-size: 130%;
  font-weight: 700;
  padding-left: .5rem;
  line-height: 160%;
  margin-bottom: .5rem;
  clear: both;
	color: #fff;
	background-color: #036;
	/*text-transform: uppercase;*/
}
.areetemtitoloserv, .apptitoloscheda {
	color: #036;
	background-color: #ECEEEF;
}
.areetemtitoloscheda {
  font-size: 180%;
  font-weight: 700;
  margin: 0 0 10px 0;
}
.areetemdesc {
  text-align: left;
	word-wrap: normal !important;
}

.areetemmenutitolo {
  text-align: right;
  margin-bottom: 4px;
  font-size: 130%;
}
.areetemmenutitolo a {
  text-decoration: none;
  padding: 2px 7px 2px 7px;
  border-right: 1px solid #dddddd;
}
.areetemmenutitolo .areetemmenutitoloalast {
  border-right: 0;
}

.areetemsubmenutitolo {
  margin-bottom: 15px;
  font-size: 120%;
  line-height: 170%;
}
.areetemsubmenutitolo a {
  text-decoration: none;
  padding: 0 7px 0 7px;
  border-right: 1px solid #fff;
}
.areetemsubmenutitolo .areetemsubmenutitoloalast {
  border-right: 0;
}

.btn { border-radius: 2; }

.btn-atl {
  color: #fff;
  background-color: #036;
}
.btn-atl:hover, .btn-atl:focus {
  color: #fff;
  background-color: #0192f3;
}


/* replicano le classi delle aree tematiche ma per gli elenchi generici: appuntamenti, mangiare, dormire... */
.gensubmenutitolo {margin-bottom: 15px; font-size: 120%; line-height: 170%;}
.gensubmenutitolo a {text-decoration: none; padding: 0 7px 0 7px;border-right: 1px solid #fff;}
.gensubmenutitolo .gensubmenutitololast {border-right: 0;}


/* PAGINA ELENCO */
	 
.areetemdiv, .ospdiv, .bloccoevento, .bloccostampa {
  padding-top: 1rem;
  padding-bottom: 1rem;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.areetemelencodiv {
  clear: both;
  margin-bottom: 0;
}
.areetemelencotitolo, .apptitolo, .stampatitolo {
	font-size: 135%;
	font-weight: 700;
	display: block;
	margin-bottom: 5px;
}
.areetemelencodati {
	padding-right: 4.5rem;
}
.areetemfotoelenco, .appfotoelenco, .stampaimg {
	width: 100%;
	height: auto;
	/* max-height: 240px; */
	margin-bottom: .5rem;
}
.areetemfotoelencophcont { visibility: hidden; }

@media (min-width:768px) {
	.areetemfotoelenco, .areetemfotoelencophcont, .appfotoelenco {
		float: left;
		width: 210px;
		height: 140px;
		margin-bottom: .25rem;
		margin-right: .75rem;
		visibility: visible;
	}
	.areetemfotoelencophfoto {
		width: 210px;
		height: 140px;
		background-image: url("img/nofoto.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: calc(210px - .5rem - 2px) calc(140px - .5rem - 2px);
		background-color: #fff;
		border: 1px solid #ddd;
	}	
	.appdivtxt, .areetemelencodivtxt { margin-left: calc(210px + .75rem); }	
}
@media (min-width:992px) {
	.areetemfotoelenco, .areetemfotoelencophcont, .appfotoelenco, .areetemfotoelencophfoto {
		width: 270px;
		height: 180px;
	}
	.areetemfotoelencophfoto {
		background-size: calc(270px - .5rem - 2px) calc(180px - .5rem - 2px);
	}		
	.appdivtxt, .areetemelencodivtxt { margin-left: calc(270px + .75rem); }	
}

.appdata, .stampadata {color: #9D5D00;font-weight:700;width:100%;display:block;}
.appcomune {font-weight:700;width:100%;display:block;}

.phricetta_min {
		width: 270px;
		height: 149px;
	}

/* --- AREE TEMATICHE - PAGINA DETTAGLIO --- */

.nav-pills-custom {
  border-bottom: 1px solid #036;
}
.nav-pills-custom .nav-link {
	border-radius: 0;
}
.nav-pills-custom .nav-link.active, .nav-pills-custom .nav-link.active:hover, .nav-pills-custom .nav-link.active:focus {
  background-color: #036;
}
.nav-pills-custom .nav-link:hover, .nav-pills-custom .nav-link:focus {
  background-color: #0099ff; /* #B6D000;*/
  color: #036;
  transition: 0.3s;
}
.imgvideo figcaption { 
  padding-top: .25rem;
  line-height: 1.3;
  color: #036 !important;
}
.imgvideo img {
	height: 200px; /*purtroppo è necessario inserire una altezza fissa per poter unificare la differenza tra video youtube e video caricati via ftp*/
}
.pubdiv {
  border: 1px solid #ccc;
  margin-bottom: 1rem;
  padding: 1rem;
}

.pubdivminiatura {
  border: 1px solid #ccc;
  margin-bottom: 1rem;
  padding: 1rem;
	background-color:#eee;
	min-height: 13rem;
}

.pubcod { margin-left: 0.25rem; }
.btn-custom {
  background-color: #eceeef;
  color: #036 !important;	
}
.btn-custom:hover, .btn-custom:focus {
  background-color: #0099ff;
	transition: background-color 0.3s;
}
.img-thumbnail { border-radius: 0; } /* bordo immagini squadrato */
.img-thumbnail:hover, .img-thumbnail:focus {
  border-color: #036;
  box-shadow: 0 0 2px #40668C;
}
.imgminiaturapub { width: 100px; }

.table td a { /* tronca gli url troppo lunghi */
	word-break: break-all !important;
	display: block;
}


/* --- VIDEO --- */

/* Creates the play arrow motif */
.playicon .play {
    position:absolute;
    width:50px;
    height:50px;
    border:3px solid #fff;
    top:50%;
    right:50%;
    margin:-28px;
    border-radius:30px;
    box-shadow:1px 1px 2px rgba(0,0,0,.2);
		opacity: 0.8;
}
.playicon .play span {
    position:absolute;
    width:0;
    height:0;
    border-top:12px solid transparent;
    border-bottom:12px solid transparent;
    border-left:20px solid #fff;
    top:12px;
    left:15px;
		opacity: 0.8;
}
.playicon {
    position: relative;
}

/* Gets rid of the extra white space that follows an inline element*/
.playicon img { vertical-align: bottom;}

.playicon:hover .play, .playicon:hover .play span { opacity: 1; transition: opacity 0.3s ease-in; color: #cccccc; }




/* --- OSPITALITA' - PAGINA DETTAGLIO --- */

.ospstelle {
	color: #0099ff;
	font-size: 1rem;
	padding-left: .25rem;
}
.ospqualitaliana {
	width: 4.5rem;
	height: 4.5rem;
	background-image: url("img/logo-oi.png");
	background-size: cover;
}
.ospfattorie {
	width: 4.5rem;
	height: 4.5rem;
	background-image: url("img/logo-fd.png");
	background-size: cover;
}
@media (min-width:768px) {
	.osppos1 {
		position: absolute;
		top: 1rem;
		right: 0;
	}
}
.osppos2 {
	position: absolute;
	top: 6rem;
	right: 0;
}
.ospmarchi {}
.elenco-servizi { height:3rem; }
.ico-servizi {
	border:1px solid #ddd;
	float:left;
	width:3rem;
	height:3rem;
	padding: .25rem;
	margin-right: .5rem;
}
.ico-left { padding-right: .5rem; }
.ico-right { padding-left: .5rem; }


/* --- UTILITÀ --- */

.fz-05 {font-size:0.5rem}
.fz-06 {font-size:0.6rem}
.fz-07 {font-size:0.7rem}
.fz-08 {font-size:0.8rem}
.pr-05 {padding-right: 0.5rem !important;}
.pl-05 {padding-left: 0.5rem !important;}

.hideme {opacity:0;}
.b-1 {border: 1px solid #eee;}
.b-1dark {border: 1px solid #cccccc;}
.bl-1 {border-left: 1px solid #eee;}
.bb-1 {border-bottom: 1px solid #eee;}

.sfondogrigio {background-color:#eceeef;}

.bsbb {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Link di ritorno ad inizio pagina */
 
#totop, #todown {
	font-size: 1rem;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: fixed;
	bottom: 2%;
	right: 2%;
	z-index: 999;
	background-color: #dcdedf;
	color: #069;
  opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-out;
}
#todown { 
	position: absolute;
	bottom: 3rem;
	z-index: 18;
	color: #dcdedf;
	background-color: #069;
  opacity: 0.75;
	visibility: visible;	
}
#totop.show {
  opacity: 0.5;
	visibility: visible;
}
#totop:hover, #totop:focus {
  opacity: 1;	
	color: #036;
}
#todown:hover, #todown:focus {
  opacity: 1;
	background-color: #036;	
}
@media (min-width: 768px) {
	#totop, #todown {
		font-size: 2rem;
		width: 50px;
		height: 50px;
		line-height: 45px;
	}
}




.stemmacomunemini {border:1px solid silver; width:100px; height:100px;}


.bannerbottom { margin: 1rem 1rem 0rem 1rem !important; border:0px solid red; display: inline-block !important; }
.bannerbottom img { max-width: 250px; max-height:40px; }

.loghipage { margin: 1rem 1rem 0rem 1rem !important; border:0px solid red; display: inline-block !important; }
.loghipage img { max-width: 350px; max-height:50px; }



/*VECCHIE CLASSI DA CONTROLLARE ED EVENTUALMENTE MODIFICARE O ELIMINARE*/

/*sopra e sottotitoli generici*/
.menutitolo {
	border-bottom: 1px solid #dddddd;
  text-align: right;
  margin-bottom: 4px;
  font-size: 1.1rem;
}
.menutitolo a {
  text-decoration: none;
  padding: 2px 7px 2px 7px;
  border-right: 1px solid #dddddd;
}
.menutitolo .menutitoloalast {
  border-right: 0;
}

.submenutitolo {
  margin-bottom: 4px;
  font-size: 120%;
  padding: 1px 2px 1px 5px;
}
.submenutitolo a {
  text-decoration: none;
  padding: 0 5px 0 0px;
  border-right: 1px solid #cccccc;
}
.submenutitolo .submenutitoloalast {
  border-right: 0;
  padding-right: 0;
}




/*masonry*/
.grid-item { height: 200px; border:4px solid #ffffff; transition: 0.2s; padding:0px;color:white;}
@media (max-width: 768px) {
	.grid-item { max-height: 150px; border:0px;border-bottom:4px solid white;}
}
.grid-item:hover {
	opacity: 0.5;
	color: #ffffff;
	text-decoration: none;
}
.grid-item span {
	width:100%;
	display:block;
	font-size: 24px;
	text-transform: uppercase;
	text-shadow: 2px 2px #333333;
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,0.6) 0%, rgba(9,9,121,0.7) 35%, rgba(0,212,255,0.7) 100%); /*tonalità blu*/
	background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.2) 35%, rgba(0,0,20,0.1) 100%);
	padding: 10px 10px 10px 20px;
}
.grid-item:nth-child(1) {height: 320px;}
.grid-item:nth-child(2n) {height: 370px;}
.grid-item:nth-child(3n) {height: 320px;}
.grid-item:nth-child(4n) {height: 370px;}
.grid-item:nth-child(6n) {height: 320px;}
.grid-item:nth-child(5n) {height: 370px;}



/* --- COOKIE BAR 2021 --- */

.cookiebar {
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  position: fixed;
  width: 100%;
  z-index: 1100;
  background-color: rgba(0, 0, 0, .8);
  padding: 18px 24px;
  text-align: center;
  font-size: 90%;
}
.cookiebar.show {
  display: block;
}
.cookiebar .cookiebar-btn {
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
  display: inline-block;
  line-height: 1rem;
}
.cookiebar .cookiebar-btn:hover {
  text-decoration: underline;
}
.cookiebar .btn-link {
  color: rgba(255, 255, 255, .7)
}
.cookiebar .btn-link:hover, .cookiebar .btn-link:focus {
  color: rgba(255, 255, 255, .9)
}
.cookiebar .close {
  position: absolute;
  top: .5rem;
  right: .75rem;
  color: #fff;
  opacity: .7;
  font-size: 150%;
}
.cookiebar .close:hover, .cookiebar .close:focus {
  opacity: .9;
}

@media (min-width: 768px) {
  .cookiebar {
    padding: 24px 36px;
  }
}