/*
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
Version: 1.1a
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;
}
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;
}

/*
@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);
}
a:hover,
a:active { outline: 0; }
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;
}

/* ----------------------------------------------------------------------------- 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-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 { /*ackground-color: yellowgreen;*/ }
.color-txt-footer-content { color: #000000; }

/* ----------------------------------------------------------------------------- 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: left;
    display: block;
    position: relative;
    padding: 10px;
}
.wp-block-cover.alignwide,
.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;
}
.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: 5px;
    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 {
    position: relative;
    display: block;
    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: 40px;
    right: 5px;
}
/* --- SEARCH form */
.head-extra-search {
    display: block;
    position: absolute;
    top: 80px;
    right: 5px;
}
.top-form-ico_cerca { margin-left: 5px; margin-top: 2px; }
/* ----------------------------------------------------- LOGO header -------- */
#logo {}

.wrap-logo-top {
    position: absolute;
    display: block;
    top: 5px;
    left: 5px;
    width: 175px;
}

.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;
    height: 25px;
    border: 1px solid #707070;
    border-radius: 5px;
}
/* ----------------------------------------------------- search -------- */
.box-search-form {
    padding: 5px;
    position: relative;
    display: block;
    float: left;
    border: 1px solid #707070;
    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: 5px;
    background-color: #8b959c;
}

.top-form-input-resp {
    font-size: 90%;
    display: inline-block;
    float: left;
    border: 0;
    padding: 3px 2px 2px 2px;
    width: 93%;
    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;
}

.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;
}

/* ----------------------------------------------------------------------------- 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 {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.footer-site-info-content, .footer-site-info-top-content, .footer-site-info-bottom-content {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

/* ------------------------------------------------------ FOOTER box -------- */
.footer-box-25 {
    position: relative;
    display: block;
    float: left;
    width: 25%;
}
.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 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;
    width: 100%;
    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;
    left: 10px;
}
#menu-top-right {}
.menu-top-right {
    position: absolute;
    display: block;
    right: 10px;
}
/* ------------------------------------------------------------ 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;
    margin-top: 9px;
    font-weight: 400;
    font-size: 90%;
}
.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 {
    border-right: 0px solid #000000;
    text-decoration: none;
    zoom: 1; /* IE7 */
    padding-top: 0px;
    padding-right: 0.4em;
    padding-bottom: 0px;
    padding-left: 0.4em;
}
.sf-menu a {
    color: #000000;
}
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu a:hover {
    color: #000000;
}
.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;
    border-right: 1px solid #000000;
}
.sf-menu ul li {
    background-color: #ffffff;
    border-right: 0px solid #000000;
}
.sf-menu ul ul li {
    background: #ffffff;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
    background: #ffffff;
    /* 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: 2.5em;
    *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: 1em;
    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: #10C775; /* 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;
}

/* WP SF-MENU */
/* LIVELLO - 0 */
.sf-menu > li.current-menu-item a { color: #10C775; }
.sf-menu > li.current-menu-parent a { color: #10C775; }
.sf-menu > li.current-menu-parent a.sf-with-ul:after { border-top-color: #10C775; }
/* LIVELLO - 1 */
.sf-menu > li ul li a { padding-top: 5px; padding-left: 7px; padding-bottom: 3px }
.sf-menu > li.current-menu-parent ul li a { color: #000000; }
.sf-menu > li.current-menu-parent ul li a:hover { color: #10C775; }
.sf-menu > li.current-menu-parent ul li.current-menu-item a { color: #10C775; }

.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);
}

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 */
#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;
}

.align-right {
    float: right;
}

#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 {
    color: #fff;
}

#cssmenu > ul > li.open > a {
    color: #fff;
}

#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;
}

.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 #222222;
    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 > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
    border-top: 2px solid #871515;
    border-left: 2px solid #871515;
    -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; }

/* ************************************************************************** */
/* *                                                                        * */
/* *  CONTENUTI                                                             * */
/* *                                                                        * */
/* ************************************************************************** */

/* ---------------------------------------------------------------- CONTENUTI */
/* HEADER */
.entry-header {}
.entry-header > h1,
.entry-header > h2,
.entry-header > h3 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.entry-header-meta {
    position: relative;
    display: block;
    float: left;
    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%;
}
/* CONTENUTI */
#entry-content {}
.entry-content {}

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

.entry-content > h1,
.entry-content > h2,
.wp-block-column > h1,
.wp-block-column > 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 {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

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

.entry-content > ul,
.entry-content ul,
.wp-block-column > ul {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    list-style: disc outside none;
}
.entry-content > ul li,
.entry-content ul li {
    margin-left: 20px;
    padding-left: 0px;
}
.entry-content > ol,
.entry-content ol {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    list-style: decimal outside none;
}
.entry-content > ol li,
.entry-content ol li {
    margin-left: 20px;
    padding-left: 0px;
}
table,
table td {
    font-size: 90%;
    font-weight: 300;
}
/* ---- 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;
    width: 100%;
    /* 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;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* --- 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;
}

/* ---------------------------------- 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 {}

/* ------------------------------------------------------- SPACERBOX -------- */
.spacerbox {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

/* ----------------------------------------------------------- TABLE -------- */
.table-overflow {
    Width: 100%;
    position: relative;
    display: block;
    float: left;
    Overflow-x: auto;
}

/* --------------------------------------------------------- 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;
}

/* --------------------------------------------------------------- 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 {
    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 {
    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: 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: 115% auto; }
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: 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;
    padding: 5px;
}
.gridbox-content-in .box .eventdate,
a.gridbox-content-in .box .eventdate {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-size: 90%;
    padding: 5px;
}
.gridbox-content-in .box .meta,
a.gridbox-content-in .box .meta {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-size: 60%;
    padding: 5px;
}
.gridbox-content-in .box .meta .date,
a.gridbox-content-in .box .meta .date {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.gridbox-content-in .box .meta .category,
a.gridbox-content-in .box .meta .category {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.gridbox-content-in .box .meta .author,
a.gridbox-content-in .box .meta .author {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}
.gridbox-content-in .box .text,
a.gridbox-content-in .box .text {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    padding: 5px;
    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;
}
.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;
}
a.listbox-content-in:link,
a.listbox-content-in:visited {
    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 {
    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;
    -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: 0 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 .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 -- */
.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;
}
/* -------------------------------- 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; }
/* --------------------------------------------------------- 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; }
.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); }

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

/* ************************************************************************** */
/* *                                                                        * */
/* *  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 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 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 HIDE item -------- */
.hide-wp-block, .hide-block, .hide, .nascondi {
    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;
}

/* ---------------------------------------------------------- YOAST BREACRUMB */
p#breadcrumbs {
    width: 100%;
    display: block;
    float: left;
    /*padding-left: 2%;
    padding-right: 2%;*/
    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: #e86e25;
}
*/

/* ------------------------------------------------ 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;
}
/* -------------------------------------------- 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;
}
/* --------------------------------------------------------- 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%;
}
/* ************************************************************************** */
/* *                                                                        * */
/* *  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: 0px 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 {}

/*
.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; }
/* 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: 50%; }
    .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;
    }
    /* ---------------------------------------- IMMAGINE in evidenza -------- */
}

/* ************************************************************************** */
/* 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;
    }
}

/* ************************************************************************** */
/* 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%; }

    /* -------------------------------------------------- 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%; }
    /* -------------------------------------------------------- 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;
    }
}

/* ************************************************************************** */
/* 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) {

}