/* COLORI CUSTOM */
	
:root {
	/*
	--cassiopeia-font-family-body: "Rokkitt", sans-serif;
	--cassiopeia-font-family-headings: "Rokkitt", sans-serif;
	--cassiopeia-font-weight-headings: 700;
	--cassiopeia-font-weight-normal: 400;
	--cassiopeia-font-family-headings: 'Montserrat';
	--cassiopeia-font-weight-headings: 600;
	--heading-font-style: normal;
	--heading-letter-spacing: 0px;
	*/
	--plyr-video-background: #fff;
	
	--cassiopeia-font-family-headings: "NotoSerif";
	--cassiopeia-font-weight-headings: 800;

	--cassiopeia-font-family-body: "NotoSans";

	--cassiopeia-color-primary: #000;
	--cassiopeia-color-hover: #000;
	--cassiopeia-color-link: #000;

	--color-naturesport: #509B02;
	--color-sea: #186996;
	--color-flavors: #FF9700;
	--color-evenings: #525FA0;
	--color-culture: #B70E09;
	--color-selected: #000;

	--color-black: #1D1E1C;
	--color-white: #fff;
	--plyr-control-icon-size: 30px;
	
/*	--color-blue: #6EA3B8;
	--color-blue: #37C2E2;
*/	
	--color-blue: #57D8E5;
	--color-blue-light: #7CB5C6;
	--color-cyan: #37C2E2;
	
/*	--color-sticky: #567C8B;*/
	--color-sticky: #FFF;
	--color-green: #CDF9D5;
}

@font-face {
    font-family: NotoSans;
    src: url(/templates/visitspezia/fonts/NotoSans-Regular.ttf);
}
@font-face {
    font-family: NotoSerif;
    src: url(/templates/visitspezia/fonts/NotoSerif-Regular.ttf);
}

/* GENERICI */
/*
*:focus {
	outline: 1px dotted #000!important;
	outline-offset: 0!important;
	text-decoration: underline!important;
    -webkit-box-shadow: 0 0 0 0.1rem rgb(87, 216, 229, 0.25)!important;
    box-shadow: 0 0 0 0.1rem rgb(87, 216, 229, 0.25)!important;
}
*:focus:not(:focus-visible) {
    outline:none!important;
	-webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
	text-decoration: none;
}
*/

/**/
/* GENERICI */
*:focus {
	outline: 1px dotted #000!important;
	outline-offset: 0!important;
	text-decoration: underline!important;
    -webkit-box-shadow: 0 0 0 0.1rem rgb(87, 216, 229, 0.25)!important;
    box-shadow: 0 0 0 0.1rem rgb(87, 216, 229, 0.25)!important;
}
*:focus:not(:focus-visible) {
    outline:none!important;
	-webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
	text-decoration: none;
}


.text-black {
	color: var(--color-black);
}
.text-blue {
	color: var(--color-blue);
}
.bg-blue {
	background-color: var(--color-blue);
}
.bg-blue-light {
	background-color: var(--color-blue-light);
}
.bg-sticky {
	background-color: var(--color-sticky);
}
.bg-cyan {
	background-color: var(--color-cyan);
}
.bg-green {
	background-color: var(--color-green);
}
.sr-only,
.visually-hidden {
	color: #000 !important;
}
/*
h1, h1 a, .h1 {
	font-size: 3.4375rem;
}	
h2, h2 a, .h2 {
	font-size: 2.25rem;
}	
h3, h3 a, .h3 {
	font-size: 1.5rem;
}	
h4, h4 a, .h4 {
	font-size: 1.375rem;
}	
p {
	font-size: 1.25rem;
}	
*/
a, p {
      font-size: 1.125rem;
      line-height: 1.4rem;
}     
h1, h1 a, .h1  {
      font-size: 1.75rem;
      line-height: 1.875rem;
	  margin-bottom: 1rem;
}     
h2, h2 a, .h2 {
      font-size: 1.5rem;
      line-height: 1.6rem;
}     
h3, h3 a, .h3 {
      font-size: 1.4rem;
      line-height: 1.5rem;
}     
h4, h4 a, .h4 {
      font-size: 1.25rem;
      line-height: 1.375rem;
}     
.card {
	border: 0!important;
	border-radius: 0!important;
}
.card-header {
	padding: 0.5rem 1rem;
	margin-bottom: 0;
	background-color: transparent !important;
	border: none;
}
a {
	font-size: 1.5rem;
	font-weight: bold!important;
	text-decoration: none!important;
	display: inline-block!important;
}
a:hover {
	text-decoration: underline!important;
}
a:hover > i,
a:hover > img {
	opacity: .7;
}
a:focus {
/*	box-shadow: 0 0 0 .25rem rgba(39,39,111,.5);*/
}
a > span {
	white-space: break-spaces;
}

.container-component main {
	margin-top: 4em;
}
/* LOGO */
/*
.brand-logo img {
    content:url(/images/loghi/logo.png);
}
*/
/* HOME */
.home main {
	margin: 0!important;
}
/* FOOTER */
.footer {
	background-color: var(--color-white);
	background-image: none;
	color: #000;
	margin-top: 1em;
}
.footer .footer-social i:before {
	font-size: 1.8rem;
}
.footer .footer-social i:hover {
	opacity: .7;
}

.footer .footer-cookie {
	background-color: #6ea3b8;
}
.footer .footer-cookie .row > div {
	background-color: #fff;
}
.footer .footer-loghi img {
	height: 9rem;
}
/* HEADER */
.container-header {
/*	
	height:	0;
	padding-bottom: 56%;
*/	
/*	background-image: url("/images/headers/1920_1080.jpg");*/
	background-color: transparent;
	background-image: none;
	box-shadow: inset 0 5px 5px rgba(0,0,0,.03);
	position: relative;
	z-index: 2000;
}
/* TOPBAR */
.container-topbar {
	z-index: 2000;
	position: relative;
	left:0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	align-items: center;
	justify-content: center;
	display: flex;	
	background-color: var(--color-sticky);
	box-shadow: .5px 3px 3px .5px #000000A6;
}
.container-topbar .btn-offcanvas img {
	padding: .5rem!important;
    /*max-width: 70%;*/
}
/* 2023.05.08 */
.container-topbar #offcanvasRight .offcanvas-header h5 img {
	max-width: 60%;
}

.container-topbar.fixed {
	position: fixed!important;
	top: 0;
	background-color: var(--color-sticky);
	/*border-radius: 0 0 .5rem .5rem;*/
	box-shadow: .5px 3px 3px .5px #000000A6;
}
.container-topbar .brand-logo img {
/*    content:url(/images/loghi/visitlaspezia_oriz_generale.png);*/
    content:url(/images/loghi/brand_visitspezia_sito_n.png);
}
.container-topbar .btn-offcanvas img {
    content:url(/images/icon/menu_nero.png);
/*	max-width: 2.5rem;*/
}
.container-topbar.fixed .mod-finder__search .fa-search::before {
	color: #000;
}
.container-topbar.fixed .mod-finder__search.open .fa-search::before {
	color: #fff;
}
.container-topbar.fixed .mod-finder-searchword {
	color: #000 !important;
}



/*
.container-topbar.fixed .navbar-brand {
	padding: .5rem 0;
}
.container-topbar.fixed .brand-logo img {
    max-width: 45%;
}
.container-topbar.fixed .btn-offcanvas img {
    max-width: 80%;
}
*/
/*
.container-topbar .container-topbar-right > a .fa-search {
	font-size: 2rem;
}
*/
.container-topbar .container-topbar-right .fa-search {
	font-size: 1.5rem;
}
.container-topbar .container-topbar-right .mod-finder__search .search-submit {
	background-color: transparent;
	border: transparent;
}
.container-topbar .container-topbar-right .mod-finder__search.open .search-submit {
	background-color: var(--cassiopeia-color-primary);
	border: var(--cassiopeia-color-primary);
}
/*
.container-topbar .btn-offcanvas {
	font-size: 4rem;
}
*/
.container-topbar .offcanvas-header .btn-close {
	position: absolute;
	top: .5rem;
	right: .5rem;
}
/*
.container-topbar .offcanvas-body .dropdown-item .nav-link > img {
	opacity: .5;
}
*/
.container-topbar .dropdown-item .nav-link > img {
	padding: 0;
	margin-bottom: .5rem;
}
/*
.container-topbar .nav-item.active > a, 
.container-topbar .nav-item:active > a{
	text-decoration: underline!important;
}
*/
.container-topbar .dropdown-item.active, 
.container-topbar .dropdown-item:active {
	background-color: transparent;
	color: #000;
	text-decoration: underline;
}
.container-topbar .dropdown-item.active .nav-link > img, 
.container-topbar .dropdown-item:active .nav-link > img {
	box-shadow: .5px 3px 3px .5px #000000A6;
	/*opacity: 1;*/
}
.container-topbar .dropdown-item:focus, 
.container-topbar .dropdown-item:hover {
	background-color: transparent;
	color: #000;
}
/*
.container-topbar .dropdown-item:focus .nav-link > img , 
.container-topbar .dropdown-item:hover .nav-link > img {
	opacity: 1;
}
*/
.container-topbar .dropdown-item:hover .nav-link > img {
	transition: box-shadow 0.3s ease-in-out;
}
.container-topbar .dropdown-item:hover .nav-link > img:hover {
/*	transform: scale(1.1, 1.1);*/
	box-shadow: .5px 3px 3px .5px #000000A6;
}


/*
.container-topbar {
	z-index: inherit;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;	
	transition: all 750ms cubic-bezier(0.94, 0.02, 0.59, 0.97);
}
.container-topbar > .row {
	box-shadow: 6px 6px 6px #000000A6;
}
.container-topbar .container-topbar-right > div {
	float: left;
}
.container-header .mod-menu {
	color: #000;
}
.container-topbar.hidden {
	opacity: 0;
	transform: translateY(-14rem) !important;	
}
*/
.container-topbar #offcanvasRight .list-group {
	box-shadow: .5px 3px 3px .5px #000000A6;
	z-index: 1000;
}
.container-topbar #offcanvasRight .list-group li {
	display: grid;
	align-content: center;
}
.container-topbar #offcanvasRight .list-group li i:before {
	font-size: 1.5rem;
}

.container-topbar #offcanvasRight .list-group li .mod-languages ul li img {
	width: 1.5rem;
}

.container-topbar #offcanvasRight .offcanvas-body a {
	  font-size: 1.4rem;
}
.container-topbar #offcanvasRight .offcanvas-body .dropdown-menu a {
	  font-size: 1.375rem;
}
.dropdown-toggle::after { /* 2023 */
	align-self: center;
}
/* BREADCRUMB */
.breadcrumb {
	/*display: none;*/
	background-color: var(--color-white); 
}
/* BELOW-TOP */
.container-below-top {
	color: #000;
/*	background-image: url("/images/headers/image1.jpg"); */
}

/* TOP-A */
/*
.container-top-a {
	background: rgb(110,163,184);
	background: linear-gradient(180deg, rgba(110,163,184,1) 0%, rgba(110,163,184,1) 35%, rgba(255,255,255,1) 100%);
}
*/
/* INTRO POI */
/*
.intro-poi .low-res .card .card-title {
	justify-content: space-between;
}
.intro-poi .low-res .card .card-title a i {
	font-size: 1.5rem;
	line-height: 1.6rem;
}
*/
.intro-poi .row > .col-3,
.intro-poi .row > .col-6,
.intro-poi .row > .col-12,
.lista-poi .row > .col-3,
.lista-poi .row > .col-6,
.lista-poi .row > .col-12 {
	padding: calc(var(--gutter-x) * .5);
}
.intro-poi .card,
.lista-poi .card {
	background-blend-mode: color!important;
	background-color: var(--color-white)!important;
/*	aspect-ratio: 1/1!important;*/
}
.intro-poi .card:before,
.lista-poi .card:before {
	padding-top: 0!important;
}
.intro-poi .card .card-img-top,
.lista-poi .card .card-img-top {
	position: relative!important;
}
.intro-poi .card .card-img-overlay,
.lista-poi .card .card-img-overlay {
	position: relative!important;
}
.intro-poi .card .card-title,
.intro-poi .card .card-title-overlay,
.lista-poi .card .card-title,
.lista-poi .card .card-title-overlay {
	position: static;
	justify-content: space-between;
/*	line-height: 2.3rem;*/
}

.intro-poi .card:hover .card-title, 
.lista-poi .card:hover .card-title {
	text-decoration: underline!important;
}

.intro-poi .card .card-title i {
	font-size: 1.5rem;
}
.intro-poi .card:hover .card-title i:before {
	color: var(--color-black);
}
.lista-poi .card .card-title-overlay,
.intro-poi .card .card-title-overlay {
	color: #fff;
	background-image: unset;
}

/* LISTA POI */
/*
.lista-poi .card {
	position: relative;
	width: unset;
	background-color: #fff !important;
	background-blend-mode: color;	
}
.lista-poi .card-body {
	margin-bottom: -2rem;
}
.lista-poi .card-top .card-title {
	bottom: 0;
	position: absolute;
	padding-left: .5rem;
	padding-right: .5rem;
	margin: 0;
	text-align: left;
	padding-top: 5rem;
	padding-bottom: .5rem;
	width: 100%;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0, 1));
	color: #fff;
}
.lista-poi .card-top {
	display: none;
}
.lista-poi .card-hover {
	display: flex;
	box-shadow: .5px 3px 3px .5px #000000A6;
	position: relative!important;
}
*/
/* DETTAGLIO POI */
.view-poidetail main a {
	font-weight: bold!important;
	color: #26518A;
	text-decoration: underline!important;
}
.view-poidetail main a:hover {
	font-weight: bold!important;
	color: #000;
	text-decoration: none!important;
}

.view-poidetail .accessibility i::before {
	width: 3rem;
	background-color: #6EA3B8;
	height: 3rem;
	display: flex !important;
	border-radius: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.7rem;
}
.view-poidetail .accessibility i::before {
	background-color: #6EA3B8;
}
.view-poidetail .social i::before {
	font-size: 1.8rem;
}
.view-poidetail .social i:hover {
	opacity: .7;
}


/*
.poi-detail .accessibility i.no::before {
	background-color: #00000029;
}
*/
.view-poidetail .accessibility i span {
	font-size: 1rem;
	padding-left: .5rem;
	font-weight: 500;
}
.view-poidetail .container-curiosity img {
	border-radius: 50%;
	width: 15rem;
	height: 15rem;
	object-fit: cover;
}
.view-poidetail span.orario {
	font-weight: 700;
	min-width: 7rem;
	display: inline-block;
}

/* SLIDER MAP */
.slider-map .slick-container {
	position: relative;
}
.slider-map h2 {
	text-align: center;
}
/*
.slider-map .slick-container .container-control{
	margin-bottom: -3rem;
	z-index: 1000;
}
*/
.slider-map .slick-slide {
	margin: 0 .2rem;
}
.slider-map .slick-container .container-control {
	bottom: 3rem;
}	
.slider-map .card-img-overlay {
	/*
	margin: 0rem .5rem 0 .5rem;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 1) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0, 1));
	*/
	padding: 0;
}
.slider-map .card-img-overlay .card-title {
	bottom: 0;
	position: absolute;
	border-bottom: 6px solid #186996;
	padding-left: .5rem;
	padding-right: .5rem;
	margin: 0;
	text-align: left;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0, 1));
	width: 100%;
}
.slider-map .card-img {
	background-color: transparent;
}
/*
.slider-map .card-img-overlay .card-title {
	padding-bottom: .2rem;
}
*/
.slider-map .card-img-overlay .card-title a {
	color: var(--color-white);
}
.slider-map .naturesport .card-img-overlay .card-title {
	border-color: var(--color-naturesport);
}
.slider-map .sea .card-img-overlay .card-title {
	border-color: var(--color-sea);
}
.slider-map .flavors .card-img-overlay .card-title {
	border-color: var(--color-flavors);
}
.slider-map .culture .card-img-overlay .card-title {
	border-color: var(--color-culture);
}
.slider-map .evenings .card-img-overlay .card-title {
	border-color: var(--color-evenings);
}
.slider-map .slick-popup .card-img-overlay .card-title {
/*	border-color: var(--color-selected);*/
	border-color: transparent;
}
.slider-map .naturesport.slick-popup .card-img-overlay {
	border: 4px solid var(--color-naturesport);
}
.slider-map .sea.slick-popup .card-img-overlay {
	border: 4px solid var(--color-sea);
}
.slider-map .flavors.slick-popup .card-img-overlay {
	border: 4px solid var(--color-flavors);
}
.slider-map .culture.slick-popup .card-img-overlay {
	border: 4px solid var(--color-culture);
}
.slider-map .evenings.slick-popup .card-img-overlay {
	border: 4px solid var(--color-evenings);
}


.slider-map .slick-nav {
	position: absolute;
	justify-content: center;
	align-content: center;
	align-items: center;
	align-self: center;
	padding: 0;
	right: auto;
	height: 100%;
}
/*
.slider-map .slick-nav .slick-prev,
.slider-map .slick-nav .slick-next {
	width: auto;
	height: auto;
	position: absolute!important;
	background-color: #fff;
	opacity: 0.9;
	margin: 0;
}
.slider-map .slick-nav .slick-prev {
	left: 0;
	border-radius: 0 8px 8px 0!important;
}
.slider-map .slick-nav .slick-next {
	right: 0;
	border-radius: 8px 0 0 8px!important;
}
*/
.slider-map .slick-slider .slick-prev,
.slider-map .slick-slider .slick-next {
	opacity: .8;
	z-index: 1000;
}
.slider-map .slick-slider .slick-prev:hover,
.slider-map .slick-slider .slick-next:hover {
	opacity: 1;
}
.slider-map .slick-slider .slick-prev::before, .slider-map .slick-slider .slick-next::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 2rem;
	line-height: 1;
	opacity: .75;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: var(--color-white);
}
.slider-map .slick-slider .slick-prev::before, .slider-map .slick-slider .slick-next::before {
	font-size: 2rem;
	line-height: 1;
}
.slider-map .slick-slider .slick-prev {
	float: left;
	left: 0;
}
.slider-map .slick-slider .slick-prev::before {
	content: '\f053';
	padding: .5rem .5rem .5rem 0;
	border-radius: 0 30% 30% 0;
}	
.slider-map .slick-slider .slick-next {
	float: right;
	right: 8px;
}
.slider-map .slick-slider .slick-next::before {
	content: '\f054';
	padding: .5rem 0 .5rem .5rem;
	border-radius: 30% 0 0 30%;
}	









/* MAP */
.map {
	height: 30rem;
	width: 100%;
}
.map .ol-touch .ol-control button {
	font-size: 1em;
}
.map .ol-zoom {
	top: 1.5em;
}
.map .ol-control.reset-view {
	top: 5em;
	left: .5em;
}
.map .ol-popup {
	position: absolute;
	background-color: white;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	padding: .5rem 1rem;
	border-radius: .6rem;
	border: 1px solid #cccccc;
	bottom: 12px;
	left: -50px;
	width: auto;
	min-width: 15rem;
}
.map .ol-popup-closer {
	position: absolute;
	right: 0;
	top: 0px;
	background-color: var(--white-color);
	font-size: .8rem;
}
.map .ol-popup .popup-title {
	font-size: 1rem;
}
.map .ol-popup .popup-description {
	font-size: .9rem;
}
/* CITAZIONE */
.mod-citazione {
	background-size: contain;
	background-repeat: no-repeat;
}
.mod-citazione .citazione {
	font-family: var(--cassiopeia-font-family-headings);
	font-style: italic;
	font-size: 20px;
	line-height: initial;
}
.mod-citazione .autore {
	font-family: var(--cassiopeia-font-family-headings);
	font-style: italic;
	font-size: 18px;
	text-align: end;
}
.mod-citazione .quote {
	height: 1.5rem;
	width: 1.5rem;
}
.fa-quote-left::before {
	font-size: .5rem;
	vertical-align: super;
}
.fa-quote-right::before {
	font-size: .5rem;
}
/* COSA FARE */
.cosa-fare .row .card {
	aspect-ratio: 16/9;
	background-position-x: center;
	background-size: auto 100%;
}
.cosa-fare .row .card:hover {
	opacity: .9;
}
.cosa-fare .row:first-child .card {
	aspect-ratio: 9/16;
}
.cosa-fare .gradient-black::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	background-image: linear-gradient( to top, rgb(0, 0, 0), rgba(0, 0, 0, 0) 30% );
}
.cosa-fare .row .card-img-overlay {
	border-bottom: 5px solid #37C2E2;
}
.cosa-fare .row .card-img-overlay.naturesport {
	border-color: var(--color-naturesport);
}
.cosa-fare .row .card-img-overlay.sea {
	border-color: var(--color-sea);
}
.cosa-fare .row .card-img-overlay.flavors {
	border-color: var(--color-flavors);
}
.cosa-fare .row .card-img-overlay.culture {
	border-color: var(--color-culture);
}
.cosa-fare .row .card-img-overlay.evenings {
	border-color: var(--color-evenings);
}









/*
.cosa-fare {
	border: none;
	margin: 0;
}
.cosa-fare .nav-pills {
	justify-content: center;
}
.cosa-fare .nav-pills .nav-link {
	font-size: 1.5rem;
	padding: .5rem;
	margin-right: .5rem;
	color: #000;
	animation: 500ms ease-out slideInFromBottom;
	border-bottom: 5px solid rgba(0, 0, 0, 0.4);
	border-radius: unset;
	text-transform: uppercase;
	background-color: transparent;
}
.cosa-fare .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	color: #000;
	font-weight: 700;
	border-bottom: 5px solid rgba(80, 155, 2, 0.8);
}
.cosa-fare .nav-pills .nav-link.active {
	font-weight: bold!important;
}
.cosa-fare .nav-pills .nav-link.active.naturesport {
	border-color: var(--color-naturesport);
}
.cosa-fare .nav-pills .nav-link.active.sea {
	border-color: var(--color-sea);
}
.cosa-fare .nav-pills .nav-link.active.flavors {
	border-color: var(--color-flavors);
}
.cosa-fare .nav-pills .nav-link.active.culture {
	border-color: var(--color-culture);
}

.cosa-fare h3.naturesport i {
	color: var(--color-naturesport);
}
.cosa-fare h3.sea i {
	color: var(--color-sea);
}
.cosa-fare h3.flavors i {
	color: var(--color-flavors);
}
.cosa-fare h3.culture i {
	color: var(--color-culture);
}
.cosa-fare h3.evenings i {
	color: var(--color-evenings);
}
.cosa-fare h3:hover i {
	color: var(--color-selected);
}
.cosa-fare {
	background-position: left top!important; 
	background-repeat: no-repeat; 
	background-size: 100% 100%;
	padding-top: 1rem;
}
.cosa-fare.naturesport {
	background-image: url("/images/sfondi/cosa_fare_natura_mobile.jpg");
}
.cosa-fare.naturesport .nav-pills .nav-link.active {
	border-bottom-color: rgba(80, 155, 2, 0.8);
}
.cosa-fare.sea {
	background-image: url("/images/sfondi/cosa_fare_mare_mobile.jpg");
}
.cosa-fare.sea .nav-pills .nav-link.active {
	border-bottom-color: rgba(24, 105, 150, 0.8);
}
.cosa-fare.flavors {
	background-image: url("/images/sfondi/cosa_fare_sapori_mobile.jpg");
}
.cosa-fare.flavors .nav-pills .nav-link.active {
	border-bottom-color: rgba(255, 151, 0, 0.8);
}
.cosa-fare.evenings {
	background-image: url("/images/sfondi/cosa_fare_serate_mobile.jpg");
}
.cosa-fare.evenings .nav-pills .nav-link.active {
	border-bottom-color: rgba(82, 95, 160, 0.8);
}
.cosa-fare.culture {
	background-image: url("/images/sfondi/cosa_fare_cultura_mobile.jpg");
}
.cosa-fare.culture .nav-pills .nav-link.active {
	border-bottom-color: rgba(183, 14, 9, 0.8);
}
*/
/* COSA SUCCEDE IN CITTA'*/
.cosa-succede-in-citta {
/*
	background: rgb(55,194,226);
	background: linear-gradient(180deg, rgba(55,194,226,1) 0%, rgba(55,194,226,1) 35%, rgba(255,255,255,1) 100%);
*/
	background: rgb(87, 216, 229);
	background: linear-gradient(180deg, rgba(87, 216, 229,1) 0%, rgba(87, 216, 229,1) 35%, rgba(255,255,255,1) 100%);
	padding-top: 1rem!important;
	margin-bottom: 1rem !important;
	border-radius: 0;
}
.cosa-succede-in-citta .event-highlighted-title {
	margin-bottom: 2rem;
}
.cosa-succede-in-citta .event-highlighted-title .event-calendar {
	display: flex;
	align-items: center;
	justify-content: center;
	justify-items: center;
	justify-self: center;
	text-align: center;
}
.cosa-succede-in-citta .event-highlighted-title .event-calendar i {
	font-size: 3rem;
}
.cosa-succede-in-citta .slick-nav {
	position: absolute;
	top: 0;
	width: 100%;
	display: flex;
	justify-content: end;
/*	height: ;*/
	opacity: .9;
/*	
	padding-left: 143px;
	right: 75px;
*/	
}
.cosa-succede-in-citta .slick-nav .navigation-container {
	box-shadow: .5px 3px 3px .5px #000000A6;
}
.cosa-succede-in-citta .slick-nav a {
	font-size: 2rem;
}
.cosa-succede-in-citta .slick-prev, 
.cosa-succede-in-citta .slick-next {
	float: left;
	right: 0;
	height: auto;
}
.cosa-succede-in-citta .slick-prev::before, 
.cosa-succede-in-citta .slick-next::before {
	font-family: 'Font Awesome\ 5 Free'!important;
	font-size: 3rem;
	line-height: 1;
	opacity: .75;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.cosa-succede-in-citta .slick-track {
	display: flex;
	flex-flow: row wrap;
}
.cosa-succede-in-citta .slick-track .slick-slide {
	flex: 1 0 0%;
	height: auto;
}
.cosa-succede-in-citta .slick-track .slick-slide div {
	height: 100%;
}

.slick-prev::before, .slick-next::before {
	font-family: 'slick';
	font-size: 3rem;
	line-height: 1;
	opacity: .75;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* EVENTS */ 
.list-events .spinner {
	position: fixed;
	top: 50%;
	left: 50%;
}
.spinner-border {
	border: .45em solid;
	border-right: .45em solid transparent;
	height: 3rem;
	width: 3rem;
	color: var(--color-blue);
}
.list-events .block-data-range {
	position: absolute;
	width: auto;
	right: .5rem;
}
.list-events .block-data-range .data-range {
/*	height: 100% !important;*/
	width: fit-content;
	display: block;
	padding: 1rem .5rem;
	border-radius: .5rem !important;
	box-shadow: rgba(0, 0, 0, 0.35) 1.95px 1.95px 2.6px;
}
.list-events .data-a, 
.list-events .data-da {
	width: fit-content;
	display: block;
}
.list-events .data-a {
	position: relative;
	bottom: auto;
	margin-top: 1rem;
}
.list-events .data-a p, 
.list-events .data-da p {
	line-height: 1rem;
	font-size: 1.1rem;
}
.list-events .data-a p.day, 
.list-events .data-da p.day {
	line-height: 2rem;
	font-size: 2rem;
}
.filter-events .ricerca-title {
	font-size: 1.6875rem;
}
.filter-events #startDate,
.filter-events #endDate {
	min-width: 11rem;
}
.filter-events input,
.filter-events button {
/*	border-radius: 1rem!important;*/
	box-shadow: rgba(0, 0, 0, 0.35) 1.95px 1.95px 2.6px;
	line-height: 1!important;
	font-size: 1.375rem;
}
.filter-events button {
	margin: 0 auto;
}
.filter-events label {
	font-size: 1.375rem;
}
.filter-events .form-check {
	padding-left: 2rem !important;
}
/* OFFCANVAS  MENU */
.offcanvas-body .nav-item.active .nav-link {
	text-decoration: underline !important;
}

.offcanvas-body .dropdown-menu {
	position: relative!important;
	inset: auto!important;
	margin: 0px!important;
	transform: unset!important;
}
.offcanvas-body .dropdown-item .nav-link {
	display: flex;
}
.offcanvas-body .dropdown-menu.show {
	display: flex!important;
}
.offcanvas-body .dropdown-menu.show .dropdown-item .nav-link {
	display: grid;
}
.offcanvas-body .dropdown-menu.show .dropdown-item .nav-link > img {
	margin-bottom: 0;
}
.offcanvas-body .dropdown-menu.show .dropdown-item .dropdown-toggle::after {
	content: unset;
	margin: 0;
	border: 0;
}
/*
.btn-offcanvas img {
    content:url(/images/loghi/menu_nero.png);
}
*/
/* TOGGLE MENU */
/* 2022.03.30
.container-header .navbar-collapse > .navbar-nav {
	top: 6rem;
	left: 0;
	width: 100%;
	background-color: white;
	z-index: 1000;
}
.container-header .navbar-collapse > .navbar-nav {
	position: absolute;
	height: 100vh;
}
*/
/* MAIN MENU */
/* 2022.03.30
.navbar {
	text-transform: uppercase;
}
.container-header .navbar-toggler[aria-expanded=true] > span:before {
	content: '\f057';
}
.container-header .navbar-toggler[aria-expanded=false] > span:before {
	content: '\f0c9';
}
.navbar ul.dropdown-menu {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 10px 10px 10px #0000005E;
	padding-bottom: 4rem;
}
.navbar ul.dropdown-menu.show {
	animation-duration: .5s;
	animation-name: slidein;
}
@keyframes slidein {
  from {
	  transform: translate(-400px);
  }
  to {
	  transform: initial;
  }
}
.nav-item > .nav-link {
	background: none;
	color: var(--color-black)!important;
	text-decoration: none!important;
	font-weight: 500!important;
}
.nav-item.active > .nav-link, .nav-item:active > .nav-link {
	background: none;
	color: var(--color-black);
	text-decoration: underline!important;
	font-weight: 700!important;
}
.navbar ul.dropdown-menu li.dropdown-item {
	border-left: 4px solid var(--color-black);
	margin-left: 4rem;
	margin-right: 4rem;
}
.navbar ul.dropdown-menu li.dropdown-item {
	border-left: 4px solid var(--color-black);
	margin-left: 4rem;
	margin-right: 4rem;
}
.dropdown-item:focus, .dropdown-item:hover {
	background: none;
	text-decoration: underline;
}
.dropdown-item.active, .dropdown-item:active {
	background: none;
	color: var(--color-black);
	text-decoration: underline;
}
.dropdown-item  > .nav-link {
	color: var(--color-black)!important;
	text-decoration: none!important;
	font-weight: 500!important;
}
.dropdown-item.active  > .nav-link, .dropdown-item:active  > .nav-link {
	text-decoration: underline!important;
	font-weight: 700!important;
}
.navbar ul.dropdown-menu li.item-close i:before {
	font-size: 1.5rem;
}
.navbar ul.dropdown-menu li.item-title {
	margin-left: 4rem;
	margin-top: 3rem;
	margin-bottom: 1rem;
	display: inline-flex;
}
.navbar ul.dropdown-menu li.item-title a {
	text-decoration: none;
}
.navbar ul.dropdown-menu li.item-title a:focus, .navbar ul.dropdown-menu li.item-title a:hover {
	opacity: .7;
}
.navbar ul.dropdown-menu li.item-title a > i:before {
	font-size: 1.8rem;
	color: cadetblue;
}
.dropdown-toggle::after {
	display: none;
}

.metismenu.mod-menu,
.metismenu.mod-menu button {
	text-transform: uppercase;
}
.metismenu.mod-menu .mm-collapse:not(.mm-show) {
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
}
.metismenu.mod-menu .mm-collapse.mm-show {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
	position: absolute;
	left: 0;	
}
.metismenu.mod-menu .mm-collapse.mm-show > i.fa-times-circle {
	justify-content: end;
	display: flex;
	padding: 1rem;
}
.metismenu.mod-menu .mm-collapse.mm-show > li:hover i.fa-times-circle {
	cursor: pointer;
	opacity: .7;
}

.metismenu.mod-menu .metismenu-item > ul {
	top: 7rem;
	left: 0;
}
.metismenu.mod-menu .metismenu-item > ul li.metismenu-item {
	border-left: 4px solid #000;
	margin-left: 4.5rem;
}
.metismenu.mod-menu .metismenu-item > ul li.metismenu-item-title {
	border-left: none;
	margin-left: 4.5rem;
	text-align: left;
}
.metismenu.mod-menu .mm-toggler::after {
	display: none;
}
.container-header .metismenu > li.level-1 > ul {
	min-width: 18rem;
}
.container-topbar > .row,
.container-header nav,
.navbar-expand-lg .navbar-collapse,
.container-header .mod-menu,
.metismenu.mod-menu .metismenu-item {
	position: static!important;
}
*/
/* SLIDERMEDIA */
.mod-slidermedia .payoff {
	z-index: 5;
	position: relative;
	margin: 0;
	background: none;
}
.mod-slidermedia .slick-slider .slick-list {
/*	aspect-ratio: 16/9;*/
	max-width: 100%;
	height: auto!important;
}
/*
.home .mod-slidermedia .slick-slider .slick-list {
	aspect-ratio: 16/9;
}
*/
.mod-slidermedia .slick-dots li button::before {
	opacity: .8;
	color: white;
}
.slick-dots li.slick-active button::before {
	opacity: .8;
	color: black;
	font-size: 8px;
}
/*
.mod-slidermedia .slick-prev, .mod-slidermedia .slick-next {
	display: none!important;
}
*/	
.mod-slidermedia .slick-prev,
.mod-slidermedia .slick-next {
	opacity: .8;
	z-index: 1000;
}
.mod-slidermedia .slick-prev:hover,
.mod-slidermedia .slick-next:hover {
	opacity: 1;
}
.mod-slidermedia .slider-nav .slick-prev::before, .mod-slidermedia .slider-nav .slick-next::before,
.mod-slidermedia .slider-for .slick-prev::before, .mod-slidermedia .slider-for .slick-next::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 2rem;
	line-height: 1;
	opacity: .75;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: var(--color-white);
}
.mod-slidermedia .slider-nav .slick-prev::before, .mod-slidermedia .slider-nav .slick-next::before {
	font-size: 1rem;
	line-height: 1;
}
.mod-slidermedia .slick-prev {
	float: left;
	left: 0;
}
.mod-slidermedia .slick-prev::before {
	content: '\f053';
	padding: .5rem .5rem .5rem 0;
	border-radius: 0 30% 30% 0;
}	
.mod-slidermedia .slider-for {
	z-index: 1000;
}
.mod-slidermedia .slider-nav {
	z-index: 1500;
}
.mod-slidermedia .slider-for .slick-next {
	float: right;
	right: .5rem;
}
.mod-slidermedia .slider-nav .slick-next {
	float: right;
	right: 0;
}
.mod-slidermedia .slick-next::before {
	content: '\f054';
	padding: .3rem 0 .3rem .3rem;
	border-radius: 30% 0 0 30%;
}	
.mod-slidermedia .slider-nav {
	max-width: 30%;
	/* bottom: 4rem; */
	margin-right: .3rem;
	margin-left: auto;
	margin-bottom: .3rem;
	/* position: fixed; */
	bottom: 0;
	right: 0;
	box-shadow: .5px 3px 3px .5px #000000A6;
}
.mod-slidermedia .slider-nav .slick-slide {
	border-top: 3px solid rgba(0, 0, 0, 0.4);
	overflow: hidden;
}
.mod-slidermedia .slider-nav .slick-slide img { 
	transition: all 1s ease;
}
.mod-slidermedia .slider-nav .slick-slide img:hover {
	transform: scale(1.1, 1);
}
.mod-slidermedia .slider-nav .slick-slide.is-active {
	border-top-color: #fff;
}
.mod-slidermedia .slider-for .slick-slide > div > div {
	display: block!important;
}

/* SLIDER */
/* ww
.slick-slider {
    margin-bottom: 0;
    position:relative;
}
.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.slick-dots {
	bottom: 0 !important;
}
*/
/*
.slider-nav {
	display: none;
}
*/
/* PLAYER VIDEO */
.plyr {
	z-index: auto;
}
.plyr.plyr--playing {
	z-index: 10;
}
.plyr.plyr--playing, .plyr.plyr--paused {
/*	height: 100vh;*/
}
.plyr--video {
	background: #000;
	overflow: hidden;
}
.plyr__control--overlaid {
	background: transparent;
	border: 3px solid #fff;
}
.plyr--paused.plyr__poster-enabled .plyr__poster {
	opacity: 1;
}
.plyr--playing.plyr__poster-enabled .plyr__poster {
	opacity: 0;
}
.plyr--ended.plyr__poster-enabled .plyr__controls,
.plyr--paused.plyr__poster-enabled .plyr__controls {
	opacity: 0;
	z-index: 0;
}
.plyr--playing.plyr__poster-enabled .plyr__controls {
	opacity: 1;
	z-index: 3;
}
.plyr__sr-only {
	color: #000 !important;
}

/*
.plyr--paused.plyr__poster-enabled .plyr__poster {
	opacity: 1;
}
.plyr__poster {
	display: none;
}
.plyr.plyr--stopped .plyr__controls, .plyr.plyr--paused .plyr__controls {
	display: none;
}
.plyr--video .plyr__controls {
	z-index: 0;
}
.ytp-cued-thumbnail-overlay-image {
	opacity: 0;
}
.ytp-cued-thumbnail-overlay {
	display: none;
}
*/

/** MEDIA QUERIES **/
/* ############################################# 
Classi Bootstrap per le diverse risoluzioni:
Extrasmall 	<576px 	
Small 		≥576px 	
Medium 		≥768px 	
Large 		≥992px 	
Extra large	≥1200px
----------------------------------------------------------------------------------------------------
Max container width 	None (auto) 		540px 			720px 			960px 			1140px
Class prefix 			.col- 				.col-sm- 		.col-md- 		.col-lg- 		.col-xl-
################################################# */

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 280px) {
	/* BODY DEBUG */
	body {
		/* min-width: 280px */
	}
	/**/
	a, p {
		  font-size: 1.125rem;
		  line-height: 1.4rem;
	}     
	h1, h1 a, .h1  {
		  font-size: 1.75rem;
		  line-height: 1.875rem;
	}     
	h2, h2 a, .h2 {
		  font-size: 1.5rem;
		  line-height: 1.6rem;
	}     
	h3, h3 a, .h3 {
		  font-size: 1.4rem;
		  line-height: 1.5rem;
	}     
	h4, h4 a, .h4 {
		  font-size: 1.25rem;
		  line-height: 1.375rem;
	}     
	
}
@media (min-width: 576px) {
	/* BODY DEBUG */
	body {
		/* min-width: 576px */
	}
	/**/
	a, p {
		  font-size: 1.125rem;
		  line-height: 1.4rem;
	}     
	h1, h1 a, .h1  {
		  font-size: 1.9rem;
		  line-height: 2rem;
	}     
	h2, h2 a, .h2 {
		  font-size: 1.5rem;
		  line-height: 1.6rem;
	}     
	h3, h3 a, .h3 {
		  font-size: 1.4rem;
		  line-height: 1.5rem;
	}     
	h4, h4 a, .h4 {
		  font-size: 1.25rem;
		  line-height: 1.375rem;
	}     
	
	/* TOPBAR */
	.container-topbar {
		position: absolute;
		box-shadow: none;
		background-color: transparent;
	}
	.container-topbar:not(.fixed) .brand-logo img {
/*		content:url(/images/loghi/visitlaspezia_oriz_generale_vbianco.png)!important;*/
		content:url(/images/loghi/brand_visitspezia_sito_b.png)!important;
	}
	.container-topbar:not(.fixed) .btn-offcanvas img {
		content:url(/images/loghi/menu.png)!important;
		padding: 0!important
	}	
}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
	/* BODY DEBUG */
	body {
		/* min-width: 768px */
	}
	/**/
	/*
	h1, h1 a, .h1  {
		font-size: 1.9rem;
		line-height: 2rem;
	}	
	h2, h2 a, .h2 {
		font-size: 1.5rem;
		line-height: 1.6rem;
	}	
	h3, h3 a, .h3 {
		font-size: .9rem;
		line-height: 1rem;
	}	
	h4, h4 a, .h4 {
		font-size: .8rem;
		line-height: .9rem;
	}	
	p {
		font-size: .8rem;
		line-height: 1.3rem;
	}	
	a {
		font-size: .9rem;
		line-height: 1.3rem;
	}
	*/	
	a, p {
		  font-size: 1.125rem;
		  line-height: 1.4rem;
	}     
	h1, h1 a, .h1  {
		  font-size: 1.9rem;
		  line-height: 2rem;
	}     
	h2, h2 a, .h2 {
		  font-size: 1.5rem;
		  line-height: 1.6rem;
	}     
	h3, h3 a, .h3 {
		  font-size: 1.4rem;
		  line-height: 1.5rem;
	}     
	h4, h4 a, .h4 {
		  font-size: 1.25rem;
		  line-height: 1.375rem;
	}     
	
	/* TOPBAR */
	.container-topbar {
		position: absolute;
		box-shadow: none;
		background-color: transparent;
	}
	.container-topbar .brand-logo img {
		padding: .5rem 0;
	}	
	.container-topbar.fixed .brand-logo img {
		max-width: 40%;
	}	
	.container-topbar .btn-offcanvas img {
		padding: 0!important;
	}
	.container-topbar.fixed .btn-offcanvas img {
		max-width: 40%;
	}
	.container-topbar .container-topbar-right .fa-search {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.container-topbar #offcanvasRight .list-group li i:before {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.container-topbar #offcanvasRight .offcanvas-body a {
		  font-size: 1.4rem;
		line-height: 1.7rem;
	}
	.container-topbar #offcanvasRight .offcanvas-body .dropdown-menu a {
		  font-size: 1.175rem;
		line-height: 1.475rem;
	}	
	/* TOGGLE MENU */
	.container-header .navbar-collapse > .navbar-nav {
		position: static;
		height: auto
	}
	
	/* BREADCRUMB */
	.breadcrumb {
		display: flex;
	}
	.breadcrumb li,
	.breadcrumb li a {
		font-size: 1.25rem;
	}
	
	/* SLIDERMEDIA */
	.mod-slidermedia .slider-for:not(.no-nav) {
		/*margin-bottom: -10rem;*/
	}
	.mod-slidermedia .payoff {
		bottom: 50%;
		z-index: 5;
		position: absolute;
		margin-left: 10rem;
		background: rgba(255, 255, 255, .7);
	}
	.mod-slidermedia .slick-prev, .mod-slidermedia .slick-next {
		display: block;
	}	
	.mod-slidermedia .slider-for picture {
/*		height: 100vh;*/
		position: absolute;
		width: 100%;
		display: block;
		z-index: 10;
	}
	.mod-slidermedia .slider-for .plyr__control--overlaid {
		opacity: 0;
		visibility: hidden;
		display: none;
	}
	.mod-slidermedia .slick-slide.slick-active .plyr__control--overlaid {
		opacity: 1;
		visibility: visible;
		display: flex;
		z-index: 10;
		background: rgba(255, 255, 255, .5);	
	}
	.mod-slidermedia .slick-slide.slick-active .plyr__control--overlaid {
		background: var(--color-blue);	
	}
	.mod-slidermedia .slick-slide.slick-active .plyr--playing .plyr__control--overlaid {
		opacity: 0;
		visibility: hidden;
	}		
	/* MAP */
	.map {
		height: 35rem;
		width: 100%;
	}
	.map h2 {
		text-align: center;
	}
	.map .ol-touch .ol-control button {
		font-size: 1.5em;
	}
	.map .ol-zoom {
		top: .5em;
	}
	.map .ol-control.reset-view {
		top: 5em;
	}	
	/* SLIDER MAP */
	.slider-map .slick-container:not(.no-slider) .container-map {
	/*	top: -8rem;*/
		position: relative;
	}	
	
	/* COSA FARE */
	.cosa-fare.naturesport {
		background-image: url("/images/sfondi/cosa_fare_natura.png");
	}
	.cosa-fare.sea {
		background-image: url("/images/sfondi/cosa_fare_mare.png");
	}
	.cosa-fare.flavors {
		background-image: url("/images/sfondi/cosa_fare_sapori.png");
	}
	.cosa-fare.evenings {
		background-image: url("/images/sfondi/cosa_fare_serate.png");
	}
	.cosa-fare.culture {
		background-image: url("/images/sfondi/cosa_fare_cultura.png");
	}
	.cosa-fare .nav-pills .nav-link {
		/*font-size: inherit;*/
		padding: .5rem 1rem;
		margin-right: .7rem;
	}
	/* COSA SUCCEDE IN CITTA'*/
	.cosa-succede-in-citta {
		padding-top: 4rem!important;
		margin-bottom: 1rem !important;
	}
	/*
	.cosa-succede-in-citta .slick-nav {
		padding-left: 188px;
		right: 8px;
	}
*/	
	.cosa-succede-in-citta .slick-prev::before, .cosa-succede-in-citta .slick-next::before {
		font-size: 2.5rem;
	}	
	/*
	.cosa-succede-in-citta .slick-nav > div.title {
		padding: 1.9rem 1rem;
	}
	.cosa-succede-in-citta .slick-prev, .cosa-succede-in-citta .slick-next {
		right: .5rem;
	}	
	*/
	
	/* INTRO/LISTA POI */
	.intro-poi .row > .col-3,
	.intro-poi .row > .col-6,
	.intro-poi .row > .col-12 {
		padding: calc(var(--gutter-x) * .5);
	}
	.intro-poi .card,
	.lista-poi .card {
		background-blend-mode: unset!important;
		background-size: cover;
		background-position-x: center;
		background-repeat: no-repeat;
		box-shadow: .5px 3px 3px .5px #000000A6;
		overflow: hidden;
		/*background-color: var(--color-blue) !important; 2022.05.18*/
	}
	.intro-poi .card,
	.lista-poi .card {
		aspect-ratio: 16/9!important;
	}
	/*
	.intro-poi .card:before,
	.lista-poi .card:before {
		padding-top: var(--aspect-ratio)!important;
	}
	*/
	.intro-poi .card .card-img-overlay, 
	.lista-poi .card .card-img-overlay {
		position: absolute !important;
	}
	.intro-poi .card .card-title,
	.intro-poi .card .card-title-overlay,
	.lista-poi .card .card-title,
	.lista-poi .card .card-title-overlay {
		bottom: 0;
		top: auto;
		position: absolute;
		padding-left: 1rem;
		padding-right: 1rem;
		margin: 0;
		text-align: left;
		padding-top: 3rem;
		padding-bottom: 1rem;
		width: 100%;
	/*	line-height: 2.3rem;*/
	}
	.intro-poi .card .card-title-overlay,
	.lista-poi .card .card-title-overlay {
		color: #fff;
		background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgb(0, 0, 0, 1));
	}
	.intro-poi .card:hover,
	.lista-poi .card:hover {
		background-image: none!important;
		/*background-color: var(--color-blue)!important;*/
		transition: all 1s ease;
	}
	.intro-poi .card:hover .card-title-overlay,
	.lista-poi .card:hover .card-title-overlay {
		display: none!important;
	}
	.intro-poi .card:hover .card-title,
	.lista-poi .card:hover .card-title {
		position: relative;
		background-image: none!important;
		bottom: auto;
		top: 0;
		padding: 1rem;
		transition: all 1s ease;
	}
	.intro-poi .card:hover .card-description,
	.lista-poi .card:hover .card-description {
		display: block!important;
	}		
	
	/* 	EVENTI */
	.list-events .block-data-range {
		position: relative;
	}
	/*
	.list-events .block-data-range .data-range {
		position: absolute;
	}
	*/
	.list-events .data-a {
		bottom: 1rem;
		position: absolute;
	}
	
	/*
	.list-events .data-a p, 
	.list-events .data-da p {
		line-height: 1rem;
		font-size: .8rem;
	}
	.list-events .data-a p.day, 
	.list-events .data-da p.day {
		line-height: 1rem;
		font-size: 1rem;
	}
	*/
	/* MENU FOOTER */
	.footermenu .mod-list .footermenu-item:not(:last-child) {
		border-right: 2px solid #000;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	/* BODY DEBUG */
	body {
		/* min-width: 992px */
	}
	/*
	h1, h1 a, .h1  {
		font-size: 2.2rem;
		line-height: 2.3rem;
	}	
	h2, h2 a, .h2 {
		font-size: 1.8rem;
		line-height: 1.9rem;
	}	
	h3, h3 a, .h3 {
		font-size: 1.1rem;
		line-height: 1.2rem;
	}	
	h4, h4 a, .h4 {
		font-size: 1rem;
		line-height: 1.1rem;
	}	
	p {
		font-size: 1rem;
		line-height: 1.5rem;
	}	
	a {
		font-size: 1.1rem;
		line-height: 1.6rem;
	}	
	*/
	a, p {
		  font-size: 1rem;
		  line-height: 1.5rem;
	}     
	h1, h1 a, .h1  {
      font-size: 2.2rem;
      line-height: 2.3rem;
	}     
	h2, h2 a, .h2 {
		  font-size: 1.8rem;
		  line-height: 1.9rem;
	}     
	h3, h3 a, .h3 {
		  font-size: 1.4rem;
		  line-height: 1.5rem;
	}     
	h4, h4 a, .h4 {
		  font-size: 1.25rem;
		  line-height: 1.1rem;
	}     

	/**/
	
	/* CITAZIONE */
	.mod-citazione .citazione {
		font-size: 22px;
	}
	
	/* TOPBAR */
	
	.container-topbar .container-topbar-right .fa-search {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.container-topbar #offcanvasRight .list-group li i:before {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}
	.container-topbar #offcanvasRight .offcanvas-body a {
		  font-size: 1.55rem;
		line-height: 1.85rem;
	}
	.container-topbar #offcanvasRight .offcanvas-body .dropdown-menu a {
		  font-size: 1.175rem;
		line-height: 1.475rem;
	}	
	/* MAP */
	.map {
		height: 35rem;
		width: 100%;
	}
	/* SLIDER */
	.mod-slidermedia .slider-nav {
		margin-right: .5rem;
		margin-bottom: .5rem;
	}
	.mod-slidermedia .slick-prev::before {
		padding: .5rem .5rem .5rem 0;
	}
	.mod-slidermedia .slick-next::before {
		padding: .5rem 0 .5rem .5rem;
	}
	.mod-slidermedia .slider-nav .slick-slide {
		border-top: 5px solid rgba(0, 0, 0, 0.4);
	}
	/* COSA FARE */
	.cosa-fare .col-right {
		position: relative;
		top: -9rem;
		margin-bottom: -8rem;
	}	
	.cosa-fare .nav-pills .nav-link {
		font-size: 1rem;
		padding: .5rem .5rem;
		margin: 0 .3rem;
	}	
	/* LISTA EVENTI */
	.list-events .data-a p, 
	.list-events .data-da p {
		line-height: .9rem;
		font-size: 1rem;
	}
	.list-events .data-a p.day, 
	.list-events .data-da p.day {
		line-height: 1.5rem;
		font-size: 1.5rem;
	}	
	/* COSA SUCCEDE IN CITTA */
	/*
	.cosa-succede-in-citta .slick-nav > div.title {
		padding: 1.5rem;
	}
	*/	
	/* INTRO/LISTA POI */
	.intro-poi .card,
	.lista-poi .card {
		aspect-ratio: 16/9!important;
	}
	/* LISTA POI */
	/*
	.lista-poi .card {
		position: relative;
		width: 100%;
		aspect-ratio: 16/9!important;
		background-blend-mode: unset;
		background-size: cover;
		background-position-x: center;
		background-repeat: no-repeat;
		box-shadow: .5px 3px 3px .5px #000000A6;
		overflow: hidden;
	}
	.lista-poi .card-hover {
		display: flex;
		box-shadow: .5px 3px 3px .5px #000000A6;
		position: relative!important;
	}
	*/
	/* EVENTS */ 
	.list-events .data-a p, 
	.list-events .data-da p {
		line-height: 1rem;
		font-size: 1.1rem;
	}
	.list-events .data-a p.day, 
	.list-events .data-da p.day {
		line-height: 1.8rem;
		font-size: 1.8rem;
	}
	.filter-events .ricerca-title {
		font-size: 1.5rem;
	}
	.filter-events input,
	.filter-events button {
		font-size: 1rem;
	}
	.filter-events label {
		font-size: 1.2rem;
	}		
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/* BODY DEBUG */
	body {
		/* min-width: 1200px */
	}
	/*
	h1, h1 a, .h1 {
		font-size: 3.4375rem;
		line-height: 3.5375rem;
	}	
	h2, h2 a, .h2 {
		font-size: 2.25rem;
		line-height: 2.35rem;
	}	
	h3, h3 a, .h3 {
		font-size: 1.5rem;
		line-height: 1.6rem;
	}	
	h4, h4 a, .h4 {
		font-size: 1.375rem;
		line-height: 1.475rem;
	}	
	p {
		font-size: 1.25rem;
		line-height: 1.75rem;
	}	
	a {
		font-size: 1.5rem;
		line-height: 2rem;
	}	
	*/
	a, p {
		  font-size: 1.25rem;
		  line-height: 1.75rem;
	}
	h1, h1 a, .h1 {
      font-size: 2.25rem;
      line-height: 2.5rem;
	}     
	h2, h2 a, .h2 {
		  font-size: 1.85rem;
		  line-height: 2rem;
	}     
	h3, h3 a, .h3 {
		  font-size: 1.5rem;
		  line-height: 1.6rem;
	}     
	h4, h4 a, .h4 {
		  font-size: 1.375rem;
		  line-height: 1.475rem;
	}     
	/* TOPBAR */
	.container-topbar .container-topbar-right .fa-search {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.container-topbar #offcanvasRight .list-group li i:before {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}
	.container-topbar #offcanvasRight .offcanvas-body a {
		/*font-size: 1.75rem; 2023 */
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.container-topbar #offcanvasRight .offcanvas-body .dropdown-menu a {
		font-size: 1.375rem;
		line-height: 1.8rem;
	}	
	/* COSA SUCCEDE IN CITTA */
	/*
	.cosa-succede-in-citta .slick-nav > div.title {
		padding: 2.5rem;
	}
	*/	
	/* COSA FARE */
	.cosa-fare .nav-pills .nav-link {
		font-size: 1.5rem;
		padding: .3rem;
		margin: 0 .3rem;
	}
	/* INTRO POI */
	.intro-poi .card.ratio-2x1,
	.lista-poi .card.ratio-2x1 {
		aspect-ratio: 2/1!important;
	}
	.intro-poi .card.ratio-1x1,
	.lista-poi .card.ratio-1x1 {
		aspect-ratio: 1/1!important;
	}
	/* EVENTS */ 
	.list-events .data-a p, 
	.list-events .data-da p {
		line-height: 1rem;
		font-size: 1.1rem;
	}
	.list-events .data-a p.day, 
	.list-events .data-da p.day {
		line-height: 2rem;
		font-size: 2rem;
	}
	.filter-events .ricerca-title {
		font-size: 1.6875rem;
	}
	.filter-events input,
	.filter-events button {
		line-height: 1!important;
		font-size: 1.375rem;
	}
	.filter-events label {
		font-size: 1.375rem;
	}	
	/**/
}
/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) {
	/* BODY DEBUG */
	body {
		/* min-width: 950px and max-width:1100px */
	}
}
/*************************************** fine media query ***********************************/