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

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

.active>.page-link, .page-link.active {
    z-index: 2;
}

.navbar-toggler:focus {
    background-color: #212529 !important;
    box-shadow: none;
}

.border-dashed {
    border-style: dashed !important;
}

.btn-listino-custom {
    transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
    background-color: #6c757d !important;
    color: #fff !important;
}

.btn-listino-custom:hover {
    background-color: #5a6268 !important;
    transform: translateY(-1px);
}

.btn-listino-custom:active {
    transform: translateY(0px);
    background-color: #4e555b !important;
}

/* 
* Colors
*/

.text-secondary-meta {
    /*color:#81878c!important;*/
    color:#94989b!important;
}

.bg-casavuoisapere {
    /*background-color: rgba(92, 34, 38, 0.7);*/
    background-color: rgba(0, 21, 8, 0.7)
}

.bg-casavuoisapere-2 {
    /*background-color: rgb(56, 19, 22);*/
    background-color: rgb(0, 30, 12);
}

.bg-casavuoisapere-3 {
    /*background-color: rgb(66, 24, 28);*/
    background-color: rgb(7, 51, 24);
}

.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
}

.bg-atalanta {
    background-color: rgb(8, 15, 34) !important
}

.bg-atalanta-2 {
    /*background-color: rgb(30, 57, 128) !important*/
    background-color: rgb(9 31 89) !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;
}

.max-width-350 {
    width: 350px!important;
}

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

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 6px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sidebar-title {
	font-style: italic;
}

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

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

article .article-text  p {
    font-size: 1.1rem !important;
    color: #b2bbc4 !important;
    line-height: 1.9rem;
}

article .article-text h2 {
    margin-top: 30px !important;
    font-size: 1.5rem !important;
    line-height: 2.2rem;    
    color: #B2BBC5 !important;
    font-family: "EB Garamond", serif;
    font-weight: 600;
    text-transform: uppercase;    
}

footer a.read-more {
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
}

#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;
}

section a,
article a {
    color: #b2bbc4 !important;
}


section a:hover,
article a:hover,
.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;
}

.related-thumb {
    max-width: 100px;
    height: auto;
    object-fit: cover;
    border-radius: 4px;
}

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

.gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    box-sizing: border-box;
}

.gallery-item {
    float: none;
    width: auto !important;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
}

.gallery-icon {
    margin: 0;
}

.gallery-icon img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block; 
}

/*
* Valli legend 2026
*/

.listinoprezzi-box-callout::before,
.vallilegend-box-callout::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(
        transparent, 
        rgba(255, 255, 255, 0.8) 5%, 
        white 10%, 
        transparent 15%
    );
    animation: rotate 4s linear infinite;
    z-index: -1;
}

.vallilegend-box-callout .sidebar-title {
    font-size: 1.5rem;
    line-height: 1.2;
}

.vallilegend-box-callout a.call:hover,
.vallilegend-box-callout a.mail:hover {
    transform: translateY(-1px);
}

.vallilegend-box-callout .fa-bullhorn {
    color: #ffc107;
}

.pulse-animation {
    animation: pulse 1.5s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*
* DropZone
*/

/* 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;
}

/*
* Custom posts
*/

#post-6928 hr {
    margin: 30px auto;
}

#post-6928 hr:before {
    content: "· · · · ·";
    letter-spacing: 0.5em;
    font-size: 30px;
}

#post-7482 div.wp-block-columns,
#post-7394 div.wp-block-columns,
#post-6928 div.wp-block-columns,
#post-6738 div.wp-block-columns {
    background-color: #212529;
    padding: 20px 20px 20px 20px;
}

#post-6892 div.wp-block-column {
    background-color: #212529;
    padding: 10px;
}

#post-6892 div.wp-block-column ul {
    margin-bottom: 0rem
}

/*
Nasconde elementi agli screen reader
*/
.tpl-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}