/*!
Theme Name: ContentHubV2
Theme URI: http://underscores.me/
Author: Antonio Junior Melchionna
Author URI: http://www.cromialab.it
Description: ContentHubV2 è il tema WordPress multilingua ideale per chi desidera creare un magazine online moderno e professionale. Con un design elegante, una struttura flessibile e supporto completo per Polylang, ContentHubV2 offre tutte le funzionalità necessarie per gestire e presentare contenuti in modo accattivante e funzionale in più lingue.
Version: 2.0.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: contenthub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, multilingual, polylang

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ContentHubV2 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/





/* Definizione delle variabili */
:root {
    --tw-text-color-active: rgba(5, 150, 105); /* Colore del testo con opacità */
    --second-color: #AEF6C7;
	--primary-color: #5B8266;
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: #B33E32 !important;
	}

        body {
            font-family: 'Raleway', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #fff;
            scroll-behavior: smooth;
}

		.mobile-menu {
            transform: translateX(100%);
            transition: transform 0.3s ease-in-out;
        }
        .mobile-menu.active {
            transform: translateX(0);
        }


        /* Custom styles for the carousel */
        .slick-slide {
            transition: transform 0.5s ease;
        }

        .dark-mode {
            background-color: #121212;
            color: #e0e0e0;
        }

        #navigation {
            width: 100%;
            background-color: #fff;
            color: #333;
            transition: background-color 0.3s, color 0.3s;
        }

		.custom-logo {
			width: 200px !important;
		}

        .dark-mode #navigation {
            background-color: #1f1f1f;
            color: #e0e0e0;
        }

        .bg-green-700 {
            background-color: #006400;
        }

		.bg-grey-200 {
           background-color: #e5e5e569 !important;
        }



        .nav-items {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .nav-items a {
            color: inherit;
            text-decoration: none;
            padding: 0.5rem;
        }

        .nav-items a:hover {
            text-decoration: underline;
        }

        .current-menu-item {
            color: var(--tw-text-color-active);
        }

        .nav-icons {
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .nav-icons i {
            cursor: pointer;
        }

        .custom-searchbutton {
            position: absolute;
            font-size: 20px;
            width: 40px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }

        .custom-search {
            position: absolute;
            right: 0;
            background-color: var(--second-color);
            outline: none;
            border: none;
            padding: 0;
            width: 0;
            height: 100%;
            transition: width 0.5s ease;
            text-indent: 10px;
            border-radius: 5px;
            font-size: 13px;
			margin-top: -30px;
    		margin-right: 40px;
        }

        .custom-search:focus {
            width: 240px; /* Adjust width as needed */
            padding: 0 10px;
			margin-top: -30px;
   			margin-right: 40px;
        }

        .dark-mode .custom-search {
            background-color: #333;
            color: #e0e0e0;
        }

        #notifications {
            display: none;
        }

        #notifications.show {
            display: block;
        }

        #mobileNavLinks {
            display: none;
        }

        #mobileNavLinks.show {
            display: flex;
        }

        .fixed-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0, 0, 0, 0.5);
            z-index: 10;
        }

        .mobile-nav-content {
            position: fixed;
            top: 0;
            right: 0;
            height: 100%;
            background: #fff;
            padding: 2rem;
            box-shadow: -2px 0 5px rgba(0, 0, 0, 0.3);
            z-index: 999;
            overflow-y: auto;
            transform: translateX(100%);
            transition: transform 0.3s ease-in-out;
        }

        .mobile-nav-content.active {
            transform: translateX(0);
        }

        .mobile-nav-content ul {
            list-style: none;
			padding-top: 2.45em !important;
        }

        .mobile-nav-content li {
            margin-bottom: 1rem;
        }

        .mobile-nav-content a {
            text-decoration: none;
            color: #333;
            display: block;
            padding: 0.5rem 0;
        }

        .mobile-nav-content a:hover {
            text-decoration: underline;
        }

        /* Hide scrollbar for WebKit browsers */
        .scrollbar-hide::-webkit-scrollbar {
            display: none;
        }

        /* Hide scrollbar for Firefox */
        .scrollbar-hide {
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
    

/* Stili per il contenuto del post */
.post-content h2 {
    font-size: 1.188rem; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 1rem; /* Spaziatura sotto l'h2 */
}

@media (min-width: 768px) {
    .post-content h2 {
        font-size: 1.5rem; /* Dimensione per desktop */
    }
}

.post-content h3 {
    font-size: 1rem; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.75rem; /* Spaziatura sotto h3 */
}

@media (min-width: 768px) {
    .post-content h3 {
        font-size: 1.3rem; /* Dimensione per desktop */
    }
}

.post-content h4 {
    font-size: 1.125rem; /* Corretto da "1.188remrem" a "1.125rem" per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.5rem; /* Spaziatura sotto h4 */
}

@media (min-width: 768px) {
    .post-content h4 {
        font-size: 1.375rem; /* Dimensione per desktop */
    }
}

.post-content h5 {
    font-size: 1.125rem; /* Corretto da "1.188remrem" a "1.125rem" per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.5rem; /* Spaziatura sotto h5 */
}

@media (min-width: 768px) {
    .post-content h5 {
        font-size: 1.25rem; /* Dimensione per desktop */
    }
}

.post-content h6 {
    font-size: 1rem; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.5rem; /* Spaziatura sotto h6 */
}

@media (min-width: 768px) {
    .post-content h6 {
        font-size: 1.125rem; /* Dimensione per desktop */
    }
}

.post-content p {
    font-size: 1rem; /* Base per mobile */
    text-align: left; /* Testo allineato a sinistra */
    margin-bottom: 1rem; /* Spaziatura sotto i paragrafi */
}

@media (min-width: 768px) {
    .post-content p {
        font-size: 1.125rem; /* Dimensione per desktop */
    }
}

.post-content p span {
    font-weight: 600; /* Font-semibold */
}

.post-content ul {
    list-style-type: disc; /* Lista a punti */
    margin-left: 2.5rem; /* Margine a sinistra */
    font-size: 1rem; /* Base per mobile */
    margin-bottom: 1rem; /* Spaziatura sotto le liste */
}

@media (min-width: 768px) {
    .post-content ul {
        font-size: 1.125rem; /* Dimensione per desktop */
    }
}

.post-content a {
    color: #B33E32 !important;
    font-weight: 600; /* Font-semibold */
}

/* Spaziatura tra titoli e paragrafi */
.post-content h2 + p,
.post-content h3 + p,
.post-content h4 + p,
.post-content h5 + p,
.post-content h6 + p {
    margin-top: 0.5rem; /* Spaziatura sopra i paragrafi dopo un titolo */
}

.post-content ol {
  list-style-type: decimal;  /* Assicura che l'elenco sia numerato */
  margin-left: 2.5rem;         /* Puoi modificare la distanza da sinistra */
}


/* Stili per il contenuto della pagina */
.page-content h2 {
    font-size: 1.188rem !important; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 1rem; /* Spaziatura sotto l'h2 */
}

@media (min-width: 768px) {
    .page-content h2 {
        font-size: 1.5rem; /* Dimensione per desktop */
    }
}

.page-content h3 {
    font-size: 1rem; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.75rem; /* Spaziatura sotto h3 */
}

@media (min-width: 768px) {
    .page-content h3 {
        font-size: 1.3rem; /* Dimensione per desktop */
    }
}

.page-content h4 {
    font-size: 1.125rem; /* Corretto da "1.188remrem" a "1.125rem" per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.5rem; /* Spaziatura sotto h4 */
}

@media (min-width: 768px) {
    .page-content h4 {
        font-size: 1.375rem; /* Dimensione per desktop */
    }
}

.page-content h5 {
    font-size: 1.125rem; /* Corretto da "1.188remrem" a "1.125rem" per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.5rem; /* Spaziatura sotto h5 */
}

@media (min-width: 768px) {
    .page-content h5 {
        font-size: 1.25rem; /* Dimensione per desktop */
    }
}

.page-content h6 {
    font-size: 1rem; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.5rem; /* Spaziatura sotto h6 */
}

@media (min-width: 768px) {
    .page-content h6 {
        font-size: 1.125rem; /* Dimensione per desktop */
    }
}

.page-content p {
    font-size: 1rem; /* Base per mobile */
    text-align: left; /* Testo allineato a sinistra */
    margin-bottom: 1rem; /* Spaziatura sotto i paragrafi */
}

@media (min-width: 768px) {
    .page-content p {
        font-size: 1.125rem; /* Dimensione per desktop */
    }
}

.page-content p span {
    font-weight: 600; /* Font-semibold */
}

.page-content ul {
    list-style-type: disc; /* Lista a punti */
    margin-left: 2.5rem; /* Margine a sinistra */
    font-size: 1rem; /* Base per mobile */
    margin-bottom: 1rem; /* Spaziatura sotto le liste */
}

@media (min-width: 768px) {
    .page-content ul {
        font-size: 1.125rem; /* Dimensione per desktop */
    }
}

.page-content a {
    color: var(--primary-color);
    font-weight: 600; /* Font-semibold */
}

/* Spaziatura tra titoli e paragrafi */
.page-content h2 + p,
.page-content h3 + p,
.page-content h4 + p,
.page-content h5 + p,
.page-content h6 + p {
    margin-top: 0.5rem; /* Spaziatura sopra i paragrafi dopo un titolo */
}

.page-content ol {
    list-style-type: decimal; /* Assicura che l'elenco sia numerato */
    margin-left: 2.5rem; /* Puoi modificare la distanza da sinistra */
}


.wp-block-quote.is-layout-flow {
    position: relative; /* Posizionamento relativo per aggiungere l'icona */
    font-size: 1.25rem; /* Testo leggermente più grande */
    font-style: italic; /* Stile corsivo per la citazione */
    font-weight: 600; /* Semi-bold per evidenziare */
    color: #1a202c; /* Colore del testo per il tema chiaro */
    line-height: 1.75; /* Spaziatura verticale */
    padding: 3.5rem; /* Spaziatura interna */
    border-left: 4px solid #4a5568; /* Barra a sinistra per indicare una citazione */
    background-color: #f7fafc; /* Sfondo chiaro */
    border-radius: 0.5rem; /* Angoli arrotondati */
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.wp-block-quote.is-layout-flow em {
    display: block; /* Porta la firma sotto */
    font-size: 1rem; /* Firma più piccola */
    font-style: normal; /* Firma in stile normale */
    margin-top: 0.5rem; /* Spazio sopra la firma */
    color: #718096; /* Colore grigio per la firma */
}

.wp-block-quote.is-layout-flow::before {
    content: ''; /* Aggiungi un'icona SVG come elemento decorativo */
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 2rem;
    height: 2rem;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 14"><path d="M6 0H2a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v1a3 3 0 0 1-3 3H2a1 1 0 0 0 0 2h1a5.006 5.006 0 0 0 5-5V2a2 2 0 0 0-2-2Zm10 0h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h4v1a3 3 0 0 1-3 3h-1a1 1 0 0 0 0 2h1a5.006 5.006 0 0 0 5-5V2a2 2 0 0 0-2-2Z"/></svg>') no-repeat center;
    background-size: contain;
    color: #a0aec0; /* Colore per l'icona */
}

@media (prefers-color-scheme: dark) {
    .wp-block-quote.is-layout-flow {
        background-color: #2d3748; /* Sfondo per tema scuro */
        color: #edf2f7; /* Testo chiaro */
        border-left-color: #a0aec0; /* Barra a sinistra più chiara */
    }

    .wp-block-quote.is-layout-flow em {
        color: #cbd5e0; /* Firma più chiara per il tema scuro */
    }

    .wp-block-quote.is-layout-flow::before {
        color: #4a5568; /* Colore per l'icona in tema scuro */
    }
}



/* Filter Everything CSS */
body .wpc-filters-open-button-container a.wpc-filters-open-widget, body .wpc-filters-open-button-container a.wpc-open-close-filters-button {
	border: none !important;
}

body .wpc-filters-open-button-container a.wpc-filters-open-widget, body .wpc-filters-open-button-container a.wpc-open-close-filters-button {
	border: none !important;
}


/* Sovrascrivo alcune regole
hr {
	border-color: rgba(229,231,235,var(--tw-border-opacity));
}

.md\:border-l-2 {
	border-color: rgba(229,231,235,var(--tw-border-opacity));
}

.border-b {
	border-color: rgba(229,231,235,var(--tw-border-opacity));
}


.transition-transform {
    transition-property: none;
    transition-timing-function: none;
    transition-duration: none;
}
 */

.comment-section-container {
    flex-wrap: nowrap; /* Evita che gli elementi vadano su una nuova riga */
}

.share-icons svg {
    width: 35px; /* Dimensione più piccola per le icone */
    height: 35px;
}

@media (max-width: 768px) {
    .comment-section-container {
        gap: 8px; /* Riduce lo spazio tra gli elementi per dispositivi mobili */
    }
    
    .share-icons {
        gap: 4px; /* Spaziatura ancora più stretta per schermi piccoli */
    }
}

/* Filter Everything CSS */
.wpc-sorting-form select, .wpc-filter-content select {
    padding: 2px 8px 2px 10px;
    border-color: #5b826640 !important;
    border-radius: 3px;
    color: inherit;
    -webkit-appearance: none;
    border: 2px solid;
}

.wpc-sorting-form:after, .wpc-filter-content:after {
    padding: 2px 8px 2px 10px;
    border-color: #5b826640 !important;
    border-radius: 3px;
    color: inherit;
    -webkit-appearance: none;
    border: 2px solid;
}

.wpc-sorting-form:before, .wpc-filter-content:before {
    padding: 2px 8px 2px 10px;
    border-color: #5b826640 !important;
    border-radius: 3px;
    color: inherit;
    -webkit-appearance: none;
    border: 2px solid;
}

.wpc-sorting-form:focus-visible, .wpc-filter-content:focus-visible {
    padding: 2px 8px 2px 10px;
    border-color: #5b826640 !important;
    border-radius: 3px;
    color: inherit;
    -webkit-appearance: none;
    border: 2px solid;
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
	background-color: #5b826640 !important;
}

.wpc-filters-main-wrap input[type=checkbox], .wpc-filters-main-wrap input[type=radio] {
	border-color: #5b826640 !important;
}

.wpc-filters-main-wrap input[type=radio]:after {
	background: #5B8266 !important;
}

.wpc-filters-main-wrap .wpc-radio-item.wpc-term-disabled input[type=radio], .wpc-filters-main-wrap .wpc-checkbox-item.wpc-term-disabled > div > input[type=checkbox], .wpc-filters-main-wrap .wpc-checkbox-item.wpc-term-disabled > div > input[type=checkbox]:after, .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox]:after, .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox], .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=radio] {
	border-color: #5B8266 !important;
}

.wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], .wpc-filters-main-wrap li.wpc-term-item input[type=radio] {
	border-color: #5B8266 !important;
}

.wpc-filters-main-wrap .wpc-radio-item.wpc-term-disabled input[type=radio], .wpc-filters-main-wrap .wpc-checkbox-item.wpc-term-disabled > div > input[type=checkbox], .wpc-filters-main-wrap .wpc-checkbox-item.wpc-term-disabled > div > input[type=checkbox]:after, .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox]:after, .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox], .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=radio] {
	border-color: #5B8266 !important;
}

.wpc-filters-main-wrap input[type=checkbox]:after {
	border-color: #5B8266 !important;
}

body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button, body .wpc-filters-main-wrap a.wpc-filters-submit-button {
	background: #5B8266 !important;
}

/* tag style */


/* Titoli H2 */
.tag-description h2 {
    font-size: 1.188rem; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 1rem; /* Spaziatura sotto h2 */
}

@media (min-width: 768px) {
    .tag-description h2 {
        font-size: 1.5rem; /* Dimensione per desktop */
    }
}

/* Titoli H3 */
.tag-description h3 {
    font-size: 1rem; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.75rem; /* Spaziatura sotto h3 */
}

@media (min-width: 768px) {
    .tag-description h3 {
        font-size: 1.3rem; /* Dimensione per desktop */
    }
}

/* Titoli H4 */
.tag-description h4 {
    font-size: 1.125rem; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.5rem; /* Spaziatura sotto h4 */
}

@media (min-width: 768px) {
    .tag-description h4 {
        font-size: 1.375rem; /* Dimensione per desktop */
    }
}

/* Titoli H5 */
.tag-description h5 {
    font-size: 1.125rem; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.5rem; /* Spaziatura sotto h5 */
}

@media (min-width: 768px) {
    .tag-description h5 {
        font-size: 1.25rem; /* Dimensione per desktop */
    }
}

/* Titoli H6 */
.tag-description h6 {
    font-size: 1rem; /* Base per mobile */
    font-weight: 600; /* Font-semibold */
    line-height: 1.375; /* Leading snug */
    margin-bottom: 0.5rem; /* Spaziatura sotto h6 */
}

@media (min-width: 768px) {
    .tag-description h6 {
        font-size: 1.125rem; /* Dimensione per desktop */
    }
}

/* Paragrafi */
.tag-description p {
    font-size: 1rem; /* Base per mobile */
    text-align: left; /* Testo allineato a sinistra */
    margin-bottom: 1rem; /* Spaziatura sotto i paragrafi */
}

@media (min-width: 768px) {
    .tag-description p {
        font-size: 1.125rem; /* Dimensione per desktop */
    }
}

.tag-description p span {
    font-weight: 600; /* Font-semibold */
}

/* Liste non ordinate */
.tag-description ul {
    list-style-type: disc; /* Lista a punti */
    margin-left: 2.5rem; /* Margine a sinistra */
    font-size: 1rem; /* Base per mobile */
    margin-bottom: 1rem; /* Spaziatura sotto le liste */
}

@media (min-width: 768px) {
    .tag-description ul {
        font-size: 1.125rem; /* Dimensione per desktop */
    }
}

/* Link */
.tag-description a {
    color: var(--primary-color);
    font-weight: 600; /* Font-semibold */
}

/* Spaziatura tra titoli e paragrafi */
.tag-description h2 + p,
.tag-description h3 + p,
.tag-description h4 + p,
.tag-description h5 + p,
.tag-description h6 + p {
    margin-top: 0.5rem; /* Spaziatura sopra i paragrafi dopo un titolo */
}

/* Liste ordinate */
.tag-description ol {
    list-style-type: decimal;  /* Assicura che l'elenco sia numerato */
    margin-left: 2.5rem;         /* Puoi modificare la distanza da sinistra */
}


/* Altezza primo Box Home */
@media (min-width: 1024px) {
    .custom-h {
        height: 458px;
    }
}

.has-text-align-right {
	text-align: right !important;
}



/* Tabelle */