/*
Theme Name: NAP Pheme
Theme URI: https://www.emotionart.it
Version: 1.5
Author: nappa5150
Author URI: https://www.emotionart.it
Description: Tema personalizzato NapPheme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Personalized
Text Domain: nappheme

*/

/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    /*font-weight: inherit;*/
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
/* continuo di quello sopra, ma incasina */
/*
ol, ul, li {
        border: 0;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        // font-weight: inherit;
        margin: 0;
        outline: 0;
        padding: 0;
        vertical-align: baseline;
}
*/
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*font-size: 62.5%;*/
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
body {
    font-family: sans-serif;
    color: #1c1c1b;
    width: 100%;
    /*
    height: 100%;
    width: 100vw;
    height: 100vh;
    */
    background-color: #ffffff;
}
body.noscroll {
    height: 100%;
    overflow: hidden !important;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; }
ol, ul { list-style: none; }
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after { content: ""; }
blockquote, q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}
.clearfix {
    float: left;
    clear: both;
    width: 100%;
}

/* ----------------------------------------------------------------------------- MACSIMON icon FONT -------- */
@font-face {
    font-family: Macsimon icons;
    src: url(macsimonicons.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
.macsimonicons {
    font-family: Macsimon icons;
    font-weight: normal;
    font-size: 200%;
    display: inline-block;
}
/* ----------------------------------------------------------------------------- MACSIMON allergentix FONT -------- */
@font-face {
    font-family: Allergenix;
    src: url(macsimonicons-allergenix-regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}
.macsimonallergenix {
    font-family: Allergenix;
    font-weight: normal;
    font-size: 200%;
    display: inline-block;
}
/*
@font-face {
    font-family: 'macsimoniconsregular';
    src: url('macsimonicon-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
.macsimonicons {
    font-family: 'macsimoniconsregular';
    font-weight: normal;
    font-size: 150%;
}
*/
/* ----------------------------------------------------------------------------- TITOLI -------- */
h1 { font-size: 140%;}
h2 { font-size: 120%;}
h3 { font-size: 115%;}
h4 { font-size: 110%;}
h5 { font-size: 105%;}

/* ----------------------------------------------------------------------------- TESTI -------- */
p {}
em, p em { font-style: italic;}
sup { vertical-align: super; font-size: smaller;}
sub { font-size: 70%;}

/* ----------------------------------------------------------------------------- LINK HREF -------- */
a:focus {
    /*
    outline: 2px solid #c1c1c1;
    outline: 2px solid rgba(51, 51, 51, 0.3);
    */
    border: none;
    border: none;
    outline: 0;
    -moz-outline-style: none;
}
a:hover, a:active {
    border: none;
    outline: 0;
    -moz-outline-style: none;
}
/* --------------------------------------- */
a img { border: 0; }
a, a:link, a:visited {
    color: #000000;
    text-decoration: none;
    /*
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
     */
}
a:hover, a:active, a:focus {
    color: #444342;
    text-decoration: underline;
}
.site-content a, .site-content a:link, .site-content a:visited { text-decoration: none; }
.entry-content > p > a, .entry-content > p > a:link, .entry-content > p > a:visited { text-decoration: underline; }
/* ----------------------------------------------------------------------------- IMMAGINI -------- */
img { height: auto; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { text-align: center;}
figure img { height: auto; }
img.alignleft, figure.alignleft {
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: auto;
}
img.alignleft,
img.alignright, figure.alignright {
    display: block;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    height: auto;
}
img.aligncenter,
img.aligncenter, figure.aligncenter {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}
.img-shadow { box-shadow: 5px 5px 5px #999999; }
.entry-content > .wp-block-image > figure.alignleft { padding-left: 10px; }
/* ************************************************************************** */
/* *                                                                        * */
/* *  COLORI SECTION                                                        * */
/* *                                                                        * */
/* ************************************************************************** */

/* ----------------------------------------------------------------------------- COLORI SEZIONI -------- */
/* BODY */
body { background-color: #ffffff; color: #000000; }
/* WIDGET HEADER */
.color-bg-headerwidget-wrap { /*background-color: silver;*/ }
.color-bg-headerwidget-content { /*background-color: gold;*/ }
.color-txt-headerwidget-content { color: #000000; }
/* HEADER */
.color-bg-header-wrap { /*background-color: purple;*/ }
.color-bg-header-content { /*background-color: mediumpurple;*/ }
.color-txt-header-content { color: #000000; }
/* CONTENT */
.color-bg-content-wrap { /*background-color: blue;*/ }
.color-bg-content-content { /*background-color: cadetblue;*/ }
.color-txt-content-content { color: #000000; }
/* WIDGET - content */
.color-bg-widget-content-wrap { /*background-color: #1ac1f1;*/ }
.color-bg-widget-content-content { /*background-color: #36aae7;*/ }
.color-txt-widget-content-content { color: #000000; }
/* FOOTER */
.color-bg-footer-wrap { /*background-color: yellow;*/ }
.color-bg-footer-content { /*background-color: yellowgreen;*/ }
.color-txt-footer-content { color: #000000; }
.color-txt-footer-content a:link,
.color-txt-footer-content a:visited { color: #000000; text-decoration: none; }
.color-txt-footer-content a:hover,
.color-txt-footer-content a:active,
.color-txt-footer-content a:focus { color: #000000; text-decoration: underline; }
/* ----------------------------------------------------------------------------- COLORI GB e TXT -------- */
/* default color dei WP-Bloxk */
.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 -- */
.fullwidth {
    width: 100%;
    max-width: 100vw;
}

.fixwidth {
    width: 960px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.mobilewidth {
    width: 414px;
    max-width: 414px;
    margin-left: auto;
    margin-right: auto;
}
/* --------------------------------------------------- larghezze WP-BLOCKs -- */
.wp-block-group {
    float: none;
    display: block;
    position: relative;
    padding: 10px;
}
.wp-block-cover.alignwide {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.wp-block-group.alignwide {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    position: relative;
}
.wp-block-cover,
.wp-block-cover.alignfull,
.wp-block-group,
.wp-block-group.alignfull { width: 100%; max-width: 100vw; }
.wp-block-group__inner-container { display: block; width: 100%; float: left; position: relative; }
/* ------------------------------------------- larghezze contenuto PRIMARY -- */
.primary-fullwidth { width: 100%; }
.primary-1sidebar { width: 75%; }
.primary-2sidebar { width: 50%; }
/* ------------------------------------------- larghezze contenuto SIDEBAR -- */
.secondary-width, .tertiary-width { width: 25%; }
/* ----------------------------------------------------------------------------- PAGE tutto il sito -------- */
#page {}
.page-class {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
/* ----------------------------------------------------------------------------- HEAD WIDGET -------- */
#head-site-widget {}
.head-site-widget-class {
    position: relative;
    display: block;
    width: 100%;
    min-height: 35px;
    padding: 0;
    margin: 0;
}
.head-widget-content {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
}
/* ----------------------------------------------------------------------------- HEAD -------- */
#wrap-head {}
.wrap-head-class {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0 auto;
    z-index: 10;
}
#head {}
.head-class {
    position: relative;
    display: block;
    /* width, usa full o fix */
    margin: 0 auto;
}
.site-head {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.site-head-height { height: 100px; }
.site-head-height-compensation { height: 100px; }
.head-site {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
}
.head-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.headfixed {
    position: fixed;
    top: 0;
    z-index: 9999;
}
.headabsolute {
    position: absolute;
    top: 0;
    z-index: 9999;
}
.wrap-head-compensation-class {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}
/* ------------------------------------------------------ HEAD FullPage ----- */
#header-fullpage {}
.header-fullpage {
    display: block;
    position: relative;
    width: 100%;
    /* height: 100vh; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
a.fullpage-scrolldown {
    position: absolute;
    display: block;
    z-index: 9000;
    bottom: 65px;
    left: 50%;
    margin-left: -20px;
    width: 41px;
    height: 50px;
    background-image: url("images/ico-scroll-down.gif");
    background-repeat: no-repeat;
    background-position: center top;
}
.header-fullpage-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.header-fullpage-wrap-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.header-fullpage-content-class {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
/* ------------------------------------------------------ HEAD extra -------- */
#wrap-head-extra {}
.wrap-head-extra-class { display: block; position: absolute; right: 10px; top: 10px; }
.head-extra-content { display: block; float: left; position: relative; }
.head-extra-line1,
.head-extra-line2 { display: block; float: right; position: relative; clear: both; }
/* --- WIDGET */
.head-extra-widget-extra {
    display: block;
    position: absolute;
    top: 15px;
    right: 5px;
}
.head-extra-widget-extra-content {}
/* --- WPML languages flags */
.head-extra-wpml {
    display: block;
    position: absolute;
    top: 30px;
    right: 5px;
}
/* --- SEARCH form */
.head-extra-search {
    display: block;
    position: absolute;
    top: 10px;
    right: 5px;
}
.top-form-ico_cerca { margin-left: 5px; margin-top: 2px; }
.top-form-ico_cerca-font { background-color: transparent; border: 0; padding: 1px 0 0 7px; }
/* ----------------------------------------------------- LOGO header -------- */
#logo {}
.wrap-logo-top {
    position: absolute;
    display: block;
    top: 5px;
    left: 5px;
    width: 175px;
    z-index: 11;
}
.logo-top-class {
    position: relative;
    display: block;
    width: 100%;
}
.logo-top-class img {
    width: 100%;
    border: 0;
}
/* ----------------------------------------------------- FORM search -------- */
.box-top-form {
    padding: 0;
    position: relative;
    display: block;
}
.top-form {
    display: block;
    float: left;
    padding: 3px;
}
.top-form-label-cerca {
    float: left;
    display: inline-block;
    padding: 1px 7px 0px 7px;
    height: 25px;
    font-size: 90%;
    text-transform: capitalize;
}
.top-form-input {
    font-size: 90%;
    display: block;
    float: left;
    padding: 2px 5px;
    height: 25px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
/* ----------------------------------------------------- search -------- */
.box-search-form {
    padding: 5px;
    position: relative;
    display: block;
    float: left;
    border: 1px solid #979ea3;
    border-radius: 5px;
    width: 100%;
}
.search-form-input {
    float: left;
    border: 0;
}
.search-form-ico_cerca {
    display: block;
    position: absolute;
    right: 5px;
    height: auto;
}
/* Responsive form */
.box-top-form-resp {
    position: relative;
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    padding: 1px 5px;
    background-color: #8b959c;
}
.top-form-input-resp {
    font-size: 90%;
    display: inline-block;
    float: left;
    border: 0;
    padding: 3px 2px 2px 2px;
    width: 90%;
    height: 21px;
    background-color: transparent;
    color: #ffffff;
}
.top-form-input-resp::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000000;
    opacity: .5; /* Firefox */
}
.top-form-input-resp:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000000;
}
.top-form-input-resp::-ms-input-placeholder { /* Microsoft Edge */
    color: #000000;
}
.top-form-ico_cerca-resp { display: inline-block; float: left; }
.top-form-ico_cerca-resp-font { background-color: transparent; border: 0; padding: 0; display: inline-block; float: right; }
.resp-form {padding-left: 15px; padding-top: 15px; width: 260px; }
/* --------------------------------------------------- CONTENT EXTRA -------- */
/* si possono aggiungere dei custom CSS */
#wrap-content-extra {}
.wrap-content-extra {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    position: relative;
    background-color: #ffffff;
}

.wrap-content-extra-content {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    min-height: 10px;
}

.wrap-content-extra-content-title {
    display: block;
    position: relative;
    float: left;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 120%;
}

.wrap-content-extra-content-txt {
    display: block;
    position: relative;
    float: left;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

/* ------------------------------------------------------- NEWS EXTRA ------- */
#wrap-news-extra {}
.wrap-news-extra {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
.wrap-news-extra-content { min-height: 135px; }
.wrap-news-extra-content-box1,
.wrap-news-extra-content-box2,
.wrap-news-extra-content-box3,
.wrap-news-extra-content-box4 {
    display: block;
    position: relative;
    float: left;
    width: 25%;
}
a.wrap-news-extra-content-box1,
a.wrap-news-extra-content-box2,
a.wrap-news-extra-content-box3,
a.wrap-news-extra-content-box4 {
    display: block;
    position: relative;
    float: left;
    width: 25%;
}
a.wrap-news-extra-content-box1:link,
a.wrap-news-extra-content-box2:link,
a.wrap-news-extra-content-box3:link,
a.wrap-news-extra-content-box4:link,
a.wrap-news-extra-content-box1:visited,
a.wrap-news-extra-content-box2:visited,
a.wrap-news-extra-content-box3:visited,
a.wrap-news-extra-content-box4:visited { background-color: rgba(255, 255, 255, 0); }

a.wrap-news-extra-content-box1:hover,
a.wrap-news-extra-content-box2:hover,
a.wrap-news-extra-content-box3:hover,
a.wrap-news-extra-content-box4:hover,
a.wrap-news-extra-content-box1:active,
a.wrap-news-extra-content-box2:active,
a.wrap-news-extra-content-box3:active,
a.wrap-news-extra-content-box4:active { background-color: rgba(255, 255, 255, .2); }

.wrap-news-extra-content-box1::after,
.wrap-news-extra-content-box2::after,
.wrap-news-extra-content-box3::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 1px solid #ffffff;
}
.wrap-news-extra-content-box-content {
    display: block;
    float: left;
    position: relative;
    width: 96%;
    margin: 30px 2% 0 2%;
    padding-left: 60px;
    min-height: 105px;
    text-align: left;
    color: #ffffff;
    font-size: 80%;
}

/* ------------------------------------------------------- NEWS EXTRA ------- */
#wrap-banner-inline {}
.wrap-banner-inline {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
.wrap-banner-inline-content {}

/* ----------------------------------------------------------------------------- MAIN content -------- */
#wrap-content {}
.wrap-content-class {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0 auto;
}
#content {}
.content-class {
    position: relative;
    display: block;
    /* width, usa full o fix */
    margin: 0 auto;
}
.site-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    /* padding: ... per gli spazi sopra e sotto usare lo stile child */
}
#primary {}
.primary-class {
    position: relative;
    display: block;
    float: left;
}
.content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
#secondary, #tertiary {}
.secondary-class, .tertiary-class {
    position: relative;
    display: block;
    float: left;
    min-height: 50px;
}
.sidebar-left, .sidebar-right {
    position: relative;
    display: block;
    float: left;
    min-height: 50px;
    padding: 0 15px 0 0;
    margin: 0;
}
/* ------------------------------------------------------ WIDGET centrale --- */
#wrap-center-site-widget {}
.wrap-center-site-widget-class {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0 auto;
}
#center-site-widget-content {}
.center-site-widget-content-class {
    position: relative;
    display: block;
    /* width, usa full o fix */
    margin: 0 auto;
}
.center-widget-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    align-items: center;
}
/* -------------------------------------------------------- RELATED posts --- */
#wrap-related-post {}
.wrap-related-post-class {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0 auto;
    padding-top: 25px;
}
#related-post-content {}
.related-post-content-class {
    position: relative;
    display: block;
    /* width, usa full o fix */
    margin: 0 auto;
}
.related-post-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
}
.related-post-content > .tit {
    width: 100%;
    position: relative;
    display: block;
    float: left;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #8b959c;
}
/* ----------------------------------------------------------------------------- FOOTER content -------- */
#wrap-footer {}
.wrap-footer-class {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0 auto;
}
#footer {}
.footer-class {
    position: relative;
    display: block;
    /* width, usa full o fix */
    margin: 0 auto;
}
.site-footer {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

/* -------------------------------------------- FOOTER con 4 widgets -------- */
.footer-site-widgets {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.footer-site-widgets-height { min-height: 165px; }
.footer-site-content-widgets {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

/* -------------------- FOOTER con 1 widget o solo testo TOP e BOTTOM -------- */
.footer-site-info, .footer-site-info-top, .footer-site-info-bottom, .footer-site-info-bottom-outside {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.footer-site-info-content, .footer-site-info-top-content, .footer-site-info-bottom-content, .footer-site-info-bottom-content-outside {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

/* ------------------------------------------------------ FOOTER box -------- */
.footer-box-25 {
    position: relative;
    display: block;
    float: left;
    width: 25%;
}
.footer-box-33 {
    position: relative;
    display: block;
    float: left;
    width: 33.3%;
}
.footer-box-50 {
    position: relative;
    display: block;
    float: left;
    width: 50%;
}
.footer-box-75 {
    position: relative;
    display: block;
    float: left;
    width: 75%;
}
.footer-box-100 {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
/* ------------------------------------------------------ FOOTER grid -------- */
.footer-grid-1111 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; max-width: 100%; }
.footer-grid-1110 { display: grid; grid-template-columns: 25% 25% 50%; max-width: 100%; }
.footer-grid-1100 { display: grid; grid-template-columns: 25% 25% 50%; max-width: 100%; }
.footer-grid-1000 { display: grid; grid-template-columns: 1fr; max-width: 100%; }
.footer-grid-0110 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; max-width: 100%; }
.footer-grid-1010 { display: grid; grid-template-columns: 1fr 1fr; max-width: 100%; }
.footer-grid-1101 { display: grid; grid-template-columns: 25% 50% 25%; max-width: 100%; }
.footer-grid-1001 { display: grid; grid-template-columns: 75% 25%; max-width: 100%; }
.footer-grid-1011 { display: grid; grid-template-columns: 50% 25% 25%; max-width: 100%; }
.footer-grid-0111 { display: grid; grid-template-columns: 1fr 1fr 1fr; max-width: 100%; }
/* ----------------------------------- FOOTER box ID e stili singoli -------- */
#footer-box-1, #footer-box-2, #footer-box-3, #footer-box-4 {}
.footer-box-1, .footer-box-2, .footer-box-3, .footer-box-4 {}
.footer-box-border1,
.footer-box-border2,
.footer-box-border3,
.footer-box-border4 { border-right: 1px solid #f1f1f1; }

.footer-box-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 0 10px;
}
.footer-box-content,
.footer-site-info-bottom-content {
    font-size: 90%;
}
/* questo serve quando aggiungi un menu nel footer che mette UL */
.footer-box-content ul {
    padding: 0 0;
    margin: 0 auto;
}
/* ----------------------------------------------------------------------------- MENUs -------- */
/* -------------------------------------------------------- wrap menu INSIDE */
#wrap-menu-inside {}
.wrap-menu-inside-class {
    position: absolute;
    display: block;
    float: left;
    margin: 0 auto;
    top: 45%;
    right: 5px;
}
.menu-inside-content {
    position: relative;
    display: block;
    margin: 0 auto;
}
/* -------------------------------------------------------- wrap menu OUTSIDE */
#wrap-menu-outside {}
.wrap-menu-outside-class {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0 auto;
}
.menu-outside-content {
    position: relative;
    display: block;
    margin: 0 auto;
}

/* --------------------------------------------------------- wrap menu BEYOND */
#wrap-menu-beyond {}
.wrap-menu-beyond-class {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    margin: 0 auto;
}
.menu-beyond-content {
    position: relative;
    display: block;
    margin: 0 auto;
}
/* ----------------------------------------------------------------- MENU top */
#menu-top {}
.menu-top {
    position: relative;
    display: block;
}
/* ------------------------------------------------- MENU top sided */
#menu-top-left {}
.menu-top-left {
    position: absolute;
    display: block;
    right: 50%;
    margin-right: 65px;
}
#menu-top-right {}
.menu-top-right {
    position: absolute;
    display: block;
    left: 50%;
    margin-left: 65px;
}
/* ------------------------------------------------------------ MENU top RESP */
#wrap-menu-top-resp {}
.wrap-menu-top-resp { display: none; }
/* ------------------------------------------------------------- SUPERFISH SF */
/*** ------------------------------------- ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu li { position: relative; }
.sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }
.sf-menu > li { float: left; }
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; }
.sf-menu a { display: block; position: relative; }
.sf-menu ul ul { top: 0; left: 100%; }
/*** -------------------------------------------- DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 90%;
}
/* 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: #000000;}
.sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus { color: #ff0000; }
/* 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: #ccff00; }
.sf-menu > li.current-menu-parent > a { color: #ccff00; }
.sf-menu > li.current-menu-ancestor > a { color: #ccff00; }
.sf-menu > li.current-page-ancestor > a { color: #ccff00; }
/* 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: #ff00cc; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #ff00cc; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #ff00cc; }
/* 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: #10C775; }
/* colore link HOVER Liv 1 */
.sf-menu > li.menu-item ul.sub-menu > li > a:hover { color: #10C775; }
/* 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: #ff00cc; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #ff00cc; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #ff00cc; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-item > a { color: #ff00cc; }
/* 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);
}
/* voce di menu selezionata: livello 0 e sotto livello */
.current-menu-parent > a,
.current-menu-item a {}
ul li .sub-menu a:hover,
ul li .sub-menu .current-menu-item a,
ul li .sub-menu .current-menu-item a:hover,
.sub-menu li.sfHover > a {
    background: none;
}
/* ------------------------------------------------------------ CSSMENU MAKER */
.cssmenuicon { font-family: Macsimon icons; font-weight: normal; font-size: 28px; display: inline-block; }
/* sostituisco l'hamburger di fontawasome' */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    color: #000;
    border-bottom: 1px solid #222222;
}
#cssmenu ul ul { display: none; }
/* rientri per gli UL interni */
#cssmenu ul > li > ul > li > ul > li > ul > li > a {padding-left: 40px;}
#cssmenu ul > li > ul > li > ul > li > ul > li > ul > li > a {padding-left: 50px;}
/*.align-right { float: right;}*/
/* #cssmenu > ul > li > ul { height: 30vh; overflow-y: auto; } */
/* lo metto dinamico nell'header mi serve quando il menu è topfixed, altimenti se è troppo lungo non scrolla */
#cssmenu > ul > li > a {
    padding: 3px 3px;
    border-top: 1px none #000000;
    cursor: pointer;
    z-index: 2;
    font-size: 100%;
    font-weight: 300;
    text-decoration: none;
    color: #fff;
    text-align: center;
    background-color: #1D70B7;
}
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {}
#cssmenu > ul > li.open > a {}
#cssmenu > ul > li:last-child > a,
#cssmenu > ul > li.last > a { border-bottom: 1px none #a8aaad; }
.holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}
.holder::after {
    top: 17px;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
}
#cssmenu > ul > li > a:hover > span::after,
#cssmenu > ul > li.active > a > span::after,
#cssmenu > ul > li.open > a > span::after {
    /*border-color: #eeeeee;*/
}
.holder::before {
    top: 18px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
}
#cssmenu ul ul li a {
    cursor: pointer;
    border-bottom: 1px solid #a8aaad;
    border-left: 0px solid #32373e;
    border-right: 0px solid #32373e;
    padding: 10px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 13px;
    color: #000000;
    background: #ffffff;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.open > a,
#cssmenu ul ul li.active > a {
    background: #cfcfcf;
    color: #000000;
}
#cssmenu ul ul li:first-child > a {}
#cssmenu ul ul ul li:first-child > a {}
#cssmenu ul ul ul li a {
    padding-left: 30px;
    background: #e6e6e6;
}
#cssmenu > ul > li > ul > li:last-child > a,
#cssmenu > ul > li > ul > li.last > a { border-bottom: 0; }
#cssmenu > ul > li > ul > li.open:last-child > a,
#cssmenu > ul > li > ul > li.last.open > a { border-bottom: 1px solid #32373e; }
#cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a { border-bottom: 0; }
#cssmenu ul ul li.has-sub > .click-after {
    display: block;
    position: absolute;
    right: 0;
    z-index: 10;
    top: 0;
    width: 15px;
    height: 15px;
    padding: 14px 20px 16.5px 15px;
}
#cssmenu ul ul li.has-sub > .click-after::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#cssmenu ul ul li.active > a::after,
#cssmenu ul ul li.open > a::after,
#cssmenu ul ul li > a:hover::after { border-color: #ffffff; }
/* versione EXPAND menu SIDE */
#cssmenu.cssmenu-expand {
    width: 100vw;
    top: 0;
    margin-right: 0;
    padding-right: 0;
    margin-top: 0;
    padding-top: 0;
    color: #000000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#cssmenu.cssmenu-expand > ul > li > a { color: #000000; background-color: #1D70B7; }
/* per l'INPUT del SEARCH */
#cssmenu ul li.cssmenusearch {
    border-bottom: 1px solid #222222;
    border-left: 0px solid #32373e;
    border-right: 0px solid #32373e;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    z-index: 1;
    text-decoration: none;
    font-size: 13px;
    background: #f1f1f1;
    display: block;
    position: relative;
    height: 35px;
}
.box-form-resp {
    position: relative;
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    padding: 1px 5px;
    background-color: #8b959c;
}
.form-input-resp {
    font-size: 90%;
    display: inline-block;
    position: absolute;
    border: 0;
    top: 7px;
    left: 5px;
    width: 90%;
    height: 21px;
    background-color: transparent;
    color: #000000;
}
.form-ico_cerca-resp-font { background-color: transparent; border: 0; padding: 0; display: inline-block; float: right; }
.form-input-resp::placeholder { color: #000000; opacity: .5; /* Firefox */ }
.form-input-resp:-ms-input-placeholder { color: #000000; }
.form-input-resp::-ms-input-placeholder { color: #000000;}
/* ************************************************************************** */
/* *                                                                        * */
/* *  CONTENUTI                                                             * */
/* *                                                                        * */
/* ************************************************************************** */

/* ---------------------------------------------------------------- CONTENUTI */
/* HEADER */
.entry-header {}
.entry-header > h1,
.entry-header > h2,
.entry-header > h3,
.entry-header > h4,
.entry-header > h5,
.entry-header > h6 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.entry-header-meta {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.entry-header-meta-inside {
    position: relative;
    display: block;
    width: 100%;
}
.entry-header > .entry-header-meta {
    padding: 5px 10px;
}
.entry-header-meta-date {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-style: italic;
}
.entry-header-meta-category {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.entry-header-meta-author {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.entry-header-meta-tag {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.entry-header-meta-tag a,
.entry-header-meta-tag a:link,
.entry-header-meta-tag a:visited {
    font-size: 85%;
    background-color: #e5e5e5;
    color: #000000;
    display: inline-block;
    padding: 2px 4px;
    margin-bottom: 3px;
    border-radius: 3px;
}
.entry-header-meta-tag a:hover,
.entry-header-meta-tag a:active,
.entry-header-meta-tag a:focus {
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
}
.box-tags {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 0 10px;
}
.box-tags a,
.box-tags a:link,
.box-tags a:visited {
    font-size: 85%;
    background-color: #e5e5e5;
    color: #000000;
    display: inline-block;
    padding: 2px 4px;
    margin: 0 1px 3px 1px;
    border-radius: 3px;
}
.box-tags a:hover,
.box-tags a:active,
.box-tags a:focus {
    background-color: #000000;
    color: #ffffff;
    text-decoration: none;
}
/* CONTENUTI */
#entry-header {}
.entry-header {}
.h1-title-home, .h1-title-page, .h1-title-post, .h1-title-cat, .h1-title-tax, .h1-title-tag, .h1-title-author {}
#entry-content {}
.entry-content {}

/* !!! SOLO left e right e bottom !!! */

.entry-content > h1, .entry-content > h2,
.wp-block-column > h1, .wp-block-column > h2,
.wp-block-group .wp-block-group__inner-container > h1,
.wp-block-group .wp-block-group__inner-container > h2 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.entry-content > h3, .entry-content > h4,
.entry-content > h5, .entry-content > h6,
.wp-block-column > h3, .wp-block-column > h4, .wp-block-column > h5, .wp-block-column > h6,
.wp-block-group .wp-block-group__inner-container > h3,
.wp-block-group .wp-block-group__inner-container > h4,
.wp-block-group .wp-block-group__inner-container > h5,
.wp-block-group .wp-block-group__inner-container > h6 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.entry-content > p,
.wp-block-column > p,
.wp-block-group .wp-block-group__inner-container > p {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.entry-content > ul,
.entry-content ul,
.wp-block-column > ul,
.wp-block-group .wp-block-group__inner-container > ul {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    list-style: disc outside none;
}
.entry-content > ul li,
.entry-content ul li,
.wp-block-group .wp-block-group__inner-container > ul li {
    margin-left: 20px;
    padding-left: 0px;
}
.entry-content > ol,
.entry-content ol,
.wp-block-group .wp-block-group__inner-container > ol {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    list-style: decimal outside none;
}
.entry-content > ol li,
.entry-content ol li,
.wp-block-group .wp-block-group__inner-container > ol li {
    margin-left: 20px;
    padding-left: 0px;
}
table,
table td {
    font-size: 100%;
    font-weight: 300;
}
.entry-content > .wp-block-table table { width: auto; margin: 0 10px; }
.entry-content > .wp-block-table table td { padding: 3px; border-bottom: 1px solid #1a1a1a; }
/* ---- WP BLOCK FILE ---- */
.entry-content > .wp-block-file {margin-left: 10px;}
/* ----------------------------------------------------- IMMAGINE IN EVIDENZA */
.wrap-image-preview {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.box-image-preview {
    position: relative;
    display: block;
    /* altezza decisa dalla FUNC */
}
/*
.image-preview-43 {
    height: 0;
    padding-bottom: 75%;
    position: relative;
}
.image-preview-164 {
    height: 0;
    padding-bottom: 25%;
    position: relative;
}
.image-preview-169 {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
 */
.image-preview {
    /*
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
     */
}
/* --- SLIDER SCROLLER ---
   guarda nel codice dell'IMAGE PREVIEW shortcode */
/* --- CONTENUTO IMAGE PREVIEW --- */
#wrap-image-preview-content {}
.wrap-image-preview-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}
.image-preview-content {
    position: relative;
    display: block;
    /* la larghezza la prende con fixwidth */
    margin: 0 auto;
    height: 100%;
    overflow-y: hidden;
}
.wrap-image-preview-content .wp-block-buttons { padding-left: 0; }
/* ---------------------------------- contenuto IMMAGINE IN EVIDENZA -------- */
.image-preview-content-text {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.image-preview-content-text-content {
    display: block;
    float: left;
    width: 100%;
    padding: 0 5%;
}
.image-preview-content-text-content p {}
.image-preview-content-text-content h1 {}
.image-preview-content-text-content h2 {}
/* ---------------------------------- contenuto IMMAGINE IN EVIDENZA VIDEO --- */
.image-preview-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
/* ------------------------------------------------------- SPACERBOX -------- */
.spacerbox {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

/* ----------------------------------------------------------- TABLE -------- */
.table-overflow {
    Width: 100%;
    position: relative;
    display: block;
    float: left;
    Overflow-x: auto;
    overflow-y: visible;
    padding: 0 7px;
}
table tbody tr td {white-space: nowrap;}
/* --------------------------------------------------------- COLONNE -------- */
.wrap-colonne {
    position: relative;
    display: block;
    float: left;
    min-height: 10px;
    padding: 0 10px;
}
.colonna-20, .colonna-25, .colonna-33, .colonna-34,
.colonna-50, .colonna-75, .colonna-80 {
    position: relative;
    display: block;
    float: left;
    min-height: 10px;
}
.colonna-20 {max-width: 20%;}
.colonna-25 {max-width: 25%;}
.colonna-33 {max-width: 33%;}
.colonna-34 {max-width: 34%;}
.colonna-50 {max-width: 50%;}
.colonna-75 {max-width: 75%;}
.colonna-80 {max-width: 80%;}
.colonna-content {
    position: relative;
    display: block;
    float: left;
    width: 99%;
    min-height: 10px;
    margin-right: 1%;
    padding: 0;
}
.colonna-content-category {text-transform: uppercase;}
.colonna-content-title {font-weight: bold;}
.colonna-content-text {}
/* LOADER */
.ajax-loader {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    /*height: 50px;*/
    padding: 60px 5px 5px 5px;
    text-align: center;
    /*background-image: url("images/loader.gif");*/
    background-image: url("images/loader.svg");
    background-position: center 5px;
    background-repeat: no-repeat;
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  NAP GRIDLIST                                                          * */
/* *                                                                        * */
/* ************************************************************************** */
.wrap-nap-gridlist {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.nap-gridlist {
    position: relative;
    display: block;
    float: left;
}
.nap-gridlist-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 0 10px;
}
.nap-gridlist-linkall, a.nap-gridlist-linkall, a.nap-gridlist:link, a.nap-gridlist:visited {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0; left: 0; right: 0; bottom: 0;
    text-decoration: none;
    /*z-index: 99;*/
}
a.nap-gridlist-linkall:hover, a.nap-gridlist-linkall:active, a.nap-gridlist-linkall:focus {
    text-decoration: none;
    background-color: rgba(0, 0, 0, .15);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/* --------------------------------------------------------------- GRIGLIA -- */
.gridbox1, .gridbox2, .gridbox3, .gridbox4, .gridbox5, .gridbox6 {
    display: block;
    float: left;
    position: relative;
    margin-bottom: 10px;
}

.gridbox1 {width: 100%;}
.gridbox2 {width: 50%;}
.gridbox3 {width: 33.3%;}
.gridbox4 {width: 25%;}
.gridbox5 {width: 20%;}
.gridbox6 {width: 16.6%;}

.gridbox-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    /* SHORTCODE */
    /* per l'altezza */
    /* per le distanze da un box all'altro */
}
.gridbox-content-in,
a.gridbox-content-in {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}
a.gridbox-content-in:link,
a.gridbox-content-in:visited {
    text-decoration: none;
    background-color: inherit;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.gridbox-content-in:hover,
a.gridbox-content-in:active,
a.gridbox-content-in:focus {
    text-decoration: none;
    background-color: #cccccc;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.gridbox-content-in .image,
a.gridbox-content-in .image {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 200px;
    /*background-position: center center;*/
    background-repeat: no-repeat;
    background-size: cover; /* inserire percentuale per fare effetto Zoom es: 115% auto */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.gridbox-content-in .image { background-size: cover; }
/* inserire percentuale per fare effetto Zoom */
a.gridbox-content-in:hover .image,
a.gridbox-content-in:active .image,
a.gridbox-content-in:focus .image,
.gridbox-content-in .image:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: cover; /* inserire percentuale per fare effetto Zoom es: 130% auto */
}
.gridbox-content-in .box,
a.gridbox-content-in .box {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
}
.gridbox-content-in .box .title,
a.gridbox-content-in .box .title {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-weight: bold;
    text-decoration: none;
    padding: 5px;
}
.gridbox-content-in .box .title a { text-decoration: none; }
.gridbox-content-in .box .eventdate,
a.gridbox-content-in .box .eventdate {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-size: 90%;
    text-decoration: none;
    padding: 5px;
}
.gridbox-content-in .box .eventdate a { text-decoration: none; }
.gridbox-content-in .box .meta,
a.gridbox-content-in .box .meta {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-size: 60%;
    text-decoration: none;
    padding: 5px;
}
.gridbox-content-in .box .meta .date,
a.gridbox-content-in .box .meta .date {
    position: relative;
    display: block;
    float: left;
    text-decoration: none;
    width: 100%;
}
.gridbox-content-in .box .meta .category,
a.gridbox-content-in .box .meta .category {
    position: relative;
    display: block;
    float: left;
    text-decoration: none;
    width: 100%;
}
.gridbox-content-in .box .meta .author,
a.gridbox-content-in .box .meta .author {
    position: relative;
    display: block;
    float: left;
    text-decoration: none;
    width: 100%;
}
.gridbox-content-in .box .meta .tags,
a.gridbox-content-in .box .meta .tags {
    position: relative;
    display: block;
    float: left;
    text-decoration: none;
    width: 100%;
}
.gridbox-content-in .box .text,
a.gridbox-content-in .box .text {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 5px;
    text-decoration: none;
    overflow-y: auto;
}
.gridbox-content-in .continue,
a.gridbox-content-in .continue {
    position: absolute;
    bottom: 0;
    display: block;
    float: left;
    width: 100%;
    padding: 5px;
    background-color: #ffffff;
    text-decoration: none;
}
.gridbox-content-in .continue a,
.gridbox-content-in .continue a:link,
.gridbox-content-in .continue a:visited {
    text-decoration: none;
}
.gridbox-content-in .continue a:hover,
.gridbox-content-in .continue a:focus,
.gridbox-content-in .continue a:active {
    text-decoration: underline;
}
/* LINK OVERLAY */
.gridbox-content-link-overlay {
    position: absolute;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    padding: 40% 5px 0 5px;
    text-align: center;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

a.gridbox-content-link-overlay:link, a.gridbox-content-link-overlay:visited {
    color: #ffffff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
}

a.gridbox-content-link-overlay:hover, a.gridbox-content-link-overlay:active, a.gridbox-content-link-overlay:focus {
    opacity: 1;
    cursor: pointer;
}

.gridbox-content-link-overlay h1 {
    font-size: 115%;
    color: #e9531d;
}

/* ----------------------------------------------------------------- LISTA -- */
.listbox {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.listbox-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    /* SHORTCODE */
    /* per l'altezza */
    /* per le distanze da un box all'altro */
}
.listbox-content-in,
a.listbox-content-in {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}
.listbox-content-in a {text-decoration: none;}
a.listbox-content-in:link,
a.listbox-content-in:visited {
    text-decoration: none;
    background-color: inherit;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.listbox-content-in:hover,
a.listbox-content-in:active,
a.listbox-content-in:focus {
    text-decoration: none;
    background-color: #e2e2e2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.listbox-content-in .image,
a.listbox-content-in .image {
    position: relative;
    display: block;
    float: left;
    width: 15%;
    height: 100px;
    /*background-position: center center;*/
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.listbox-content-in .image { background-size: cover; }
a.listbox-content-in:hover .image,
a.listbox-content-in:active .image,
a.listbox-content-in:focus .image {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: cover;
}
.listbox-content-in .box,
a.listbox-content-in .box {
    position: relative;
    display: block;
    float: left;
    width: 85%;
}
.listbox-content-in .box .title,
a.listbox-content-in .box .title {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-weight: bold;
    padding: 10px 5px 5px 15px;
}
.listbox-content-in .box .eventdate,
a.listbox-content-in .box .eventdate {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-size: 90%;
    padding: 0 5px 5px 15px;
}
.listbox-content-in .box .meta,
a.listbox-content-in .box .meta {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-size: 60%;
    padding: 0 5px 5px 15px;
}
.listbox-content-in .box .meta .date,
a.listbox-content-in .box .meta .date {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-size: 140%;
}
.listbox-content-in .box .meta .category,
a.listbox-content-in .box .meta .category {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.listbox-content-in .box .meta .author,
a.listbox-content-in .box .meta .author {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.listbox-content-in .box .meta .tag,
a.listbox-content-in .box .meta .tag {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.listbox-content-in .box .text,
a.listbox-content-in .box .text {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 0 5px 5px 15px;
    overflow-y: auto;
}
.listbox-content-in .continue,
a.listbox-content-in .continue {
    position: absolute;
    bottom: 0;
    display: block;
    float: left;
    width: 100%;
    padding: 5px;
    background-color: #ffffff;
}
.listbox-content-in .continue a,
.listbox-content-in .continue a:link,
.listbox-content-in .continue a:visited {
    text-decoration: none;
}
.listbox-content-in .continue a:hover,
.listbox-content-in .continue a:focus,
.listbox-content-in .continue a:active {
    text-decoration: underline;
}
/* ------------------------------------------- CUSTOM (vedi Tecno-Servizi) -- */
.box-icon {}
.box-icon a.gridbox-content-in:hover,
.box-icon a.gridbox-content-in:active,
.box-icon a.gridbox-content-in:focus {
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.75;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-icon .gridbox-content-in .image,
.box-icon a.gridbox-content-in .image {
    position: relative;
    display: block;
    float: left;
    width: 20%;
    height: 50px;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-icon .gridbox-content-in .box,
.box-icon a.gridbox-content-in .box {
    position: relative;
    display: block;
    float: left;
    width: 79%;
    overflow: hidden;
    color: #ffffff;
}
/* ------------------------------------ CUSTOM CIRCLE (vedi FC) -- */
.box-icon-circle {}
.box-icon-circle a.gridbox-content-in:hover,
.box-icon-circle a.gridbox-content-in:active,
.box-icon-circle a.gridbox-content-in:focus {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.75;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-icon-circle .gridbox-content-in .image,
.box-icon-circle a.gridbox-content-in .image {
    position: relative;
    display: block;
    float: none;
    margin: 0 auto;
    width: 160px;
    height: 160px;
    border: 5px solid #ffffff;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-icon-circle .gridbox-content-in .image:hover,
.box-icon-circle a.gridbox-content-in .image:hover {
    border: 5px solid #000000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-icon-circle .gridbox-content-in .box,
.box-icon-circle a.gridbox-content-in .box {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    color: #000000;
    text-decoration: none;
}
.box-icon-circle .gridbox-content-in .box .title,
.box-icon-circle a.gridbox-content-in .box .title {
    text-align: center;
    text-decoration: none;
}
/* ------------------------------------ CUSTOM SQUARE (vedi FC) -- */
.box-icon-square {}
.box-icon-square a.gridbox-content-in:hover,
.box-icon-square a.gridbox-content-in:active,
.box-icon-square a.gridbox-content-in:focus {
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.75;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-icon-square .gridbox-content-in .image,
.box-icon-square a.gridbox-content-in .image {
    position: relative;
    display: block;
    float: none;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.box-icon-square .gridbox-content-in .image:hover,
.box-icon-square a.gridbox-content-in .image:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    filter: invert(75%);
}
.box-icon-square .gridbox-content-in .box,
.box-icon-square a.gridbox-content-in .box {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    overflow: hidden;
    color: #000000;
    text-decoration: none;
}
.box-icon-square .gridbox-content-in .box .title,
.box-icon-square .gridbox-content-in .box .title > a,
.box-icon-square a.gridbox-content-in .box .title {
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
/* -------------------------------- OVERLAY di A HREF ------ */
.overlaylink {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
a.overlaylink,
.overlaylink:link, .overlaylink:visited {
    opacity: 0;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.overlaylink:hover, a.overlaylink:active, a.overlaylink:focus {
    opacity: 1;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: 300%;
    /* background-color definito nello shortcode*/
}
.overlaylinksymbol { display: block; }
/* ************************************************************************** */
/* *                                                                        * */
/* *  NAP EVENTI                                                            * */
/* *                                                                        * */
/* ************************************************************************** */
#wrap-eventi {}
.wrap-eventi-class {
    display: block;
    position: relative;
    width: 100%;
}
.nap-evento {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.evento-box-data {
    display: block;
    float: left;
    position: relative;
    width: 17%;
    margin-right: 3%;
    height: 190px;
    background-color: #3890aa;
}
.evento-box-content {
    display: block;
}
.evento-box-content > h3 { font-size: 120%; }
.evento-box-content > p { font-size: 80%; line-height: 120% }
.evento-box-data-bg {}
.domino-box-data-content {
    color: #ffffff;
    font-weight: 300;
    font-size: 100%;
    text-align: center;
    padding: 50px 5px 5px 5px;
    text-transform: uppercase;
}
.evento-box-data-content span {
    display: inline-block;
    padding-bottom: 5px;
}
.evento-box-data-registrati {
    width: 100%;
    display: block;
    float: left;
    position: absolute;
    bottom: 0;
    /*background-color: #3e6d89;*/
    font-weight: bold;
    font-size: 100%;
    text-align: center;
    padding: 7px 0 7px 0;
    text-transform: uppercase;
}
a.evento-box-data-registrati, a.evento-box-data-registrati:link, a.evento-box-data-registrati:visited {
    color: #ffffff;
}
a.evento-box-data-registrati:hover, a.evento-box-data-registrati:active {
    color: #000000;
    text-decoration: underline;
    /*background-color: #000000;*/
}
/* BOX CATEGORIES in blog list */
.evento-box-categories {
    display: none;
    width: 100%;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 80%;
}
.evento-box-categories a, .evento-box-categories a:link, .evento-box-categories a:visited {}
.evento-box-categories a:hover, .evento-box-categories a:active { text-decoration: underline; }
/*
/* ************************************************************************** */
/* *                                                                        * */
/* *  NAP VIDEOGALLERY                                                      * */
/* *                                                                        * */
/* ************************************************************************** */
.videogallery-wrap {
    display: block;
    width: 100%;
    position: relative;
    float: left;
}
.videogallery-content-grid6 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 30px 7px; padding: 15px;}
.videogallery-content-grid5 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 30px 7px; padding: 15px;}
.videogallery-content-grid4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 30px 7px; padding: 15px;}
.videogallery-content-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px 7px; padding: 15px;}
.videogallery-content-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 7px; padding: 15px;}
.box-videogallery { display: block; position: relative; width: 100%; }
.box-videogallery-video { display: block; position: relative; width: 100%; float: left; border-radius: 7px }
.box-videogallery-video-link { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 7px; }
.box-videogallery-txt { display: block; position: relative; width: 100%; float: left; height: auto; padding-top: 15px}
.box-videogallery-txt-title { display: block; position: relative; width: 100%; float: left; font-weight: bold}
.box-videogallery-txt-text { display: block; position: relative; width: 100%; float: left; line-height: 80%;}
/* ************************************************************************** */
/* *                                                                        * */
/* *  NAP IOSSLIDER                                                         * */
/* *                                                                        * */
/* ************************************************************************** */
/* ---------------------------------------------- slidernews ------ */
/* contenuti dello IOSSlider mettendo class custom */
.item-contentbg-slidernews {}
/* di solito questo NON si tocca */
.slidernews {
    position: absolute;
    display: block;
    width: 100%;
    height: 37%;
    bottom: 0;
    left: 0;
    background-color: rgba(180, 180, 180, 0.9);
    color: #ffffff;
}
a.slidernews,
a.slidernews:link, a.slidernews:visited,
a.slidernews:hover, a.slidernews:active, a.slidernews:focus {
    color: #ffffff;
    text-decoration: none;
}
a.slidernews:hover, a.slidernews:active, a.slidernews:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: rgba(180, 180, 180, 1);
}
.slidernews a, .slidernews a:link, .slidernews a:visited,
.slidernews a:hover, .slidernews a:active, .slidernews a:focus { color: #ffffff; font-style: italic; text-decoration: none; }
.slidernews-box { padding: 10px;}
.slidernews-box > .title { font-weight: 700;}
.slidernews-box > .slidernews-meta {font-size: 85%;}
.slidernews-box > .slidernews-meta > .date { padding: 0 0 10px 0;}
.slidernews-box > .slidernews-meta > .category {}
.slidernews-box > .slidernews-meta > .author {}
.slidernews-box > .text {}
/* ---------------------------------------------- slidergalleryimages ------ */
/* contenuti dello IOSSlider mettendo class custom */
.item-contentbg-slidergalleryimages {}
/* di solito questo NON si tocca */
.slidergalleryimages {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}
a.slidergalleryimages,
a.slidergalleryimages:link, a.slidergalleryimages:visited,
a.slidergalleryimages:hover, a.slidergalleryimages:active, a.slidergalleryimages:focus { text-decoration: none; }
a.slidergalleryimages:hover, a.slidergalleryimages:active, a.slidergalleryimages:focus { background-color: rgba(255, 255, 255, .1); }
.slidergalleryimages a, .slidergalleryimages a:link, .slidergalleryimages a:visited,
.slidergalleryimages a:hover, .slidergalleryimages a:active, .slidergalleryimages a:focus { background-color: rgba(255, 255, 255, .1); }

/* ------------------------------------------------------ Testimonials ------ */
.testimonial-box-photo {
    width: 100%;
    height: 50%;
    display: block;
    float: left;
    position: relative;
}
.testimonial-photo {
    margin: 0 auto;
    width: 160px;
    height: 160px;
    border: 5px solid #ffffff;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.testimonial-box-txt {
    width: 100%;
    height: 50%;
    display: block;
    float: left;
    position: relative;
    padding-left: 15%;
    padding-right: 15%;
}
.testimonial-description,
.testimonial-description > p {
    text-align: center;
    color: #ffffff;
}
.testimonial-description > span { text-transform: uppercase;}
/* ************************************************************************** */
/* *                                                                        * */
/* *  MASONRY                                                               * */
/* *                                                                        * */
/* ************************************************************************** */
.masonry { display: flex; width: 100%; }
.masonry--h { flex-flow: row wrap; flex-direction: row; }
.masonry--v { flex-flow: column wrap; max-height: 1080px; }
.masonry--h, .masonry--v { margin-left: -8px; counter-reset: brick; }
.masonry-brick { overflow: hidden; border-radius: 5px; margin: 0 0 8px 8px; background-color: #ffffff; color: white; position: relative; }
.masonry-brick--h { flex: auto; height: 250px; min-width: 150px; }
.masonry-img { object-fit: cover; width: 100%; height: 100%; }
.masonry-video { object-fit: cover; width: 100%; height: 100%; }
.masonry-link {}
.masonry-brick-content { display: block; position: absolute; bottom: 0; left: 0; z-index: 11; width: 100%; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
a.masonry-brick-content, a.masonry-brick-content:link, a.masonry-brick-content:visited {text-decoration: none;}
a.masonry-brick-content:hover, a.masonry-brick-content:active, a.masonry-brick-content:focus {
    background-color: rgba(255, 255, 255, 1); text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.masonry-brick-content-tit { display: block; width: 100%; color: #000; padding: 7px; font-weight: bold;}
.masonry-brick-content-txt { display: block; width: 100%; color: #000; padding: 7px;}
@media only screen and (min-width: 1024px) {
    .masonry-brick--h:nth-child(4n + 1) { width: 250px; }
    .masonry-brick--h:nth-child(4n + 2) { width: 325px; }
    .masonry-brick--h:nth-child(4n + 3) { width: 180px; }
    .masonry-brick--h:nth-child(4n + 4) { width: 380px; }
    .masonry--v { max-height: 1600px; }
    .masonry-brick--v { width: 33.33333%; }
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .masonry-brick--h:nth-child(4n + 1) { width: 200px; }
    .masonry-brick--h:nth-child(4n + 2) { width: 250px; }
    .masonry-brick--h:nth-child(4n + 3) { width: 120px; }
    .masonry-brick--h:nth-child(4n + 4) { width: 280px; }
    .masonry--v { max-height: 2000px; }
    .masonry-brick--v { width: 50%; }
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  NAPSONRY                                                              * */
/* *                                                                        * */
/* ************************************************************************** */
/* IMPORTANTE: ricordati di inglobare i DIV all'interno di unalista (di DIV o altro)
   di 9 elementi <div> <1><2><3><4><5><6><7><8><9> </div> <div> <1><2>...</div>  */
.napsonry-wrap { position: relative; width: 100%; display: block;}
.napsonry-class { position: relative; width: 100%; display: block; float: left; counter-reset: brick; }
.nap-brick-linkall, a.nap-brick-linkall, a.nap-brick-linkall:link, a.nap-brick-linkall:visited {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0; left: 0; right: 0; bottom: 0;
    /*z-index: 99;*/
}
a.nap-brick-linkall:hover, a.nap-brick-linkall:active, a.nap-brick-linkall:focus {
    background-color: rgba(0, 0, 0, .15);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.nap-brick-content {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    display: block;
    width: 100%; overflow: hidden;
    border-radius: 20px;
    border: 5px solid #ffffff;
    background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center;
}
.nap-brick-content video { width: auto; height: 100%; margin-left: auto; margin-right: auto; display: block; }
.nap-brick-content .video-poster-link { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block; width: 100%; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.nap-brick-content img { width: auto; height: 100%; margin-left: auto; margin-right: auto; text-align: center; display: block; }
.nap-brick-content-box { display: block; position: absolute; bottom: 0; left: 0; z-index: 11; width: 100%; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
a.nap-brick-content-box, .nap-brick-content-box:link, .nap-brick-content-box:visited {text-decoration: none;}
a.nap-brick-content-box:hover, .nap-brick-content-box:active, .nap-brick-content-box:focus {
    background-color: rgba(255, 255, 255, .9); text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.nap-brick-content-box-tit { display: block; width: 100%; color: #000; padding: 7px; font-weight: bold; text-align: left; }
.nap-brick-content-box-meta { display: block; width: 100%; color: #000; padding: 3px 7px; font-size: 80%; text-align: left; }
.nap-brick-content-box-txt { display: block; width: 100%; color: #000; padding: 7px; text-align: left;}
.nap-brick-content:after { counter-increment: brick; }
/* BRICK DEFAULT FORMATO 4 */
.nap-brick-4 { position: relative; display: block; float: left; width: 25%; padding-bottom: 25%; overflow: hidden; }
.nap-brick-4:nth-child(1) { width: 25%; }
.nap-brick-4:nth-child(2) { width: 50%; }
.nap-brick-4:nth-child(3) { width: 25%; }
.nap-brick-4:nth-child(4) { width: 33.3%; padding-bottom: 33%; }
.nap-brick-4:nth-child(5) { width: 33.3%; padding-bottom: 33%; }
.nap-brick-4:nth-child(6) { width: 33.3%; padding-bottom: 33%; }
.nap-brick-4:nth-child(7) { width: 50%; }
.nap-brick-4:nth-child(8) { width: 25%; }
.nap-brick-4:nth-child(9) { width: 25%; }
/* BRICK FORMATO 1 */
.nap-brick-1 { position: relative; display: block; float: left; width: 25%; padding-bottom: 25%; overflow: hidden; }
.nap-brick-1:nth-child(1) { width: 33.3%; padding-bottom: 58%;}
.nap-brick-1:nth-child(2) { width: 33.3%; }
.nap-brick-1:nth-child(3) { width: 33.3%; }
.nap-brick-1:nth-child(4) { width: 66.6%; padding-bottom: 33%; }
.nap-brick-1:nth-child(5) { width: 50%; }
.nap-brick-1:nth-child(6) { width: 50%; }
.nap-brick-1:nth-child(7) { width: 33.3%; padding-bottom: 33%; }
.nap-brick-1:nth-child(8) { width: 33.3%; padding-bottom: 33%; }
.nap-brick-1:nth-child(9) { width: 33.3%; padding-bottom: 33%; }
/* BRICK FORMATO 2 */
.nap-brick-2 { position: relative; display: block; float: left; width: 25%; padding-bottom: 25%; overflow: hidden; }
.nap-brick-2:nth-child(1) { width: 33.3%; padding-bottom: 58%;}
.nap-brick-2:nth-child(2) { width: 66.6%; padding-bottom: 33%; }
.nap-brick-2:nth-child(3) { width: 33.3%; }
.nap-brick-2:nth-child(4) { width: 33.3%; }
.nap-brick-2:nth-child(5) { width: 100%; }
.nap-brick-2:nth-child(6) { width: 50%; }
.nap-brick-2:nth-child(7) { width: 50%; }
.nap-brick-2:nth-child(8) { width: 33.3%; padding-bottom: 33%; }
.nap-brick-2:nth-child(9) { width: 66.6%; padding-bottom: 33%; }
/* BRICK FORMATO 3 */
.nap-brick-3 { position: relative; display: block; float: left; width: 25%; padding-bottom: 25%; overflow: hidden; }
.nap-brick-3:nth-child(1) { width: 25%; }
.nap-brick-3:nth-child(2) { width: 25%; }
.nap-brick-3:nth-child(3) { width: 25%; }
.nap-brick-3:nth-child(4) { width: 25%; }
.nap-brick-3:nth-child(5) { width: 33.3%; }
.nap-brick-3:nth-child(6) { width: 33.3%; }
.nap-brick-3:nth-child(7) { width: 33.3%; }
.nap-brick-3:nth-child(8) { width: 50%; }
.nap-brick-3:nth-child(9) { width: 50%; }
/* BRICK FORMATO 5 */
.nap-brick-5 { position: relative; display: block; float: left; width: 50%; padding-bottom: 50%; overflow: hidden; }
/* BRICK FORMATO 6 */
.nap-brick-6 { position: relative; display: block; float: left; width: 25%; padding-bottom: 25%; overflow: hidden; }
.nap-brick-6-1 { width: 50%; padding-bottom: 50%; }
/* solo il primo è 100% */
/* BRICK FORMATO 7 */
.nap-brick-7 { position: relative; display: block; float: left; width: 50%; padding-bottom: 25%; overflow: hidden; }
/* BRICK FORMATO 8 */
.nap-brick-8 { position: relative; display: block; float: left; width: 33.3%; padding-bottom: 33.3%; overflow: hidden; }
/* formato fisso a 3 blocchi a 33% */
/* BRICK FORMATO 9 */
.nap-brick-9 { position: relative; display: block; float: left; width: 100%; padding-bottom: 80%; overflow: hidden; }
/* formato a 1 al 100% */
/* BRICK FULL WIDTH */
/* da inserire, se si usa, nella class della voce di menu */
.nap-brick-fullwidth { width: 100%; }
@media screen and (max-width: 460px) {
    /* BRICK FORMATO 3 */
    .nap-brick-3:nth-child(1) { width: 100%; padding-bottom: 100%; }
    .nap-brick-3:nth-child(2) { width: 100%; padding-bottom: 100%; }
    .nap-brick-3:nth-child(3) { width: 100%; padding-bottom: 100%; }
    .nap-brick-3:nth-child(4) { width: 100%; padding-bottom: 100%; }
    .nap-brick-3:nth-child(5) { width: 100%; padding-bottom: 58%; }
    .nap-brick-3:nth-child(6) { width: 100%; padding-bottom: 58%; }
    .nap-brick-3:nth-child(7) { width: 100%; padding-bottom: 58%; }
    .nap-brick-3:nth-child(8) { width: 100%; padding-bottom: 100%; }
    .nap-brick-3:nth-child(9) { width: 100%; padding-bottom: 100%; }
    /* BRICK FORMATO 5 */
    .nap-brick-5 { width: 100%; padding-bottom: 80%; }
    /* BRICK FORMATO 6 */
    .nap-brick-6 { width: 100%; padding-bottom: 80%; }
    /* BRICK FORMATO 7 */
    .nap-brick-7 { width: 100%; padding-bottom: 80%; }
    /* BRICK FORMATO 8 */
    .nap-brick-7 { width: 50%; padding-bottom: 50%; }
}
/* ************************************************************************** */

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

/* --------------------------------------------------------- EVIDENZIA ------ */
.wrap-nap-evidenzia {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    clear: both;
}
.nap-evidenzia {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
}
/* ---------------------------------------------------------- READMORE ------ */
.nap-readmore,
.readmore {
    display: inline-block;
    padding: 8px;
    background-color: #ffffff;
}
a.nap-readmore,
a.readmore, a.readmore:link, a.readmore:visited {
    background-color: #f48a31;
    border: 1px solid #f48a31;
    color: #ffffff;
    text-decoration: none;
    font-size: 80%;
}
a.readmore:hover, a.readmore:active, a.readmore:focus {
    background-color: #ffffff;
    border: 1px solid #f48a31;
    color: #f48a31;
    text-decoration: none;
}
/* ---------------------------------------------------- GIAN CITAZIONE ------ */
.gian-citazione {
    display: block;
    width: 98%;
    margin: 0 1%;
    float: left;
    position: relative;
    clear: both;
    color: #000000;
    font-style: italic;
    font-size: 130%;
}
/* -------------------------------------------------------- SEARCH BOX ------ */
/* form da shortcode (da usare ad esempio nei widget) */
.nap-search {
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
}
/* --------------------------------------------------------- LOGIN BOX ------ */
/* Panel LOGIN da shortcode (da usare ad esempio nei widget) */
.nap-access {
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
}
.nap-access-user, .nap-access-exit, .nap-access-login {
    display: inline-block;
    padding-right: 10px;
    padding-top: 3px;
}
.nap-access-user a:link, .nap-access-user a:visited,
.nap-access-exit a:link, .nap-access-exit-user a:visited,
.nap-access-login a:link, .nap-access-login a:visited { text-decoration: none; }
.nap-access-user a:hover, .nap-access-user a:active,
.nap-access-exit a:hover, .nap-access-exit-user a:active,
.nap-access-login a:hover, .nap-access-login a:active { text-decoration: underline; }
/* ************************************************************************** */
/* *                                                                        * */
/* *                              GUTENBERG                                 * */
/* *                                                                        * */
/* ************************************************************************** */
/* ------------------------------------------------ WP BLOCK PULSANTE ------- */
.wp-block-buttons { padding-left: 10px; padding-right: 10px; }
p.has-background { padding: 10px; }
a.wp-block-button__link:link, a.wp-block-button__link:visited {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a.wp-block-button__link:hover, a.wp-block-button__link:active, a.wp-block-button__link:focus {
    background-color: #000000;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/* ------------------------------------------------ WP BLOCK GALLERY -------- */
/* metto l'opacity sull rollover delle immagine del BLOCK Gallery di WP */
li.blocks-gallery-item figure a:hover,
li.blocks-gallery-item figure a:active,
li.blocks-gallery-item figure a:focus { opacity: .9; }

/* -------------------------------------- WP BLOCK COLONNE GUTENBERG -------- */

/* -------------------------------------- WP BLOCK COVER - INLINE - GROUP --- */
/*.wp-block-cover__inner-container,
.wp-block-group,
.wp-block-cover,
.alignfull { display: block; float: left; }*/
.wp-block-group,
.alignfull { display: block; float: left; }
/* ----------------------------------------------- WP BLOCK IMMAGINI -------- */
.wp-block-image { padding: 0; margin: 0; }
.alignleft { padding: 0; margin: 0; }
/* ------------------------------------------------ WP BLOCK YOUTUBE -------- */
.youtube-responsive-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.youtube-responsive-container iframe,
.youtube-responsive-container object,
.youtube-responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ------------------------------------------------ WP BLOCK YOUTUBE -------- */
.vimeo-responsive-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.vimeo-responsive-container iframe,
.vimeo-responsive-container object,
.vimeo-responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ############################################################################# WP BLOCK custom styles #### */
/* ---------------------------------------------- WP BLOCK HIDE item -------- */
.hide-wp-block, .hide-block, .hide, .nascondi { display: none; }
/* ---------------------------- WP BLOCK reset item padding / margin -------- */
.wp-block-reset-padding,
.wp-block-reset-padding .wp-block-group__inner-container { padding: 0px; }
.wp-block-reset-margin,
.wp-block-reset-margin .wp-block-group__inner-container { margin: 0px; }
.wp-block-reset-gap { gap: 0em; !important;}
/* ----------------------------------------- WP BLOCK mostra solo... -------- */
.wp-block-mostrasolodesktop { display: block; }
.wp-block-mostrasolomobile { display: none; }
/* ************************************************************************** */
/* *                                                                        * */
/* *  BREADCRUMB                                                            * */
/* *                                                                        * */
/* ************************************************************************** */
#wrap-breadcrumb {}
.wrap-breadcrumb {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.breadcrumb-content {
    position: relative;
    display: block;
    font-size: 90%;
    padding-left: 5px;
    margin: 15px auto 15px auto;
}
/* ---------------------------------------------------- WOOCOMMERCE BREACRUMB */
.woocommerce-breadcrumb { padding-left: 0; }
ul.woocommerce-breadcrumb li { display: inline-block; float: left; }
ul.woocommerce-breadcrumb li { padding-left: 3px; padding-right: 3px; }
ul.woocommerce-breadcrumb li:after { content: " >"; }
ul.woocommerce-breadcrumb li:last-child::after { content: ""; }
/* ---------------------------------------------------------- YOAST BREACRUMB */
p#breadcrumbs {
    width: 100%;
    display: block;
    float: left;
    /*padding-left: 2%;
    padding-right: 2%;*/
    padding-bottom: 15px;
    color: #707173;
    font-size: 100%;
}
/*
p#breadcrumbs a, p#breadcrumbs a:link, p#breadcrumbs a:visited {
    background-color: #afb4b7;
    color: #7b8185;
    display: block;
    float: left;
    padding: 3px 10px 3px 10px;
    border: 2px solid #fff;
    border-radius: 0px 20px 0px 0px;
}

p#breadcrumbs a:hover, p#breadcrumbs a:active {
    background-color: #7b8185;
    color: #fff;
    text-decoration: none;
}

p#breadcrumbs .breadcrumb_last {
    background-color: #83bf37;
    color: #fff;
    display: block;
    float: left;
    padding: 3px 10px 3px 10px;
    border: 2px solid #fff;
    border-radius: 0px 20px 0px 0px;
}
*/
/* NORMALE */
p#breadcrumbs a, p#breadcrumbs a:link, p#breadcrumbs a:visited { color: #707173; }
p#breadcrumbs a:hover, p#breadcrumbs a:active { color: #000000; }
/* ------------------------------------------------ quella custom in function */
.box-breadcrumb {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 75%;
}
.breadcrumb {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-top: 15px;
}
.bc-active {
    color: #000;
    padding-top: 10px;
}
.breadcrumb a {
    font-weight: lighter;
    padding-top: 10px;
}

/* ----------------------------------------------------------------- EXTENDED */
.box-breadcrumb-extended {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 75%;
    display: block;
    margin-bottom: 50px;
    float: left;
}
.box-breadcrumb-extended a { padding: 3px; }
.box-breadcrumb-extended li, .box-breadcrumb-extended ul, .box-breadcrumb-extended li ul {
    list-style: none;
    padding-top: 5px;
    padding-left: 0px;
    margin: 0px;
    float: left;
    display: block;
}
.box-breadcrumb-extended li.page_item_has_children {
    list-style: none;
    padding-top: 5px;
    padding-left: 0px;
    margin-left: 0px;
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.box-breadcrumb-extended ul.children {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    display: block;
    float: left;
    width: 100%;
    text-transform: lowercase;
    font-weight: normal;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}
.box-breadcrumb-extended ul.children a { border-right: 1px solid #fc331e; }
.box-breadcrumb-extended .current_page_parent a {
    background-color: #fc331e;
    color: #fff;
    border-right: 2px solid #fff;
}
.box-breadcrumb-extended .current_page_parent a:hover {
    background-color: #fdc576;
    color: #000;
}
.box-breadcrumb-extended .current_page_parent a:hover {
    background-color: #fdc576;
    color: #000;
    text-decoration: none;
}
.box-breadcrumb-extended .current_page_item a {
    background-color: orange;
    color: #000;
    border-right: 2px solid #fff;
}
.box-breadcrumb-extended .bce-titolo {
    width: 100%;
    text-align: center;
    padding: 3px;
    display: block;
    background-color: orange;
    text-transform: uppercase;
    font-weight: bold;
}
/* ------------------------------------------------------------- GO BACK PAGE */
.backhistory {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-bottom: 30px;
}
/* -------------------------------------------- ACCORDION VERTICAL MULTILEVEL */
/* NO COLLAPSE */
.topnav {
    width: 100%;
    padding: 5px;
    display: block;
    float: left;
    position: relative;
}
.box-tax-first {
    background-color: rgba(0, 0, 0, .2);
    margin-top: 2px;
    margin-bottom: 2px;
    text-transform: uppercase;
}
.box-tax-second {
    background-color: rgba(0, 0, 0, .1);
    border-left: 5px solid rgba(0, 0, 0, .1);
    margin-left: 8px;
    font-size: 11px;
    padding: 30px 7px 3px 7px;
    text-transform: uppercase;
}
ul.topnav {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.topnav li {}
/* LIVELLO - 0 - */
ul.topnav li a {
    padding: 3px 7px;
    color: #000000;
    display: block;
    text-decoration: none;
    font-weight: bolder;
}
ul.topnav li a:hover {
    background-color: #2d2d2d;
    color: #ffffff;
}
/* LIVELLO - 1 - */
ul.topnav ul {
    margin: 0;
    padding: 0;
    display: none;
}
ul.topnav ul li {
    margin: 0;
    padding: 0;
    clear: both;
    font-size: 12px;
}
ul.topnav ul li a {
    padding-left: 5px;
    font-weight: normal;
    outline: 0;
}
ul.topnav ul li a:hover {
    background-color: #2d2d2d;
    color: #ffffff;
}
/* LIVELLO - 2 - */
ul.topnav ul ul li {
    padding-left: 5px;
    margin-left: 8px;
    border-left: 5px solid rgba(0, 0, 0, .1);
    font-size: 10px;
}
ul.topnav ul ul li a {
    color: #000000;
    padding-left: 0px;
}
ul.topnav ul ul li a:hover {
    background-color: #2d2d2d;
    color: #ffffff;
}
ul.topnav span {
    float: right;
}
/* ----------------------------------------------- ACCORDION VERTICAL CONTENT */
.vaccordion-cont-wrap {
    display: block;
    width: 100%;
    position: relative;
}
.vaccordion-cont-wrap-ul {
    display: block;
    width: 100%;
    position: relative;
}
/* --------------------------------------------------------- EMBED RESPONSIVE */
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
/* ----------------------------------------------------------- MAGNIFIC POPUP */
/* https://dimsemenov.com/plugins/magnific-popup/documentation.html */
.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  PLUGINs                                                               * */
/* *                                                                        * */
/* ************************************************************************** */

/* --------------------------------------------------------- CF7 CONTACT FORM */
.entry-content .wpcf7 { padding: 0 10px; }
.entry-content .wpcf7 .wpcf7-text, .wpcf7-textarea {
    width: 100%;
    display: block;
    padding: 7px;
    font-size: 100%;
    border: 1px solid #d2d2d2;
    margin-bottom: 5px;
    background-color: #f3f3f3;
}
.entry-content .wpcf7 .wpcf7-textarea {
    height: 100px;
    font-size: 100%;
}
.entry-content .wpcf7 .wpcf7-submit {
    background-color: #d2d2d2;
    color: #000000;
    padding: 10px;
    text-transform: uppercase;
    margin-top: 3px;
    display: inline-block;
    border-radius: 2px;
    border-width: 0;
    text-align: center;
    width: 50%;
    float: left;
}
.entry-content .wpcf7 .wpcf7-file {
    /*background-color: #00579e;*/
    color: #55575c;
    padding: 15px;
    text-transform: uppercase;
    font-size: 90%;
    margin-top: 3px;
    display: inline-block;
    border-radius: 0px;
    border-width: 0;
    text-align: center;
    /*width: 45%;*/
}
.entry-content .wpcf7 .wpcf7-file input {}
.entry-content .wpcf7 .wpcf7-response-output { display: block; float: left;}
/*
.wpcf7 {
    font-size: 12px;
}

.wpcf7-text, .wpcf7-textarea {
    width: 100%;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    font-size: 100%;
    color: #888888;
    border: 1px solid #A3A3A3;
    margin-bottom: 5px;
}

.wpcf7-textarea {
    height: 50px;
}

.wpcf7-submit {
    background-color: #ffffff;
    color: #000000;
    padding: 3px;
    text-transform: uppercase;
    font-size: 90%;
    margin-top: 3px;
    display: inline-block;
    border-radius: 0px;
    border-width: 0;
    text-align: center;
    width: 100%;
}

.wpcf7-file {
    color: #55575c;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-size: 90%;
    margin-top: 3px;
    display: inline-block;
    border-radius: 0px;
    border-width: 0;
    text-align: center;
}
*/

/* --------------------------------------------------------------------- WPML */
#lang {}
.site-language {}
.site-language a, .site-language a:link, .site-language a:visited { opacity: 0.3; }
.site-language a:hover, .site-language a:active, .site-language a:focus { opacity: 1; }
.site-language img { margin-left: 10px; }
ul.site-language-ul {}
li.site-language-li {}
a.site-language-link {}
span.site-language-text { text-transform: uppercase; }
span.site-languages-sep { display: inline-block; padding: 0 3px; font-size: 95%;}
/* FLAG default */
.wpml-ls-menu-item .wpml-ls-flag {
    height: auto !important;
    width: auto !important;
}
/* FLAG custom */
img.flag-img {
    width: 25px;
    height: auto;
    box-shadow: 1px 1px 3px #808589;
}
/* ------------------------------------------------------------- ICS CALENDAR */
.ics-calendar {padding-left: 10px; padding-right: 10px; }

/* --------------------------------------------------------------- WP-MEMBERS */
#wpmem_reg, #wpmem_login { padding: 0 10px;}

/* ----------------------------------------------------------------- PAGENAVI */
.wp-pagenavi { padding-top: 15px; text-align: center; }
/* ----------------------------------------------------------------- MAILPOET */
form.mailpoet-manage-subscription {
    display: block;
    padding: 10px;
}
form.mailpoet-manage-subscription .mailpoet_text_label,
form.mailpoet-manage-subscription .mailpoet_select_label,
form.mailpoet-manage-subscription .mailpoet_segment_label {
    display: block;
    font-weight: bold;
}
form.mailpoet-manage-subscription .mailpoet_select,
form.mailpoet-manage-subscription .mailpoet_text {
    width: 50%;
    padding: 12px;
}
form.mailpoet-manage-subscription .mailpoet_paragraph {
    margin-bottom: 20px
}
form.mailpoet-manage-subscription .mailpoet_submit {
    padding: 20px 20px;
    width: 50%;
    font-weight: bold;
    background-color: #000000;
    color: #ffffff;
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  MEDIA QUERY                                                           * */
/* *                                                                        * */
/* ************************************************************************** */

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

/* ----------------------------------------------- COLONNE GUTENBERG -------- */
/* -- quando le dimensioni sono SUPERIORI a 600px -- */
@media (min-width: 600px) {
    .wp-block-column:nth-child(odd) { margin-right: 5px }
    .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) { margin-left: 5px }
    .wp-block-column:not(:last-child) { margin-right: 5px }
    .wp-block-columns.has-2-columns.wp-block-columns-2575 .wp-block-column:first-child {
        max-width: 25%;
        flex-basis: 25%;
    }
    .wp-block-columns.has-2-columns.wp-block-columns-2575 .wp-block-column:nth-child(2n) {
        max-width: 75%;
        flex-basis: 75%;
    }
    .wp-block-columns.has-2-columns.wp-block-columns-7525 .wp-block-column:first-child {
        max-width: 65%;
        flex-basis: 65%;
    }
    .wp-block-columns.has-2-columns.wp-block-columns-7525 .wp-block-column:nth-child(2n) {
        max-width: 35%;
        flex-basis: 35%;
    }
    .wp-block-columns .has-2-columns.wp-block-columns-6535 .wp-block-column:first-child {
        max-width: 65%;
        flex-basis: 65%;
    }
    .wp-block-columns .has-2-columns.wp-block-columns-6535 .wp-block-column:nth-child(2n) {
        max-width: 35%;
        flex-basis: 35%;
    }
}

/* ************************************************************************** */
/* SCHERMO più piccolo della larghezza del sito, data da fixwidth [960px] */
@media screen and (max-width: 960px) {
    .entry-content > .wp-block-image > figure.alignleft { padding-left: 0; }
    .fullwidth, .fixwidth { width: 100%; max-width: 100%; }
    /* -------------------------------------------------------- HEAD -------- */
    .site-head-height { height: 80px; }
    .head-site-widget-class { display: none; }
    /* -------------------------------------------------------- LOGO -------- */
    .wrap-logo-top {
        position: absolute;
        display: block;
        width: 105px;
    }
    /* -------------------------------------------------------- HEAD extra -- */
    .head-extra-line1 { /* nasconde il cerca al TOP */ display: none; }
    .head-extra-search { display: none; }
    /* -------------------------------------------------------- MENU -------- */
    #cssmenu { display: block; }
    .wrap-menu-top-resp { display: block; }
    #menu-top, #wrap-menu-outside, #wrap-menu-beyond { display: none; }
    #menu-top-left, #menu-top-right, .menu-top-left, .menu-top-right { display: none; }

    /* ----------------------------------------------------- CONTENT -------- */
    /* !!! SOLO left e right !!! */
    .entry-content > p,
    .entry-content > h1, .entry-content > h2, .entry-content > h3,
    .entry-content > h4, .entry-content > h5, .entry-content > h6 {
        padding-left: 7px;
        padding-right: 7px;
    }
    .entry-content ul {
        padding-left: 7px;
        padding-right: 7px;
    }
    /* GUTENBERG */
    .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 10px); }
    .wp-block-group { padding: 10px 0; }
    .wp-block-cover.alignwide,
    .wp-block-group.alignwide {
        width: 100%;
    }
    /* ------------------------------------------- larghezze contenuto PRIMARY -- */
    .primary-fullwidth { width: 100%; }
    .primary-1sidebar { width: 100%; }
    .primary-2sidebar { width: 100%; }
    /* ------------------------------------------- larghezze contenuto SIDEBAR -- */
    .secondary-width, .tertiary-width { width: 100%; }
    .sidebar-left, .sidebar-right { padding: 0 10px 0 10px; }
    /* --------------------------------------------------- NEWS EXTRA ------- */
    .wrap-news-extra-content-box-content { font-size: 70%; }

    /* -------------------------------------------------- FOOTER box -------- */
    .footer-box-1, .footer-box-2, .footer-box-3, .footer-box-4 { width: 100%; }
    .footer-box-25 { width: 50%; padding-top: 5px; padding-bottom: 10px; margin-top: 5px; margin-bottom: 5px; }
    .footer-box-50 { width: 100%; clear: left; padding-top: 5px; padding-bottom: 10px; margin-top: 5px; margin-bottom: 5px; }
    .footer-box-75 { width: 100%; clear: left; padding-top: 5px; padding-bottom: 10px; margin-top: 5px; margin-bottom: 5px; }
    .footer-box-100 { width: 100%; clear: left; padding-top: 5px; padding-bottom: 10px; margin-top: 5px; margin-bottom: 5px; }
    .footer-box-border1, .footer-box-border2, .footer-box-border3, .footer-box-border4 { border: 0px none transparent; }
    .footer-site-info-content, .footer-site-info-top-content, .footer-site-info-bottom-content {
        padding-left: 10px;
        padding-right: 10px;
    }
    .wp-block-mostrasolodesktop { display: none; }
    .wp-block-mostrasolomobile { display: block; }
}

/* ************************************************************************** */
/* IPAD mini verticale 768 x 1024 */
@media screen and (max-width: 768px) {
    /* --------------------------------------------------- NEWS EXTRA ------- */
    .wrap-news-extra-content-box1,
    .wrap-news-extra-content-box2,
    .wrap-news-extra-content-box3,
    .wrap-news-extra-content-box4 {
        width: 50%;
        border-bottom: 1px solid #ffffff;
        height: 90px;
        display: flex;
        align-items: center;
    }

    a.wrap-news-extra-content-box1,
    a.wrap-news-extra-content-box2,
    a.wrap-news-extra-content-box3,
    a.wrap-news-extra-content-box4 {
        width: 50%;
        border-bottom: 1px solid #ffffff;
        height: 90px;
        display: flex;
        align-items: center;
    }

    .wrap-news-extra-content-box2::after,
    .wrap-news-extra-content-box4::after {
        border-right: none;
    }

    a.wrap-news-extra-content-box2::after,
    a.wrap-news-extra-content-box4::after {
        border-right: none;
    }

    .wrap-news-extra-content-box-content {
        min-height: 50px;
        margin: auto;
    }

    /* ------------------------------------------- COLONNE GUTENBERG -------- */
    .wp-block-column:nth-child(odd) { margin-right: 0; }
    .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) { margin-left: 1%; }
    .wp-block-column:not(:last-child) { margin-right: 0; }
    .wp-block-columns.has-2-columns.wp-block-columns-2575 .wp-block-column:first-child { max-width: 49%; flex-basis: 49%; }
    .wp-block-columns.has-2-columns.wp-block-columns-2575 .wp-block-column:nth-child(2n) { max-width: 49%; flex-basis: 49%; }
    .wp-block-columns.has-2-columns.wp-block-columns-7525 .wp-block-column:first-child { max-width: 49%; flex-basis: 49%; }
    .wp-block-columns.has-2-columns.wp-block-columns-7525 .wp-block-column:nth-child(2n) { max-width: 49%; flex-basis: 49%; }
    .wp-block-columns.has-2-columns.wp-block-columns-6535 .wp-block-column:first-child { max-width: 49%; flex-basis: 49%; }
    .wp-block-columns.has-2-columns.wp-block-columns-6535 .wp-block-column:nth-child(2n) { max-width: 49%; flex-basis: 49%; }
    /* ----------------------------------------------------- COLONNE -------- */
    .colonna-20, .colonna-25, .colonna-33, .colonna-34, .colonna-50 { max-width: 50%; }
    .colonna-75, .colonna-80 { max-width: 100%; }
    .wp-block-column img, figure img,
    .wp-block-image figure img { height: auto; }
    /* ----------------------------------------------- NAP GRID LIST -------- */
    .gridbox1 {width: 100%;}
    .gridbox2 {width: 50%;}
    .gridbox3 {width: 50%;}
    .gridbox4 {width: 50%;}
    .gridbox5 {width: 50%;}
    .gridbox6 {width: 50%;}

    .listbox-content-in .image, a.listbox-content-in .image { width: 35%; }
    .listbox-content-in .box, a.listbox-content-in .box { width: 65%; }
    /* -------------------------------------------------- FOOTER box -------- */
    .footer-site-widgets-height { min-height: 20px; }
    .footer-grid-1111, .footer-grid-1110, .footer-grid-1100, .footer-grid-1000, .footer-grid-0110,
    .footer-grid-1010, .footer-grid-1101, .footer-grid-1001, .footer-grid-1011, .footer-grid-0111 {
        display: grid; grid-template-columns: 50% 50%; max-width: 100%;
    }
    .footer-box-border1, .footer-box-border2, .footer-box-border3, .footer-box-border4 { border: 0px none transparent; border-bottom: 1px solid #ffffff; }
    .footer-box-content { padding-top: 15px; padding-bottom: 15px; }
}

/* ************************************************************************** */
/* IPHONE 8 plus 414 x 736 */
@media screen and (max-width: 460px) {
    .alignleft, .wp-block-image .alignleft { margin: 0 auto 10px auto; }
    .alignright, .wp-block-image .alignright { margin: 0 auto 10px auto; }
    .entry-content > .wp-block-image > figure.alignleft,
    .entry-content > .wp-block-image > figure.alignleft img { width: 100%; height: auto; padding: 0; margin: 0;}
    /* ------------------------------------------------ CONTENT WIDTH ------- */
    .mobilewidth { width: 100%; }

    /* --------------------------------------------------- NEWS EXTRA ------- */
    .wrap-news-extra-content { min-height: 10px; }

    .wrap-news-extra-content-box1,
    .wrap-news-extra-content-box2,
    .wrap-news-extra-content-box3,
    .wrap-news-extra-content-box4 {
        width: 100%;
        border-bottom: 1px solid #ffffff;
        max-height: 120px;
    }

    a.wrap-news-extra-content-box1,
    a.wrap-news-extra-content-box2,
    a.wrap-news-extra-content-box3,
    a.wrap-news-extra-content-box4 {
        width: 100%;
        border-bottom: 1px solid #ffffff;
        max-height: 120px;
    }

    .wrap-news-extra-content-box1::after,
    .wrap-news-extra-content-box2::after,
    .wrap-news-extra-content-box3::after {
        border-right: none;
        border-right: 0px solid #ffffff;
        max-height: 120px;
    }

    a.wrap-news-extra-content-box1::after,
    a.wrap-news-extra-content-box2::after,
    a.wrap-news-extra-content-box3::after {
        border-right: none;
        border-right: 0px solid #ffffff;
    }

    .wrap-news-extra-content-box-content {
        margin: 7px 2% 7px 2%;
        min-height: 10px;
    }

    /* ------------------------------------------- COLONNE GUTENBERG -------- */
    .wp-block-column:nth-child(odd) {
        margin-right: 0;
    }

    .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
        margin-left: 0;
    }

    .wp-block-column:not(:last-child) {
        margin-right: 0;
    }

    .wp-block-columns.has-2-columns.wp-block-columns-2575 .wp-block-column:first-child,
    .wp-block-columns.has-2-columns.wp-block-columns-7525 .wp-block-column:first-child,
    .wp-block-columns.has-2-columns.wp-block-columns-6535 .wp-block-column:first-child {
        max-width: 100%;
        flex-basis: 100%;
    }

    .wp-block-columns.has-2-columns.wp-block-columns-2575 .wp-block-column:nth-child(2n),
    .wp-block-columns.has-2-columns.wp-block-columns-7525 .wp-block-column:nth-child(2n),
    .wp-block-columns.has-2-columns.wp-block-columns-6535 .wp-block-column:nth-child(2n) {
        max-width: 100%;
        flex-basis: 100%;
    }

    .wp-block-columns.has-2-columns.wp-block-columns-2575 .wp-block-column:first-child img,
    .wp-block-columns.has-2-columns.wp-block-columns-2575 .wp-block-column:nth-child(2n) img,
    .wp-block-columns.has-2-columns.wp-block-columns-7525 .wp-block-column:first-child img,
    .wp-block-columns.has-2-columns.wp-block-columns-7525 .wp-block-column:nth-child(2n) img,
    .wp-block-columns.has-2-columns.wp-block-columns-6535 .wp-block-column:first-child img,
    .wp-block-columns.has-2-columns.wp-block-columns-6535 .wp-block-column:nth-child(2n) img {
        width: 100%;
        max-width: 100%;
    }

    /* ----------------------------------------------------- COLONNE -------- */
    .colonna-20 { max-width: 50%; }
    .colonna-25 { max-width: 50%; }
    .colonna-33 { max-width: 50%; }
    .colonna-34 { max-width: 50%; }
    .colonna-50 { max-width: 50%; }
    .colonna-75 { max-width: 100%; }
    .colonna-80 { max-width: 100%; }
    /* ----------------------------------------- Block Colonne da 1fr a 2f ------ */
    /* -------------------------------------------------- NAP GRIDLIST ------ */
    .gridbox2, .gridbox3, .gridbox4, .gridbox5, .gridbox6 { width: 100%; }
    .listbox-content {height: auto; max-height: auto; }
    .listbox-content-in .image, a.listbox-content-in .image { width: 100%; }
    .listbox-content-in .box, a.listbox-content-in .box { width: 100%; }
    /* -------------------------------------------------- NAP VIDEOGALLERY--- */
    .videogallery-content-grid6, .videogallery-content-grid5,
    .videogallery-content-grid4, .videogallery-content-grid3,
    .videogallery-content-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 30px 7px; padding: 15px;}
    /* -------------------------------------------------------- FOOTER ------ */
    .footer-box-1, .footer-box-2, .footer-box-3, .footer-box-4 { width: 100%; }
    .footer-box-25, .footer-box-50, .footer-box-75, .footer-box-100 {
        width: 100%;
        clear: left;
        padding-top: 5px;
        padding-bottom: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .footer-box-border1, .footer-box-border2, .footer-box-border3, .footer-box-border4 {
        border: 0px none transparent;
        border-bottom: 1px solid #ffffff;
    }
    .footer-grid-1111, .footer-grid-1110, .footer-grid-1100, .footer-grid-1000, .footer-grid-0110,
    .footer-grid-1010, .footer-grid-1101, .footer-grid-1001, .footer-grid-1011, .footer-grid-0111 {
        display: grid; grid-template-columns: 100%; max-width: 100%;
    }
}

/* ************************************************************************** */
/* IPHONE 8 plus 375 x 667 */
@media screen and (max-width: 375px) {
    /* ----------------------------------------------------- COLONNE -------- */
    .colonna-20, .colonna-25, .colonna-33, .colonna-34, .colonna-50, .colonna-75, .colonna-80 {
        max-width: 100%;
        padding: 0;
        margin: 0 0 10px 0;
    }
    .colonna-content {
        width: 100%;
        min-height: 10px;
        margin: 0 0 5px 0;
    }

    /* -------------------------------------------------- FOOTER box -------- */
    .footer-box-25, .footer-box-50, .footer-box-75, .footer-box-100 {
        width: 100%;
        clear: left;
        border-right: none;
        border-right: 0px solid #8b959c;
        border: none;
    }

    .footer-box-border1 {
        border-right: 0px solid #8b959c;
        border-bottom: 1px solid #8b959c;
    }

    .footer-box-border2 {
        border-right: 0px none #8b959c;
        border-bottom: 1px solid #8b959c;
    }

    .footer-box-border3 {
        border-right: 0px solid #8b959c;
        border-bottom: 1px solid #8b959c;
    }

    .footer-box-border4 {
        border-right: 0px solid #8b959c;
        border-bottom: 1px solid #8b959c;
    }
}

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

}