/* ----------------------------------------------------------------

	Custom CSS



	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Handling Updates

-----------------------------------------------------------------*/


            /* Stile del banner visibile solo su dispositivi mobili */
        @media screen and (max-width: 768px) {
            .mobile-banner {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                background-color:#54622D;
                text-align: center;
                padding: 15px;
                box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
                z-index: 1000;
            }
            .mobile-banner a {
                display: inline-block;
                background-color: #fff;
                color: #54622D;
                padding: 10px 20px;
                text-decoration: none;
                font-weight: bold;
                border-radius: 5px;
            }
            .mobile-banner a:hover {
                background-color: #f1f1f1;
            }
        }

@media screen and (min-width:769px){
	.mobile-banner{
		display: none;
	}
}

.card{margin:10px!important;}

.verde{color:#54622D;}

.whatsapp-btn {
      position: fixed;
      bottom: 20px;
      right: 20px;
      background-color: #25D366;
      color: #fff;
      text-decoration: none;
      font-size: 30px;
      padding: 10px 20px;
      border-radius: 300px;
      border: none;
      cursor: pointer;
      z-index: 1000; /* Assicura che il pulsante sia sopra agli altri elementi */
    }
    .whatsapp-btn:hover {
      background-color: #128C7E;
    }


.lista-dettaglio{font-size: 18px;
	font-family: neue-haas-grotesk-display, sans-serif;
	color: #54622D;
	font-weight: 600;
	line-height: 1.5;
	
}


.ticker-home {
	font-family: neue-haas-grotesk-display, sans-serif;
	font-size: 90px!important;
	font-weight: bold;
	color: rgba(255,255,255,0.00)!important;
 	 -webkit-text-stroke: 2px #54622D;
}



@-webkit-keyframes ticker {
		  0% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			visibility: visible;
		  }

		  100% {
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
		  }
		}

		@keyframes ticker {
		  0% {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			visibility: visible;
		  }

		  100% {
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
		  }
		}

		.ticker-wrap {
			--ticker-duration: 50s;

			width: 100%;
			overflow: hidden;
			padding-left: 100%;
			box-sizing: content-box;
		}

		.ticker-wrap .ticker {
			display: inline-block;
			white-space: nowrap;
			padding-right: 100%;
			box-sizing: content-box;
			-webkit-animation: ticker var(--ticker-duration) linear infinite;
			animation: ticker var(--ticker-duration) linear infinite;
		}

		.ticker-wrap .ticker-item {
			display: inline-block;
			padding: 0 2rem;
			font-size: 1.5rem;

		}

		.ticker-wrap.pause-on-hover .ticker:hover {
			animation-play-state: paused;
		}

		a.ticker-item:hover {
			text-decoration: underline !important;
		}


/* ----- Tab ----- */
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {background-color: #DDE5b6!important;}


		.block-tab-2 .nav-tabs {

			--bs-nav-tabs-border-width: 0px;

			--bs-nav-link-color: #111;

			--bs-nav-link-hover-color: #54622D;

		}



		.block-tab-2 .nav-tabs .nav-item .nav-link {

			position: relative;

			font-size: 15px;

			font-weight: 400;

			padding: 0 0 20px 0;

		}



		.block-tab-2 .nav-tabs .nav-item .nav-link i {

			display: block;

			font-size: 38px;

			margin: 0 0 5px 0;

		}



		.block-tab-2 .nav-tabs .nav-item .nav-link.active {

			top: 0;

		}



		.block-tab-2 .nav-tabs .nav-item .nav-link.active i {

			color: #6c584c;

		}



	/*	.block-tab-2 .nav-tabs .nav-item .nav-link.active::after {

			content: '';

			position: absolute;

			width: 6px;

			height: 6px;

			bottom: 1;

			left: 50%;

			margin-left: -3px;

			border-radius: 50%;

			background:  #6c584c;

		}*/


strong { font-weight: bold!important; color: #54622D}


.form-control.miniform{
	border-bottom: 1px solid white;
}

.form-control.miniform.error{
    border-color: var(--cnvs-form-label-error);
}

.text-very-small{
	font-size: 12px;
}