/*
 Theme Name:   FO.CO.L Volley Legnano
 Theme URI:    https://www.emotionart.it
 Description:  Tema Child di NapPheme
 Author:       nappa5150
 Author URI:   https://www.emotionart.it
 Template:     nappheme
 Version:      1.5
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Personalized
 Text Domain:  napphemechild
*/
/* ************************************************************************** */
/* *                                                                        * */
/* *  theme: FO.CO.L Volley Legnano                                         * */
/* *                                                                        * */
/* ************************************************************************** */
/* ----------------------------------------------------------------------------- BODY -------- */
body { font-family: "Quicksand", sans-serif; font-weight: 300; }
/* ----------------------------------------------------------------------------- TITOLI -------- */
h1 {
    font-size: 260%;
    font-weight: 700;
}
/* ----------------------------------------------------------------------------- TESTI -------- */

/* ----------------------------------------------------------------------------- LINK HREF -------- */

/* ----------------------------------------------------------------------------- IMMAGINI -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  COLORI SECTION                                                        * */
/* *                                                                        * */
/* ************************************************************************** */

/* ----------------------------------------------------------------------------- COLORI SEZIONI -------- */
/* BODY */
body { background-color: #ffffff; color: #000000; }
/* WIDGET HEADER */
.color-bg-headerwidget-wrap { background-color: #ffffff; }
.color-bg-headerwidget-content { background-color: #ffffff; }
.color-txt-headerwidget-content { color: #000000; }
/* HEADER */
.color-bg-header-wrap { background-color: transparent; }
.color-bg-header-content { background-color: transparent; }
.color-txt-header-content { color: transparent; }
/* CONTENT */
.color-bg-content-wrap { background-color: #ffffff; }
.color-bg-content-content { background-color: #ffffff; }
.color-txt-content-content { color: #000000; }
/* FOOTER */
.color-bg-footer-wrap { background-color: #a1d046; }
.color-bg-footer-content { background-color: #a1d046; }
.color-txt-footer-content { color: #000000; }
.color-txt-footer-content a:link,
.color-txt-footer-content a:visited,
.color-txt-footer-content a:hover,
.color-txt-footer-content a:active{ color: #000000; text-decoration: none; }
/* ----------------------------------------------------------------------------- COLORI GB e TXT -------- */
/* default color dei WP-Block */
.has-nero-background-color { background-color: #000000;}
.has-nero-color { color: #000000;}
.has-verde-background-color { background-color: #39b54a;}
.has-verde-color { color: #39b54a;}
.has-bianco-background-color { background-color: #ffffff;}
.has-bianco-color { color: #ffffff;}
.has-rosso-background-color { background-color: #ff0000;}
.has-rosso-color { color: #ff0000;}

/* ************************************************************************** */
/* *                                                                        * */
/* *  LAYOUT PRINCIPALE                                                     * */
/* *                                                                        * */
/* ************************************************************************** */

/* ----------------------------------------------------------------------------- LARGHEZZE -------- */
/* ----------------------------------------------- larghezze tutto il sito -- */

/* ------------------------------------------- larghezze contenuto PRIMARY -- */

/* ------------------------------------------- larghezze contenuto SIDEBAR -- */

/* ----------------------------------------------------------------------------- PAGE tutto il sito -------- */

/* ----------------------------------------------------------------------------- WRAP HEAD -------- */
/* --------------------------------------------------- HEADER class SWITCH -- */
.wrap-head-class {
    background-image: url("images/bg-head.png");
    background-position: center center;
    background-repeat: repeat-y;
} /* se ci sono degli stile, li toglie */
/* usa has-head-switch per lo stile quando è settato lo switch, ma NON è attivo */
.wrap-head-class.has-head-switch {}
/* usa is-switched per lo stile quando è settato lo switch, ma E' attivo (hai scrollato oltre il valore) */
.wrap-head-class.has-head-switch.is-switched {}
/* ----------------------------------------------------------------------------- HEAD WIDGET -------- */

/* ----------------------------------------------------------------------------- HEAD -------- */
/* ------------------------------------------------------ HEAD FullPage ----- */

/* ------------------------------------------------------ HEAD extra -------- */

/* ----------------------------------------------------- LOGO header -------- */
.wrap-logo-top {
    position: absolute;
    display: block;
    top: 5px;
    left: 50%;
    margin-left: -55px;
    width: 110px;
    z-index: 11;
}
/* ----------------------------------------------------- FORM search -------- */

/* --------------------------------------------------- CONTENT EXTRA -------- */
/* si possono aggiungere dei custom CSS */

/* ------------------------------------------------------- NEWS EXTRA ------- */

/* ------------------------------------------------------- NEWS EXTRA ------- */

/* ----------------------------------------------------------------------------- MAIN content -------- */

/* ------------------------------------------------------ WIDGET centrale --- */

/* ----------------------------------------------------------------------------- FOOTER content -------- */

/* -------------------------------------------- FOOTER con 4 widgets -------- */

/* ------------------------------------------------------ FOOTER box -------- */

/* ------------------------------------------------------ FOOTER grid ------- */

/* ----------------------------------- FOOTER box ID e stili singoli -------- */

/* ----------------------------------------------------------------------------- MENUs -------- */
/* -------------------------------------------------------- wrap menu INSIDE */

/* -------------------------------------------------------- wrap menu OUTSIDE */

/* --------------------------------------------------------- wrap menu BEYOND */

/* ----------------------------------------------------------------- MENU top */

/* ------------------------------------------------- MENU top sided */

/* ------------------------------------------------------------ MENU top RESP */

/* ------------------------------------------------------------- SUPERFISH SF */
/*** ESSENTIAL STYLES ***/
/*** -------------------------------------------- DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 95%;
}
/* box sottomenu */
.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
    text-decoration: none;
    zoom: 1; /* IE7 */
    padding: 0 0.4em 0 0.4em;
}
/* valido per tutti gli <a> */
.sf-menu a { color: #ffffff;}
.sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus { color: #D72638; }
/* valido per tutti gli <li> */
.sf-menu li {
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    -webkit-transition: background .2s;
    transition: background .2s;
    cursor: pointer;
}
/* set dell'ultimo <li> */
.sf-menu li:last-child,
.sf-menu li:nth-last-child(last) {}
/* <li> dei sottomenu Liv 1 e Liv 2 */
.sf-menu ul li { background-color: #ffffff; }
.sf-menu ul ul li { background-color: #ffffff; }
/* valido per tutti gli HOVER <li> */
.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #ffffff;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
}
/* valido per gli HOVER <li> Liv 0 */
.sf-menu > li:hover,
.sf-menu > li.sfHover {
    background: transparent;
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
}
/*** ARROWS (for all except IE7) **/
.sf-arrows .sf-with-ul {
    padding-right: 1.9em;
    *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0.8em;
    margin-top: -3px;
    height: 0;
    width: 0;
    /* order of following 3 rules important for fallbacks to work */
    border: 5px solid transparent;
    border-top-color: #000; /* edit this to suit design (no rgba in IE8) */
    border-top-color: rgba(0, 0, 0, 1);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: #000000; /* IE8 fallback colour */
}
/* styling for right-facing ARROWS */
.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #000; /* edit this to suit design (no rgba in IE8) */
    border-left-color: rgba(0, 0, 0, 1);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #000000; }

/* style VOCI SELEZIONATE */
/* LIVELLO - 0 */
.sf-menu > li.current-menu-item > a { color: #000000; }
.sf-menu > li.current-menu-parent > a { color: #000000; }
.sf-menu > li.current-menu-ancestor > a { color: #000000; }
.sf-menu > li.current-page-ancestor > a { color: #000000; }
/* se una pagina NON è nel menu, ma è una sotto pagina e si vuole evidenziare il genitore */
.sf-menu > li.current-menu-parent a.sf-with-ul:after {}
/* LIVELLO - 1 */
.sf-menu > li ul.sub-menu > li a { color: #000000; padding-top: 5px; padding-left: 7px; padding-bottom: 3px }
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-item > a { color: #000000; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #000000; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #000000; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-parent ul.sub-menu > li > a { color: #000000; }
/* colore link Liv 1 */
.sf-menu > li.current-menu-parent ul.sub-menu > li > a:hover { color: #39b54a; }
/* colore link HOVER Liv 1 */
.sf-menu > li.menu-item ul.sub-menu > li > a:hover { color: #39b54a; }
/* colore link HOVER Liv 1 */
/* LIVELLO - 2 */
.sf-menu > li ul.sub-menu > li > ul.sub-menu > li a { color: #000000; padding-top: 5px; padding-left: 7px; padding-bottom: 3px }
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-item > a { color: #000000; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #000000; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #000000; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-item > a { color: #000000; }
/* item selezionato incluso solo li */

.sf-menu .current-post-ancestor a,
.sf-menu .current-menu-parent a,
.sf-menu .current-page-ancestor a,
.sf-menu .current-category-ancestor a,
.sf-menu .active_category a,
.sf-menu .current-menu-item a {
    background: rgba(255, 255, 255, 0);
}
/* DOUBLE */
.menu-top-left > .sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus { color: #000000; }
.menu-top-right > .sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus { color: #39b54a; }
.menu-top-right > .sf-menu > li.current-menu-item > a { color: #39b54a; }
.menu-top-right > .sf-menu > li.current-menu-parent > a { color: #39b54a; }
.menu-top-right > .sf-menu > li.current-menu-ancestor > a { color: #39b54a; }
.menu-top-right > .sf-menu > li.current-page-ancestor > a { color: #39b54a; }
/* ----------------------------------------------------------- CSS MENU MAKER */
#cssmenu > ul > li > a { background-color: #666666; }
#cssmenu.cssmenu-expand > ul > li > a  { color: #ffffff; background-color: #39b54a; }
/* ************************************************************************** */
/* *                                                                        * */
/* *  CONTENUTI                                                             * */
/* *                                                                        * */
/* ************************************************************************** */

/* ---------------------------------------------------------------- CONTENUTI */
/* HEADER */
/* CONTENUTI */

/* ----------------------------------------------------- IMMAGINE IN EVIDENZA */

/* --- CONTENUTO IMAGE PREVIEW --- */

/* ---------------------------------- contenuto IMMAGINE IN EVIDENZA -------- */

/* ------------------------------------------------------- SPACERBOX -------- */

/* ----------------------------------------------------------- TABLE -------- */

/* --------------------------------------------------------- COLONNE -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  NAP GRIDLIST                                                          * */
/* *                                                                        * */
/* ************************************************************************** */

/* --------------------------------------------------------------- GRIGLIA -- */

/* ----------------------------------------------------------------- LISTA -- */

/* ************************************************************************** */

/* ************************************************************************** */
/* *                                                                        * */
/* *  SHORT CODE STYLEs                                                     * */
/* *                                                                        * */
/* ************************************************************************** */

/* --------------------------------------------------------- EVIDENZIA ------ */

/* ---------------------------------------------------------- READMORE ------ */

/* --------------------------------------------------------- IOSSLIDER ------ */
/* contenuti dello IOSSlider mettendo class custom */
.item-contentbg-sliderhome {}
.item-contentbg-sliderhome .sliderhome {}
.item-contentbg-sliderhome .sliderhome .sliderhome-box {}
.item-contentbg-sliderhome .sliderhome .sliderhome-box .title {}
.item-contentbg-sliderhome .sliderhome .sliderhome-box .text {}
/* ************************************************************************** */
/* *                                                                        * */
/* *  GUTENBERG                                                             * */
/* *                                                                        * */
/* ************************************************************************** */
/* -------------------------------- NEW BLOCK PANEL (cGPT) custom CSS 01.2026 */
.font200 {font-weight: 200;}
.font300 {font-weight: 300;}
.font400 {font-weight: 400;}
.font500 {font-weight: 500;}
.font600 {font-weight: 600;}
.font700 {font-weight: 700;}
.font800 {font-weight: 800;}
.font900 {font-weight: 900;}
.fontnormal {font-weight: normal;}
.fontbold {font-weight: bold;}

.gap0 { gap: 0; }
.gap5 { gap: 5px; }
.gap10 { gap: 10px; }
.gap15 { gap: 15px; }

.padding0 { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;}
.margin0 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;}
/* ************************************************************************** */

/* -------------------------------------------------------- IMMAGINI -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  BREADCRUMB                                                            * */
/* *                                                                        * */
/* ************************************************************************** */
.breadcrumb-content {
    margin: 65px auto 15px auto;
}
/* ---------------------------------------------------------- YOAST BREACRUMB */

/* ------------------------------------------------ quella custom in function */

/* ----------------------------------------------------------------- EXTENDED */

/* --------------------------------------------------------- EMBED RESPONSIVE */

/* -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + */
/* -                                                                        - */
/* -  CSS SPECIFICI DEL SITO                                                - */
/* -                                                                        - */
/* -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + */
.txt-sfumo-verde-nero {
    background: linear-gradient(90deg, rgba(0, 160, 62, 1) 0%, rgba(0, 0, 0, 1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: inline-block;
}
.txt-sfumo-nero-verde {
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 160, 62, 1) 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: inline-block;
}
/* sfondo su chi siamo */
.post-78 {
    background-image: url("images/bg-palla-volley.jpg");
    background-repeat: no-repeat;
    background-position: right top 250px;
    background-size: 40%;
}
figure.immagine-stondata > img,
.immagine-stondata > figure > img,
.immagine-stondata > figure > a > img {
    border: 1px solid #39b54a;
    border-radius: 20px;
}
.focol-sep {
    border-bottom: 1px solid #cccccc;
    font-size: 1px;
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  PLUGINs                                                               * */
/* *                                                                        * */
/* ************************************************************************** */
.nap-slick-title {
    left: 0;
    right: 0;
    color: #ffffff;
    text-shadow: 2px 2px #000000;
    background-color: rgba(0,0,0,.25);
}
/* --------------------------------------------------------- CF7 CONTACT FORM */

/* --------------------------------------------------------------------- WPML */

/* ---------------------------------------------------- ICS CALENDAR -------- */

/* ************************************************************************** */
/* *                                                                        * */
/* *  MEDIA QUERY                                                           * */
/* *                                                                        * */
/* ************************************************************************** */

/* ************************************************************************** */
/* *  GUTENBERG sovrascrivo i CSS                                           * */
/* ************************************************************************** */

/* ----------------------------------------------- COLONNE GUTENBERG -------- */
/* -- quando le dimensioni sono SUPERIORI a 600px -- */
@media (min-width: 600px) {}

/* ************************************************************************** */
/* SCHERMO più piccolo della larghezza del sito, data da fixwidth [960px] */
@media screen and (max-width: 960px) {
}

/* ************************************************************************** */
/* IPAD mini verticale 768 x 1024 */
@media screen and (max-width: 768px) {
}

/* ************************************************************************** */
/* IPHONE 8 plus 414 x 736 */
@media screen and (max-width: 460px) {
    .site-head-height, .site-head-height-compensation {
        height: 80px;
    }
    .wrap-logo-top {
        top: 5px;
        left: 50%;
        margin-left: -35px;
        width: 70px;
    }
}

/* ************************************************************************** */
/* IPHONE 8 plus 375 x 667 */
@media screen and (max-width: 375px) {
}

/* ************************************************************************** */
/* IPHONE SE 320 x 568 */
@media screen and (max-width: 320px) {}