/* Generated Theme CSS - 2025-12-24 05:08:55 */

:root {
  --color-primary: #c49a6c;
  --color-secondary: #8b4513;
  --color-accent: #d4a574;
  --color-bg-dark: #231f20;
  --color-bg-light: #3a3536;
  --color-navbar: #000000;
  --color-text-light: #ffffff;
  --color-text-dark: #333333;
  --color-link: #c49a6c;
  --font-headings: 'Voltaire', serif;
  --font-body: 'Source Sans Pro', sans-serif;
  --border-radius: 8px;
  --box-shadow: 0 2px 10px rgba(0,0,0,0.3);
  --text-align-desc: left;
}

/* Theme Overrides */
body {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-headings);
}

.button, 
button,
input[type='submit'],
input[type='button'] {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: var(--border-radius);
}

.button:hover,
button:hover,
input[type='submit']:hover {
    background-color: var(--color-accent);
    border-color: var(--color-accent);
}

.sfondodesc {
    border-radius: var(--border-radius);
}

#header {
    background-color: var(--color-navbar);
}

/* Allineamento solo per testo descrittivo */
.content.box > p,
.box.style2 > p,
.descrizione {
    text-align: var(--text-align-desc);
}

/* Bottoni sempre centrati */
.actions {
    text-align: center !important;
}

/* Footer icone responsive - rimangono in riga su mobile */
#footer .actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
}

#footer .actions li {
    display: inline-block !important;
    float: none !important;
    margin: 0 3px !important;
    padding: 0 !important;
}

@media screen and (max-width: 736px) {
    #footer .actions {
        gap: 2px !important;
    }
    
    #footer .actions li {
        margin: 0 2px !important;
    }
    
    #footer .actions li a {
        font-size: 1em !important;
        padding: 5px !important;
        width: auto !important;
        height: auto !important;
    }
}

/* Masonry Gallery Layout */
.masonry-layout {
    column-count: 3;
    column-gap: 10px;
    max-width: 90% !important;
    width: 90% !important;
}

.masonry-item {
    break-inside: avoid;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.masonry-item img {
    width: 100%;
    height: auto;
    display: block;
}

.masonry-item h2 {
    font-size: 1em;
    margin-top: 0.5em;
}

@media screen and (max-width: 1000px) {
    .masonry-layout {
        column-count: 2;
    }
}

@media screen and (max-width: 736px) {
    .masonry-layout {
        column-count: 1;
    }
}

/* Ken Burns Effect */
@keyframes kenburns {
    0% {
        transform: scale(1) translate(0, 0);
    }
    50% {
        transform: scale(1.1) translate(-1%, -1%);
    }
    100% {
        transform: scale(1) translate(0, 0);
    }
}

.gallery img,
.gallery .image img,
.images img {
    animation: kenburns 15s ease-in-out infinite;
    transition: transform 0.5s ease;
    overflow: hidden;
}

.gallery a:hover img,
.gallery .image:hover img,
.images a:hover img {
    animation-play-state: paused;
    transform: scale(1.05);
}

.gallery .image,
.images a {
    overflow: hidden;
    display: block;
}