/* 	GLOBAL NEW STYLES HS 
	logo color #0077ad
*/
:root {
 --celeste-hs:#0077ad;
 --verde-hs:#84a128;
 --red-hs:#c91723;
 --mute-hs:#6c757d;
 --bg-light-hs:#e8e8f8;
 --ctext-hs:#333;
 --bg-light-light-hs:#eff4fb;
 --bs-heading-color:#333;
 --bs-body-font-size: 1.1rem;	/*$font-size-base:1rem generalmente nei browser 16px*/
 --bg-hs-active: #e2f0f8;
 --bs-warning: #ffc107;
 /* accessibility */
 --bs-btn-hover-bg: #fff;
 --bs-btn-hover-color: var(--celeste-hs);
}

body {
    font-family: 'PT Sans', sans-serif;
	color: var(--ctext-hs);
	font-size: var(--bs-body-font-size);
}

pre {
    background-color: #eee;
    padding: 0.9rem;
}

/*.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	width:95%;
}*/

/* -- oggetto -- */
.le-circle {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    padding: 0px;
    border: 3px solid var(--celeste-hs);
    color: var(--celeste-hs);
    text-align: center;
    font-size: 26px ;
  }

/* CAROUSEL HOME*/
.carousel-control-prev,
.carousel-control-next {
  width: 7%;
}



/* ---COLORI--- */

.badge-new {
    background-color: var(--verde-hs); /* rosso per evidenziare */
    color: white;
    font-size: 0.85rem;
    font-weight: bold;
    padding: 0.2em 0.5em;
    border-radius: 0.3em;
    margin-left: 0.5em;
    vertical-align: super;
}

.badge-warning {
	background-color: var(--bs-warning);
}

.badge-info{
	background-color: var(--celeste-hs);
}

.bg-active {
	background-color: var(--bg-hs-active) !important;
}

.bg-warning-light {
	/*background-color: rgba(255, 193, 7, 0.23) !important;*/
	background-color: rgba(134, 163, 21, 0.19) !important;
}

.bg-info-light {
/*	background-color: rgba(13, 202, 240, 0.23) !important;*/
	background-color: rgba(0, 119, 173, 0.19) !important
}

.bg-nero {
	background-color: #000;
}

.bg-lighths {
	background-color: var(--bg-light-hs);
}

.bg-lightlighths {
	background-color: var(--bg-light-light-hs);
}

.border-celestehs{
	border:1px solid var(--celeste-hs); 
}

.border-verdehs{
	border:1px solid var(--verde-hs); 
}

.border-soft {
  --bs-border-opacity: 1;
  border-color: rgb(211, 212, 213) !important;
}
.bg-celestehs{
	background-color: var(--celeste-hs); 
}
.bg-verdehs{
	background-color: var(--verde-hs); 
}

.color-celestehs{
	color: var(--celeste-hs); 
}

/*cgreen: per compatibilità col vecchio stile*/
/*color-verdehs: usare questa */
.cgreen,
.color-verdehs{
	color: var(--verde-hs); 
}

/*cred: per compatibilità col vecchio stile*/
/*color-redhs: usare questa */
.cred,
.color-redhs{
	color: var(--red-hs); 
}

li::marker {
  color: var(--celeste-hs);
}

.text-hs{
   color: var(--celeste-hs) !important;
}

.text-content{
   color: var(--ctext-hs);
}

.warning-card {
	background-color: #84a128 !important;
	color:#fff;
}

/* ------- */ 
.cpointer {
	cursor:pointer
}

.border-radius-hs{
	border-radius:1rem;
}

a {
	color: var(--celeste-hs);
	text-decoration: none;
}

a:hover {
	color: var(--celeste-hs);
}

/* --- IMAGES --- */
.maxh-800 {
	max-height: 800px;
}

.img-border {
	border:1px solid #ddd;
}
/*  ---- TESTI ---- */

.bg-note {
	background-color: var(--bg-light-hs);
	padding: 2rem;
	margin-top: 2rem;
}

.bg-note > h4 {
	color: var(--celeste-hs);
}

.nb-text {
	font-size: 1.6rem;
	line-height: 2rem;
	text-align:center;
	margin: 2rem 1rem 2rem 1rem;
}

.small-nota{
	font-size:0.9rem;
	line-height: 1.3rem;
}

.sm-text{
	font-size:0.8rem;
	line-height: 1.2rem;
}

.md-text{
	font-size:1.2rem;
	line-height: 1.8rem;
}

.lg-text{
	font-size:1.4rem;
	line-height: 2.2rem;
}

.xl-text{
	font-size:1.8rem;
	line-height: 2.4rem;
}


.header-h1 {
	padding: 2rem;
	line-height: 3rem
}

.reg-form {
	background-color: var(--bg-light-light-hs);
}

.title-price {
  color: var(--celeste-hs);
  font-size: 2rem;
}

.block-price {
  /*color: var(--celeste-hs);*/
  color: var(--ctext-hs);  
  font-size: 2rem;
  font-weight:bold;
}

.block-price-other {
  color: var(--mute-hs);
  font-size: 1.2rem;
  font-weight: normal;
}

.baloon {
	font-size:3rem; 
	max-width:80%;
}

select.form-control {
    -webkit-appearance: menulist;
}
/* BOTTONI */

/*
.btn-hs {
   background-color: var(--celeste-hs) !important;
   border-color: var(--celeste-hs) !important;
   color: #fafafa !important;
}

*/

.btn-hs {
  color: #fff;
  background-color: var(--celeste-hs);
  border-color: var(--celeste-hs);
}
.btn-hs:hover {
  color: #fff;
   background-color: #41a5d3 !important;
   border-color: #41a5d3 !important;
}

.btn-light-hs {
   background-color: var(--bg-hs-active) !important;
   transition: background-color 0.1s ease-in-out;
}

.btn-light-hs:hover {
   background-color: #b8dcee !important;
}

.btn-link-hs {
   color: var(--celeste-hs) !important;
}

.btn-link-hs:hover, .btn-link-hs.active {
   background-color: var(--bg-hs-active) ;
}

.btn-outline-hs {
   border-color: var(--celeste-hs) !important;
   color: var(--celeste-hs) !important;
}

.btn-outline-hs:hover, .btn-outline-hs.active {
   background-color: var(--celeste-hs) !important;
   color: #fafafa !important;
}

.btn-promohs {
  color: #fff;
  background-color: var(--verde-hs);
  border-color: var(--verde-hs);
}
.btn-promohs:hover {
  color: #fff;
   background-color: #41a5d3 !important;
   border-color: #41a5d3 !important;
}

/* blocco card*/

.hs-card {
	border-radius: 1rem;
}

.hs-card .card-header {
	background-color: transparent;
	border-bottom:0;
}

.hs-card .card-footer {
	background-color: transparent;
	border-top: 0;
}

.card-header-double {
	min-height: 7rem;
}

/*  card paragrafo 

.paragrafo-hs .card {
	border:0;
	font-size:1.2rem;
}
.paragrafo-hs > .card-header {
	color: var(--celeste-hs);
}
*/
/* --- */
.numeric {
  text-align: right;
}

.flag {
  text-align: center;
}

/* ----- */



.text-dark-grey {
   color: #333 !important;
}


/* menu sx  */

#offcanvasNavbar {
   width: 350px;
}

@media (max-width: 400px) {
   #offcanvasNavbar {
      width: 270px;
   }
}

.sidebar-nav ul li a.liv0 {
   padding: 6px 10px;
   margin-bottom: 6px;
    text-decoration: none;
    display: block;
    transition: 0.5s;
   	font-weight: bold;
}

.sidebar-nav ul li a.liv1 {
   margin-left: 12px;
    text-decoration: none;
    display: block;
    padding: 6px 10px;
    transition: 0.5s;
}

.sidebar-nav ul li a {
   color: #333;
}

.sidebar-nav ul li a:hover,
.sidebar-nav ul li a.active {
   background-color: var(--bg-hs-active)  !important;
    border-radius: 4px;
}

.sidebar-nav ul li.no-link {
    font-size: 1.1rem;;
}

.sidebar-nav ul li.active {
	background-color: var(--bg-hs-active);
    border-radius: 4px;
}
/*
.sidebar-nav .offcanvas {
    width: 220px;
    border: none;
}*/
.sidebar-nav .offcanvas ul li a span {
    font-size: 14px;
    position: relative;
    top: -4px;
    transition: 0.5s;
}
.sidebar-nav .offcanvas.show ul li a:hover span {
    padding-left: 10px;
}
.sidebar-nav .dropdown-toggle::after {
    position: relative;
    top: 3px;
}

/* FOOTER */

footer {
    color: #333 !important;
    /*font-size: 14px;*/
    box-shadow: rgba(149, 157, 165, 0.1) 0px -8px 24px;
 }

footer a:hover {
	color: var(--celeste-hs);
}



 .hover {
    transition: all ease-in-out 0.12s;
 }

 .hover-fb:hover {
    background-color: #0866ff;
    color: #fff;
 }

 .hover-ig:hover {
    background-image: linear-gradient(to bottom, #5f4dd5, #8545ce, #a33bc4, #bc2fb8, #d021ab, #e52299, #f52e88, #ff4178, #ff6565, #ff8859, #ffa957, #ffc862);
    color: #fff;
 }

 .hover-x-twitter:hover {
    background-color: #000;
    color: #fff;
 }

 .hover-yt:hover {
    background-color: #ff0000;
    color: #fff;
 }

 .hover-newsletter:hover {
    background-color: #86a315;
    color: #fff;
 }

 .hover-light-hs:hover {
    background-color: var(--bg-hs-active);
    color: #333;
 }

 .border-hs {
    border-color: var(--celeste-hs) !important;
 }

/*  CALLOUT */

.hs-callout {
  padding:1.25rem;
  margin-top:1.25rem;
  margin-bottom:1.25rem;
  border:1px solid #e9ecef;
  border-left-width:.25rem;
  border-radius:.25rem
}
.hs-callout h4 {
  margin-bottom:.25rem
}
.hs-callout p:last-child {
  margin-bottom:0
}
.hs-callout code {
  border-radius:.25rem
}
.hs-callout+.hs-callout {
  margin-top:-.25rem
}
.hs-callout-info {
  border-left-color:var(--celeste-hs)
}
.hs-callout-warning {
  border-left-color:#f0ad4e
}
.hs-callout-danger {
  border-left-color:#d9534f
}

.hs-img-banner{
	max-height: 500px;
}

.hs-content-img-banner{
	text-align: right !important;
}

.hs-block-toggle {
	border: 1px solid lightgray;
	padding: 5px 5px;
}

/* -- -- */

@media (max-width: 1200px) {
	/*.carousel-inner{
		max-height:500px;
	}*/
	.section-banner {
	  text-align: center;
	}
	.carousel-item {
	  text-align: center;
	}
	.hs-content-img-banner{
		text-align: center !important;
	}
}