/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/* recaptcha badge */

.grecaptcha-badge {
    visibility: hidden !important; 
    display: none !important;
}

/* Style.css */

@font-face {
    font-family: 'Goodland';
    src: url('/include/goodland/goodland.otf') format('opentype');
    font-weight: 800;
}

.lgbt {
    background: repeating-linear-gradient(40deg,
            #fea500 0%,
            #fea500 7%,
            #ff2d55 7%,
            #ff2d55 14%,
            #00bcd4 14%,
            #00bcd4 21%,
            #ff4081 21%,
            #ff4081 28%,
            #10b981 28%,
            #10b981 35%,
            #f44336 35%,
            #f44336 42%,
            #fff4e1 42%,
            #fff4e1 49%);
    animation: slide-bg 10s linear infinite;
    background-size: cover;
    /* height: 100vh; */
    margin: 0;
}

@keyframes slide-bg {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 100% 0%;
    }
}

/* Sfondo con il gradiente rotante */
.lgbt_background {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200vw;
    height: 200vh;
    transform-origin: center;
    background: conic-gradient(black 0deg 15deg,
            orange 15deg 30deg,
            black 30deg 45deg,
            orange 45deg 60deg,
            black 60deg 75deg,
            orange 75deg 90deg,
            black 90deg 105deg,
            orange 105deg 120deg,
            black 120deg 135deg,
            orange 135deg 150deg,
            black 150deg 165deg,
            orange 165deg 180deg,
            black 180deg 195deg,
            orange 195deg 210deg,
            black 210deg 225deg,
            orange 225deg 240deg,
            black 240deg 255deg,
            orange 255deg 270deg,
            black 270deg 285deg,
            orange 285deg 300deg,
            black 300deg 315deg,
            orange 315deg 330deg,
            black 330deg 345deg,
            orange 345deg 360deg);
    animation: spin 200s linear infinite;
}

/* Animazione di rotazione */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Stili per il logo della band */
.band-logo {
    font-family: 'Goodland';
    color: #FF6C00;
    /* Arancione per il logo */
    text-transform: uppercase;
    margin-top: 0px;
    line-height: 5rem;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    /* Outline nero */
}

.band-logo-top {
    font-size: 5rem;
    margin-bottom: 0px;
    text-align: left;
    padding-left: 2rem;
}

.band-logo-bottom {
    font-size: 8rem;
    margin-bottom: 50px;
}

/* Stili per la copertina dell'album */
.album_cover {
    width: 300px;
    height: auto;
    margin-bottom: 20px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5);
    transform: rotate(-10deg);
    /* Rotazione leggera */
    transition: transform 0.5s ease-in-out;
    /* Aggiunge ombra per un effetto rilievo */
}

.album_cover:hover {
    transform: rotate(-8deg);
    /* Animazione al passaggio del mouse */
}

/* Descrizione della band */
.band-description {
    text-transform: uppercase;
    padding: 5%;
    /* margin-top: 100px; */
    background-color: #f5821f;
    border-radius: 5px;
    opacity: 0.99;
    font-size: 3rem;
    text-align: center;
    line-height: 1;
    color: #1a1a1a;
    /* Testo leggermente più chiaro per un contrasto morbido */
    width: 100vw;
    /* Imposta la larghezza al 100% della viewport */
    position: relative;
    /* Aggiungi questo se non è già presente */
    left: 50%;
    /* Posiziona il div al centro */
    right: 50%;
    /* Aggiungi il margine destro */
    transform: translateX(-50%);
    /* Centra il div */
}

.sub_description {
    text-transform: none;
    left: 50vh;
    font-size: 40%;
}

.contact {
    margin: 0 auto;
    height: 50px;
    padding-top: 10px;
    max-width: 200px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #f5821f;
    border-radius: 5px;
    margin-top: 20px;
    opacity: 0.9;
    transition: transform 0.3s ease;
}

.contact:hover {
    transform: scale(1.05);
    background-color: #f5821f;

}

.contact a {
    text-decoration: none;
    color: rgb(236, 65, 13) !important;
    font-size: 1rem;

}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

/* menu */
.navbar {
    background-color: #d39701;
    overflow: hidden;
}

/* testo */
.navbar a {
    float: left;
    display: block;
    color: #6b3802;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.navbar a:hover {
    background-color: #9d5100;
    color: #d39701;
}

.big_font{
    font-size: 80px;
    line-height: 4.5rem;
    text-transform: uppercase;
}

.av_minimal_header .header_bg{
    opacity: 0.8;
}


/* Team member circle image */
.team-img-container img {
    border-radius: 100%;
}

/* Social icons*/
#top .avia-team-member .team-social {
    background: transparent;
    border: none;
}

/* MUSICA */


.mfp-iframe-holder .mfp-content{
    width: 500px;
}



/* contatti */

form.wpcf7-form label {
    font-weight: 100 !important;
    width: 100% !important;
}

form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="tel"],
form.wpcf7-form textarea {
    color: #ff4080 !important;
    font-weight: 400 !important;
}

form.wpcf7-form input, form.wpcf7-form textarea{
    font-weight: 100 !important;
    width: 100% !important;
    border-radius: 5px !important;
}

form.wpcf7-form input[type="checkbox"]{
    width: 20px !important;
}

.mfp-title{
    display: none !important;
}

@media only screen and (max-width: 989px) {
    .responsive.av-no-preview #top .avia-team-member .team-social {
        background: transparent;
        border: none;
    }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .band-logo {
        font-size: 2.5rem;
    }

    .album_cover {
        width: 150px;
    }

    .band-description {
        font-size: 1rem;
    }


    .band-logo {
        line-height: 6rem;

    }

    .band-logo-top {
        font-size: 8rem;
        margin-bottom: 0px;
        text-align: left;
        padding-left: 2rem;
    }

    .band-logo-bottom {
        font-size: 10rem;
        margin-bottom: 50px;
    }

    .big_font {
        font-size: 30px !important;
        text-align: center !important;
        line-height: 3.5rem !important;
        text-transform: uppercase !important;
    }

    
}

.is-disabled{
    display: none !important;
}

#top #wrap_all .header_color .av-menu-button-colored>a .avia-menu-text{
    background-color: #ff6c00;
    border-color: #ff6c00;
}



/* pagina personaggi locked */

.btn-pkn {
    background-color: #ff7a04;
    color: white;
    display: block;
    margin: 20px auto;
    border: none;
    font-family: monospace;
}

.btn-custom:hover {
    background-color: #4f3899;
}