/* CSS Document */
/**
  * This file is part of AKB - ESTELA MODULE
 * @package     AKB Project
 * @version		2.4.0
 * @author		Andrea Bini
 * @copyright 	Copyright (C) 2023 Andrea Kozul Bini s.r.l.c.r.
 * @license		Copyrighted Commercial Software
 * Site:        akbproject.com
 * Email:       info@akbproject.com
*/



/* Stili per l'Accordion Item */
.accordion-item {
    margin-bottom: 10px;
}

.AKBestela-accordion {
    display: flex;
    flex-direction: column;
}

/* Stili per il Titolo dell'Accordion */
.AKBestela-accordion-toggle {
    display: block;
    font-size: 1.25rem;
    padding: 8px 16px;
    text-align: center;
    cursor: pointer;
    border: none;
    background-color: #f2f2f2; /* Modifica questo colore a piacimento */
    transition: background-color 0.3s ease;
}

.AKBestela-accordion-toggle:hover {
    background-color: #e2e2e2; /* Modifica questo colore per l'hover */
}

/* Stili per il Contenuto dell'Accordion */

.AKBestela-accordion-content {
    max-height: 0px;
    transition: max-height 0.35s ease-in-out;
    overflow: hidden;
}

.AKBestela-accordion-content.open {
    display: block;
}

.AKBestela-article-content {
    display: flex;
}

/* Stili per gli elementi dell'articolo */
/* ... (mantieni gli stili esistenti per .AKBestela_article_image, .AKBestela_container_text, ecc.) ... */

/* Rimediazioni per layout responsive */
@media screen and (max-width: 960px) {
    /* Adatta i tuoi stili per schermi più piccoli qui */
}




.AKBestelafield_container_description {
    position: relative;
}

.AKBestela_description  {
    padding: 12px 0px;
    width: 100%;
}

.AKBestela_description_bottom  {
    padding: 12px;
    width: 100%;
}

.AKBestela_article_readmore {
    text-decoration: none;
    padding: 6px 30px;
    border: 1px solid #d2d2d2;
    width: fit-content;
    margin-top: 12px;
}

/*** article layout ***/
.AKBestela_container_article {
    display:flex;
}

.AKBestela_article_image {
    width: 33.3333%;
}

.AKBestela_container_text {
    width: 67.7777%;
    padding: 0px 12px;
}

@media screen and (max-width: 960px) {

	.AKBestela_container_article {
	flex-direction: column !important;
	}
	.AKBestela_article_image {
	width: 100% !important;
	}
	.AKBestela_container_text{
	width: 100% !important;
	}

}