body {
    background-image: url("../img/body.png");
}

#wpadminbar {
    z-index: 1 !important;
}

/* 
* Colors
*/

.bg-blue-light {
     background-color: #0a5278;
}

.bg-blue-dark {
    background-color: #003b5a;
}

.bg-blue-dark-2 {
    background-color: #012335;
}

.tpl-text-white-soft {
    color: #b2bbc4;
}

.bg-dark-light {
    background-color: rgb(35, 40, 45) !important
}

.discover:hover {
    /*color: #ffffff!important;*/
}

a {
    cursor: pointer !important;
}

.placeholder {
    min-height: 150px;
    background-color: #dee2e6;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.social-bar {
    background-color: #e9ecef;
}

.gallery-title,
.most-readed-title,
.tag-title,
.category-title,
.sidebar-title,
.article-title {
    font-family: "EB Garamond", serif;
    font-weight: 300;
    font-style: italic;
}

img.tpl-object-fit-cover {
    object-fit: cover;
}

article .article-text  p {
    font-size: 1rem !important;
    color: #b2bbc4 !important;
}

article .article-text h2 {
    margin-top: 30px !important;;
    font-size: 1.25rem !important;
    text-transform: uppercase !important;
    color: #b2bbc4 !important;
}

#most-readed-post a,
.password-protected-title,
.no-result-title,
.page-404-title,
#footerMenu a,
#mainMenu a,
#mainMenu button,
.todo-article-title,
.toview-article-title,
.free-time-title,
.free-time-article-title,
.right-box-article-title,
.right-box-title {
    font-family: "EB Garamond", serif;
    font-weight: 300;
}

.sidebar-category-name,
.gallery-text,
#comment-list-title,
.comment-respond *,
.comment-content *,
a.comment-rss,
.comment-body .reply a,
.comment-body .comment-author a,
a.comment-rss:hover,
.comment-body .reply a:hover,
.comment-body .comment-author a:hover,
.password-protected-text,
.no-result-text,
.page-404-text,
a.read-link,
.todo-article-text,
.toview-article-text,
.free-time-text,
.article-text,
.article-text p,
.right-box-text {
    font-family: "Open Sans", sans-serif;
}

.article-text p {
 color: rgb(178, 187, 196);
}

.pagination .disabled a {
    color: #6c757d !important;
}

.photo-meta a:hover,
#bread-crumbs a:hover,
.page-404-text a:hover,
.aaa:hover,
.aaa:hover p,
#top-bar a:hover,
#top-bar a:hover i,
.pagination a:hover,
a.read-link:hover,
a.read-link:hover i {
    color: #ffffff !important;
}



.meta-category:after,
.meta-tag:after {

}

#most-readed-post a:hover,
.post-meta a:hover,
#menu-social a:hover,
#menu-social a:hover i,
footer#footer a:hover {
    color: #b2bbc4 !important;
}

.fs-7 {
    font-size: 0.8rem !important;
}


.px-6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

.img-cover-550 {
    min-height: 280px;
    object-fit: cover;
}

.discover {
    color: var(--bs-nav-link-color) !important;
}




div#password-protected form button {
    color: #b2bbc4;
    background-color: #23282d;
}

div#password-protected form button:hover {
    color: #ffffff;
    background-color: #212529;
}

#comments-box ul,
#comments-box ol {
    list-style: none;
}

#comments-box ul {
    padding-left: 0px;
}

#comments-box ol {
    padding-left: 1rem;
}

.comment-list li.comment {
    background: #1e1e1e;
    border: 1px solid #333;
    padding: 15px;
    margin-bottom: 20px;
    color: #f8f8f8;
}

.comment-respond a,
a.comment-rss,
.comment-body .reply a,
.comment-body .comment-author a {
    color: #b2bbc4;
    text-decoration: none;
}

.comment-respond a:hover,
a.comment-rss:hover,
.comment-body .reply a:hover,
.comment-body .comment-author a:hover {
    color: #ffffff;
    font-weight: normal;
}


.comment-respond h3 small {
    display: block;
    font-size: 1rem;
    margin: 5px 0 20px 0;
}

.lb-tt-m {
    display:none!important;
}


/* Rimuove lo sfondo bianco e adotta il tema scuro per l'anteprima */
.dropzone .dz-preview.dz-image-preview,
.dropzone .dz-preview .dz-image {
    /* Rimuove lo sfondo bianco del contenitore dell'immagine */
    background: #444; /* Un grigio scuro, simile ai componenti Bootstrap dark */
    border: 1px solid #666; /* Bordo sottile scuro */
}

/* Modifica il testo e l'icona di successo/errore per il tema scuro */
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-details {
    /* Assicura che i dettagli e i mark siano visibili su sfondo scuro */
    color: #fff; 
}

/* Fix per l'anteprima in Dark Mode (opzionale: a seconda del fork) */
.dropzone.dz-started .dz-message {
    /* Assicura che il messaggio 'Trascina qui...' sia scuro (o trasparente) */
    background-color: transparent;
    color: #fff;
}

/* Rimuove lo sfondo bianco dal box informativo del file */
.dropzone .dz-preview .dz-details {
    background-color: rgba(0, 0, 0, 0.6); /* Sfondo scuro e semitrasparente per i dettagli */
    color: #fff;
}

/* Opzionale: Se il pulsante di rimozione ha uno sfondo chiaro */
.dropzone .dz-preview .dz-remove {
    color: #ffffff; 
    text-decoration:none;
}

.form-control:focus::placeholder {
    color: transparent; /* Rende il testo del placeholder invisibile */
    opacity: 0;        /* Assicura la scomparsa su tutti i browser */
    transition: opacity 0.2s ease; /* Aggiunge una transizione fluida (opzionale) */
}

.form-control::placeholder {
    color: rgba(255, 255, 255, 0.2); 
    opacity: 1;
}