/*
Theme Name: tema di Bonaccorsi
Theme URI: https://bonaccorsi.it/
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');

body{
	font-family: 'Poppins', sans-serif;
}

h1,h2,h3,h4,h5{
	font-family: 'Poppins', sans-serif;
}

p{
	font-family: 'Poppins', sans-serif;
}
.secondary{
	color: #f39200;
}

.bg_secondary{
	background-color: #f39200;
}

.bottone_acquista{
    color:#fff;
    background-color: #f39200;
    border: #f39200;
}

.bottone_acquista:hover{
    color:#fff;
    background-color: #000;
    border: #000;
}

.bannertop{
    padding-top: 20px;
    padding-bottom: 20px;
	display: flex;
    justify-content: center; /* Centra orizzontalmente */
    align-items: center; /* Centra verticalmente */
}

.white{
	color: #fff;
}

img.banner{
	height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

img.product-image {
    width: 100%;
}

img.logo{
	padding-top: 20px;
	padding-bottom: 20px;
}

.slider {
  position: relative;
}
.slider .owl-item.active.center .slider-card {
  transform: scale(1.15);
  opacity: 1;
}

h3.titolo_articolo{
	font-size: 23px;
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
	max-height: 60px;
}

h3.titolo_articolo_interno{
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
	max-height: 100px;
}


button.bottone_annuncio{
	margin:0 auto;
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #000;
	text-align: center;
	border:none;
	display: block;
	background: transparent;
}
button.bottone_annuncio:hover,
button.bottone_annuncio:active,
button.bottone_annuncio:focus{
	border:1px solid #BC6C25;
	color:#BC6C25;
	background-color:transparent;
}

/* Posiziona la freccia "Next" alla fine del carosello */
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    right: 0; /* Posizione alla fine del carosello (a destra) */
    top: 50%; /* Posiziona verticalmente al centro */
    transform: translateY(-50%);
    transition: color 0.3s; /* Aggiunge una transizione per una transizione fluida del colore */
    color: #f39200!important;
    font-size: 100px!important;

}

/* Posiziona la freccia "Prev" all'inizio del carosello */
.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 0; /* Posizione all'inizio del carosello (a sinistra) */
    top: 50%; /* Posiziona verticalmente al centro */
    transform: translateY(-50%);
    transition: color 0.3s; /* Aggiunge una transizione per una transizione fluida del colore */
    color: #f39200!important;
    font-size: 100px!important;
}

/* Aggiunge il colore nero al passaggio del mouse o al clic */
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-next.active {
    color: #000!important; /* Imposta il colore nero */
}

/* Aggiunge il colore nero al passaggio del mouse o al clic */
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-prev.active {
    color: #000!important; /* Imposta il colore nero */
}

.image-link {
    position: relative;
    display: inline-block;
}

.image-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* Sfumatura nera al 50% */
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-link:hover::after {
    opacity: 1;
}

a.link{
	color: #f39200;
	text-decoration: none;
}

a.link:hover{
	color:#000!important;
}

a.social{
	color: #fff;
	text-decoration: none;
}

a.social:hover{
	color:#000;
}