/* =========================================
   ASD DEL NERA - PERSONALIZZAZIONI
   ========================================= */


/* =========================================================
   SPAZIO TRA TESTATA E PRIMO MODULO
   ========================================================= */

#main {
    padding-top: 30px;
}


/* =========================================================
   TITOLI MODULI
   ========================================================= */

#main .moduletable > h3 {
    font-size: 19px !important;
    font-weight: 600 !important;
    color: #0b2a55 !important;
    border-bottom: 2px solid #1b9bd1 !important;
    padding: 0 0 8px 12px !important;
    margin: 0 0 15px 0 !important;
    position: relative;
}


/* Barra azzurra a sinistra del titolo */

#main .moduletable > h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 4px;
    height: 22px;
    background: #1b9bd1;
    border-radius: 2px;
}


/* =========================================================
   SPONSOR - MODULO CAMERA
   ========================================================= */

.camera_wrap {
    width: 100% !important;
}

.camera_target_container,
.camera_target_content {
    width: 100% !important;
}

.cameraContent,
.cameraContent.cameracurrent {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}

.cameraContent .camera_link {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

.cameraContent img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
}


/* =========================================================
   ARTICOLI A TUTTA LARGHEZZA
   ========================================================= */

#wrapper2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

#wrapper2 #main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

#wrapper2 article.item-page {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#wrapper2 article.item-page > * {
    max-width: 100% !important;
}

#wrapper2 article.item-page table {
    max-width: 100% !important;
}


/* =========================================================
   CENTRATURA CONTATORE SHINYSTAT
   ========================================================= */

#sponsor {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    text-align: center !important;
}

#sponsor .moduletable {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
}

#sponsor .custom {
    width: 100% !important;
    text-align: center !important;
}

#sponsor .custom a {
    display: block !important;
    text-align: center !important;
    float: none !important;
    position: static !important;
}

#sponsor .custom img {
    display: inline-block !important;
    float: none !important;
    position: static !important;
    margin: 0 auto !important;
}


/* =========================================================
   TESTATA - NASCONDE I CONTROLLI DIMENSIONE CARATTERE
   ========================================================= */

/* Nasconde:
   Dimensioni carattere / Aumenta / Resetta / Diminuisci */

#fontsize,
#fontsize-container,
.fontsize,
.fontsize-container,
.textsize,
.text-resize,
#fontsize-box {
    display: none !important;
}


/* =========================================================
   TESTATA - ELIMINA LO SPAZIO SUPERIORE
   ========================================================= */

#header {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    overflow: visible !important;
}


/* =========================================================
   TESTATA DESKTOP
   ========================================================= */

#header .logoheader {
    position: relative !important;

    float: none !important;
    margin: 0 !important;
    padding: 0 !important;

    width: 100% !important;
    height: 150px !important;
    min-height: 150px !important;

    box-sizing: border-box !important;

    background-image: url("/joomla/templates/beez3_delnera/images/personal/pallone_testata.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;

    background-color: transparent !important;

    overflow: hidden !important;

    z-index: 1 !important;
}


/* =========================================================
   SCRITTA ASD DEL NERA - DESKTOP
   ========================================================= */

#header #logo {
    position: relative !important;
    z-index: 20 !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;

    letter-spacing: 0.5px !important;

    -webkit-text-stroke: 1px #06285f !important;

    text-shadow:
        1.5px 1.5px 0 #06285f,
        3px 3px 0 #041b42,
        4px 4px 6px rgba(0, 0, 0, 0.65) !important;
}


/* =========================================================
   MENU DESKTOP
   ========================================================= */

#header #menuwrapper {
    position: static !important;

    float: none !important;
    clear: both !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    z-index: 100 !important;
}


#header #menuwrapper ul {
    position: relative !important;

    top: auto !important;
    left: auto !important;

    margin: 0 !important;
}


/* =========================================================
   MOBILE
   ELIMINA LO SPAZIO BIANCO SOPRA LA TESTATA
   ========================================================= */

@media screen and (max-width: 767px) {

    #header {
        margin-top: 0 !important;
        padding-top: 0 !important;
        min-height: 0 !important;
    }

    #header .logoheader {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #header h1#logo {
        margin-top: 0 !important;
    }
}


/* =========================================================
   MOBILE - MENU
   ========================================================= */

@media only screen and (max-width: 480px) {

    #header #menuwrapper {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        left: 0 !important;
        right: auto !important;

        transform: none !important;

        overflow: visible !important;

        z-index: 100 !important;
    }


    #header #menuwrapper ul {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;

        left: 0 !important;

        transform: none !important;

        position: relative !important;

        z-index: 100 !important;
    }


    #header #menuwrapper li {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        margin-left: 0 !important;
        padding-left: 0 !important;
    }


    #header #menuwrapper li a {
        display: block !important;

        position: static !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 6px 10px !important;

        box-sizing: border-box !important;

        text-indent: 0 !important;

        transform: none !important;

        left: 0 !important;
    }


    /* -----------------------------------------------------
       PULSANTE APRI / CHIUDI MENU
       ----------------------------------------------------- */

    #mobile_select {
        position: relative !important;
        z-index: 200 !important;
    }


    #mobile_select h2 {
        position: relative !important;
        z-index: 201 !important;
    }


    #mobile_select h2 a {
        position: relative !important;
        z-index: 202 !important;
    }
}


/* =========================================================
   TESTATA MOBILE
   USA ESCLUSIVAMENTE L'IMMAGINE DEDICATA
   ========================================================= */

@media only screen and (max-width: 480px) {

    /* -----------------------------------------------------
       FASCIA GRAFICA MOBILE
       
       IMPORTANTE:
       qui NON utilizziamo più l'immagine desktop.
       Non utilizziamo pseudo-elementi.
       C'è una sola immagine.
       ----------------------------------------------------- */

    #header .logoheader {

        position: relative !important;

        width: 100% !important;

        height: 120px !important;
        min-height: 120px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        background-image: url("/joomla/templates/beez3_delnera/images/personal/pallone_testata_mobile.png") !important;

        background-repeat: no-repeat !important;

        background-position: center center !important;

        background-size: cover !important;

        background-color: transparent !important;

        overflow: hidden !important;

        z-index: 1 !important;
    }


    /* -----------------------------------------------------
       BLOCCA QUALSIASI VECCHIO OVERLAY
       ----------------------------------------------------- */

    #header::before,
    #header::after,
    #header .logoheader::before,
    #header .logoheader::after {

        content: none !important;
        display: none !important;
    }


    /* -----------------------------------------------------
       SCRITTA ASD DEL NERA - MOBILE
       ----------------------------------------------------- */

    #header #logo {

        position: relative !important;

        z-index: 20 !important;

        width: auto !important;

        margin-left: 25px !important;
        margin-right: 0 !important;

        text-align: left !important;

        font-family: Arial, Helvetica, sans-serif !important;

        font-weight: 900 !important;

        font-size: 34px !important;

        letter-spacing: 0.5px !important;

        line-height: 1.1 !important;

        color: #ffffff !important;

        /* Contorno blu */

        -webkit-text-stroke: 1px #06285f !important;

        /* Effetto rilievo / 3D */

        text-shadow:
            1.5px 1.5px 0 #06285f,
            3px 3px 0 #041b42,
            4px 4px 6px rgba(0, 0, 0, 0.65) !important;
    }


    /* -----------------------------------------------------
       MENU MOBILE SEMPRE SOPRA LA TESTATA
       ----------------------------------------------------- */

    #mobile_select {
        position: relative !important;
        z-index: 200 !important;
    }


    #mobile_select h2 {
        position: relative !important;
        z-index: 201 !important;
    }


    #mobile_select h2 a {
        position: relative !important;
        z-index: 202 !important;
    }


    #menuwrapper {
        position: relative !important;
        z-index: 200 !important;
    }


    #menuwrapper ul {
        position: relative !important;
        z-index: 200 !important;
    }
}
/* =========================================================
   FOOTER - STESSA LARGHEZZA DEL CONTENITORE DEL SITO
   ========================================================= */

#footer-outer {
    width: 100% !important;
    max-width: 1000px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;

    background: #0b2a55 !important;
    color: #ffffff !important;
}

#footer-outer #footer {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;

    background: #0b2a55 !important;
    color: #ffffff !important;
}

#footer-outer a {
    color: #ffffff !important;
}
/* =========================================
   FOOTER - stessa larghezza del contenitore
   ========================================= */

#footer-outer {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* Contenuto interno del footer */
#footer-outer > * {
    box-sizing: border-box;
}

/* Mantiene il footer blu */
#footer-outer {
    background-color: #0b2b5b !important;
}

/* Anche su mobile il footer deve seguire la larghezza della pagina */
@media only screen and (max-width: 480px) {
    #footer-outer {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
}
/* =========================================================
   SPONSOR + DONAZIONE
   Layout PC: affiancati
   Layout mobile: uno sotto l'altro
   ========================================================= */

@media screen and (min-width: 769px) {

    /* Contenitore generale */
    #sponsor {
        width: 100% !important;
        float: none !important;
        text-align: center !important;

        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: center !important;
    }

    /* 1° modulo: slideshow sponsor */
    #sponsor > .moduletable:nth-of-type(1) {
        width: 60% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    /* Ridimensiona lo slideshow mantenendo le proporzioni */
    #sponsor > .moduletable:nth-of-type(1) .camera_wrap {
        width: 50% !important;
        height: auto !important;
        aspect-ratio: 1160 / 719 !important;
    }

    /* 2° modulo: DONA ORA */
    #sponsor > .moduletable:nth-of-type(2) {
        width: 40% !important;
        margin: 0 !important;
        padding: 20px 10px 0 10px !important;
        float: none !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }

    /* Immagini della donazione */
    #sponsor > .moduletable:nth-of-type(2) img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* 3° modulo: contatore */
    #sponsor > .moduletable:nth-of-type(3) {
        width: 100% !important;
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
        float: none !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

    #sponsor {
        width: 100% !important;
        float: none !important;
        display: block !important;
        text-align: center !important;
    }

    /* Sponsor */
    #sponsor > .moduletable:nth-of-type(1) {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    #sponsor > .moduletable:nth-of-type(1) .camera_wrap {
        width: 100% !important;
        height: auto !important;
    }

    /* Donazione sotto lo sponsor */
    #sponsor > .moduletable:nth-of-type(2) {
        width: 100% !important;
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
        float: none !important;
        text-align: center !important;
    }

    #sponsor > .moduletable:nth-of-type(2) img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Contatore */
    #sponsor > .moduletable:nth-of-type(3) {
        width: 100% !important;
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
        float: none !important;
        text-align: center !important;
    }
}
/*12.06

/* =========================================================
   SPONSOR + DONAZIONI
   PC: affiancati
   MOBILE: uno sotto l'altro
   ========================================================= */


/* =========================================================
   PC
   ========================================================= */

@media screen and (min-width: 769px) {

    #sponsor {
        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
        clear: both !important;

        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: center !important;

        overflow: visible !important;

        box-sizing: border-box !important;
        text-align: center !important;
    }


    /* -----------------------------------------------------
       SPONSOR - COLONNA SINISTRA
       ----------------------------------------------------- */

    #sponsor > .moduletable:nth-of-type(1) {

        width: 60% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
        clear: none !important;

        position: relative !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    /* Camera slideshow */

    #sponsor > .moduletable:nth-of-type(1) .camera_wrap {

        width: 100% !important;
        max-width: 100% !important;

        /*
         * NON forziamo più 300px.
         * Lasciamo al modulo Camera la sua altezza.
         */
        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    /* -----------------------------------------------------
       DONAZIONI - COLONNA DESTRA
       ----------------------------------------------------- */

    #sponsor > .moduletable:nth-of-type(2) {

        width: 40% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 20px 10px 0 10px !important;

        float: none !important;
        clear: none !important;

        position: relative !important;

        box-sizing: border-box !important;

        text-align: center !important;

        overflow: visible !important;
    }


    #sponsor > .moduletable:nth-of-type(2) img {

        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        display: inline-block !important;

        margin: 0 auto !important;
    }


    /* -----------------------------------------------------
       CONTATORE
       ----------------------------------------------------- */

    #sponsor > .moduletable:nth-of-type(3) {

        width: 100% !important;

        height: auto !important;

        margin: 15px 0 0 0 !important;
        padding: 0 !important;

        float: none !important;
        clear: both !important;

        position: relative !important;

        box-sizing: border-box !important;

        text-align: center !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 768px) {

    #sponsor {

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;

        float: none !important;
        clear: both !important;

        position: relative !important;

        overflow: visible !important;

        box-sizing: border-box !important;

        text-align: center !important;
    }


    /* -----------------------------------------------------
       SPONSOR
       ----------------------------------------------------- */

    #sponsor > .moduletable:nth-of-type(1) {

        width: 100% !important;

        height: auto !important;

        margin: 0 0 30px 0 !important;
        padding: 0 !important;

        display: block !important;

        float: none !important;
        clear: both !important;

        position: relative !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    /*
     * IMPORTANTE:
     * Il modulo Camera usa elementi interni assoluti.
     * Gli diamo una dimensione reale proporzionata
     * alla larghezza disponibile.
     */

    #sponsor > .moduletable:nth-of-type(1) .camera_wrap {

        width: 100% !important;
        max-width: 100% !important;

        height: 62vw !important;
        min-height: 260px !important;
        max-height: 500px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;

        float: none !important;
        clear: both !important;

        position: relative !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* -----------------------------------------------------
       DONAZIONI
       ----------------------------------------------------- */

    #sponsor > .moduletable:nth-of-type(2) {

        width: 100% !important;

        height: auto !important;

        margin: 30px 0 0 0 !important;
        padding: 0 !important;

        display: block !important;

        float: none !important;
        clear: both !important;

        position: relative !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        transform: none !important;

        z-index: 10 !important;

        box-sizing: border-box !important;

        overflow: visible !important;

        text-align: center !important;
    }


    #sponsor > .moduletable:nth-of-type(2) img {

        width: auto !important;
        max-width: 90% !important;
        height: auto !important;

        display: inline-block !important;

        margin: 0 auto !important;
    }


    /* -----------------------------------------------------
       CONTATORE
       ----------------------------------------------------- */

    #sponsor > .moduletable:nth-of-type(3) {

        width: 100% !important;

        height: auto !important;

        margin: 25px 0 0 0 !important;
        padding: 0 !important;

        display: block !important;

        float: none !important;
        clear: both !important;

        position: relative !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }
}
/* Nasconde "Carica di più" SOLO nella Home */
body:has(li.item-101.current) .eapps-facebook-feed-posts-load-more-wrapper {
    display: none !important;
}
/* =========================================================
   FACEBOOK FEED - MOBILE
   Evita la sovrapposizione dei post dopo Load More
   ========================================================= */

@media (max-width: 1023px) {

  .eapps-facebook-feed-posts-inner {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    position: static !important;
    overflow: visible !important;
  }

  .eapps-facebook-feed-posts-item {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 15px !important;
  }

}