@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');



.btransparent {
	border: solid 1px transparent;
}

.bgreen {
	border: solid 1px green;
}

.bred {
	border: solid 1px red;
}

.bblue {
	border: solid 1px blue;
}

.bblack {
	border: solid 1px black;
}

.byellow {
	border: solid 1px yellow;
}

.nav-container {
	transition: 0.5s ease-in-out !important;
	transition-property: color, background-color;
}


.nav-container.uk-light>div>nav>div.uk-navbar-left>div>a>img.logo,
.logo-light {
	/* Inverte i colori dell'immagine */
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(349deg) brightness(106%) contrast(102%);

	transition: 0.5s ease-in-out !important;
}

.nav-container>div>nav>div.uk-navbar-left>div>a>img.logo {
	/* Inverte i colori dell'immagine */
	filter: none;
	transition: 0.5s ease-in-out !important;
}



.border-rounded-top {
	-webkit-border-top-left-radius: .4rem;
	-webkit-border-top-right-radius: .4rem;
	-moz-border-radius-topleft: .4rem;
	-moz-border-radius-topright: .4rem;
	border-top-left-radius: .4rem;
	border-top-right-radius: .4rem;
}

.border-rounded-bottom {
	-webkit-border-bottom-left-radius: .4rem;
	-webkit-border-bottom-right-radius: .4rem;
	-moz-border-radius-bottomleft: .4rem;
	-moz-border-radius-bottomright: .4rem;
	border-bottom-left-radius: .4rem;
	border-bottom-right-radius: .4rem;
}

.border-rounded-bottom-left {
	-webkit-border-bottom-left-radius: .4rem;
	-moz-border-radius-bottomleft: .4rem;
	border-bottom-left-radius: .4rem;
}

.border-rounded-bottom-right {
	-webkit-border-bottom-right-radius: .4rem;
	-moz-border-radius-bottomright: .4rem;
	border-bottom-right-radius: .4rem;
}

.border-rounded-left {
	-webkit-border-top-left-radius: .4rem;
	-webkit-border-bottom-left-radius: .4rem;
	-moz-border-radius-topleft: .4rem;
	-moz-border-radius-bottomleft: .4rem;
	border-top-left-radius: .4rem;
	border-bottom-left-radius: .4rem;
}

.border-rounded-right {
	-webkit-border-top-right-radius: .4rem;
	-webkit-border-bottom-right-radius: .4rem;
	-moz-border-radius-topright: .4rem;
	-moz-border-radius-bottomright: .4rem;
	border-top-right-radius: .4rem;
	border-bottom-right-radius: .4rem;
}


.uk-description-list>dt {
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: none;
}

.overlay-b5 {
	background: rgba(0, 0, 0, 0.05);
}

.overlay-b10 {
	background: rgba(0, 0, 0, 0.1);
}

.overlay-b15 {
	background: rgba(0, 0, 0, 0.15);
}

.overlay-b20 {
	background: rgba(0, 0, 0, 0.2);
}

.overlay-b25 {
	background: rgba(0, 0, 0, 0.25);
}

.overlay-b30 {
	background: rgba(0, 0, 0, 0.3);
}

.overlay-b40 {
	background: rgba(0, 0, 0, 0.4);
}

.overlay-b50 {
	background: rgba(0, 0, 0, 0.5);
}

.overlay-b60 {
	background: rgba(0, 0, 0, 0.6);
}

.overlay-b70 {
	background: rgba(0, 0, 0, 0.7);
}

.overlay-w5 {
	background: rgba(255, 255, 255, 0.05);
}

.overlay-w10 {
	background: rgba(255, 255, 255, 0.1);
}

.overlay-w15 {
	background: rgba(255, 255, 255, 0.15);
}

.overlay-w20 {
	background: rgba(255, 255, 255, 0.2);
}

.overlay-w25 {
	background: rgba(255, 255, 255, 0.25);
}

.overlay-w30 {
	background: rgba(255, 255, 255, 0.3);
}

.overlay-w40 {
	background: rgba(255, 255, 255, 0.4);
}

.overlay-w50 {
	background: rgba(255, 255, 255, 0.5);
}

.overlay-w60 {
	background: rgba(255, 255, 255, 0.6);
}

.overlay-w70 {
	background: rgba(255, 255, 255, 0.7);
}

.overlay-w80 {
	background: rgba(255, 255, 255, 0.8);
}

.overlay-w90 {
	background: rgba(255, 255, 255, 0.9);
}

.section-xxsmall {
	padding-top: 10px;
	padding-bottom: 10px;
}

.section-xxxsmall {
	padding-top: 5px;
	padding-bottom: 5px;
}

.accordion-content {
	margin-top: -8px !important;
}

.hp-shape-muted {
	background: #f9f9f9;

}


@media (min-width: 960px) {
	.hp-shape-muted {
		background: rgb(255, 255, 255);
		background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(249, 249, 249, 1) 20%, rgba(249, 249, 249, 1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(249, 249, 249, 1) 20%, rgba(249, 249, 249, 1) 100%);
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(249, 249, 249, 1) 20%, rgba(249, 249, 249, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f9f9f9", GradientType=1);
	}
}

.negative-margin {
	margin-top: -80px !important;
}

@media (min-width: 960px) {
	.negative-margin {
		margin-top: -160px !important;
	}
}

label.error {
	color: #fa824c;
	margin: 0 0 0 4px;
	font-size: 0.75rem;
	display: inline-block;
	line-height: 0.75rem;
}



*/ .gallery-nav-icon {
	background: rgba(163, 121, 133, 0.75) !important;
}

.gallery-nav-icon:hover {
	background: rgba(163, 121, 133, 0.95) !important;
}


.map-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.map-responsive iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	filter: saturate(50%);
}

.map-responsive-3-2 {
	overflow: hidden;
	padding-bottom: 66.67%;
	/* rapporto 3:2 */
	position: relative;
	height: 0;
}

.map-responsive-3-2 iframe {
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	filter: saturate(50%);
}



.error {
	color: red !important;
	font-size: 0.75rem;
	text-transform: uppercase !important;
	display: inline-block;
	margin-right: 20px;
}

.danger-background {
	background: #d9552b;
	/* Questo è un esempio, il colore esatto può variare */
}

/* policy */

h2.ql-align-justify,
h2.acconsento-click-informative-title {
	font-size: 1.2em !important;
	margin-top: 0 !important;
}



.whatsapp_container {
	position: fixed;
	bottom: 80px;
	right: 20px;
	z-index: 100;

}


.whatsapp_float {

	background: #25d366;
	border-radius: 50%;
	width: 52px;
	height: 52px;
	text-align: center;
	text-decoration: none !important;
}

.whatsapp_float:hover {
	background: #16c055;
}


.bordered-icon {
	display: inline-block;
	margin: 0.25em;
	border: 1px solid silver;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
}

.my-whatsapp {
	color: white;
}

.text-xsmall {
	font-size: .75em;
	text-shadow: 2px 2px 0px #fff;
}

.sea {
	font-size: 1.2em;
	font-family: "Roboto Mono", monospace;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

.sea:hover {
	text-decoration: none !important;
	color: #deedfa !important;
}


.text-tiny {
	font-size: 0.7em;
}

.text-small {
	font-size: 0.85em;
}

.text-default {
	font-size: 1em;
}

.text-big {
	font-size: 1.4em;
}

.text-huge {
	font-size: 1.8em;
}